/*******************  
*	DEFAULTS
********************/

A			{ color: #f8bb45; text-decoration: underline }
A:hover			{ color: #f8bb45; text-decoration: none }

BODY			{ background-color: #652404; color: #eecb88; font: normal 12px verdana, arial; line-height: 140% }
TABLE			{ padding: 0px; margin: 0px; border-collapse: collapse; }
TABLE TD		{ color: #eecb88; padding: 0px; margin: 0px; border-collapse: collapse; vertical-align: top }
IMG			{ border: 0px; margin: 0px }
P			{ margin: 10px 0 }
FORM			{ margin: 0px }
ADDRESS			{ font-style: normal; }
INPUT,
TEXTAREA		{ background: #d28a10; border: 1px solid #ffde9b; color: #652404 }

FORM TABLE TD 		{ padding: 5px }
FORM TABLE TH		{ width: 140px; text-align: right; vertical-align: top; font-size: 12px; padding-top: 7px }
FORM INPUT.submit, 
A.submit		{ font: bold 11px arial; background: #ffde9b; border: 1px solid #d28a10; padding: 1px 10px; cursor: pointer }
A.submit		{ padding: 3px 10px 4px 10px; }
A.submit:hover		{ color: #fff; text-decoration: none }

H1			{ color: #f8bb45; font: normal 18px verdana, arial; line-height: 100%; margin: 15px 0px }
H2			{ color: #ee9f1a; font: bold 16px arial; margin: 15px 0px }
H4			{ color: #ee9f1a; font: bold 12px arial; margin: 4px 0px }

/*******************  
*	STRUCTURE
********************/

#container		{ margin: 0px auto; width: 799px; background: url(images/content-bg.png) no-repeat 44px 252px }
#header			{ height: 90px; background: url(images/page-header.png) no-repeat } 
#header	h1		{ margin: 0px }
#header	h1 a		{ display: block; width: 335px; height: 60px; background: url(images/page-header.png) no-repeat; text-indent: -9000px; text-decoration: none; overflow: hidden; } 

UL#menu			{ background: transparent url(images/menu.png) no-repeat 0px 0px; height: 48px; font-size: 12px; text-align:left; padding: 0px; margin: 0px; list-style: none }
UL#menu LI		{ float: left; margin: 0px; }
UL#menu A 		{ background: transparent url(images/menu.png) no-repeat; display: block; height: 48px; text-indent: -9000px; text-decoration: none; overflow: hidden; }

#menu #home A		{ background-position: 0px 0px; width: 134px; margin-left: 0px; }
#menu #home A:hover,
UL#menu.home #home A	{ background-position: 0px -48px; }

#menu #about A		{ background-position: -134px 0px; width: 132px; margin-left: 0px; }
#menu #about A:hover,
UL#menu.about #about A	{ background-position: -134px -48px; }

#menu #portfolio A	{ background-position: -266px 0px; width: 133px; margin-left: 0px; }
#menu #portfolio A:hover,
UL#menu.portfolio #portfolio A	{ background-position: -266px -48px; }

#menu #services A	{ background-position: -399px 0px; width: 132px; margin-left: 0px; }
#menu #services A:hover,
UL#menu.services #services A	{ background-position: -399px -48px; }

#menu #faq A		{ background-position: -531px 0px; width: 134px; margin-left: 0px; }
#menu #faq A:hover,
UL#menu.faq #faq A		{ background-position: -531px -48px; }

#menu #contact A	{ background-position: -665px 0px; width: 134px; margin-left: 0px; }
#menu #contact A:hover,
UL#menu.contact #contact A	{ background-position: -665px -48px; }

#banner			{ height: 114px; background: url(images/banner-bg.png) no-repeat; }
#banner img		{ margin-left: 9px }

#main			{ min-height: 336px; padding: 0px 10px }
* html #main		{ height: 336px }
#main IMG		{ border: 2px solid #eecb88 }

#sideBar		{ width: 184px; margin: 0px; float: left; display: inline }
#sideBar A		{ color: #dfcb9b; text-decoration: none; display: block; margin-bottom: 5px; padding: 2px }
#sideBar A:hover	{ background: #837459 }

#content		{ width: 595px; float: right }

#main h1.contentHead		{ margin: 5px 0px }
#main h1.contentHead IMG	{ margin-right: 4px; vertical-align: text-top; border: 0 }

#footer			{ font-size: 10px; line-height: 100%; color: #a29053; height: 72px; background: url(images/footer-bg.jpg) no-repeat; text-align: center }
#footer UL		{ font: normal 11px tahoma; text-transform: lowercase; padding: 24px 0px 0px 0px; margin: 0 0 15px 0; list-style-type: none }
#footer UL LI		{ display: inline; padding: 0px 4px }
#footer A		{ color: #b29e5b; text-decoration: none; }
#footer A:hover		{ color: #fff; text-decoration: none; border-bottom: 1px dotted #fff }

#crumbs			{ color: #e29719; font: normal 10px arial; padding: 1px 0 5px 0 }
#crumbs A		{ color: #e29719; padding: 0px 3px; text-decoration: underline }
#crumbs A:hover		{ text-decoration: none }


.awardsList		{ margin-top: 5px; width: 580px }
.awardsList td		{ padding: 4px 10px 4px 4px }
.awardsList .head td	{ padding: 0 }
.awardsList .title td	{ width: 50%; color: #f8ba44; font: bold 14px verdana; padding-top: 13px }
.awardsList .top td	{ padding: 4px }
.awardsList .body td	{ width: 50%; padding-left: 15px }
.awardsList h5		{ margin: 0; color: #fff; font: normal 12px verdana }
.awardsList p		{ margin: 0; }


.testimonial 		{ margin: 20px 0px 15px 0px; padding-bottom: 25px; font-style: italic; background: url(images/separator.png) no-repeat bottom center; behavior: url(include/iepngfix.htc) }
.testimonial p		{ margin: 0; color: #f8bb45; font-style: normal }
.testimonial p strong	{ font: bold 12px verdana; color: #fff }
/** IE breaks cause of italics **/
* html .testimonial 	{ width: 790px }

.homeTestimonial	{ color: #fff; text-align: center; padding: 25px 0 0; background-position: top center }
* html .homeTestimonial { width: 615px }

DIV.portfolioCat A 		{ display: block; float: left; margin-right: 3px; width: 192px; height: 253px; text-indent: -9000px; overflow: hidden }
DIV.portfolioCat A.commercial 	{ background: url(images/box-projects-commercial.jpg) no-repeat; width: 190px }
DIV.portfolioCat A.residential	{ background: url(images/box-projects-residential.jpg) no-repeat }
DIV.portfolioCat A.current	{ background: url(images/box-projects-current.jpg) no-repeat }
DIV.portfolioCat A.sketches	{ background: url(images/box-projects-sketches.jpg) no-repeat; margin: 0 }
DIV.portfolioCat A:hover 	{ background-position: 0 -253px }

.portfolio		{ }
.portfolio .desc	{ font-size: 11px; line-height: 120% }
.portfolio .image 	{ float: left; margin: 0 15px 10px 0; text-align: center; }
.portfolio .image img	{ border: 2px solid #eecb88; margin-bottom: 2px;  display: block  }
.portfolio .image p	{ margin: 3px 0 }
.portfolio .image a	{ margin: 3px 0; font: normal 10px verdana; color: #d28a10; }
.portfolio h3		{ color: #fff; border-bottom: 1px solid #eecb88; margin: 10px 0 8px 0; font-size: 14px }
.portfolio p		{ margin: 0 0 5px 0 }
.portfolio p strong	{ color: #fff }

.servicesCols		{ width: 100% }
.servicesCols TD	{ width: 50% }

#submenuAwards		{ height: 44px; width: 176px; background: url(images/button-awards.png) no-repeat; display: block; text-indent: -9000px; overflow: hidden }
#submenuAwards:hover	{ background-position: -176px }

#submenuTestimonials	{ height: 44px; width: 176px; background: url(images/button-testimonials.png) no-repeat; display: block; text-indent: -9000px; overflow: hidden }
#submenuTestimonials:hover	{ background-position: -176px }

.homeLeft		{ float: left; width: 160px }
.homeLeft IMG		{ border: 3px solid #eecb88; margin-bottom: 10px }
.homeRight		{ float: right; width: 615px }


/*******************  
*	FAQ
********************/

OL.faqListQ		{ border-bottom: 1px dashed #e29719; padding-bottom: 20px }
OL.faqListQ A		{ text-decoration: none }
OL.faqListQ A:hover	{ text-decoration: underline }
OL.faqListA LI.sep	{ border-bottom: 1px dashed #e29719; padding-bottom: 5px }
OL.faqListA LI H4	{ margin-bottom: 5px; font-size: 14px }
OL.faqListA .file	{ padding: 3px 0px 0px 0px; font-weight: bold }
OL.faqListA .file A	{ font-weight: normal }
OL.faqListA p.top	{ text-align: right; font-size: 10px; margin: 3px 0px }


/*******************  
*	UTILS
********************/

.noTop			{ margin-top: 0px }
.noBottom		{ margin-bottom: 0px }
.floatRight		{ float: right; margin: 0 0 5px 10px }
.floatLeft		{ float: left; margin: 0 10px 5px 0 }
.white			{ color: #fff }
.noDisplay		{ display: none }
#main .noBorder		{ border: 0 }

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */