/* CSS Document */

/*################# Global Styles #################*/
HTML, BODY {
	margin:0px; 
	padding:0px; 
	height:100%;
	background-color:#FAFAF4;
	background-image:url(../images/BGs/bg_dotsBeige.gif);
}
p, div, td, select, input, a {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#414141;
}
p{margin:12px 21px}
ul {margin:0px; padding:0px;}
.ulMargin{margin-left:36px}
h1{font-weight:normal}
a:link,a:visited {text-decoration:underline}
a:hover,a:active {text-decoration:none}

/*################# Text Styles #################*/
.white {color:#FFF}
.black {color:#000}
.orange {color:#CA680B}
.blue {color:#276FAF}
.ltGray {color:#ddd}
.DkGray{color:#333}
.h1 {font-size:16px}
.h2 {font-size:14px}
.h3 {font-size:12px}
.h4 {font-size:11px}
.italic {font-style: italic;}
a.nunderline:link, a.nunderline:visited{ text-decoration:none}
a.nunderline:hover, a.nunderline:active{ text-decoration:underline}

.copyMed{11px}
.copySmall{10px}
.copyLarge{12px}
.bold{ font-weight:bold}

span.pageTitle {color:#666;font-size:16px;border-bottom:solid 5px #CA680B;padding-bottom:4px;}
p.subNavTitle {
	color:#000;
	font-size:16px;
	border-bottom:solid 5px #DAD7B6;
	padding-bottom:4px;
}
p.subTitle {
	color:#000;
	font-size:14px;
	border-bottom:solid 3px #DAD7B6;
	padding-bottom:4px;
}
p.pageTitle {margin-bottom:21px}
p.testimonials {color:#6B300F}
/*testimonials h1*/p.h1{font-size:14px; color:#6B300F; border-bottom:solid 5px #CA680B; padding-bottom:4px}

p.resources {font-size:14px;color:#846E30; margin:0px 18px; border-bottom:solid 5px #2771B1; padding-bottom:4px;}
a.resources {display:block;margin-bottom:10px;color:#846E30; border-bottom:solid 1px #AFD2F0;font-size:10px}
a.resources:link,a.resources:visited {text-decoration:none}
a.resources:hover{color:#2771B1;text-decoration:none;border-bottom:solid 1px #846E30;}

#contentLeft a{
	display:block;
	margin-bottom:11px; 
	font-size:11px; 
	color:#2771B1; 
	text-decoration:none; 
	border:solid 1px #DCDABC;
	padding:2px 4px;
	background-color:#F1F0E4;
}
#contentLeft a:hover, #contentLeft a:active{color:#F1F0E4; background-color:#398BD3; border:solid 1px #fff}
/*################# Container Styles #################*/
/**** Header Container Styles ****/
#headerLogo{
	width:auto;
	padding: 15px 15px;
	background-color:#fff;
}
#headerNav{
	width: 100%;
	height: 38px;
	background-color: #2771B1;
	background-image:url(../images/BGs/bg_navBlue.gif);
	background-repeat:repeat-x;
}
#headerNav a{
	display:block;
	float:left;
	padding:11px 27px 11px 27px;
	margin:0px;
	font-size:14px;
	height:12px;
	color:#A2C7E6;
	text-decoration:none;
	background-image:url(../images/BGs/bg_navBlue_lines.gif);
	background-repeat:no-repeat;
	background-position:right;
}
#headerNav a:hover, #headerNav a:active {color:#fff;} 

#headerBottom{
	width:100%;
	background-color:#666;
	background-image:url(../images/BGs/bg_headerGray.gif);
	background-repeat:repeat-x;
	height:154px;
	border-bottom:solid 1px #454545;
	border-top:solid 1px #999;
	text-align: bottom;
}
#headerBottom img {
	display:block;
	position:relative;
	float:left
}
#bottomHeaderBorder {
	background-color:#FFF;
	height:1px;
}

#flashContainer{width:100%; height:180px; border-bottom:solid 1px #DDD2B2; background-color:#CA6909}
#flashContainer div {float:left;height:180px}
#flashContainer div.hash { background-image:url(../images/BGs/bg_rightSideHash.gif)}
#homeFeatures { background-image:url(../images/brand/stairRunnerFull_02.jpg)}
#homeFeatures a{
	display:block;
	height:19px;
	background-color:#3D96C4;
	text-decoration:none;
	opacity: .6;
	filter: alpha(opacity=60);
	margin-bottom:0px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:13px 43px;
	border-right:solid 1px #333;
	border-left:solid 1px #333;
	background-image:url(../images/icons/arrow_lg_white.gif);
	background-repeat:no-repeat;
	background-position: 16px 11px;
}
#homeFeatures a:hover{
	opacity: 1;
	filter: alpha(opacity=100);
	background-color:#CA6909;
	color:#E4BC85;
	border-right:solid 1px #CA6909;
	border-left:solid 1px #CA6909;
	background-image:url(../images/icons/arrow_lg_white_orangeBG.gif);
}
#serviceNotice1,#serviceNotice2,#serviceNotice3,#serviceNotice4 {
	position:absolute;
	background-color:#CA6909;
	visibility:hidden;
	width:180px;
	z-index:200;
}
#serviceNoticeDefault {
	position:absolute;
	width:180px;
	padding-bottom:0px;
	z-index:100;
}
#serviceNotice1 p,#serviceNotice2 p,#serviceNotice3 p,#serviceNotice4 p{
	margin:10px 15px 0px 15px;
	color:#E4BC85;
}
/**** End Header Container Styles ****/

/**** Begin Body Container Styles ****/
#mainBody{
	width:auto;
	border-top:solid 1px #DDD2B2
}
#contentWrapper{
	float:left;
	width:732px;
	background-image:url(../images/BGs/bg_rightSideHash.gif);
}
#contentLeft{
	float:left;
	width:180px;
}
#contentCenter{
	float:left;
	width:550px;
	border-left:solid 1px #E5E3CD;
	border-right:solid 1px #E5E3CD;
	background-color:#FFF;
}
#contentCenter_left{
	float:left;
	width:550px;
}
#contentCenter_right{
	float:left;
	width:184px;
	border-left:dotted 1px #846E30;
	margin-top:55px;
	color:#846E30;
}
#contentRight{
	float:right;
	width:100%;
	margin-left:-733px
}
#contentRight div.featureLines {
	background-color:#E9E7D0;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #C6C191;
	height:5px;
}
#contentRight div.feature{
	padding:6px 10px;
	color:#2771B1;
	font-size:12px;
	font-weight: bold;
	width: auto;
}
#contentRight div.feature img {margin-right:10px; vertical-align:middle}
a.featureLinks:link,a.featureLinks:visited{color:#2771B1;font-size:12px;font-weight:bold;text-decoration:none}
a.featureLinks:hover,a.featureLinks:active{color:#032C50;font-size:12px;font-weight:bold;text-decoration:none}
/**** End Body Container Styles ****/

#footerContainer{clear:both;border-top:solid 1px #fff;background-color:#F1F0E4;}
#footer {width:auto;border-bottom:solid 1px #D6D5B1 }
#footer ul { margin-left:181px; padding:7px 20px 8px 20px}
#footer ul li{ display:inline; list-style:none; padding:0px 10px}
#footer ul li a{color:#A99D70; text-decoration:none} 
#footer ul li a:hover {color:#7F744C;}

.toTop{ font-size:10px;color:#276FAF}

/* Begin Clearing style */
.clear:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */
/* End Clearing style */