* { padding: 0; margin: 0; } /*global definition for padding and margin*/

html { height:101%; background-color:#B9B1A9; }

body { font-size:100%; height:100%; }

h1, h2, h3, h4, h5 { font: normal 100%/100% arial, verdana, sans-serif; color: #000; padding: 0 0 5px 0; }
h1 { font-size: 1.35em; line-height: 100%; color:#DD1F2D; }
h2 { font-size: 1.25em; line-height: 100%; }
h3 { font-size: 1.15em; line-height: 100%; }
h4 { font-size: 1.0em; line-height: 100%; }
h5 { font-size: 0.9em; line-height: 100%; }

p, ol, ul, table, dl { font:normal .75em/150% Arial, Verdana, sans-serif; padding:0 0 10px 0; color:#858585; }

a, a:visited { color: #369; }
a:hover { color: #369; text-decoration: none; }

dl { padding: 0 0 5px 10px; }
dt { font-weight: bold; }
dd { margin: 0 0 5px 0; }

ol { padding: 0 0 0 15px; }
ol li { padding: 0 0 5px 0; }

ul { padding: 0 0 0 20px; }
ul li { padding: 0 0 5px 0; list-style-type:square; }

th { font-weight: bold; }
td { padding: 3px 0; }

img { border: none; }

#header { width:100%; background-color:#FFF; }
#header_content { width:850px; height:159px; margin:0 auto; background:url(/images/header.gif) no-repeat 0 0; position:relative; }
#header_content .logolink { display:block; width:252px; height:83px; position:absolute; left:38px; top:30px; }

#nav ul { padding:0; position:absolute; bottom:0; right:0; }
#nav ul li {
	padding:0;
	margin: 0 5px 0 0;
	line-height:30px;
	list-style:none;
	background:url(/images/inactive_right.gif) no-repeat 100% 0;
	float:left;
}
#nav ul li.active { background:url(/images/active_right.gif) no-repeat 100% 0; }
#nav ul li.active a { background:url(/images/active_left.gif) no-repeat 0 0; color:#FFF; }
#nav ul li.active a:hover { color:#FFF; }
#nav ul li a {
	display:block;
	background:url(/images/inactive_left.gif) no-repeat 0 0;
	padding:0 10px;
	text-decoration:none;
	color:#6A6A6A;
	font-size:1.1em;
}
#nav ul li a:hover { color:#000; }

#divider { width:100%; height:46px; background:url(/images/bg_line.gif) repeat-x 0 0; }

#wrapper { width:100%; background:url(/images/bg_page.gif) repeat-y 50% 0; }

#content {
	width:806px;
	margin:0 auto;
	padding:40px 22px 80px 22px;
	background:url(/images/bg_content.gif) no-repeat 0 100%;
}

#footer { width:850px; margin:0 auto; padding:10px 0 0 0; }
#footer ul { padding-left:100px; }
#footer ul li { float:left; list-style:none; font-size:11px; padding: 0 10px; }
#footer ul li a { color:#FFF; text-decoration:none; }
#footer ul li a:hover { color:#636363; }
#footer p { padding:10px 0 10px 0; font-size:11px; color:#636363; float:left; }
#footer p a { color:#636363; text-decoration:none; }
#footer p a:hover { text-decoration:underline; }
#footer .col1 { width:; padding-left:110px; width:260px; }
#footer .col2, #footer .col3 { width: 185px; }

/************ styles for notice/error divs ************/
#notice { background-color: #A4E7A0; border: 1px solid #26722D; }
#error { background-color: #F0A8A8; border: 1px solid #900; }
#notice, #error { width: 90%; margin: 0 auto 10px auto; padding: 5px; }
#notice p, #error p { margin-left: 20px; padding: 0; font-size: .75em; color: #000; }
#notice a, #error a { text-decoration: none; padding: 0 3px; }
#notice a { border: 1px solid #26722D; color: #26722D; }
#error a { border: 1px solid #900; color: #900; }
#notice a:hover, #error a:hover { color: #333; border: 1px solid #333; }

/**************************************************
												CLASSES
**************************************************/
.clear { clear: both; }
.formfield { width: 250px; font-size: 16px; margin: 0; padding: 2px; }

.content_box {
	height:257px;
	margin:0 5px 150px 5px;
	padding:0 325px 0 15px;
	border:1px solid #C8C8C8;
	position:relative;
}
.content_box.intro { background:url(/images/bg_intro_box.jpg) no-repeat 100% 0; margin-bottom:30px; }
.content_box.intro p { line-height:145%; }
.content_box.comm, .content_box.retail { background:url(/images/bg_retail.jpg) no-repeat 100% 0; }
.content_box.install { background:url(/images/bg_box_service.jpg) no-repeat 100% 0; }
.content_box.service { background:url(/images/bg_intro_box.jpg) no-repeat 100% 0; }
.content_box.contact, .content_box.env { background:url(/images/bg_box_long.jpg) no-repeat 100% 0; }
.content_box.env { height:auto; }
.content_box.contact { height:auto; }
.content_box.accessibility { height:auto; padding-right:25px; }
.content_box h1 {
	height:0;
	font-size:0;
	padding:18px 0 0 0;
	overflow:hidden;
	position:relative;
	top:-10px;
}
.content_box h1.home { background:url(/images/hdr_home.gif) no-repeat 0 0; }
.content_box h1.retail { background:url(/images/hdr_retail.gif) no-repeat 0 0; }
.content_box h1.install { background:url(/images/hdr_install.gif) no-repeat 0 0; }
.content_box h1.service { background:url(/images/hdr_service.gif) no-repeat 0 0; }
.content_box h1.comm { background:url(/images/hdr_comm.gif) no-repeat 0 0; }
.content_box h1.env { background:url(/images/hdr_env.gif) no-repeat 0 0; }
.content_box h1.contact { background:url(/images/hdr_contact.gif) no-repeat 0 0; }
.content_box h1.accessibility { background:url(/images/hdr_accessibility.gif) no-repeat 0 0; }

.teaser_box { width:246px; height:261px; position:relative; margin-right:34px; float:left; }
.teaser_box.last { margin:0; }
.teaser_box .bg_image, .teaser_box .teaser_content { position:absolute; top:0; left:0; }
.teaser_box .teaser_content h2 { width:246px; font-size:16px; color:#FFF; text-align:center; padding:12px 0 0 0; }
.teaser_box .teaser_content .learn_more { margin-top:175px; text-align:center; }

.red { color:#F00; }

/************ styles for pagination ************/
.pagination {
	font: normal .75em/150% Arial, Verdana, Arial,sans-serif;
	padding: 3px;
	margin: 3px;
	text-align: center;
}
.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #666;
	text-decoration: none;
	color: #666;
	font-size: 1.0em !important;
}
.pagination a:hover, .pagination a:active { border: 1px solid #000; color: #000; }
.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #666;
	font-weight: bold;
	background-color: #666;
	color: #FFF;
}
.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #DDD;
	color: #999;
}
/************************/