/* Begin Global Styles */
body {
	background:url(../images/backgrounds/bg_main_1px.jpg) repeat-x;
	font-size:12px;
	color:#6e6e6e;
}

a,
a:link,
a:active,
a:visited {
    color:#6e8c1a;
    text-decoration:underline;
}

a:hover {
    text-decoration:none;
}

.clear {clear:both;}

.disclaimer {
	color:#999999;
	font-size:10px;
	margin:15px 0 0 0;
}

.error{
	color:red;
}

input.fixed100,
select.fixed100 {
	color:#6e6e6e;
	width:100px;
}

input.fixed160,
select.fixed160 {
	font-size:10px;
	color:#6e6e6e;
	width:160px;
}

input.fixed200,
select.fixed200 {
	color:#6e6e6e;
	width:200px;
}



/* End Global Styles */

/* Begin Structure Styles */
#wrap {
	width:862px;
	margin:20px auto -29px auto;
}

.templateCorner {
	position:absolute; 
	z-index:1; 
	top:0px; 
	width:1024px;
	height:269px; 
	/*margin:0 0 0 450px;*/
	background:url(../images/backgrounds/template_bg_corner.png) no-repeat top right;
}

#header {
	background:url(../images/backgrounds/bg_top_corners.png) bottom no-repeat;
	height:5px;
	position:relative;
	z-index:2;
}

#contentWrap {
	background:url(../images/backgrounds/bg_content_wrap.gif) repeat-y;
	width:100%;
	position:relative;
	z-index:2;
}

#oneCol {
	width:225px;
	float:left;
}

#twoCol {
	width:637px;
	float:left;
	padding:87px 0px 0 0px;
}

h1 {
	width:177px;
	margin:10px 0 0 15px;
}


/* End Structure Styles */


/* Begin Primary Nav Styles */
.primaryNav {
	padding:10px 0;
	margin:0 0 20px 225px;
	position:absolute;
	top:56px;
	z-index:4;
}

.primaryNav ul{
	clear:both;
	margin:0;
	padding:0;
	height:30px;
}

.primaryNav ul li{
	list-style:none;
	float:left;
	margin:0;
}

.primaryNav ul li.nav_01{
	background:url(../images/nav/template_nav_1view.gif) no-repeat;
	background-position:0 0;
	width:138px;
}

.primaryNav ul li.nav_01:hover{
	background-position:0 -30px;
}

#view .primaryNav ul li.nav_01 {
	background-position:0 -60px;
}

.primaryNav ul li.nav_01 a{
	width:138px;
}

.primaryNav ul li.nav_02{
	background:url(../images/nav/template_nav_2about.gif) no-repeat;
	background-position:0 0;
	width:151px;
}

.primaryNav ul li.nav_02:hover{
	background-position:0 -30px;
}

#about .primaryNav ul li.nav_02 {
	background-position:0 -60px;
}

.primaryNav ul li.nav_02 a{
	width:151px;
}

.primaryNav ul li.nav_03{
	background:url(../images/nav/template_nav_3tips.gif) no-repeat;
	background-position:0 0;
	width:171px;
}

.primaryNav ul li.nav_03:hover{
	background-position:0 -30px;
}

#tips .primaryNav ul li.nav_03 {
	background-position:0 -60px;
}

.primaryNav ul li.nav_03 a{
	width:171px;
}

.primaryNav ul li.nav_04{
	background:url(../images/nav/template_nav_4faqs.gif) no-repeat;
	background-position:0 0;
	width:55px;
}

.primaryNav ul li.nav_04:hover{
	background-position:0 -30px;
}

#faqs .primaryNav ul li.nav_04 {
	background-position:0 -60px;
}

.primaryNav ul li.nav_04 a{
	width:55px;
}

.primaryNav ul li.nav_05{
	background:url(../images/nav/template_nav_5contact.gif) no-repeat;
	background-position:0 0;
	width:95px;
}

.primaryNav ul li.nav_05:hover{
	background-position:0 -30px;
}

#contact .primaryNav ul li.nav_05 {
	background-position:0 -60px;
}

.primaryNav ul li.nav_05 a{
	width:95px;
}

.primaryNav ul li a{
	display:block;
	position:relative;
	height:30px;
}

.primaryNav ul li a:hover{
	text-decoration:underline;
}

/* End Primary Nav Styles */

/* Begin Content Styles */
.content p strong{
	color:#000000;
	font-weight:bold;
}

.loginContainer h5 {
	color:#00769F;
	font-size:13px;
	font-weight:bold;
	margin:0 0 5px 0;
}

.contentCol {
	width:260px;
	float:left;
	margin:25px 0 0 0;
}

.contentColManage {
	width:330px;
	float:left;
	margin:25px 0 0 0;
	padding:0 20px 0 0;
	background:url(../images/backgrounds/bg_grey_border.gif) repeat-y right;
}

.contentColManageRight {
	width:190px;
	float:right;
	margin:0;
}

.contentColAbout {
	width:290px;
	float:left;
	margin:25px 0 0 0;
	padding-right:10px;
}

.contentColRight {
	width:220px;
	float:right;
	margin:25px 0 0 0;
}

.fadeDivider {
	background:#e0e0e0;
	width:1px;
	height:150px;
	float:left;
	margin:25px 30px 0 0px;
}

.fadeDividerAbout {
	background:#e0e0e0;
	width:1px;
	height:450px;
	float:left;
	margin:150px 30px 0 0px;
}

.content ul.calloutList {
	margin:0 0 0 25px;
}

.content ul.calloutList li {
	font-weight:bold;
	margin:5px 0;
}

.content ul.inlineList {
	margin:0;
	padding:0;
}

.content .inlineList li{
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}

.content h2{
	font-size:17px;
	color:#00769F;
	font-weight:bold;
}

.content h3{
	font-size:13px;
	color:#00769F;
	font-weight:bold;
	margin:15px 0;
}

.content h4{
	font-size:12px;
	color:#000000;
	font-weight:bold;
	margin:15px 0 5px 0;
}

.content .contentColRight h4{
	color:#666666;
}

.interiorContentContainer,
.interiorContentBlankContainer {
	padding:6px 0 0 0;
	background:url(../images/backgrounds/bg_content_topCorner.gif) no-repeat top left;
	width:610px;
}

.interiorContentBlankContainer {
	background:none;
}

.interiorContent {
	background:url(../images/backgrounds/bg_content.gif) repeat-y;
	padding:15px 25px;
	line-height:135%;
}

.interiorFade {
	background:url(../images/backgrounds/bg_content_btmFade.gif) no-repeat;
	width:610px;
	height:86px;
}

.interiorContent img{
	margin:10px 0 0 0;
}

.interiorContent img.inlineBanner{
	margin:-20px 0 20px 10px;
}


/* End Content Styles */

/* START About Nav Styles */
ul#aboutNav {
	background:url(../images/nav/210_about_tabs.gif) no-repeat;
	background-position:0 0;
	clear:both;
	margin:0;
	padding:0;
	height:32px;
	overflow:hidden;
}

ul.about#aboutNav {
	background-position:0 0;
}

ul.builders#aboutNav {
	background-position:0 -32px;
}

ul.system#aboutNav {
	background-position:0 -64px;
}

ul#aboutNav li{
	list-style:none;
	float:left;
}

ul#aboutNav li a{
	display:block;
	position:relative;
	height:32px;
	text-decoration:none;
}

ul#aboutNav li.aboutMyWarranty a{
	width:164px;
}

ul#aboutNav li.buildersWarranty a{
	width:194px;
}

ul#aboutNav li.systemsWarranty a{
	width:251px;
}


/* END About Nav Styles */


/* Begin Main Slider Container Styles */
.sliderContainer {
	width:610px;
	height:320px;
	background:#999;
	margin:0 0 15px 0;
}
/* End Main Slider Container Styles */



/* Begin Side Slider Container Styles */
.sideSliderContainer {
	margin:30px 0 0 0;
	padding:0 10px;
	font-size:11px;
}

.sideSliderContainer h6{
	color:#6e6e6e;
	font-size:13px;
	font-weight:bold;
	margin:0 0 5px 0;
	width:171px;
}

.sideSliderContainer p img{
	float:right;
	padding:0 0 0 5px;
}

/* Easy Slider */

	#HST,
	#DYK {
		margin:20px 0 0 0;
		clear:both;
		}
	#HST ul, #HST li,
	#DYK ul, #DYK li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#HST li,
	#DYK li{ 
		/* 
			define width and height of list item (slide)
			entire HST area will adjust according to the parameters provided here
		*/ 
		width:185px;
		min-height:140px;
		overflow:hidden; 
		}
	span#HST_prev,
	span#HST_next,
	span#DYK_prev,
	span#DYK_next
	 {
		position:relative;
		top:-141px;
		left:148px;
	}					

/* // Easy Slider */
/* Easy Slider */

	#TSML {
		/*margin:20px 0 0 0;*/
		}
	#TSML ul, #TSML li {
		margin:0;
		padding:0 !important;
		list-style:none;
		}
	#TSML li { 
		/* 
			define width and height of list item (slide)
			entire HST area will adjust according to the parameters provided here
		*/ 
		width:137px;
		min-height:115px;
		overflow:hidden; 
		}
	span#TSML_prev,
	span#TSML_next {
		position:relative;
		top:-10px;
	}					

/* // Easy Slider */

/* End Side Slider Container Styles */

/* Begin Login Container Styles */

.loginContainer {
	position:relative; 
	left:-13px; 
	margin:15px 0 0 0;
	font-size:11px;
}

.loginContainerHdr {
	background:url(../images/backgrounds/bg_leftnav_topCorner.png) no-repeat;
	height:6px;
}

.loginContainerFtr {
	background:url(../images/backgrounds/bg_leftnav_btmCorner.png) no-repeat;
	height:6px;
}

.loginContent {
	background:url(../images/backgrounds/bg_leftnav_1px.png) repeat-y;
	padding:10px 20px 1px 20px;
}

.loginContainer p{
	margin:0 0 10px 0;
}

.loginContainer form{
	width:160px;
}

.loginContainer input{
	margin:5px 0;
}

.loginContainer label,
.loginContainer input.checkbox {
	position:relative;
	top:-10px;
	margin:0;
}

.loginDivider {
	background:url(../images/backgrounds/bg_login_or_divider.gif) no-repeat center;
	width:100%;
	height:28px;
	margin:0 0 12px 0;
}

	/* Begin Logged In Container Styles */
	
	.loggedIn h5{
		width:85px;
		display:inline;
	}
	
	.loggedIn ul{
		width:85px;
		margin:0;
		display:inline;
	}
	
	.loggedIn ul li{
		display:inline;
		margin:0 0 0 15px;
		list-style:none;
	}
	
	.loggedIn p strong{
		font-size:12px;
		font-weight:normal;
		margin:10px 0 0 0;
		display:block;
	}
	
	.loginContainer p{
		clear:both;
	}
	
	.loginContainer p.loggedInfo {
		margin:0;
		padding:0;
		color:#6e6e6e;
		font-weight:bold;
	}
	
	.loginContainer p.loggedInfoNumber {
		margin:0 0 10px 0;
	}
	/* End Logged In Container Styles */

/* End Login Container Styles */

/* Begin Footer Styles */
#footer {
	background:#ecdcb8;
	clear:both;
	position:relative;
	z-index:2;
	font-size:10px;
}

#footer ul,
#footer .testimonialContainer{
	margin:10px 0 0 0;
	width:215px; 
	float:left;
}

#footer ul li{
	list-style:none;
	padding:2px 0 0 20px;
}

#footer ul li ul{
	width:100%; 
	float:none;
	margin:0;
	padding:0;
}

#footer ul li ul li{
	margin:0 0 0 20px;
	padding:0 0 5px 0;
}

#footer a,
#footer a:link,
#footer a:active,
#footer a:visited {
	color:#6e6e6e;
}

#footer ul.footerOne,
#footer ul.footerTwo {
}

#footer ul.footerThree {
	width:155px;
}

	/* Begin Testimonial Styles */
	#footer .testimonialContainer{
		width:255px;
		border-left:1px solid #fff;
		padding:0 0 0 20px;
		font-size:11px;
	}
		
	#footer .testimonialContainer .testimonialContent{
		width:125px; 
		float:left;
		color:#6e6e6e;
}
	
	#footer .testimonialContainer .testimonialContent .bold{
		color:#000000;
		margin:10px 0 0 0;
}
	/*#footer .testimonialContainer .testimonialContent ul{
		margin:10px 0 0 0;
		padding:0;
	}
	
	#footer .testimonialContainer .testimonialContent ul li{
		list-style:none;
		display:inline;
		width:17px;
		padding:0;
	}*/
	
	#footer .testimonialContainer .testimonialImage{
		width:50%; 
		float:left; 
		width:130px; 
		height:150px; 
		position:relative; 
		right:-30px;
		top:15px;
	}
	/* End Testimonial Styles */
	
#footer p.copyright {
	position:relative;
	top:-30px;
	color:#92805c;
	margin:0 0 0 10px;
}

/* End Footer Styles */

/* Begin Grass Overlay */
.grassOverlay {
	position:relative; 
	width:100%; 
	height:31px;
	background:url(../images/backgrounds/bg_footer_grass.png) repeat-x;
	z-index:3;
	/*background:green;
	filter:alpha(opacity=35);
	-moz-opacity:.35;
	opacity:.35;*/
}
/* End Grass Overlay */


ul.plainList{
	margin:0;
	padding:0;
}

ul.plainList li{
	margin:0;
	padding:0;
	list-style:none;
}

.right{
	float:right;
}

.content h3 a{
	font-weight:normal;
}

.doubleBorder{
	width:225px;
	height:10px;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	margin:20px;
}








