/**********************************

	File Name: stylesheet.css 
	Author: Jesse Faltus
	
**********************************/


/*Template Stuff (including title image and menu) */
body{
	position: relative;
	font-family:"Trebuchet MS", Veranda, Arial, Helvetica, Sans-serif;
	font-size:12px;
	background-color:#695C58;
}

a{
	text-decoration:none;
	cursor: pointer;
}

p{
	margin: 0px;
}

object {
	padding:0px;
	margin:0px;
} 

embed {
	padding:0px;
	margin:0px;
} 

#mainBody{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	height: 700px;
	background-color: #fff;
	padding: 1px;
	border: 2px groove #ccc;	
}

#mainLogo{
	width: 900px;
	height: 100px;
	padding: 0px;
	margin: 0px;
	background-image:url(../images/mainLogo.jpg);
}

#topSlate{
	width: 900px;
	height: 409px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background-color: #c1b5a7;
	border-bottom: 1px solid #ccc;
}

#contentSlate{
	position: absolute;
	top: 136px;
	left: 1px;
	width: 751px;
	height: 409px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background-image:url(../images/bluePrint.jpg);
	background-repeat:repeat;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#contentSlateWide{
	position: absolute;
	top: 136px;
	left: 1px;
	width: 898px;
	height: 409px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background-image:url(../images/bluePrint.jpg);
	background-repeat:repeat;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#welcomeText{
	position: absolute;
	top: 207px;
	left: 19px;
	width: 316px;
	height: 247px;
	color: #836f57;
	background-color: #fff;	
	border-right: 1px solid #ccc;
	padding: 10px;
	z-index: 1;
	overflow:auto;
}

#processText{
	position: absolute;
	top: 207px;
	left: 19px;
	width: 296px;
	height: 247px;
	color: #836f57;
	background-color: #fff;	
	border-right: 1px solid #ccc;
	padding: 10px;
	z-index: 1;
	overflow:auto;
}

#bottomSlate{
	width: 900px;
	height: 155px;
	padding: 0px;
	margin: 0px;
	background-color:#999;
}

#menuAreaHome{
	position: relative;
	height: 33px;
	width: 900px;
	background-color: #666;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;	
	z-index: 100;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#menuArea{
	position: relative;
	height: 33px;
	width: 900px;
	background-color: #666;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;	
	z-index: 100;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

ul#navHome{
	margin: 0px;
	padding: 0px 0px 0px 90px;
	list-style-type:none;
	background-color: #666;
	text-transform: uppercase;
}

ul#nav{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style-type:none;
	background-color: #666;
	text-transform: uppercase;
}

ul#nav li.menuHeader{
	position: relative;
	float: left;
}

ul#navHome li.menuHeader{
	position: relative;
	float: left;
}

#menuArea ul li:hover a.menuHeader, /*keeps the header highlighted when mousing over sub menu*/ 
#menuArea ul li.over a.menuHeader,
#menuAreaHome ul li:hover a.menuHeader, /*keeps the header highlighted when mousing over sub menu*/ 
#menuAreaHome ul li.over a.menuHeader,
{
	background-color: #999;
	color: #633;
}

#menuArea ul li:hover ul,
#menuArea ul li.over ul,
#menuAreaHome ul li:hover ul,
#menuAreaHome ul li.over ul{/*li.over required for flyouts to work with <= ie6 */
	position: absolute;
	display: block;
	top: 33px;
	left: 0px;
	z-index: 100;
	
}

#menuArea ul li a.menuHeaderPic,
#menuAreaHome ul li a.menuHeaderPic{
	display: block;
	color: #fff;
	padding: 0px;
	margin-bottom: 1px;	
	background-color: #666;
	z-index: 100;
}

#menuArea ul li a.menuHeader{
	display: block;
	color: #fff;
	padding: 0px;
	margin-bottom: 1px;	
	background-color: #666;
	z-index: 100;
}

#menuArea ul li a#menuLeft0{ /*Home*/
	width: 63px;
	height: 33px;
	background-image:url(../images/menuLeft0.gif);
	margin: 0px;
}

#menuArea ul li a#menuLeft0:hover{
	width: 63px;
	height: 33px;
	background-image:url(../images/menuLeft0hover.gif);
}

#menuArea ul li a#menuLeft1{ /*Gallery*/
	width: 77px;
	height: 33px;
	background-image:url(../images/menuLeft1.gif);
	margin: 0px;
}

#menuArea ul li a#menuLeft1:hover{
	width: 77px;
	height: 33px;
	background-image:url(../images/menuLeft1Hover.gif);
}

#menuArea ul li a#menuRight0{ /*Company Profile*/
	width: 133px;
	height: 33px;
	background-image:url(../images/menuRight0.gif);
	margin: 0px 0px 0px 347px;
}

#menuArea ul li a#menuRight0:hover{
	width: 133px;
	height: 33px;
	background-image:url(../images/menuRight0hover.gif);
}

#menuArea ul li a#menuRight1{ /*Our Facility*/
	width: 104px;
	height: 33px;
	background-image:url(../images/menuRight1.gif);
	margin: 0px;
}

#menuArea ul li a#menuRight1:hover{
	width: 104px;
	height: 33px;
	background-image:url(../images/menuRight1hover.gif);
}

#menuArea ul li a#menuRight2{ /*History*/
	width: 76px;
	height: 33px;
	background-image:url(../images/menuRight2.gif);
	margin: 0px;
}

#menuArea ul li a#menuRight2:hover{
	width: 76px;
	height: 33px;
	background-image:url(../images/menuRight2hover.gif);
}

#menuArea ul li a#menuRight3{ /*Contact Us*/
	width: 100px;
	height: 33px;
	background-image:url(../images/menuRight3.gif);
	margin: 0px;
}

#menuArea ul li a#menuRight3:hover{
	width: 100px;
	height: 33px;
	background-image:url(../images/menuRight3hover.gif);
}

#menuArea ul li ul,
#menuAreaHome ul li ul{
	position: relative;
	display: none;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	border: 1px solid #999;
	background-color: #666;
	z-index: 100;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;	
}

#menuArea ul li ul li,
#menuAreaHome ul li ul li{
	z-index: 100;
}

#menuArea ul li ul a.subMenuItem,
#menuAreaHome ul li ul a.subMenuItem{
	width: 178px;
	display: block;
	color: #fff;	
	margin-bottom: 1px;
	background-color:#666;
	padding: 5px 5px 5px 5px;	
	z-index: 100;
}

#menuArea ul li ul a:hover,
#menuAreaHome ul li ul a:hover{
	background-color:#777 ;
}

.quickButton{
	background-color: #eee; 
	border: 5px outset #e5dab3;
	cursor: pointer;
}

.quickButton:hover{
	border: 5px inset #666;
}

#iconTR{
	position: absolute;
	top: 150px;
	left: 767px;
	width: 110px;
	height: 173px;
	background-image:url(../images/TL.gif);
}

#iconR{
	height:174px;
	left:767px;
	position:absolute;
	top:347px;
	width:110px;
	background-image:url(../images/L.gif);
}
/*#iconL{
	position: absolute;
	top: 347px;
	left: 14px;
	width: 110px;
	height: 174px;
	background-image:url(../images/L.gif);
}*/

#iconBL{
	height:117px;
	left:14px;
	position:absolute;
	top:560px;
	width:418px;
	background-image:url(../images/BL.gif);
}



#iconBR{
	height:117px;
	left:459px;
	position:absolute;
	top:560px;
	width:418px;
	background-image:url(../images/BR.gif);
}

#slideShow{
	position:absolute;
	background-color:#fff;
	border:5px solid #ccc;
	height:267px;
	left:15px;
	padding-left:316px;
	top:202px;
	width:400px;
	z-index:1;
}

#signature{
	position: absolute;
	font-size: 8pt;
	margin: 0px;
	padding-left: 755px;
	padding-top: 3px;
	color: #fff;
}

#signature a{
	color: #fff;
}

#signature a:hover{
	color: #ccc;
	text-decoration: underline;
}

/*Page title header stuff*/
#profileTitle{
	background-repeat:no-repeat;
	background-image:url(../images/companyProfileHeader.gif);
}

#facilityTitle{
	background-repeat:no-repeat;
	background-image:url(../images/ourFacilityHeader.gif);
}

#whyTitle{
	background-repeat:no-repeat;
	background-image:url(../images/whyTimberHeader.gif);
}

#contactTitle{
	background-repeat:no-repeat;
	background-image:url(../images/contactUsHeader.gif);
	width: 370px;
	height: 25px;
	position: absolute;
	top: 169px;
	left: 15px;
	padding: 0px;
	margin: 0px;
	z-index: 3;		
}

#floorTitle{
	background-repeat:no-repeat;
	background-image:url(../images/floorHeader.gif);
}

#testimonialsTitle{
	background-repeat:no-repeat;
	background-image:url(../images/testimonialHeader.gif);
}

#customTitle{
	background-repeat:no-repeat;
	background-image:url(../images/customHeader.gif);
}

#constructionTitle{
	background-repeat:no-repeat;
	background-image:url(../images/constructionProcessHeader.gif);
}

.pageTitle{
	/*font-family:"Old English Text MT", Veranda, Arial, Helvetica, Sans-serif;*/
	width: 370px;
	height: 25px;
	position: absolute;
	top: 161px;
	left: 15px;
	padding: 0px;
	margin: 0px;
	z-index: 3;	
}

/*End Page title header Stuff*/

/*End of template stuff ( title, menu, quick buttons, and signature )*/


/*Start of homepage stuff*/
#galleryButton{
	position: absolute;
	top: 450px;
	left: 355px;
	z-index: 4;
	color:#ccc;
	border: 1px solid #ccc;
	font-size:15px;
}

#galleryButton a{
	display:block;
	width: 63px;
	height: 23px;
	color: #ccc;
	background-color: #666;
	padding-left: 10px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;	
}

#galleryButton a:hover{
	color: #fff;
	background-color:#999;
}

p#homeReadMore
{
	padding-top: 8px;
	text-indent:233px;

}

p#homeReadMore a,
p#homeReadMore a:visited
{
	color: #836f57;
}

p#homeReadMore a:hover
{
	color:#996633;
}

/*End of homepage stuff*/

#textContent{
	position:absolute;
	background-color:#fff;
	border:5px solid #ccc;
	height:317px;
	left:15px;
	padding:10px;
	top:184px;
	width:696px;
	z-index:1;
	color: #836f57;
	overflow:auto;
}

/*Used for Testimonials Page*/
#textExtContent{
	position:absolute;
	background-color:#fff;
	border:5px solid #ccc;
	height:317px;
	left:15px;
	padding:10px;
	top:184px;
	width:696px;
	z-index:1;
	overflow: auto;
}

#contactContent{
	position:absolute;
	background-color:#fff;
	border:5px solid #ccc;
	height:267px;
	left:15px;
	padding:10px;
	top:192px;
	width:696px;
	z-index:1;
	color: #836f57;
	overflow:auto;
}

#constructionSlideShow{
	border:1px solid;
	width:694px;
	height: 315px;
}

#floatingText{

}

/* Gallery Page Stuff */
#thumbnails{
	position: absolute;
	width: 343px;
	height: 400px;
	padding: 3px;
	margin: 0px;
	z-index: 1;
	overflow:auto;
}

#imgFrame{/*Frame around our image...so that we can add padding after our javascript backgroundImage adjustment*/
	position: absolute;
	left: 353px;
	top: 139px;
	width: 543px;
	height: 401px;
	margin: 0px;
	z-index: 1;
	background-color: #fff;
	border: 1px solid #666;
}

#imgDisplay{
	position: absolute;
	left: 356px;
	top: 142px;
	width: 539px;
	height: 397px;
	margin: 0px;
	z-index: 2;
	background-image:url(../images/img_1.jpg);
}

img{
	margin:0px;
	border: 1px solid #666;
	padding: 2px;
	background-color: #fff;
}

a.thumbnail:hover img,
a.thumbnail.over img{
	background-color: #633;
/*	border: 2px solid #633;*/
}
/*End Gallery Page Stuff*/

/*Testimonial Page Stuff*/
#openQuote{
	position: absolute;
	top:198px;
	left: 20px;
	font-size:48px;
	z-index:2;
}

.test{
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	overflow:hidden;
	padding-right: 10px;
}

#firstTest{
	border-right: 5px solid #836f57;
	height: 35px;
}

#secondTest,
#thirdTest{
	border-right: 5px solid #836f57;
	margin-top: 22px;
	height: 35px;
}

a.more{
	text-align: left;
	color:#836f57;
	margin-bottom: 20px;
}

/*End Testimonial Page Stuff*/

/*Contact Page Stuff*/
#leftArea{
	float:left;
	height:200px;
	padding:0px;
	width:284px;
	text-align:center;
	color: #836f57;
	font-size:16px;
}

#leftArea {
	float:left;
	height:200px;
	padding:0px;
	width:284px;
	text-align:center;
	color: #836f57;
	font-size:16px;
}

#leftArea a,
#leftArea a:visited{
	color: #836f57;
	font-size:16px;
}

#leftArea a:hover{
	color: #836f57;
	font-size:16px;
	text-decoration:underline;
}

#mapArea{
	margin: 0px 0px 0px 295px;
	padding:0px;
}

#companyTitle{
	background-image:url(../images/logoMini.jpg); 
	height:64px;
	width:284px;
}

/*End Contact Page Stuff*/