/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

* { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-weight: normal; font-size: 12px; font-family: Verdana; color: #333333; line-height: 17px; }  /* Default font for all items */
div { -moz-box-sizing:border-box; box-sizing:border-box; } /* Forces IE & IE to treat padding the same */
html { min-height: 100%; margin-bottom: 1px; } /* Set height to 100% + 1px to force scroll bar in FF */
#ht { position: absolute; top: -2000px; width: 700px; } /* Hidden Text - Look up. WAAAY Up */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 20px 0px 0px 0px; background: #FFFFFF; background: #EFEFEF; }
hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: none; height: 1px; overflow: hidden; }


ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; }
li { list-style-type: square; }

.bordered { border: 5px solid #B7C2B1; }

h1, h2, h3, h4, h5 { font-family: Arial; font-weight: normal; }

h1 { color: #993300; font-size: 20px; margin: 0px 0px 20px 0px; }
h2 { color: #333333; font-size: 16px; margin: 0px 0px 15px 0px; font-weight: bold;}
h3 { color: #000000; font-size: 12px; margin: 0px 0px 15px 0px; }
h4 { color: #993300; font-size: 14px; margin: 0px 0px 10px 0px; }
p  { color: #333333; font-size: 12px; margin: 0px 0px 15px 0px; line-height: 18px; }
a  { color: #000000; font: bold 12px Verdana; text-decoration: none; line-height: 18px; }
a:hover { text-decoration: underline; }
b { font-weight: bold; }
th { font-weight: bold; }

#footer a { color: #333333; font-family: Arial; font-size: 10px; font-weight: normal; text-decoration: none; border-color: #FFFFFF; border-bottom-style: dashed; border-width: 1px; }
#headerRight a { color: #333333; font-family: Arial; font-weight: normal; text-decoration: none; border-color: #FFFFFF; border-bottom-style: none; border-width: 1px; }
#footer a:hover, #headerRight a:hover { text-decoration: none; border-color: #333333; border-bottom-style: dashed; border-width: 1px; }




/***************************************************************************************/
/* SPECIFIC TO THIS LAYOUT */
/***************************************************************************************/

#mainContainer {
	width: 803px; /* Main Content Width */
	margin: 0px auto; /* Align to Center */
}
#main {
	width: 795px;
	float: left;
	background: #FFFFFF;
}

#header { margin-left: 15px; width: 764px; margin-top: 8px; }
#headerLeft { width: 200px; float: left; }
#headerRight { width: 400px; float: right; text-align: right; margin-top: 24px; }
#headerRight a, #footerRight a { font-family: Arial; }






/* Navigation */

#menuWrapper {
	width: 764px; margin-top: 10px; margin-left: 15px; color: #CCCCCC; background: url('../images/layout/navbg.gif'); border: 1px solid #BDC7B6;
	height: 32px;
}

#menuwrapper {
}
.clearit {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}
#p7menubar {
}

.hac {
	margin-left: 5px;
}
#p7menubar, #p7menubar ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-family: Arial;
	border-width: 1px;
}

#p7menubar li ul {
	border-color: #BCC7B6;
	border-top-color: #B3BEAD;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
}

#p7menubar a {
	display: block;
	text-decoration: none;
	padding: 4px 12px 4px 10px !important;
	padding: 4px 12px 6px 11px;
	font-size: 13px;
	font-weight: normal;
	line-height: 22px;
	color: #000000;
	text-align: left;	
}
#p7menubar a.trigger {
	color: #000000;
}
#p7menubar li {
	float: left;
	width: 9em;
	color: #3399CC;
	line-height: 26px;
	font-weight: bold;
	font-size: 11px;
	list-style-type: none;
}
#p7menubar li ul li {
	border-width: 1px;
	border-color: #BCC7B6;
	border-bottom-style: solid;
}

#p7menubar li {position: relative;}

/* hide from IE mac \*/
#p7menubar li {position: static; width: auto;}

/* end hiding from IE5 mac */

#p7menubar li ul, #p7menubar ul li  {
	width: 100%;
}
#p7menubar ul li a  {
	color: #000000;
	padding: 3px 8px 3px 8px;
}
#p7menubar li ul {
	position: absolute;
	display: none;

}
#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
	color: #AD3900;
}
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
}
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	color: #000000;

}

#p7menubar a:hover {
	color: #AD3900 !important;
	color: #AD3900;
	background: #B7C2B1;
}

#p7menubar ul a {
	background: #EDF3E7;
}







#bodyContainer {  }

#body {
	min-height: 370px;
	height: auto !important; /*MOZ/IE7*/
	height: 360px; /*IE6*/
	width: 764px;
	margin-left: 15px;
	margin-top: 15px;
}

#bodyInner {  }

#footer { margin-top: 3px;	width: 762px; margin-left: 20px; }

#footerLeft { width: 320px; float: left; color: #000000; font-size: 10px; }
#footerRight { width: 440px; float: right; text-align: right; color: #000000; font-size: 10px; }

#footerLeft a, #footerRight a { color: #000000; margin: 2px 8px 2px 8px; text-decoration: none; }
#footerLeft a:hover, #footerRight a:hover { color: #000000; text-decoration: none; }


.fade { opacity: 0.30; MoZOpacity: 0.30; filter: alpha(opacity=30); }
.lowFade { opacity: 0.95; MoZOpacity: 0.95; filter: alpha(opacity=095); }

#leftShadow { height: 100%; overflow: hidden; width: 4px; background: url('../images/layout/shadow_left.gif'); }
#rightShadow { height: 100%; overflow: hidden; width: 4px; background: url('../images/layout/shadow_right.gif'); }





/***************************************************************************************/
/* PAGE CONTENT */
/***************************************************************************************/


/* Contact Form */

.contactForm {  }
.contactForm th { font-weight: normal; text-align: right; padding-top: 5px; padding-right: 5px; width: 120px; }
.contactForm td { padding-top: 5px; }
.contactForm input { width: 200px; height: 16px; line-height: 16px; }
.contactForm select { width: 200px; }

.contactForm .checkbox input { width: 16px; margin-right: 10px; }
.contactForm .checkbox div { margin-top: 2px; width: 200px; float: left; }

.contactForm .radio input { width: 16px; margin-right: 10px; }
.contactForm .radio div { margin-top: 2px; width: 150px; float: left; }

/* eNewsletter Signup */

.eNewsletterForm {  }
.eNewsletterForm th { font-weight: normal; text-align: left; padding-top: 5px; padding-right: 5px; width: 120px; }
.eNewsletterForm td { padding-top: 5px; }
.eNewsletterForm input { width: 200px; height: 16px; line-height: 16px; }

/* Form Authorization */

.formAuth {  }
.formAuth th { text-align: right; width: 112px; }
.formAuth td input { width: 220px; }

input.inputButton { border: 1px outset #333333; font-weight: bold; color: #FFFFFF; height: 22px;  padding: 2px 10px 2px 10px; background: url('../images/layout/bodybg.gif'); }





.homeImage { border: 8px solid #B7C2B1; width: 748px; height: 409px; }








/* Recent Projects */



.recentProjects	{
	list-style-type: none;
	padding: 0 0 10px 0;
	margin: 0;
}

/* Spacing around each image */

.recentProjects li	{
	float: left;
	display: inline;
	margin: 0px 15px 5px 0px;
	padding:0;
	width: 175px;
	height: 155px;
	text-align: center;
}

.recentProjects li a.title {
	display: block;
}

.recentProjects li a	{
	text-decoration: none;
	color: #333333;
	font-size: 11px;
	font-weight: normal;
}
.recentProjects li a:hover {
	color #333333;
}

.recentProjects li p {
	padding: 2px;
	margin: 0;
	color: #333333;
}

.recentProjects li img {
	border: 5px solid #B7C2B1;
	padding: 0px;
	background: #FFFFFF;
	margin-bottom: 3px;
}

.recentProjects li a:hover img{
	border: 5px solid #993300;
	background: #FFFFFF;
}

img{ border:0; }



#projectPrev {
	float: left;
	font-weight: normal;
	color: #333333;
	font-size: 11px;
	margin-bottom: 9px;
	background: #B7C2B1;
	padding: 2px 8px 2px 8px;
}

#projectNext {
	float: right;
	font-weight: normal;
	color: #333333;
	font-size: 11px;
	margin-bottom: 9px;
	background: #B7C2B1;
	padding: 2px 8px 2px 8px;
}

#projectPrev:hover, #projectNext:hover {
	text-decoration: none;
	color: #FFFFFF;
	background: #333333;
}

#projectImage {
	float: left;
	width: 420px;
	/*text-align: center;*/
}

#projectDetails {
	width: 335px;
	float: right;
}

#projectDetails div {
	line-height: 24px;
	font-size: 12px;
}

#projectDetails h1 {
	font-size: 16px;
	color: #333333;
	font-weight: bold;
}
h2.catTitle {
	font-size: 18px;
	color: #A61011;
	font-weight: normal;
	margin-bottom: 9px;
}

#projectDetails b {
	color: #CC0001;
}

a.pdfDownload { display: block; color: #000000; font-size: 12px; font-weight: normal; line-height: 16px; background: url('../images/pdficon16.gif') no-repeat top left; padding: 0px 0px 12px 22px; }

#projectLogo {
	border: 8px solid #989898;
	margin-bottom: 10px;
}

#projectMain {
	border: 8px solid #B7C2B1;
	margin-bottom: 10px;
}

.projectMini {
	border: 3px solid #989898;
	margin-bottom: 10px;
	cursor: hand;
	cursor: pointer;
}


.miniList	{
	list-style-type: none;
	padding: 0 0 10px 0;
	margin: 0;
}

/* Spacing around each image */

.miniList li	{
	float: left;
	display: inline;
	padding:0;
	text-align: center;
}

.miniList li a	{
	text-decoration: none;
	color: #333333;
}
.miniList li a:hover {
	color #333333;
}

.miniList li p {
	margin: 0;
	color: #333333;
}

.miniList li img {
	border: 3px solid #B7C2B1;
	padding: 0px;
	background: #FFFFFF;
	margin-bottom: 3px;
}

.miniList li a:hover img{
	border: 3px solid #993300;
	background: #FFFFFF;
}

img{ border:0; }




/* PRODUCTS */

.productMiniList {
	margin: 0px;
}
.productMiniList li	{
	float: left;
	display: inline;
	padding:0;
	text-align: center;
}

.productMiniList li a	{
	text-decoration: none;
	color: #333333;
}
.productMiniList li a:hover {
	color #333333;
}

.productMiniList li p {
	padding: 2px;
	margin: 0;
	color: #333333;
}

.productMiniList li img {
	border: 6px solid #B7C2B1;
	padding: 0px;
	background: #FFFFFF;
	margin-bottom: 3px;
}

.productMiniList li a:hover img{
	border: 6px solid #993300;
	background: #FFFFFF;
}









/* PHOTO GALLERY MODULE */

#photoGallery {
	height: 270px;
}

.clear {
    clear: both;
    height: 1px;
    overflow: hidden;
}

.photoGallery {
	list-style-type: none;
	padding: 0 0 12px 0;
	margin: 0;
}

.photoGallery li	{
	float: left;
	display: inline;
	margin: 0px 0px 10px 0px;
	padding:0;
	text-align: center;
}

.photoGallery li a	{
	text-decoration: none;
	color: #3399CC;
	background: inherit;
}

.photoGallery li a:hover	{
	font-weight: bold;
	text-decoration: underline;
	color: #99CC00;
	background: inherit;
}

.photoGallery li p	{
	padding: 2px;
	margin: 0;
	color: #333333;
}


.photoGallery li img	{
	border: 5px solid #B7C2B1;
	background: transparent;
}

.photoGallery li a:hover img{
	border: 5px solid #993300;
}

#photoGallery #previous {
	float: left;
	margin-left: 15px;
}

#photoGallery #next {
	float: right;
	margin-right: 20px;
}

#photoGallery #list {
	margin-top: 15px;
	text-align: center;
}

#photoGallery #go, #next, #previous {
	color: #FFFFFF;
	background: #017DC7;
	border: 1px solid #CCCCCC;
	padding: 1px 4px 1px 4px;
	font-size: 11px;
	line-height: 12px;
}

#photoGallery #next:hover, #previous:hover {
	background: #80AD08;
}

/* Contact Form */

#contactForm {
	width: 320px;
	margin-top: 10px;
	float: left;
}

#contactForm .field {
	clear: both;
	width: 80px;
	float: left;
	text-align: right;
	height: 30px;
	line-height: 18px;
	font-weight: normal;
}

#contactForm .input {
	width: 230px;
	float: right;
	height: 30px;
	text-align: right;
}

#contactForm .input input {
	width: 220px;
}

#contactForm .input textarea {
	width: 220px;
	height: 95px;
}



/* SHOWROOM PAGES */
.showroomLink {
	opacity: 0.75;
	MoZOpacity: 0.75; 
	filter: alpha(opacity=75);
	border-width: 4px;
	border-color: #CCCCCC;
	border-top-style: solid;
	border-bottom-style: solid;
	display: block;
	width: 160px;
}
.showroomLink:hover {
	opacity: 1.0; 
	MoZOpacity: 1.0; 
	filter: alpha(opacity=100);
}

.showroomMap {
	border: 1px solid #3A6F99;
}




#sitemap a { color: #000000; font-size: 12px; font-weight: normal; }