/* Avoid left page shift in Firefox */

html { min-height: 100%; margin-bottom: 1px; }

/* Global Styles */

body {
	background: #333333;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCC;
}

p {
}

strong {
	font-weight: bold;
}

a:link, a:active, a:visited {
	color: #FFCA00;
	text-decoration: underline;
}	

a:hover {
   text-decoration: none;
}

.underline {
	text-decoration: underline;
}

.redText /*for Promotions */ {  
     color: #F00;
}

em {
	font-style: italic;
}

/* Decoration, Wrapper, Banner */

#decoration {
	margin: 0 auto;
	width: 954px;
	background-color: #232323;
	background-image: url(../images/bgDecoration.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#wrapperIndex {
	width: 930px;
	overflow: hidden;
	margin: 0 auto;
	clear: both;
	background-image: url(../images/bgIndexWrapper.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#wrapper {
	width: 930px;
	overflow: hidden;
	margin: 0 auto;
	clear: both;
	background-image: url(../images/bgWrapper.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#bannerIndex {
	width: 637px;
	height: 340px;
	margin-left: 90px;
	float: left;
	margin-top: 41px;
}

#bannerIndex img {
   float: left;
}

#header {
   height: 114px;
   margin-left: 90px;
   margin-top: 41px;
   width: 637px;
   float: left;
   
}

#header h1 {
	font-size: 46px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 40px;
}

/* sidebar, menu */

#sidebar {
	float: right;
	width: 203px;
	padding-top: 19px;
}

.sidebarImg {
   display: block;
   float: left;
}

#menu {
	float: left;
	width: 161px;
	background-color: #F2F2F2;
	border-right: 1px solid #D8D8D8;
}

#menu ul {
}

#menu li {
   display: inline;
}

#menu li ul {
	padding-bottom: 5px;
	padding-left: 15px;
	padding-top: 5px;
}

#menu li li {
	padding-left: 10px;
	font-weight: bold;
	font-size: 13px;
	text-transform: capitalize;
	line-height: 20px;
	display: block;
}

#menu h1 {
	color: #C90336;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px solid #D8D8D8;
	font-size: 15px;
	letter-spacing: -1px;
	padding: 8px 0 5px 0;
	margin: 0 0 0 15px;
}

.smLogo {
	background: url(../images/logoSidebar-sm.gif) no-repeat 100px top;
}

.bgYellowProBuilderMenu {
	background-color: #FFFF99;
}

#menu a {
	text-decoration: none;
	color: #797979;
}

#menu a:hover {
	color: #333333;
}


/* Content */

#content {
	float: left;
	width: 637px;
	margin-left: 90px;
	padding: 10px 0;
	overflow: hidden;
}

#content h1 {
	font-size: 24px;
	font-weight: bold;
	padding: 20px 0;
	color: #FFFFFF;
}

#content h1.index {
    padding: 0 0 10px 0;
}

#content h2 {
	color: #FFCA00;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 5px;
}

#content h3 {
	width: 605px;
	font-size: 18px;
	font-weight: bold;
	color: #FFCA00;
	border-bottom: solid 1px #666;
	padding: 20px 0 10px 0;
	clear: both;
}

#content p {
	padding-right: 50px;
	line-height: 20px;
	margin: 10px 0;
}

.yellowText {
   color: #FFCA00;
}

#content .picContainer {
	font-size: 13px;
	padding-top: 15px;
	color: #FFFFFF;
	width: 637px;
	overflow: hidden;
}

#content .contactContainer iframe {
    float: left;
}

#content .picContainer img, iframe {
	border: solid 7px #fff;
	margin-right: 15px;
	display: block;
}

#content .photo {
  display: block;
  margin: 0 auto;
  margin-right: 0;
  float: left;
}

#content .caption {
  padding: 5px 0;
  font-weight: bold;
}

#content .imgCenter {
    border: solid 7px #fff;
    display: block;
    margin: 5px auto;
}	

#content .imgLeft {
	border: solid 7px #fff;
	margin: 10px 20px 15px 0;
}

#content .imgRight {
    float: right;
	border: solid 7px #fff;
	margin: 10px 0 15px 20px;
	display: block;
}

/* Index Page */

ul.index {
	margin: 0 50px 0 25px;
	list-style-type: disc;	
}

ul.index li {
	padding: 5px 0;
	line-height: normal;
}

/* Suppy Services & Millwork Page */

#supplyServices ul, #millwork ul {
	margin-left: 25px;
	padding: 20px 0;
}

#supplyServices li, #millwork li  {
	line-height: 25px;
	font-weight: bold;
}

#supplyServices li ul, #millwork li ul {
	margin-left: 45px;
	padding: 0;
	list-style-type: disc;
}

#supplyServices li li, #millwork li li {
	font-weight: normal;
}

/* Installation Services Page */

table {
	line-height: 20px;
	padding: 0;
	margin: 0;
}

table td.firstRow {
	color:#FF0;
	padding: 0 10px 0 25px;
}

/* Manufacturing Page */

ul.manufacture {
	margin-left: 25px;
	line-height: 20px;
	font-weight: bold;
	padding: 20px 0;
}

ul.manufacture a {
	font-weight: normal;
}


/* Green Build Page */

ul.greenBuild {
	margin-left: 25px;
	padding: 20px 0;
}

ul.greenBuild li  {
	line-height: 25px;
	font-weight: normal;
    line-height: normal;
	padding: 10px 0;
}

/* Lumber Page */

#print {
	text-align: right;
	text-transform: uppercase;	
	padding: 0 20px 10px 0;
}


/* Seminars */

ul.seminars {
	margin-left: 25px;
	line-height: 20px;
	font-weight: bold;
	padding: 20px 0;
}

/* Staff Page */

#staff {
	font-size: 13px;
}

#staff ul {
}

#staff li {
}

#staff li ul {
   margin-top: 19px;
}

#staff li ul .notopMargin {
   margin-top: 5px;
}

#staff li li {
	float: left;
	width: 200px;
	height: 120px;
	margin: 0 10px 10px 0;
	line-height: normal;
	letter-spacing: 1px;
	display: block;
}

#staff li .widerBox {
	width: 400px;
}

#staff li li li {
	height: auto;
	color: #FFF;
	width: 100px;
	margin: 3px 0 0 0;
}

#staff li li li.email {
   color: #FFCA00;
}

#staff h1 {
	width: 605px;
	font-size: 24px;
	font-weight: bold;
	color: #FFCA00;
	border-bottom: solid 1px #666;
	clear: both;
	padding: 20px 0 10px 0;
}

#staff h4 {
   color: #FFCA00;
   font-weight: bold;
}

#staff .title {
   text-transform: uppercase;
   color: #CCC;
   font-size: 11px;
}

#staff .imgStaff {
    float: left;
	border: solid 7px #fff;
	margin-right: 20px;
	display: block;
}

/* about us */

#aboutUs {
	padding-bottom: 40px;
}

#aboutUs h1 {
	width: 605px;
	font-size: 18px;
	font-weight: bold;
	color: #FFCA00;
	border-bottom: solid 1px #666;
	padding: 20px 0 10px 0;
	clear: both;
}

#aboutUs ul {
	margin-left: 25px;
	line-height: 20px;
	width: 550px;
	padding: 20px 0;
}

#aboutUs ul.commnunity {
	padding-top: 0;
}

#aboutUs ul.commnunity li {
	width: 240px;
	float: left;
	padding-right: 35px;
}

.assNames {
	font-weight: bold;
}

/* contact */

#contactContainer {
	color: #fff;
	padding-top: 15px;
}

address {
	font-style: normal;
	line-height: 20px;
}

dl {
	color: #FFCA00;
	padding-top: 15px;
}

fieldset {
   padding-top: 25px;
}
label.startAddress {
   color: #FFCA00;
}
#saddr {
   width: 80%;
   margin: 4px 0;
}


/* footer */

#footer {
	background: #9B0022 url(../images/bgFooter.jpg) repeat-x;
	color: #FF6567;
	padding: 11px 0;
	width: 954px;
	font-size: 11px;
	margin: 0 auto;
	clear: both;
}

#footer #copyright {
	float: left;
	padding-left: 100px;
	
} 

#designCredits {
    padding-top: 3px;
	text-align: right;
	padding-right: 50px;
}

#designCredits a {
    color: #FF6567;
	text-decoration: none;
} 

#designCredits a:hover {
	text-decoration: underline;
}

.clearer {
	clear: both;
}

/* Page ids */

#indexpage #indexlink a {
   color: #333333;
}
#services-supplypage #service-supplylink a {
	color: #333333;
} 
#services-installpage #service-installlink a {
	color: #333333;
}
#services-millworkpage #service-millworklink a {
	color: #333333;
}
#products-listpage #products-listlink a {
	color: #333333;
}
#products-lumberlink #products-lumberlink a {
	color: #333333;
}
#products-doorsWindowspage #products-doorsWindowslink a {
	color: #333333;
}
#products-greenBuildpage #products-greenBuildlink a {
	color: #333333;
}
#company-contactpage #company-contactlink a {
	color: #333333;
}
#company-staffpage #company-stafflink a {
	color: #333333;
}
#company-aboutUspage #company-aboutUslink a {
	color: #333333;
}
#company-historypage #company-historylink a {
	color: #333333;
}
#probuilder-lumberpage #probuilder-lumberlink a {
	color: #333333;
}
#probuilder-manufacturerpage #probuilder-manufacturerlink a {
	color: #333333;
}
#probuilder-seminarspage #probuilder-seminarslink a {
	color: #333333;
}