@import url("reset.css");

body { background:#fff; font-family:Helvetica, Arial, sans-serif; }

strong { font-weight:bold; }    em { font-style:italic; }

div#main-container {

	width:940px;
	margin:0 auto 100px auto;
	min-height:800px;
	background:#fff;

}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


	div#main-container div#header {
	
		height:150px;
		background:#fff;
		width:940px;
		position:relative;
		margin:0 0 10px 0;
		float:left;
	
	}
	
	body.inside div#main-container div#header { margin:0 0 -1px 0; }
	
	div#header div#social {
	
		position:absolute;
		top:10px;
		right:0;
	
	}
	
		
		#signup-save + #social {
			right: 261px !important;
		}
			
		div#header #signup-save {
			position: absolute;
			top: 0px;
			right: 0;
			width: 251px;
			height: 25px;
			background: url("../images/new-top-nav.png") no-repeat top center;
			text-align: right;
		}
		
			#signup-save a {
				color: #fff;
				text-decoration: none;
				text-transform: uppercase;
				font-size: 12px;
				margin: 0 10px 0 0;
				line-height: 25px;
			}
			
			#signup-save a:hover {
				color: #000;
			}
		
	
		div#social a { font-size:11px; color:#00a3e6; text-decoration:none; }
		div#social a span { color:#ccc; padding:0 3px 0 0; }
		div#social a:hover { color:#333; }
	
		div#header div#navigation { display:block; position:absolute; bottom:0; height: 25px; right:0; }
			div#navigation li { display:block; float:left; margin:0 2px; }
			div#navigation li a { font-size:11px; text-transform:uppercase; padding:5px; color:#555; text-decoration:none; background:url("../images/slurp.jpg") no-repeat; }
			div#navigation li:hover a, div#navigation a:hover { color:#fff; }
	
	div#main-container div#feature-container {
	
		height:417px;
		width:940px;
		position:relative;
		background:#fff;
		float:left;
		border-top: 1px #aeaeae solid;;
		padding-top: 18px;
	
	}
	
		div#feature-overlay {
		
			height:96px;
			z-index:100;
			position:absolute;
			bottom:0;
			width:940px;
			background:url("../images/feature-overlay.png") no-repeat left bottom;
		
		}
		
		div#feature-slides {
		
			position:relative;
			z-index:1;
		
		}
		
			div.slide {
				position: relative;
				width: 939px;
				height: 415px;
			}
		
			div.slide .slideimg {
				position: absolute;
				z-index: 1;
				top: 0;
				left: 0;
			}
			
			div.slide h2, div.slide h3, div.slide div, div.slide p {
				position: relative;
				z-index: 10;
			}
			
			div.slide h2 {
				top: 45px;
				left: 40px;
				font-size: 58px;
				color: #fff;
				font-family: inherit;
				font-weight: 100;
				letter-spacing: -2px;
				line-height: 55px;
				text-shadow: 0px 0px 3px #333;				
				-webkit-text-shadow: 0px 0px 3px #333;					
			}
			
			div.slide h3 {
				color: #fff;
				font-size: 25px;
				margin: 0 0 10px 0;
				line-height: normal;
				text-shadow: 0px 0px 3px #333;
				-webkit-text-shadow: 0px 0px 3px #333;				
			}
			
			div.slide p {
				color: #fff;
				font-size: 16px;
				line-height: normal;
				text-shadow: 0px 0px 3px #333;				
				-webkit-text-shadow: 0px 0px 3px #333;				
			}
			
			div.slide p a {
				color: #fff;
				font-size: 13px;
				vertical-align: middle;
				text-decoration: none;
				font-weight: bold;
				font-style: italic;
			}
			
			div.slide div.caption {
				width: 320px;
				height: 158px;
				padding: 20px 40px 30px 40px;
				position: absolute;
				bottom: 25px;
				left: 0;
				background: url(../images/caption-bg.png) no-repeat top left;
			}
			
			div.slide div.caption img {
				position: absolute;
				bottom: 10px;
				left: 35px;
			}
		
		div#feature-nav-prev, div#feature-nav-next {
		
			position:absolute;
			width:34px;
			height:65px;
			z-index:10;
			top:170px;
		
		}
		
		div#feature-nav-prev { left:0; background:url("../images/feature-nav-prev.png") no-repeat;}
		div#feature-nav-next { right:0; background:url("../images/feature-nav-next.png") no-repeat; }
		
		div#feature-nav-prev:hover { background:url("../images/feature-nav-prev-hover.png") no-repeat; }
		div#feature-nav-next:hover { background:url("../images/feature-nav-next-hover.png") no-repeat; }
		
		div#feature-nav-prev:active { background:url("../images/feature-nav-prev-click.png") no-repeat; }
		div#feature-nav-next:active { background:url("../images/feature-nav-next-click.png") no-repeat; }
		
		
	div#main-container div#tagline {
	
		width:940px;
		height:113px;
		background:url("../images/tagline-bg.jpg") no-repeat right center; 
		float:left;
	
	}
	
		div#main-container div#tagline.new-tagline {
			background: ("../images/new-tagline.jpg") no-repeat right center;
		}
	
		div#tagline h3 {
		
			font-size:32px;
			color:#aeafaf;
			line-height:42px;
			margin:10px 0;
		
		}
		
		
		
		
		
	div#main-container div#main-content {
	
		width:940px;
		min-height:650px;
		background:url("../images/content-bg.jpg") repeat-x #fff 0 -1px;
		float:left;
		position:relative;
		border-top:1px #aeaeae solid;
	
	}
	
		div#main-content div#text-content { 
		
			width:575px;
			min-height:355px;
			float:left;
			padding:50px 0px 50px 0;
		
		}
		
		
				div#text-content h1 { font-size:32px; color:#00a3e6; line-height:auto; margin:0 0 12px 0; }
				div#text-content p.bigOrange { color:#eb7c16; font-size:16px; line-height:22px; margin:0 0 20px 0;}
				.orange {
					color: #eb7c16 !important;
				}
				div#text-content p.bigBlue { color:#00a3e6; font-size:14px; }
				div#text-content p { color:#5e5f5f; font-size:12px; line-height:20px; margin:0 0 12px 0;}
				div#text-content strong { font-weight:bold; }
				div#text-content p span { color:#00a3e6; padding:0 2px;}
				div#text-content div.seperator { background:#d7d7d7; height:1px; width:100%; float:left; margin:15px 0; }
				div#text-content img.bucket { float:left; }
				
				div#text-content h2 { font-size:20px; color:#00a3e6; font-weight:bold; line-height:28px; }
				div#text-content h3 { color:#eb7c16; font-size:16px; font-weight:bold; line-height:20px; margin:0 0 8px 0;}
				div#text-content ol, div#text-content ul { margin:25px; }
				div#text-content li { font-size:12px; color:#444; line-height:18px; margin:0 0 4px 0;}
				div#text-content ol { list-style-type:decimal; }
				div#text-content ul { list-style-type:circle; }
				
				div#text-content blockquote { padding:0 25px; border-left:2px #eb7c16 solid; font-family:Georgia; margin:30px 0;}
				div#text-content blockquote strong { }
				
		
		
		
		
		div#main-content div#sidebar {
		
			width:250px;
			position:absolute;
			right:50px;
			top:50px;
			bottom:0;
			border-left:1px #aeaeae solid;
			padding:0 0 25px 25px;
		
		}
		
			div#sidebar h2 { color:#333; font-size:16px; font-weight:bold; margin:0 0 4px 0; line-height:normal; }
			div#sidebar h3 { color:#00a3e6; font-size:14px; font-weight:bold; line-height:auto; margin:0 0 4px 0;}
			div#sidebar p, div#sidebar address { color:#666; font-size:12px; line-height:20px; margin:0 0 8px 0; }
			div#sidebar p span { color:#00a3e6 !important; }
			div#sidebar a { text-decoration:none; font-weight:bold; color:#5e5f5f; }
			div#sidebar a:hover { color:#555 !important; }
	
			div#sidebar h2.widgettitle { color:#00a3e6; font-size:14px; font-weight:bold; margin:0 0 8px 0; line-height:auto;}
			div#sidebar li.widget_archive ul li a, div#sidebar li.widget_recent_entries ul li a { color:#00a3e6; font-size:12px; line-height:auto; }
			div#sidebar li.widget_archive ul li, div#sidebar li.widget_recent_entries ul li { margin:0 0 12px 0; }
			div#sidebar li.widget + li.widget { margin:25px 0 0 0; }
	
			div#events {
				clear: both;
				float: left;
				margin: 25px 0;
			}
	
			div#events ul li {
				list-style-type: disc;
				color: #666;
				margin: 0 0 10px 0;
				font-size: 12px;
				line-height: 16px;
				font-weight: normal;
			}
			
			div#events span {
				font-size: 11px;
				color: #999;
			}
	
	


div#footer {

	width:940px;
	height:30px;
	clear:both;
	font-size:11px;
	color:#5e5f5f;
	border-top:1px #aeaeae solid;
	padding:15px 0 0 0;
}

	div#footer a, div#footer strong { color:#00a3e6; text-decoration:none; }
	
	#footer #bbb {
		float: right;
	}
	
	#footer #logos {
		float: left;
	}
	
	
	
	
	
	/* POSTS */
	
	div.post, div.event { margin:0 0 25px 0; padding:0 0 20px 0; }
	div.post a, div.event a { color:#00a3e6; font-weight:bold; margin:0 0 8px 0; text-decoration:none; }
	div.post h2, div.event h2 { font-size:14px; line-height:20px; color:#00a3e6; }
	div.post small, div.event small { font-size:11px; line-height:18px; color:#222; }
	div.entry p, div.event p { font-size:12px; color:#555; line-height:20px; }
	
	div.navigation { width:100%; float:left; height:25px; margin:10px 0 20px 0 !important; padding:0 0 20px 0;}
	div.navigation a { color:#eb7c16; font-size:12px; text-decoration:none; line-height:normal; }
	div.navigation .alignleft { float:left; max-width:40%; vertical-align:middle; margin:0 0 15px 0; }
	div.navigation .alignright { float:right; max-width:40%; vertical-align:middle; margin:0 0 15px 0;}

	.post-type-archive-event div.navigation {
		display: none !important;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* OLD WORDPRESS STYLES */
	
	/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */
	
	
	
	p.nocomments { display:none; }
	span.gas input, span.electric input, span.water-sewer input { width:100px; margin:0 0 2px 0; }
	
	
	form {
		margin: 15px 0 0 0;
	}

	form label {
		float: left;
		margin: 0 10px 0 0;
		font-size: 14px;
		color: #333;
	}

	form input[type=text], form textarea, form select {
		margin: 0 10px 10px 10px;
		float: left;
	}
	
	form br {
		clear: both;
	}	
	
	
	
	
	#static-slide {
		width: 940px;
		height: 418px;
		float: left;
		background: url("../images/winter-slide.jpg") no-repeat center;
		position: relative;
	}
	
		#savings {
			position: absolute;
			font-size: 70px;
			color: #fff;
			left: 35px;
			top: 30px;
			font-weight: bold;
			font-family: "Helvetica Neue", inherit;
			line-height: 60px;
		}
		
			#savings .line1 {
				display: none;
			}
			
			#savings .line2 {
				margin: 0 0 0 0px;
				display: none;
			}
			
			#savings p {
				font-size: 18px;
				margin: 0px 0 0 8px;
			}
		
		#blackbox {
			position: absolute;
			bottom: 15px;
			background: url("../images/black-trans.png");
			width: 530px;
			height: 195px;
			padding: 0 35px;
			display: none;
		}
		
			#blackbox p {
				color: #fff;
				margin: 25px 0;
				font-size: 26px;
			}
			
			#blackbox p a {
				color: #eb7c16;
				text-decoration: none;
			}
			
			#blackbox p a:hover {
				color: #fff;
			}
			
				#blackbox p a span {
					color: #fff;
				}
	
	#tag-signup {
		float: left;
		width: 940px;
		height: 136px;
		background: url("../images/tagline.jpg") no-repeat top center;
		margin: 10px 0;
	}
	
	#tagline.new-tagline #tag-signup {
		background: url("../images/new-tagline.jpg") no-repeat top center;		
	}
	
		#tag-signup p {
			color: #fff;
			font-size: 28px;
			font-weight: bold;
			font-family: "Helvetica Neue", inherit;
			float: left;
			margin: 20px 0 0 35px;
		}
		
			#tag-signup p span {
				font-size: 16px;
				font-weight: normal;
				vertical-align: middle;
			}
			
			#tag-signup a {
				display: block;
				margin: 5px 3px 0 0;
				float: right;
				width: 206px;
				height: 93px;
				background: url("../images/sign-up-on.jpg") no-repeat center;
			}
	
			#tagline.new-tagline #tag-signup a {
				margin: 6px 10px 0 0;
				width: auto;
				height: auto;
				background: none !important;
				display: inline;
				position: relative;
			}	
			
				.new-tagline #tag-signup a:hover {
					opacity: 0.9;
				}
	
	.post-thumb {
		float: left;
		margin: 0 10px 10px 0;
		width: 155px;
	}
	
	.homeblog {
		width: 420px;
		float: left;
	}
	
	.homepost {
		float: left;
		clear: both;
		width: 615px;
		margin: 0 0 20px 0;
		padding: 0 0 20px 0;
		border-bottom: 1px #aeaeae solid;
	}
	
	.homepost:last-child {
		border: none !important;
	}
	
	table.info {
		border: 1px #999 solid;
		border-collapse: collapse;
		empty-cells:hide;
	}
	
	table.info td {
		border: 1px #ccc solid;
		padding: 5px;
		vertical-align: middle;
		empty-cells:hide;
		font-size: 14px;
	}