/************************************************
*
* Harwood Design Builders
* http://www.harwooddesignbuilders.ca
* (c) 2009, All Rights Reserved.
* 
* Updated May 2009
************************************************/

/****************************
Colors:
Navy: #43437d;
Darkest Green:#3b411f;
Dark Green: #9ba373;
Light Green: #b7be92;
*****************************/

html, body {
font-family: Tahoma, Geneva, sans-serif;
font-size:90%;
line-height:1.3;
background-color:#b7be92;
height:100%;
margin:0;
padding:0;
}
h1 { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;color:#43437d; font-size: 1.4em}
h2 { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;color:#43437d; font-size: 1.0em}
h3 { color:#1a1d55; font-size: 0.95em}
h4 { color:#ff6600; font-size: 0.90em}
.quotations {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;font-size:1.6em;margin:40px 40px;line-height:1.6em;}

a {
font-family:Verdana, Geneva, sans-serif;
font-size:0.95em;
font-style:normal;
color:#2e2f2f;
text-decoration:underline;
}
a:hover, .coltext a:hover{
color:#454646;
}
#spacing li{
padding-top:10px;
padding-bottom:10px;
}
#floatLeft2{
float:right;
background:#9ba373 url(../images/topbk.gif);
background-repeat:repeat-x;
width:1020px;
}
#floatLeft{
float:left;
background:#9ba373 url(../images/topbk.gif);
background-repeat:repeat-x;
width:340px;
}
#floatRight{
float:right;
background:#9ba373 url(../images/topbk.gif);
background-repeat:repeat-x;
width:680px;
margin-bottom:10px;
}
.arrow{
padding-top:5px;
padding-right:10px;
}
#container{
width:1020px;
background:#9ba373 url(../images/topbk.gif);
background-repeat:repeat-x;
height: 100%;
margin:0 auto;
}
body > #container {height: auto; min-height: 100%;}

#main {padding-bottom: 100px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -100px; /* negative value of footer height */
	height: 100px;
	clear:both;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#foot{width:1020px;height:100px;margin:0 auto;background: #4f5824 url(../images/footer.gif) repeat-x;color:#ffffff;}
#foot #left{
float:left;
padding-top:15px;
padding-left:70px;
padding-right:110px;
width:900px;}
#foot #right{
float:right;
text-align:left;
padding-top:20px;
padding-right:20px;
width:630px;}

#footer a{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#ffffff;
text-decoration:none;
}
#footer a:hover{
font-size:1em;
text-decoration:underline;
}

#header{
background: #606547 url(../images/harwoodheader.jpg) no-repeat;
width:1020px;
height:235px;
margin:0 auto;
}

#header ul{
float:left;
margin-left:500px;
height:20px;
width:450px;
margin:0;
}
#header li{
display: inline;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 15px;
color:#43437d;
padding-right:8px;
}
#header li a{
color:#43437d;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
}
#header li a:hover{
text-decoration:underline;
}
#navigation{
width:300px;
height:393px;
background: url(../images/nav.gif) no-repeat;
float:left;
margin-top:40px;
margin-left:40px;
}
#navigation ul{
margin-top:12px;
}
#navigation ul li{
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.4em;
color:#fff;
}
#navigation li{
font-family:Arial, Helvetica, sans-serif;
padding:6px 5px;
margin-right:10px;
color:#fff;
list-style:none;
border-bottom: 1px solid #8e975c;
}
#navigation li a{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
color:#fff;
text-decoration:none;
}
#navigation li a:hover{
font-size:1em;
font-weight:bold;
color:#fff;
text-decoration:underline;
}
.navigationSel{
color:#c5e97c;
font-weight:bold;
}
#slideshow{
width:616px;
height:391px;
float:left;
margin-top:40px;
margin-left:25px;
}
#fade{
width:680px;
height:391px;
margin-top:40px;
}
#fade li{
list-style-type:none;
background:#9ba373 url(../images/topbk.gif) repeat-x;
background-position:0px -40px;
width:680px;
margin-left:-40px;
}
#fade img{margin-left:40px}
#dreambar{
width:980px;
height:226px;
background: #9ba373;
font-family:Arial, Helvetica, sans-serif;
float:left;
margin-left:40px;
margin-bottom:35px;
margin-top:15px;
}
.dreamtext{
width:300px;
height:175px;
margin-top:20px;
margin-left:380px


}
.coltext{
margin-top:205px;
padding-left:80px;
width:200px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:0.9em;
}
.coltext a{
font-family:Verdana, Geneva, sans-serif;
font-style:normal;
color:#2e2f2f;
text-decoration:underline;
}
#homecol1{
width:293px;
height:342px;
background:#9ba373 url(../images/showcase.jpg) no-repeat;
float:left;
padding-right:25px;
margin-right:13px;
margin-left:40px;
margin-bottom:20px;
}
#homecol2{
width:293px;
height:342px;
background:#9ba373 url(../images/testimonials1.jpg) no-repeat;
float:left;
padding-right:25px;
margin-right:13px;
margin-bottom:20px;
}
#homecol3{
width:293px;
height:342px;
background:#9ba373 url(../images/mosaic.jpg) no-repeat;
float:left;
padding-right:25px;
margin-bottom:20px;
}
#homecol1 p, #homecol2 p, #homecol3 p{
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:0.9em;
color:#46483f;
line-height:1.4em;
}
.clear{
clear:both;
}
.push{
height:100px;
}

#gallery-nav{
background-color: #f6f8ec;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
padding: 10px 20px 20px 30px;
float:left;
margin-left:40px;
width:251px;
height:220px;
margin-top:20px;
}
#gallery-nav ul{
font-size: 14px;
text-align:left;
width:280px;
height:50px;
line-height:18px;
float:left;
margin-right:0px;
padding-right:0px;
padding-left:13px;
padding-top:0px;
margin-top:0px;
margin-bottom:0px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px; 
}
#gallery-nav li{
display:inline;
font-weight:bold;
height:50px;
line-height:21px;
color: #000;
font-size:13px;
}
#gallery-nav li a{
display:inline;
text-decoration:none;
color:#000;
padding-right:3px;
height:50px;
font-size:13px;
}

#gallery-nav li a:hover{
display:inline;
text-decoration:underline;
color: #000;
height:50px;
font-size:13px;
}
#bodyText{
width:566px;
float:left;
margin:40px 0 20px 25px;
background-color: #f6f8ec;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
padding: 10px 20px 20px 30px; 
}
ul#showcaseNav{
font-size: 14px;
text-align:center;
width:611px;
height:50px;
line-height:18px;
float:right;
margin-right:30px;
padding-right:5px;
padding-left:5px;
padding-top:10px;
margin-top:6px;
margin-bottom:0px;
background-color: #413221;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px; 
}
#showcaseNav li{
display:inline;
font-weight:bold;
height:50px;
line-height:18px;
color: #9ba373;
font-size:0.9em;
}
#showcaseNav li a{
display:inline;
text-decoration:none;
color:#fff;
padding-right:3px;
height:50px;
font-size:0.9em;
}

#showcaseNav li a:hover{
display:inline;
text-decoration:underline;
color: #fff;
height:50px;
font-size:0.9em;
}
.brightGreen{color:#c5e97c;font-size:11px;font-weight:bold;}
blockquote{
background:transparent url(../images/quote-right.gif) no-repeat right bottom;
padding-top:5px;
}
blockquote p{
background:transparent url(../images/quote-left.gif) no-repeat top left;
padding-left:30px;
}
.testimonial{
border: 1px dotted #b7be92;
background-color:#eff1df;
color:#3b411f;
line-height:1.6em;
width:550px;
margin-bottom:20px;
}
.testimonialName{
padding-left:30px;
padding-bottom:15px;
color:#65712f;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-weight:bold;
font-size:1.2em;
}
#smallBoxLeft{
margin-left:45px;
margin-top:20px;
width:250px;
height:50px;
color:#fff;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-weight:bold;
font-size:1em;
text-align:center;
background-color: #3b411f;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
line-height:50px;
padding: 20px 20px;
}
#smallBoxLeft a{
color:#fff;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-weight:bold;
font-size:1em;
text-decoration:none;
}
#smallBoxLeft a:hover{
color:#fff;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-weight:bold;
font-size:1em;
text-decoration:underline;
}
#awards{
	width:550px;
	height:200px;
	border: 1px dotted #b7be92;
	background-color:#eff1df;
	color:#3b411f;
	line-height:1.6em;
	margin-bottom:20px;
}
#awardlogo{
	width:150px;
	float:left;
	padding:10px;
}
#awardcopy{
	width:360px;
	float:right;
	padding-right:10px;
}