/* NON-HEADER */
*{padding:0; margin:0;}
 body {font-size:62.5%; background:rgb(63,57,63) url(../img/bg.jpg) repeat; font-family:verdana,arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {width:900px; margin:0px auto; margin-top:0px; margin-bottom:10px; border:solid 1px rgb(20,30,22); font-size:1.0em;}
.main {clear:both; width:900px; padding-bottom:30px; background:rgb(205,194,185) url(../img/bg.gif) no-repeat;;}
.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:250px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-content {display:inline /*Fix IE floating margin bug*/; float:left; width:590px; margin:0 10px 0 30px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.footer {clear:both; width:900px; padding:1.0em 0 1.0em 0; background-color:rgb(63,56,63); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

/* --- For alternative headers START PASTE here --- */

/* HEADER */
.header {width:900px; font-family:"trebuchet ms",arial,sans-serif;}
.header-top {width:900px; height:90px; background:rgb(63,56,63) url(../img/bg_head_top.jpg) no-repeat; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-middle {width:900px;}
.header-bottom {width:900px; height:220px; background:rgb(230,230,230) url(../img/front_banner.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-systems {width:900px; height:150px; background:rgb(230,230,230) url(../img/header_systems.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-contact {width:900px; height:150px; background:rgb(230,230,230) url(../img/header_contact.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-custom {width:900px; height:150px; background:rgb(230,230,230) url(../img/header_custom.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-remodel {width:900px; height:150px; background:rgb(230,230,230) url(../img/header_remodel.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-test {width:900px; height:150px; background:rgb(230,230,230) url(../img/header_test.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-green {width:900px; height:150px; background:rgb(230,230,230) url(../img/header_green.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-gallery {width:900px; height:150px; background:rgb(230,230,230) url(../img/header_gallery.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-breadcrumbs {clear:both; width:900px; height:25px; background:rgb(255,255,255) url(../img/bg_head_breadcrumbs.jpg) repeat-x;}



/********************/
/*  HEADER SECTION  */
/********************/
.sitelogo {width:341px; height:100px; position:absolute; z-index:1; margin:0 0 0 0px; background:url(../img/spacer.gif); }


.nav1 {width:350px; position:absolute; z-index:3; margin:15px 0 0 550px; font-family:"Century Gothic",arial,sans-serif;}
.nav1 ul {float:right; padding:0 15px 0 0; font-weight:normal;}	
.nav1 li {display:inline; list-style:none;}
.nav1 li a {display:block; float:left; padding:2px 5px 2px 5px; color:rgb(193,136,64); text-decoration:none; font-size:110%;}
.nav1 a:hover {text-decoration:none; color:rgb(50,50,50);}

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN NAVIGATION */
.main-navigation .round-border-topleft {width:10px; height:10px; position:absolute; z-index:100; margin:0; background:url(../img/bg_corner_topleft.gif) no-repeat;}
.main-navigation .greenbox {background-color: #c08840; border: solid 1px rgb(63,56,63)}

/* MAIN CONTENT */
.column1-unit {width:560px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-left {float:left; width:250px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:right; width:250px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-left {
	float:left;
	width:320px;
	margin-bottom:10px !important /*Non-IE6*/;
	margin-bottom:5px /*IE6*/;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: rgb(128,136,95);
	}
.column3-unit-middle {float:left; width:320px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:40px;}
.column3-unit-right {float:right; width:180px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}


/* MAIN SUBCONTENT */


.subcontent-unit-noborder {width:250px; margin:0 0 2.5em 0; padding:0 0 10px 0; background:rgb(235,235,235);}
.subcontent-unit-noborder-green {width:250px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(128,136,95);}
.subcontent-unit-noborder-gold  {width:250px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(192,136,64);}
.subcontent-unit-noborder-orange {width:250px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(199,87,41);}

.round-border-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_topleft.gif) no-repeat; margin-top:-1px; margin-left:-1px;}
.round-border-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_topright.gif) no-repeat; margin-top:-1px; margin-left:239px;}
.round-noborder-greenbottom {width:250px; height:10px; position:absolute; z-index:100; background:url(../img/green_bottom.gif) no-repeat;}

.round-noborder-goldbottom {width:250px; height:10px; position:absolute; z-index:100; background:url(../img/gold_bottom.gif) no-repeat;}
.round-noborder-orangebottom {width:250px; height:10px; position:absolute; z-index:100; background:url(../img/orange_bottom.gif) no-repeat;}


/********************/
/*  FOOTER SECTION  */
/********************/
.footerbox {padding:1.0em 1.0em;}
.footer p {line-height:1.3em; text-align:left; color:rgb(128,136,95); font-weight:normal; font-size:120%;}
.footer h3 {clear:both; margin:9 0 0.5em 0; font-family:"Century Gothic",arial,sans-serif; color:rgb(128,136,95); font-weight:normal; font-size:160%;}
.footer ul {
	margin:0.5em 0 1.0em 1.0em;
	list-style-type: circle;color:rgb(128,136,95);
}
.footer ul li {margin:0 0 0.2em 12px; padding:0 0 0 12px; line-height:1.4em; font-size:120%;}
.footer p.credits {text-align:center; color:rgb(193,136,64); font-weight:normal; font-size:100%;}
.footer a {text-decoration:underline; color:rgb(193,136,64);}
.footer a:hover {text-decoration:none; color:rgb(255,255,255);}
.footer a:visited {color:rgb(255,255,255);}

/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-bottom:after, .header-systems:after, .header-contact:after, .header-custom:after, .header-remodel:after, .header-test:after, .header-green:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:540px; text-align: center; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print {.header-top {width:900px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.header-breadcrumbs {width:900px; background:transparent;}}
@media print {.nav2 {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:900px; padding-bottom:30px; background:transparent;}}
@media print {.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:249px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {.footer {clear:both; width:900px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}