/* BASIC STRUCTURE
*******************************************************************************/
body, html {
	height: 100%;
	
	}

body, body #home {
	margin: 0; padding: 0;
	}	

#wrapper {
	min-height:100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -1em;
	clear:both;
	}

* html #wrapper {
	height:100%;
	}


body { margin: 0; padding: 0; color:#000; line-height:18px; font-size:75%; font-family: Arial, Verdana, Helvetica;  background:#f3efc7;}
body #home { margin: 0; padding: 0; color:#000; line-height:16px; font-size:75%; font-family: Arial, Verdana, Helvetica;  }

#home #container-bg { }
#container-bg { }
#container { margin: 0 auto; width: 900px; text-align:center; }
#container-2nd-level-bg {float:left; width: 910px; height: 417px; background: #097537 url(images/bg-home-green-header.jpg) no-repeat;  }
#container-2nd-level { margin: 0 auto; padding:10px 0px 5px 5px;  }

#back #container-2nd-level-bg {float:left; width: 895px; height: 200px; background: #006a34 url(images/bg-header-back.jpg) no-repeat;  }

/* LINKS - DEFAULT COLORS ARE SET IN BASE.CSS, CHANGE THESE COLORS AS NEEDED.
*******************************************************************************/
a:link, a:visited { color: #015625; text-decoration:none; font-weight:bold; }
a:hover { color: #030e35; text-decoration:underline; }



/* HEADER
*******************************************************************************/
#header { margin: 0px auto; padding: 0px; height: 94px; width: 900px; }
#header #hdr { float: left;  width: 265px;}
#header #hdr-2 { float: left; width: 600px; text-align:right; padding-right:30px; }  
	* html #header #hdr-2 { float: right; width: 416px; text-align:right; padding-top:10px; }  

.header-home { display:block; background: url(images/logo.gif) no-repeat; margin-top:5px; height: 100px; width: 215px; }
.header-home span { display:none;  }
.header-phone { float:right; display:block; font-weight:bold; font-size:140%; margin-top:15px; height: 20px; width: 355px; }
.header-phone span {color:#020e34;}
/*MAIN MENU TOP
*********************************************************************************/
#main-menu-page { float:right; width:565px; height:50px; position:relative; margin-top:20px; padding:0px; }

#main-menu-page ul { margin: 0; padding: 0;	list-style: none;	font-size: 1.2em;	}
	#main-menu-page li {float: left; list-style: none;  background: url(images/bg-topnav.gif) repeat-y top right;margin: 0px; padding: 20px 12px 10px 12px; }
	#main-menu-page li.active a {display:block;  }
	
	#main-menu-page a, #main-menu-page a:link, #main-menu-page a:visited {color: #0c1a4a; font-size:75%; font-weight:bold; text-decoration:none;}
	#main-menu-page a:hover { color: #0057ca; }


/* CONTENT AREA
*******************************************************************************/
#content { margin:0 auto; display:block; width: 880px; padding:20px 10px 0px 10px; }
#back #content {float:left; background:#fff; width: 875px; min-height:600px; height:auto !important; padding-bottom:30px; }
 * html #back #content {float:left; background:#fff; width: 875px; height:600px;  padding-bottom:30px; }

/* MAIN
*******************************************************************************/
#main { display: block; text-align:left; padding:0px; }

#home .box1 { float:left; margin:0 auto; width: 445px; height:336px; background: url(images/home-kitchen-before.jpg) no-repeat top center;}
#home .box2 { float:left; width:430px; padding:45px 0px 10px 10px; color:#fff; font-size:1em; }
#home .box3 { float:left; margin:0 auto; width: 445px; height:336px; background: url(images/home-kitchen-after.jpg) no-repeat top center;} 

#back .box1 { float:left; margin:0 auto; width: 500px; padding-left:10px }
#back .box2 { float:left; width:360px; padding:5px 20px 10px 0px; color:#fff; font-size:1em; }

.box2 h1 {color:#fff; font-size:200%; margin-top:0px;}
#back .box2 h1 {color:#fff; font-size:200%; margin-top:30px;}
#home .box2 h1 a, #back .box2 h1 a, #home .box2 h1 a:visited, #back .box2 h1 a:visited {color:#fff;}

.box2 h2 {color:#f3e87b; font-size:180%; font-style:italic; padding-top:0px; font-family: Georgia, Arial; font-weight:normal;
}
.box2 h3 {color:#fff; font-size:150%; font-style:italic; }
#home .photos img {float:left; width:140px; margin-top:50px; }
#back .photos img {float:left; margin-right: 10px; }

.main-box {float:left; width:430px; padding:15px 10px 30px 0px; }
.main-right {float:left; width:412px; margin:15px 0px 20px 20px; }
.home-light {
	float:left; 
	width:390px; 
	padding:15px 10px 10px 10px; 
	background:#f3efde; 
	border:1px solid #fff;
	text-align: center;
}
.quote-box {
	float: left;
	background: url(images/bg-quote.jpg) no-repeat;
	width: 322px;
	height: 226px;
	padding: 5px 40px 10px 50px;
}
.quote-box h1 {
	text-align: center;
}
#home .slideshow {
	float:left; background:none; border:0; padding:0 20px 10px 0px;  width:400px; 
	}

#home .slideshow img {width: 185px; height: auto; border:3px solid #ccc; margin-bottom:10px; margin-right:5px;}

.more {
	float: left;
	background: #dbd7b1;
	width:390px; 
	padding:4px 8px;
	text-align: right;
}

/* BACK PAGES
*******************************************************************************/
.center-box {width:690px; margin:10px auto; text-align:center; }
.center-box img {margin-left:20px; }
.left-narrow {float:left; text-align:justify; padding:0px 20px; margin-bottom: 10px; }
.left {float:left; width:420px; text-align:justify; padding:0px 20px; margin-bottom: 10px; }
	img.leftalign {float:left; padding:0 10px 10px 0; }
.right {float:left; width:390px; margin-bottom: 10px; margin-right:10px; padding:0px; }
* html .right {width:330px; margin-right:0px; }
	img.rightalign {float:right; padding:0 0px 10px 10px; }

.portfolio-box {float:left; margin:0 auto; margin-left:20px; padding:20px; background:#f1ebd3; border-top:4px solid #cbc3a2;}
* html .portfolio-box {margin-left:10px; padding:10px; }
.portfolio-thumbnails {float:left; margin:10px 20px 10px 0px; }
.portfolio-thumbnails img {border:1px solid #ddd5b3;}

.testimonials {float:left; width:680px; margin-left:20px; margin-bottom:20px; background:#f9f7e7; padding:20px; }
.testimonials2 {float:left; width:680px; margin-left:20px; margin-bottom:20px; background:#fbfaf1; padding:20px; }
.col {float:left; width:190px; margin-right:20px;}
.col2 {float:left; width:340px; margin-right:30px;}

.featured-box {
	float: left;
	background: #015927;
	padding: 0px 20px 12px 20px;
	color: #fff;
	font-size: 110%;
	margin-bottom: 15px;
}
.featured-box h1, .featured-box a {
	color: #ece177;
}
.featured-box h1{
	font-size: 140%;
}
.featured-box img {
	float: left;
	width: 180px;
	margin-right: 10px;
	margin-top: 10px;
	border: 1px solid #f3efc7;
}
.home-highlight {
	float: left;
	background: #e6de8c ;
	padding: 0px 15px 15px 15px;
	margin-bottom: 10px;
}
.home-highlight h1 {
	font-size:120%;
	line-height: 120%;
	color: #207630;
}
/* FOOTER
*******************************************************************************/
#footer-bg { float:left; width: 100%; height: 67px; margin: 0px auto;	position: relative; background: #231f20; }
#footer { width:900px; margin:0 auto; display:block; }
.ftr-links { float:left; width:580px; padding:16px 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; font-size: 0.9em; font-weight:bold; color:#fff;}
.ftr-cb { float:left; text-align:right; width:200px; padding:20px 10px 10px 0; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 12px; font-size: 0.75em; font-weight:bold; color:#e8dfbf;}
.ftr-cb-img { float:left; width:100px; margin-top:10px; }
.ftr-links a, .ftr-links a:visited {color:#e8dfbf; font-size:0.9em; }


/* HEADINGS
******************************************************************************/
h1 { font-size: 180%; color:#683406; font-family: Arial, Verdana, Helvetica; line-height:100%; padding-bottom:4px;margin-bottom:6px;}
h2 { font-size: 160%; color:#015625; }
h3 { font-size: 100%; margin-bottom:2px; }
h4 { font-size: 120%; color:#015625; }

img, img a {border:0px; }
img.border , img.border a {border:1px solid #fff;}
.clear {clear:both; height:20px; }