/*
Cemboard CSS
last update: 12.21.2007

colors:
  red: #c02037
green: #003440
  tan: #f0e6cb
 grey: #333 / #999
*/

body {
	margin: 0; padding: 0;
	color: #333;
	background: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	border: 20px solid #999;
	text-align: center;
}
h1, h2, h3, h4 {
	margin: 0; padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: normal; 
}
p {
	margin: 0; padding: 0;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;	
}
a         { font-weight: normal; text-decoration: underline; }
a:link    { color: #f60; }
a:visited { color: #f60; }
a:hover   { color: #888; text-decoration: none; }
a:active  { color: #888; text-decoration: none; }


/* START: layout */

/* start: top-level containers */
#wrap {
	margin: 0 auto; padding: 0;
	width: 870px;
	background: #fff url(../img/wrap_home_bg.gif) left top repeat-y;
	border: 10px solid #fff;
	text-align: left;
}
#fbcWrap {
	margin: 0 auto; padding: 0;
	width: 870px;
	background: #fff url(../img/wrap_fbc_bg.gif) left top repeat-y;
	border: 10px solid #fff;
	text-align: left;
}
#subWrap {
	margin: 0 auto; padding: 0;
	width: 870px;
	background: #fff url(../img/wrap_subs_bg.gif) left top repeat-y;
	border: 10px solid #fff;
	text-align: left;
}
#sidebar {
	margin: 0; padding: 0;
	float: left;
	width: 320px;
	border: 0;
}
#main {
	margin: 0; padding: 0;
	float: right;
	width: 540px;
	border: 0;
}
#main_in {
	margin: 0; 
	padding: 30px 40px 30px 30px;
}
#footer {
	margin: 0; padding: 0;
	width: 870px;
	clear: both;
}
#line {
	width: 100%;
	margin: 0; padding: 0;
	border-bottom: 1px solid #999;
}
#subLine {
	margin: 0; padding: 0;
	width: 320px;
	height: 5px;
	background: url(../img/sub_line.gif) left top no-repeat;
}
#rightLine {
	margin: 0; padding: 0;
	width: 540px;
	height: 6px;
	background: url(../img/right_line.gif) left top no-repeat;
}
#rightBodyLine {
	padding: 0;
	width: 100%;
	border-bottom: 1px dotted #999;
}


/* end: top-level containers */

/* END: layout */


/* START: typography */
p.home {
	color: #f0e6cb;
	font-size: 12px;
	line-height: 16px;
}
p.fbc {
	color: #003440;
	font-size: 12px;
	line-height: 16px;
}

p.asterisk {
	font-size: 10px;
	line-height: 14px;
}


p.wh {
	color: #fff;
}
p.wh, p.rd {
	padding-left: 20px;
}
p.copyGrn {
	color: #f0e6cb;
	padding-left: 30px;
}

p.copyTan {
	color: #003440;
	padding-left: 30px;
}

p.copyWh {
	color: #999;
	padding-left: 30px;
}

p.wh a         { font-weight: normal; text-decoration: none; }
p.wh a:link    { color: #fff; }
p.wh a:visited { color: #fff; }
p.wh a:hover   { color: #ccc; }
p.wh a:active  { color: #ccc; }

p.rd a         { font-weight: normal; text-decoration: none; }
p.rd a:link    { color: #c02037; }
p.rd a:visited { color: #c02037; }
p.rd a:hover   { color: #999; }
p.rd a:active  { color: #999; }

/* H1 image replacement */
h1#title-CemboardSiding {
	/* set padding and background image INLINE, according to image height and name
	padding: *height*px 0 0 0;
	background: url(../img/name.gif) left top no-repeat;
	*/
	height: 0px !important;
	overflow: hidden;
	height /**/: 110px;
	cursor: pointer;
}
/* <h1 id="title-CemboardSiding">text</h1> */
/* /H1 image replacement */

/* H1 image replacement */
h1#title-fbc {
	height: 0px !important;
	overflow: hidden;
	height /**/: 120px;
	cursor: pointer;

}
/* /H1 image replacement */

/* H1 image replacement */
h1#title-sub {
	height: 0px !important;
	overflow: hidden;
	height /**/: 40px;
	cursor: pointer;
}
/* /H1 image replacement */

.performance1  {
	float:left;
	width:100px;
}

.performance2 {
	float:left;
	width:180px;
}

.performance3 {
	float:left;
	width:150px;
	margin-right:5px;
}

.performance4 {
	float:left;
	width:280px;
}

.performance2  h1 {
	color: #c02037;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
}

.performance3  h1 {
	color: #c02037;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
}

h1#red {
	color: #c02037;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
}



/* END: typography */


/* paintingTips */
TABLE.painting				{width:470px; margin:20px 0px 20px 0px; }
TABLE.painting TH, TABLE.painting TD	{padding-left:5px; padding-right:5px; }
TABLE.painting TH.col		{text-align:left; color:#efefef; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold;}
TABLE.painting TH			{background-color:#636363;  height:21px; vertical-align:middle; border-bottom:1px solid #636363; border-right:1px solid #ffffff;  border-left:1px solid #636363; border-top:1px solid #636363;}
TABLE.painting TR.even TD	{background-color:#efefef; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
TABLE.painting TR.odd TD		{background-color:fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
TABLE.painting TD.attribute	{color:#000; font-size:11px; height:30px; width:150px; vertical-align:top; border-left-width:0px!important; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
TABLE.painting .lastCol		{border-right-width:0px!important;}
TABLE.painting TD			{border-bottom:1px dotted #636363; border-right:1px solid #ffffff; border-left:1px solid #636363; color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; vertical-align:top;}

/* END: painting Tips */

/* faq */
TABLE.faq				{width:470px; margin:20px 0px 20px 0px; }
TABLE.faq TH, TABLE.faq TD	{padding-left:5px; padding-right:5px; padding-top: 2px; padding-bottom: 2px; }
TABLE.faq TH.col		{text-align:center; color:#efefef; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold;}
TABLE.faq TH			{background-color:#636363;  height:21px; vertical-align:middle; border-bottom:1px solid #636363; border-right:1px solid #ffffff;  border-left:1px solid #636363; border-top:1px solid #636363;}
TABLE.faq TR.even TD	{background-color:#efefef; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
TABLE.faq TR.odd TD		{background-color:fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
TABLE.faq TD.attribute	{color:#000; font-size:11px; height:30px; width:150px; vertical-align:top; border-left-width:0px!important; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
TABLE.faq .lastCol		{border-right-width:0px!important;}
TABLE.faq TD			{border-bottom:1px dotted #636363; border-right:1px solid #ffffff; border-left:1px solid #636363; color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; vertical-align:middle;}

/* END: faq */


/* START: Gallery */

#galleryHolder { 
	width:470px;
	padding:0px;
	margin:0px;
}

#gallery {
	margin: 0;
	padding: 10px;
	border: 5px solid #c02037;
	font-family: arial, helvetica, sans-serif;
	color: #999;
	font-weight: none;
	font-size: 9px;
}

#thumbnailsHolder {
	margin: 0; padding: 0;
	width: 460px;
	height: 131px;
	border: 5px solid #c02037;
	overflow: auto;
}

#thumbnails {
	margin: 0; padding: 5px 5px;
	width: 1500px;
	height: 101px;
}

#thumbnails img { 
	/* margin: 0 10px 0 10px; */
	margin: 0 5px; padding: 0;
	display: inline;
}

/* END: Gallery */

ul.bullet {list-style:square; padding-left: 20px; }
li.bullet {	color: #333; 	font-family: Arial, Helvetica, sans-serif; 	font-size: 11px; 	line-height: 15px;	}


/* START: form stuff */
.formOne {
	width: 310px;
	margin: 0 0 5px 0;
	padding: 2px 0px 2px 2px;
	background-color: #fff;
	border: 1px solid #444;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	line-height: 12px; 
	font-weight: normal;
}
.formTwo {
	width: 310px;
	height: 100px;
	margin: 0;
	padding: 2px 0px 2px 2px;
	background-color: #fff;
	border: 1px solid #444;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	line-height: 12px; 
	font-weight: normal;
}
.formThree {
	width: 295px;
	height: 100px;
	margin: 0 0 5px 0;
	padding: 2px 0px 2px 2px;
	background-color: #fff;
	border: 1px solid #444;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	line-height: 12px; 
	font-weight: normal;
}
.formFour {
	width: 295px;
	height: 100px;
	margin: 0;
	padding: 2px 0px 2px 2px;
	background-color: #fff;
	border: 1px solid #444;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	line-height: 12px; 
	font-weight: normal;
}
.dd {
	width: 150px;
	margin: 0 0 5px 0;
	padding: 2px 0px 2px 2px;
	background-color: #fff;
	border: 1px solid #444;
	font-color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	line-height: 12px; 
	font-weight: normal;
}
.ddRfp {
	width: 295px;
	margin: 0 0 5px 0;
	padding: 2px 0px 2px 2px;
	background-color: #fff;
	border: 1px solid #444;
	font-color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	line-height: 12px; 
	font-weight: normal;
}
.cb {
	margin: 0 5px 0 0;
	padding: 0;
}
/* END: form stuff */