@charset "UTF-8";
/* CSS Document */
/*Website Development by Flavia Oleniewski*/
/*fancy font*/

	@font-face {
	font-family: 'BellMTRegular';
	src: url('../BELL.eot');
	src: local('Bell MT'), local('BellMT'), url('../BELL.woff') format('woff'), url('../BELL.ttf') format('truetype');
} 

/*Globals*/
* {margin:0; padding:0;}
img {border:0;}
body {background:url('../images/background.gif'); text-align:center; width:100%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#333333;}
#page {width:930px; text-align:left; margin:0 auto;background:url(../images/page_bg.png) repeat 50% 0%; padding:0 35px;}
a {color: #990000; text-decoration:none; outline:none;}
a:hover {text-decoration:underline;}
p {padding:5px 0;}
ul {padding-left:15px;}
#content li {padding:5px 0;}

/* Headlines */

h1 {font-family: 'BellMTRegular' , "Times New Roman", Times, serif; font-size:28px; color:#444207; line-height:1.5em;}
h2 {font-family: "Times New Roman", Times, serif; font-size:22px; color:#444207; line-height:1.5em; clear:both; padding-top:15px; }
h3 {font-family: "Times New Roman", Times, serif; font-size:18px; color:#444207; line-height:1.5em;}
h4 {font-size:16px; color:; line-height:18px; font-weight:100;}
strong {color:#000000;}
em {color:#000000;}

/* Header */
#header {background:url(../images/header_bg.png) no-repeat; height:176px; position:relative; width:1000px; margin:0 auto;}
#header h2{font-size:18px;}
#logo {
	position:absolute;
	top:29px;
	left:28px;
}
#info {  
	text-align:right;
	position:absolute;
	top:24px;
	left:841px;
	color:#444207;
	line-height:1.5em;
}
#info h2 {padding-top:0;}
#flash {position:absolute; left:214px; z-index:1; width:716px; height:397px; top:0;}
/* Navigation */

#nav {font-family: "Times New Roman", Times, serif;
	list-style:none;
	height:21px;
	display:block;
	width:900px;
	left:100px;
	top:140px;
	position:absolute;
	padding:0;
	margin:0;
}
#nav li {display:block; float:left;}
#nav li a { color:#444207;font-size:14px; line-height:14px; padding: 3px 2px 4px 10px; display:block; float:left; font-weight:bold; white-space:nowrap;}
#nav li a:hover {background:url(../images/nav_hover.gif) repeat-x; text-decoration:none; color:#fff;}
/* You Are Here */


/* Content */
#wrapper { position:relative; height:397px; margin:0 auto; text-align:center; padding-bottom:10px;}
#content {float:right; width:706px; padding-left:10px; border-left: 2px solid #d4cf9b;}
#home_numbers {list-style:none;}
#home_numbers li {width:200px; padding-left:40px; float:left; min-height:34px; margin-left:50px; padding-bottom:20px;}
#home_numbers li.one {background:url(../images/1.gif) no-repeat 0 4px;}
#home_numbers li.two {background:url(../images/2.gif) no-repeat 0 4px; margin-left:100px;}
#home_numbers li.three {background:url(../images/3.gif) no-repeat 0 4px;}
#home_numbers li.four {background:url(../images/4.gif) no-repeat 0 4px; margin-left:100px;}

/*sidebar*/
#sidebar {clear:both; float:left; width:212px; padding-top:5px; background:url(../images/savage_mill.gif) no-repeat 120px 60px;}
#sideNav {position:absolute; left:0; top:0; z-index:2; height:397px; list-style:none; width:251px; margin:0; padding:0;}
#sideNav li {float:left; display:block; width:251; }
#sideNav li a {display:block; padding:0; margin:0; }
#sideNav li a.kitchens {background:url(../images/nav_kitchens.png) no-repeat 0 0; width:251px; height:130px; margin-bottom:1px;}
#sideNav li a.kitchens:hover {background-position:0 -130px;}
#sideNav li a.pergolas {background:url(../images/nav_pergolas.png) no-repeat 0 0; width:251px; height:130px;}
#sideNav li a.pergolas:hover {background-position:0 -130px;}
#sideNav li a.fireplaces {background:url(../images/nav_fireplaces.png) no-repeat 0 0; width:251px; height:135px ;   margin-bottom:1px;}
#sideNav li a.fireplaces:hover {background-position:0 -135px;}

/* Footer */
#footer {background:url(../images/bottom.png) no-repeat 0 0; min-height:22px; clear:both; text-align:center; padding-top:40px;  width:1000px; margin:0 auto;}



/*gallery*/
.photos {list-style:none; padding-left:0; text-align:center; width:100%; margin:0 auto; font-size:14px; font-weight:bold; font-color:#444207}
.photos li {float:left; min-height:200px; width:170px;}
.photos li img {padding:5px ;}

.thumbnails {list-style:none; padding-left:0; text-align:center; width:100%; margin:0 auto;}
.thumbnails li {float:left; width:110px;}
.thumbnails li img {margin-right:10px ;}

/*base*/
.main {width:340px; float:left; margin-bottom:10px;}
.description {padding-left:10px; padding-bottom:10px; width:356px; float:right;}
.description h2 {padding-top:0;}

/*form*/
#contact_form {width:500px;}
#contact_form ul {list-style:none; padding:0; margin:0;}
#contact_form ul li {display:block; padding:5px 0; clear:both;}
#contact_form label {width:20%;font-weight:bold; font-size:12px; display:block; float:left; margin-right:5px;}
#contact_form input {width:76%;}
#contact_form textarea {width:100%;}
#contact_form ul li input[type='checkbox']{width:auto; display:inline;}

/*steps*/
.steps {clear:both; padding-bottom:10px;}
.steps div {float:left; padding-right:10px; width:290px;}
.steps img {float:right; padding-bottom:20px;}

/*seo*/
#seo h1 {font-size:12px;}