* { margin: 0; padding: 0; }

body { background: url(../images/bg_woodgrain.jpg) repeat-x 0 0; font: normal 70%/1.5 Helvetica, arial, sans-serif; }

a { color: #9b272c; padding: 3px; text-decoration: none; }
a:hover { background-color: #9b272c; color: #FFF;  }
a.facebook:hover { background-color: #fff;}

p { color: #818181; font-size: 120%; margin-bottom: 25px;}
p.address { color: #818181; font: normal 13px/1.3 'Georgia', serif; padding-top: 0; margin-left: 17px; width: 170px;}
.padding p { width: 400px; }
	
h1 a { background-image: url(../images/logo.gif); float: left; height: 72px; margin: 0 0 20px 5px; text-indent: -2000em; overflow: hidden; width: 167px; }
h2 { height: 47px; width: 255px; text-indent: -2000em; overflow: hidden; }
	h2.custom { background-image: url(../images/h_custom.gif); position: absolute; top: 140px; left: 500px; }
	h2.design { background-image: url(../images/h_design.gif); position: absolute; top: 140px; left: 500px;}
	h2.balance { background-image: url(../images/h_balance.gif); position: absolute; top: 140px; left: 500px;}
	h2.elegant { background-image: url(../images/h_elegant.gif); position: absolute; top: 140px; left: 500px;}
	h2.newhomes { background-image: url(../images/h_newhomes.gif); margin: 40px 0;}
	h2.renovations { background-image: url(../images/h_renovations.gif); margin: 40px 0;}
	h2.aboutus { background-image: url(../images/h_aboutus.gif); margin: 40px 0;}
	h2.contactus { background-image: url(../images/h_contactus.gif); margin: 40px 0;}
	h2.greenbuilt { background-image: url(../images/h_greenbuilt.gif); margin: 40px 0; width: 370px;}

h3 {
	font: normal 21px Georgia, Times, serif;
	margin-bottom: 7px;
	color: #6f1a1e;
	
}

:focus{outline:0}

#wrapper { background: url(../images/shadow_top.png) repeat-x 0 0; margin: 60px 0 0 0; min-height: 608px; height: auto !important; height: 608px; position: relative; width: 100%;}
#mainContent { background-color: #fff; float: left; min-height: 540px; height: auto !important; height: 540px; min-width: 1100px; height: auto !important; width: 1100px; position: relative; top: 16px; width: 100%; padding: 35px 0 0 0; }
#footer { position: absolute; bottom: 0; left: 0; background: url(../images/shadow_bottom.png) repeat-x left bottom; height: 16px; width: 100% }
#menuBar { float: left; margin-left: 55px; width: 175px; }
#content { background-color: #f2f1ea; display: inline; float: left; margin-left: 50px; min-height: 500px; height: auto !important; height: 500px; padding: 0; position: relative; width: 820px; }


#newhomes #content { background: #f2f1ea url(../images/bg_newhomes.jpg) no-repeat right top; display: inline; float: left; margin-left: 50px; min-height: 500px; height: auto !important; height: 500px; position: relative; width: 820px; }
#renovations #content { background: #f2f1ea url(../images/bg_renovations.jpg) no-repeat right top;}
#aboutus #content { background: #f2f1ea url(../images/bg_aboutus.jpg) no-repeat right top;}
#contact #content { background: #f2f1ea url(../images/bg_contactus.jpg) no-repeat right top;}
#greenbuilt #content { background: #f2f1ea url(../images/bg_greenbuilt.jpg) no-repeat right top;}

.padding { padding: 50px 0 0 50px; position: relative; }
.lesspadding { padding: 25px 0 0 50px; position: relative; }
#mainNav { background: url(../images/line.gif) no-repeat left bottom; float: left; height: 240px; list-style: none; margin-bottom: 10px; padding-bottom: 20px; width: 195px; }
#mainNav li { list-style: none; }
#mainNav li a { background-image: url(../images/menu.gif); background-repeat: no-repeat; display: block; height: 33px; overflow: hidden; position: relative; text-indent: -2000em; }
#mainNav a:hover { background-color: transparent; } 

#t-home a { background-position: 0 0; height: 33px; }
#t-home a:hover { background-position: -195px 0;  }
#t-home a.selected { background-position: -195px 0; } 

#t-newhomes a { background-position: 0 -33px; height: 33px; }
#t-newhomes a:hover { background-position: -195px -33px; }
#t-newhomes a.selected { background-position: -195px -33px; }

#t-renovations a { background-position: 0 -66px; height: 33px; }
#t-renovations a:hover { background-position: -195px -66px; }
#t-renovations a.selected { background-position: -195px -66px; }

#t-greenbuilt a { background-position: 0 -99px; height: 33px; }
#t-greenbuilt a:hover { background-position: -195px -99px; }
#t-greenbuilt a.selected { background-position: -195px -99px; }

#t-aboutus a { background-position: 0 -132px; height: 33px; }
#t-aboutus a:hover { background-position: -195px -132px; }
#t-aboutus a.selected { background-position: -195px -132px; }

#t-contactus a { background-position: 0 -165px; height: 33px; }
#t-contactus a:hover { background-position: -195px -165px; }
#t-contactus a.selected { background-position: -195px -165px; }

#design { background: url(../images/img_placeholder4.jpg) no-repeat 9px 9px; min-height: 490px; height: auto !important; height: 490px; position: relative; width:820px; }
#custom { background: url(../images/img_placeholder.jpg) no-repeat 9px 9px; min-height: 490px; height: auto !important; height: 490px; position: relative; width:820px; }
#elegant { background: url(../images/img_placeholder3.jpg) no-repeat 9px 9px; min-height: 490px; height: auto !important; height: 490px; position: relative; width:820px; }
#balance { background: url(../images/img_placeholder2.jpg) no-repeat 9px 9px; min-height: 490px; height: auto !important; height: 490px; position: relative; width:820px; }


.randomcontent p { color: #939391; font: normal 14px/1.4 Helvetica, sans-serif; padding-right: 30px; position: absolute; top: 240px; left: 500px; width: 290px}
#contactus { background: url(../images/thumb_placeholder.jpg) no-repeat 0 0; height: 80px; width: 300px; position: absolute; bottom: 0; left: 500px;}
#contactus a { font: normal 12px "Georgia", serif; position: absolute; bottom: 0; left: 87px; text-transform: uppercase; }
#newhomesgallery { background: url(../images/thumb_placeholder.jpg) no-repeat 0 0; height: 80px; width: 300px; }
#newhomesgallery a { font: normal 12px; text-transform: uppercase; margin: 40px 0 0 87px; }

#thumbnails { position: absolute; top: 10px; left: 500px; width: 200px; }
.block a { border: 2px solid #fff; float: left; height: 20px; margin-right: 8px; text-indent: -2000em; overflow: hidden; width: 20px; }
.block a:hover, .block a.selected { background-color: #e6e5de; }

/* SLIDER ---------*/
#slider {
  width: 740px; /*adjusted to fit the width of the container */
  margin: 0 auto;
  position: relative;
}
.scroll {
  height: 500px; /*adjusted to fit the width of the container */
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: transparent;
}
.scrollContainer div.panel{
  width:740px; /*adjusted to fit the width of the container */
  height:500px; /*adjusted to fit the width of the container */
  background: #f2f1ea;
  padding: 40px 0 0 13px;
}

.scrollContainer div.panel p {
	padding: 20px; 
	background: #d4d2c6;
	margin-top: 15px;} 
	
.scrollButtons { position: absolute; top: 200px; cursor: pointer; }
.scrollButtons.left { left: -40px; }
.scrollButtons.right { right: -40px; }

.callout p {
	position: absolute;
	color: #9b272c;
	left: 490px;
	top: 175px;
	width: 250px;
	padding: 0;
	font: normal 150%/1.5 "georgia", serif;
}

.callout p strong { font-size: 90%; color: #4e4e4d; }

.left { float: left; margin: 0 7px 7px 0;}