@charset "utf-8";
@import "header.css";
/* CSS Document */

html  { height:100%; margin:0; }
body { background-color:#77787a; text-align:left; margin:0 auto; font-family: Verdana, Arial, sans-serif; font-size:12px; line-height:17px; height:100%; }
/* MAIN Headliner */
h1 { color:#9b9c9d; font-family: times, "Times New Roman", times-roman, georgia, serif; margin: 0; padding: 0px 0px 6px 0px; font-size: 44px; line-height: 38px; letter-spacing: -2px; font-weight: bold; }
/* Sub Headliner */
h4 { font-size: 11px; line-height: 14px; text-transform: uppercase; letter-spacing: 2px; font-weight: bold; }

/* Headliner 2 */
h2 { color:#93002c; font-size:18px; text-transform: capitalize; font-weight: bold; margin-bottom: 0; }
h5 { color:#93002c; font-size:15px; text-transform: uppercase; font-weight: bold; margin-bottom: 0; }
/* Headliner RIGHT  */
h3 { color:#dcdcdc; font-variant: small-caps; font-size:16px; margin-top: 5px; margin: 5px 0px; text-align: left; font-weight: bold; }  
   
/* CONTACT company title  */
.title { font-variant: small-caps; font-size:11px; }
.quote { font-stretch:expanded; color:#000; font-style:italic; line-height:1.5em; padding: 2px; }
.white { color:#dcdcdc; text-align:right; float:right; }
.drkblue { color:#2a4356; }
.ltblue { color:#5b697f; }
.red { color:#93002c; }
.black { color:#000; }
.floatRT img { float:right; margin: 0 0 5px 8px; border: solid 1px #77787a; padding:3px; }
.floatLT img { float:left; margin: 0 8px 5px 0; border: solid 1px #77787a; }
.center img { margin-left:auto; margin-right:auto; padding:0; border:0; display:block; text-align:center; }

p { font-family: Helvetica, Verdana, Arial; font-size: 13px; margin-top: .5em; color: #666666; }
.start { font-size: 11px; font-weight: bold; text-transform:uppercase; letter-spacing:2px; }


a { color:#2a4356; text-decoration:underline; font-weight:bold;	}
.nobold { color:#77787a; text-decoration:underline; } /* LINK - grey w/no bold */
.alignRT { color:#77787a; text-decoration:underline; font-weight:bold; text-align:right; float:right;} /* LINK - align RIGHT */
a:hover { color:#93002c; text-decoration:none; }

#container { position: relative; margin: 0 auto; padding:0; margin-top:5px; bottom:0; width:790px; background-color:#fff; }

/* TOC Thumbnails */
.toc {	font-size: 10px; font-weight: bold; color: #77787a; text-transform:uppercase; margin-top: 10px; margin-bottom:5px; text-align: center!important; 	letter-spacing:3px;; margin-left:20px; margin-right:20px; }
.thumb1 { border:solid 1px #77787a; padding:1px; margin:3px; margin-left:20px; margin-right:20px; }
.thumb { font-size:9.5px; font-weight:bold; color:#77787a; letter-spacing:1px; text-align:center; text-transform:uppercase; padding-top:20px; border:0; margin-bottom:10px; margin-left:22px; margin-right:22px; }
.thumb:hover  { font-size: 10px; text-decoration:none; color:#93002c; border:0;  } 
.thumb img { border: solid 1px #77787a; margin-bottom:5px; padding:2px; }
.thumb:hover img { border:solid 1px #93002c; padding:2px; }

/* Main Content */
#contentBOX { background-color:#fff; }

	/* Left Side */
	#leftIMG { position:absolute; left:0; width:87px; height:288px; top:200px; }
		body#new-homes #leftIMG {background-image:url(../images/leftIMG-new-homes.png); background-repeat:no-repeat; }
		body#remodeling #leftIMG {background-image:url(../images/leftIMG-remodeling.png); background-repeat:no-repeat; }
		body#room-additions #leftIMG {background-image:url(../images/leftIMG-room-additions.png); background-repeat:no-repeat; }
		body#company #leftIMG {background-image:url(../images/leftIMG-company.png); background-repeat:no-repeat; }
		body#portfolio #leftIMG {background-image:url(../images/leftIMG-portfolio.png); background-repeat:no-repeat; }
		body#resources #leftIMG {background-image:url(../images/leftIMG-resources.png); background-repeat:no-repeat; }
		body#contact-us #leftIMG {background-image:url(../images/leftIMG-contact.png); background-repeat:no-repeat; }
	
	/* Content (Center) */
	#contentIMG { position:absolute; left:87px; width:472px; height:133px; top:200px; }
		body#new-homes #contentIMG { background-image:url(../images/content-new-homes.jpg); }
		body#remodeling #contentIMG { background-image:url(../images/content-remodeling.png); }
		body#room-additions #contentIMG { background-image:url(../images/content-room-additions.jpg); }
		body#company #contentIMG { background-image:url(../images/content-company.jpg); }
		body#portfolio #contentIMG { background-image:url(../images/content-portfolio.jpg); }
		body#resources #contentIMG { background-image:url(../images/content-resources.jpg); }
		/* body#contact-us #contentIMG { background-image:url(../images/content-contact.jpg); } */
		
	#content { margin-left:87px; margin-top:118px; width: 442px; padding:15px; text-align:left; }
	#content2 { margin-left:87px; margin-top:15px; width: 472px; padding:15px; }
	#content3 { margin-left:87px; margin-top:0; width: 442px; padding:15px; text-align:left; }
		
		
		
	/* Right Side */
	#rt {
	position: absolute;
	left: 559px;
	top:200px;
	width:231px;
}
		#rtIMG { width: 231px;	height:133px; }
			body#new-homes #rtIMG { background-image:url(../images/rtIMG-new-homes.jpg); }
			body#remodeling #rtIMG { background-image:url(../images/rtIMG-remodeling.png); }
			body#room-additions #rtIMG { background-image:url(../images/rtIMG-room-additions.jpg); }
			body#company #rtIMG { background-image:url(../images/rtIMG-company.jpg); }
			body#portfolio #rtIMG { background-image:url(../images/rtIMG-portfolio.png); }
			body#resources #rtIMG { background-image:url(../images/rtIMG-resources.png); }
			body#contact-us #rtIMG { background-image:url(../images/rtIMG-contact.png); }
		#rtBG { background-image:url(../images/RTbg.png); background-repeat:repeat-y; vertical-align:top; padding: 12px; width:207px; }
			#rt #rtBG img { border:0; }
		#rtIMGbot { width:231px; height:33px; background-image:url(../images/RTbottom.png); vertical-align:top; }
		#rt p a img { border:0; }
			

/* Contact Information */
div.box1 { font-family: Helvetica, Verdana, georgia, Arial, sans-serif; position:absolute; width:192px;	left:0; top:5px; font-size:11px; vertical-align: inherit; padding: 0 0 2px 4px; }
div.box2 { font-family: Helvetica, Verdana, georgia, Arial, sans-serif; position:absolute; width:190px;	left:190px; top:5px; text-align:right; font-size:11px; vertical-align:middle; padding: 0 6px 2px 0; }

/* Index Content */
table.main { text-align:left; width:790px; background-color:#fff; position:relative; margin: 0 auto 0 auto; padding:0; }
td.indexTXT { vertical-align: top; text-align:left; font-stretch:condensed; background-color:#fff;  }
td.indexTXT p { padding: 7px 12px 10px 12px; margin: 5px; font-size:11px; font-family: Helvetica, sans-serif; line-height:17px; }
td.indexTXT a { font-weight:bold; font-size:10px; text-align:right; font-variant:small-caps; }
td.indexTXT a:hover { color:#93002c; font-weight:bold; font-size:10px; text-align:right;  }

/* ----- Portfolio Gallery ----- */

 div.gallery { float:left; padding: 10px 20px; text-align: center; font-size: 1em; width:180px; height:140px;  } 
	div.gallery a, div.gallery a:visited { text-decoration:none; color:#003366; font-weight:bold; text-align:-moz-center; /*FF*/ #text-align:center; /*IE */ }
	/* div.gallery a:hover { color:#89939c;} */
	div.gallery img { padding:5px; width:155px; height:100px; border:0; display:block; margin:0 auto; }
	div.gallery img:hover {  padding:5px; /* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6; }


/* FOOTER */
#footer { font-family: Helvetica, Verdana, georgia, Arial, sans-serif; text-align:left; width:790px; position: relative; margin: 0 auto 0 auto; padding: 3px 0 5px 0; color:#dcdcdc; font-size: 9px; letter-spacing:.3px; background-color:#77787a; border:0; }
#footer a { color:#dcdcdc; text-decoration:none; font-weight:bolder; font-size:10px; }