/*
	HOTPRESS FRAMEWORK
	Site:
	By:Steven Waller
	Created:
*/

/* Background
----------------------------------------------------------------------------------------------------*/
body{
	background:#d9f5fe url(images/bg-gradient.gif) repeat-x top left;
}

/* Main Container
----------------------------------------------------------------------------------------------------*/
#main-container{
	width:964px;
	margin:0 auto;
}
/* Header
----------------------------------------------------------------------------------------------------*/
#header{
	background: url(images/body-top.gif) no-repeat left bottom;
	overflow:hidden;
	zoom:1;
}
	#logo{
		margin:0;
		padding:14px 0 0 3px;
		float:left;
	}
		#logo a:link,
		#logo a:visited{
			display:block;
			width:166px;
			height:78px;
			background:url(images/logo.gif) no-repeat left top;
			text-indent:-9999px;
		}
		#logo a:hover,
		#logo a:active{
			background-position:left bottom;
		}
	#header-top{
		float:right;
		width:770px;
		overflow:hidden;
		padding:16px 12px 40px 0;
	}
		#search-form{
			float:right;

		}
			#search-form #CAT_Search{
				border:1px solid #fff;
				background:url(images/search-input.gif) no-repeat left top;
				width:132px;
				padding:4px 0 0 15px;
				margin-right:2px;
			}
		#header-top ul{
			float:right;
			margin:0;
		}
		 #header-top li{
			 display:inline;
			 float:left;
			 list-style:none;
			 padding:0 8px;
			 background:url(images/utility-links-divider.gif) no-repeat left 7px;
		 }
		 #header-top li#utility-first{
			 padding-left:0;
			 background:none;
		 }
		 	#header-top li a:link,
			#header-top li a:visited{
				text-decoration:none;
				font-size:10px;
				color:#00222c;
				text-transform:uppercase;
			}
			#header-top li a:hover,
			#header-top li a:active{
				color:#0987b1;
			}
			
			#footer {
    background: url("images/body-bottom.gif") no-repeat scroll left top transparent;
    overflow: hidden;
    padding: 20px 0 40px;
    width: 964px;
}
			
	/* Main Navigation
	----------------------------------------------------------------------------------------------------*/
	#main-nav{
		overflow:hidden;
		float:right;
		width:790px;
	}
		#main-nav ul{
			margin:0;
			float:right;
			overflow:hidden;
		}
			#main-nav li{
				display:inline;
				list-style:none;
				float:left;
				padding:0 19px;
			}
			#main-nav li#nav-last{
				padding-right:12px;
			}
				#main-nav a:link,
				#main-nav a:visited{
					display:block;
					font-size:14px;
					font-weight:bold;
					color:#04303e;
					text-decoration:none;
					letter-spacing:.07em;
					padding-bottom:18px;
					text-transform:uppercase;
				}
				#main-nav a:hover,
				#main-nav a:active{
					color:#0987b1;
					padding-bottom:11px;
					border-bottom:7px solid #ffd204;
				}
				#main-nav li.selected a:link,
				#main-nav li.selected a:visited,
				#main-nav li.selected a:hover,
				#main-nav li.selected a:active{
					color:#04303e;
					padding-bottom:11px;
					border-bottom:7px solid #ffd204;
				}

/* Main Content
----------------------------------------------------------------------------------------------------*/
#main-content{
	overflow:hidden;
	background:url(images/body-middle.gif) repeat-y left top;
	padding:0 20px 20px;
	zoom:1;
}
/* Inside Columns
----------------------------------------------------------------------------------------------------*/
#body-inside #col-1{
	margin-top:15px;
}
#body-inside #col-2{
	margin-top:-15px;
}
#body-inside #col-3{
	width:230px;
	margin-top:15px;
}
#body-home #col-1{
	margin-top:25px;
}
#body-home #col-2{
	margin-top:0px;
}
#body-home #col-3{
	margin-top:35px;
}

/* Hero
----------------------------------------------------------------------------------------------------*/
#hero{
	padding:10px 10px 0 10px;
	overflow:hidden;
}
	#slideshow{
		float:left;
	}
	#ctas{
		float:right;
		overflow:hidden;
	}
		#cta-homes,
		#cta-business{
			overflow:hidden;
			width:290px;
			height:146px;
		}
		#cta-homes img,
		#cta-business img{
			position:absolute;
			
		}
		#cta-homes h3,
		#cta-business h3{
			margin:0;
			position:absolute;
			
		}
			#cta-homes a:link,
			#cta-homes a:visited,
			#cta-business a:link,
			#cta-business a:visited{
				display:block;
				text-transform:uppercase;
				background:url(images/cta-screen.png) repeat-x left bottom;
				width:280px;
				padding-left:10px;
				height:38px;
				line-height:38px;
				padding-top:108px;
			}
			#cta-homes a:hover,
			#cta-homes a:active,
			#cta-business a:hover,
			#cta-business a:active{
				text-decoration:none;
			}
		
/* Utility bar
----------------------------------------------------------------------------------------------------*/
#utility-bar{
	font-size:11px;
	margin-bottom:20px;
	overflow:hidden;
	border-bottom:1px solid #f5f5f5;
	padding:5px 0 8px 0;
	zoom:1;
}
	#breadcrumbs{
		width:710px;
		padding-left:20px;
		float:left;
	}
	#breadcrumbs,
	#breadcrumbs strong{
		color:#666666;
	}
		#breadcrumbs p{
			margin-bottom:0;
		}
			#breadcrumbs a:link,
			#breadcrumbs a:visited{
				color:#666666;
				text-decoration:none;
			}
			#breadcrumbs a:hover,
			#breadcrumbs a:active{
				color:#0987B1;
			}
	#utility-links{
		width:210px;
		float:right;
		padding-right:20px;
	}
	#utility-links ul{
		margin:0;
		float:right;
	}
		#utility-links li{
			display:inline;
			float:left;
			list-style:none;
			padding-left:20px;
		}
			#utility-links a:link,
			#utility-links a:visited{
				text-decoration:none;
				color:#000;
			}
			#utility-links a:hover,
			#utility-links a:active{
				color:#999;
			}
			#utility-bookmark{
				padding-left:13px;
				background:url(images/icon-page.gif) no-repeat left 2px;
			}
			#utility-email{
				padding-left:13px;
				background:url(images/icon-envelope.gif) no-repeat left 2px;
			}
			#utility-print{
				padding-left:13px;
				background:url(images/icon-printer.gif) no-repeat left 1px;
			}

/* Sub Nav
----------------------------------------------------------------------------------------------------*/
#sub-nav{
	padding:0 10px 0 10px;
	margin-bottom:30px;
}
	#sub-nav ul{
		margin:0;
	}
		#sub-nav li{
			padding:0;
			list-style:none;
			border-bottom:1px solid #9de3fa;
		}
			#sub-nav li a:link,
			#sub-nav li a:visited{
				display:block;
				font-size:12px;
				color:#0987b1;
				text-decoration:none;
				font-weight:bold;
				padding:5px 1px;
			}
			#sub-nav li a:hover,
			#sub-nav li a:active{
				color:#00384a;
			}
		#sub-nav li#title{
			border-top:3px solid #9de3fa;
		}
			#sub-nav li#title a:link,
			#sub-nav li#title a:visited{
				font-size:17px;
				color:#00384a;
				text-transform:uppercase;
			}
			#sub-nav li#title a:hover,
			#sub-nav li#title a:active{
				color:#00384a;
			}
			
			#sub-nav li ul{
				display:none;
			}
			#sub-nav li.selected ul{
				display:block;
				padding-bottom:10px;
			}
				#sub-nav li li{
					border-bottom:none;
				}
					#sub-nav li li a:link,
					#sub-nav li li a:visited{
						font-size:12px;
						color:#056787;
						padding:4px 1px 4px 24px;
						font-weight:normal;
					}
					#sub-nav li li a:hover,
					#sub-nav li li a:active{
						color:#00384a;
					}
					#sub-nav li.selected ul li ul{
						display:none;
					}
					#sub-nav li.selected ul li.selected ul {
						display:block;
					}
						#sub-nav li li li a:link,
						#sub-nav li li li a:visited{
							font-weight:normal;
							padding-left:60px;
							background:url(images/bullet-light-blue.gif) no-repeat 50px 10px;
						}
						#sub-nav li li li a:hover,
						#sub-nav li li li a:active{
				
						}
/* Side Bar
----------------------------------------------------------------------------------------------------*/
#side-bar{
	padding:0 10px;
}
/* Contact Info
----------------------------------------------------------------------------------------------------*/
#contact-info{
	border-top:3px solid #33bfed;
	margin-bottom:30px;
}
	#contact-info h3{
		margin:15px 0;
	}
	#contact-info ul{
		margin:0;
	}
		#contact-info li{
			padding: 3px 0 3px 23px;
			font-size:14px;
			list-style:none;
		}
		#contact-phone{
			background:url(images/icon-blue-phone.gif) no-repeat 2px 4px;
			padding-left:16px;
		}
		#contact-email{
			background:url(images/icon-blue-envelope.gif) no-repeat 0px 11px;
			padding-left:16px;
		}
			#contact-email a:link,
			#contact-email a:visited{
				color:#000;
				text-decoration:none;
			}
			#contact-email a:hover,
			#contact-email a:active{
				color:#0987B1;
			}
		#contact-address{
			background:url(images/icon-blue-house.gif) no-repeat 0px 8px;
			padding-left:16px;
		}

/* Solar Calculator
----------------------------------------------------------------------------------------------------*/
#solar-calculator{
	display:block;
	width:180px;
	height:184px;
	padding:13px 30px 10px 12px;
	margin-bottom:20px;
}
#col-3 #solar-calculator{
	background:url(images/calculator-bg-right.gif) no-repeat left top;
	float:right;
}
#col-1 #solar-calculator{
	background:url(images/calculator-bg-left.gif) no-repeat left top;

	position:relative;
	left:-10px;
}
	#solar-calculator h3{
		margin:0 0 15px 0;
		text-transform:uppercase;
	}
	#solar-calculator input.cat_textbox,
	#solar-calculator select.cat_dropdown{
		width:170px;
		font-size:11px;
		margin:0 0 9px 0;
		height:17px;
		line-height:17px;
	}
	#solar-calculator input.cat_btn{
		margin-top:10px;
	}

/* Calls to Action
----------------------------------------------------------------------------------------------------*/
#cta-evaluation{
	float:right;
	margin:0 0 20px 0;
}
	#cta-evaluation a:link,
	#cta-evaluation a:visited{
		display:block;
		width:222px;
		height:77px;
		background:url(images/cta-evaluation.gif) no-repeat left top;
		text-indent:-9999px;
	}
	#cta-evaluation a:hover,
	#cta-evaluation a:active{
		background-position: left bottom;
	}
#cta-financing{
	float:right;
	margin:0 0 20px 0;
}
	#cta-financing a:link,
	#cta-financing a:visited{
		display:block;
		width:222px;
		height:77px;
		background:url(images/cta-financing.gif) no-repeat left top;
		text-indent:-9999px;
	}
	#cta-financing a:hover,
	#cta-financing a:active{
		background-position: left bottom;
	}

/* Testimonials
----------------------------------------------------------------------------------------------------*/
#testimonials{
	padding:0 10px;
}
	#testimonials blockquote{
		width:100%;
		padding-left:0;
		text-indent:35px;
	}

/* Recent News
----------------------------------------------------------------------------------------------------*/
#recent-news{
	padding-right:10px;
}
	#news-title{
		text-transform:uppercase;
		border-bottom:2px solid #5f9eb2;
		background:url(images/icon-news.gif) no-repeat left 1px;
		padding:5px 0 10px 30px;
		margin-top:0;
	}
	#recent-news ul{
		margin-left:0;
	}
		#recent-news li{
			font-size:10px;
			list-style:none;
			padding-bottom:15px;
		}
			#recent-news li a:link,
			#recent-news li a:visited{
				font-weight:bold;
				color:#00384a;
				text-decoration:none;
				display:block;
				font-size:12px;
			}
			#recent-news li a:hover,
			#recent-news li a:active{
				color:#0987B1;
			}

/* Footer
----------------------------------------------------------------------------------------------------*/
#footer{
	overflow:hidden;
	width:964px;
	background:url(images/body-bottom.gif) no-repeat left top;
	padding:20px 0 40px 0;
}
	#footer ul{
		margin:0;
		overflow:auto;
		display:block;
		float:left;
		width:700px;
	}
		#footer ul li{
			display:inline;
			float:left;
			list-style:none;
			padding:0 8px;
			background:url(images/footer-divider.gif) no-repeat left 5px;
		}
		#footer ul li#footer-first{
			background:none;
			padding-left:0;
		}
			#footer ul li a:link,
			#footer ul li a:visited{
				text-decoration:none;
				color:#0f5870;
			}
			#footer ul li a:hover,
			#footer ul li a:active{
				color:#0987b1;
			}
	#hotpress-link{
		display:block;
		margin:0;
		width:160px;
		float:right;
	}
		#hotpress-link a:link,
		#hotpress-link a:visited{
			display:block;
			width:132px;
			height:21px;
			background:url(images/hotpress.gif) no-repeat left top;
			text-indent:-9999px;
			float:right;
		}

/* Misc
----------------------------------------------------------------------------------------------------*/
.align-right{
	float:right;
	margin:0 0 10px 10px;
}
.align-left{
	float:left;
	margin:0 10px 10px 0;
}