body {
	background: #1C2D63 url(/images/body-bg.jpg) repeat-x;
	font: small/1.5 Tahoma, Arial, sans-serif;
}

body, html, ul#control, ul.nav {
	margin: 0;
	padding: 0;
}

body { padding-bottom: 50px; }

#wrap {
	width: 969px;
	margin: 0 auto;
	background: transparent url(/images/wrap-bg.png) top left repeat-y;
}

/* ------------ GLOBAL TEXT ------------ */

a {
	color: #E83B37;
	text-decoration: underline;
}

a:hover, a:focus, a:active {
	text-decoration: none;
}

.smaller {
	font-size: 90%;
}

.small {
	font-size: 75%;
}



/* ------------ HEADER ------------ */

#header {
	width: 969px;
	margin: 0 auto;
	background: white url(/images/header-bg.jpg) top left no-repeat;
	height: 125px;
	position: relative;
}

/* CONTROL NAV */

ul#control { 
	margin-left: 16px;
	position: relative;
	top: 50px;
	line-height: 1.0;
	font-size: 11px;
}

ul#control li {
	float: left;
	list-style: none;
	color: white;
	padding-right: 10px;
}

ul#control a {
	color: white;
	text-decoration: none;
	padding-right: 5px;
}

ul#control a:hover, ul#control a:focus, ul#control a:active,
#home li#nav-home a,
#about li#nav-about a,
#newsletter li#nav-newsletter a,
#faq li#nav-faq a,
#contact li#nav-contact a,
#service li#nav-service a,
#community li#nav-community a,
#newsletter li#nav-newsletter a {
	color: #F9DD5F;
}

/* MAIN NAV */

ul.nav {
	font-family: Georgia, "Times New Roman", serif;
	color: #F7F2E2;
	font-size: 14px;
	line-height: 1.0;
	position: absolute;
	left: 15px;
}

ul#row1 {
	top: 75px;
}

ul#row2 {
	top: 98px;
}

ul.nav li {
	float: left;
	list-style: none;
	background: transparent url(/images/nav-divider-longer.gif) top right no-repeat;
	
}

ul.nav a {
	color: #F7F2E2;
	padding-right: 10px;
	text-decoration: none;
	padding-left: 10px;
	display: block;
}

ul#row1 a {
	padding-top: 2px;
	padding-bottom: 2px;
}

ul#row2 a {
	padding-top: 3px;
	padding-bottom: 3px;
}

ul.nav li.first a { padding-left: 7px; }

ul.nav a:hover, ul.nav a:focus, ul.nav a:active,
#windows li#nav-windows a,
#entry li#nav-entry a,
#vinyl li#nav-vinyl a,
#hurricane li#nav-hurricane a,
#kitchens li#nav-kitchens a,
#sunrooms li#nav-sunrooms a,
#screen li#nav-screen a,
#cabinet li#nav-cabinet a,
#awnings li#nav-awnings a,
#testimonials li#nav-testimonials a {
	color: #35363B;
	background: #C8C9C9 url(/images/menu-hover-bg.jpg) top left repeat-x;
}


/* ------------ HERO ------------ */

#hero {
	width: 951px;
	height: 242px;
	position: relative;
	margin-left: 14px;
}

#hero-img {
	display: block;
}

#logo-img {
	position: absolute;
	top: -125px;
	right: -4px;
	z-index: 1000;
	display: block;
}

#hero-bottom { 
	background: transparent url(/images/hero-bottom.gif) top left no-repeat;
	height: 17px;
	overflow: hidden;
}

#note {
	background: transparent url(/images/note.png) top left no-repeat;
	width: 437px;
	height: 204px;
	position: absolute;
	top: -164px;
	right: 2px;
	z-index: 1000;
}

#note h1, #note h5 {
	margin: 45px 0 0 82px;
	padding: 0;
}

#note p {
	font-family: Georgia, "Times New Roman", serif;
	padding: 0;
	margin: 8px 25px 0 35px;
	font-size: 13px;
	line-height: 1.3;
}

/* ------------ CONTENT ------------ */

#content-wrap {
	width: 961px;
	margin-left: 4px;
	position: relative;
}

#content {
	width: 641px;
	background: white url(/images/content-top-gradient.jpg) top left no-repeat;
	float: left;
	font-size: 90%;
}

#content-inner {
	background: transparent url(/images/content-bottom-gradient.png) bottom left no-repeat;
	padding: 21px 31px 10px 25px;
}

/* make sure content is longer than sidebar so that logos place correctly */
#content-hold { min-height: 856px; }
* html #content-hold { height: 856px; }

.no-headline {
	padding-top: 20px;
}


h1, .text-indent h1 {
	font-family: Georgia, "Times New Roman", serif;
	color: #1E3168;
	line-height: 1.3;
	margin-top: 0;
	width: 450px;
	font-size: 150%;
	font-weight: normal;
}
h2 {
	font-weight: bold;
	font-size: 110%;
}


h3 {
	font-size: 125%;
}

h4 {
	font-size: 130%;
}

.text-indent {
	margin-left: 15px;
}

.faded, .faded a { color: #8A888B; }

#content-feed a:link, #content-feed a:visited {
	color: #01487e;
	text-decoration: none;
}

#content-feed a:hover {
	text-decoration: underline;
}

/* DISPLAY BOX */

.display-box {
	border: 1px solid #B4B8C3;
	background: white;
	padding-bottom: 3px;
}

.display-box h3 {
	background: #E5E5E5;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 130%;
	color: #000;
	display: block;
	margin: 0;
	padding: 3px 5px 3px 21px;
	font-weight: normal;
}

.display-box p {
	padding: 0 5px 0 21px;
	line-height: 1.3;
}

.display-box ul {
list-style:none;
}

.display-box li { padding: 10px }

.display-box-more {
	text-align: right;
	font-size: 90%;
}

/* ------------ LOGOS ------------ */


#logo-images {
	position: relative;
	bottom: -30px;
}

#logos p#energy-star {
	position: absolute;
	line-height: 1.3;
	bottom: 3px;
	left: 385px;
	font-size: 75%;
	margin: 0;
	padding: 0;
	color: #555;
}

span.look-for { color: #20336C; }

span.energy { color: #00ADEF; }

.energy-star-link {
	color: #555555;
	text-decoration: none;
}

a.energy-star-link:hover, a.energy-star-link:focus, a.energy-star-link:active {
	text-decoration: underline;
}



/* ------------ SIDEBAR ------------ */

#sidebar {
	width: 320px;
	float: left;
	padding-top: 92px;
	padding-bottom: 20px;
}

#ask-mike {
	margin-top: 15px;
	margin-left: 14px;
}

#green-egg {
	margin-top: 28px;
	margin-left: 10px;
}


#flash {
	margin-left: 17px;
}

.sidebar-link {
	text-align: right;
	font-size: 75%;
	padding-right: 29px;
	padding-left: 10px;
}


/* ------------ FOOTER ------------ */

#footer {
	width: 969px;
	margin: 0 auto;
	background: transparent url(/images/logos-bg.png) top left no-repeat;
	height: 75px;
}

p#footer-links {
	color: #707690;
	text-align: center;
	margin: 0;
	padding: 25px 0 0 0;
	font-size: 90%;
	position: relative;
}

p#footer-links a {
	color: #707690;
	text-decoration: none;
	position: relative;
}

p#footer-links a:hover, p#footer-links a:focus, p#footer-links a:active {
	text-decoration: underline;
}

p#keyword {
	width: 969px;
	margin: 0 auto;
	color: white;
	padding: 10px 0 30px;
	font-size: 90%;
	text-align: center;
}

div#likebutton {
  color: #fff;
  height: 40px;
  margin: 3px 0 20px 0;
  text-align: center;  
}

/* ------------ BOTTOM ------------ */

#bottom {
	width: 969px;
	margin: 0 auto;
	text-align: center;
	color: white;
	font-size: 90%;
}

#bottom a {
	color: white;
}

#copyright {
	margin-top: 10px;
}

#description {
	width: 840px;
	margin: 0 auto;
	padding-top: 10px;
	font-size: 75%;
	line-height: 1.3;
}

.ogre {

font-size: 70%;

}

.ogre a {

text-decoration: none;

}


/* ------------ EXTRAS ------------ */

.rss-items {
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
}

.rss-item {
	margin: 0 0 4px;
}

li.f2jnag a {
	display: none !important;
	text-indent: -9999px !important;
}

.social { 
	padding-right: 5px; 
	font-size: 12px; 
	text-align: right;
	font-family: Tahoma, Arial, sans-serif;
}

.social img { position: relative; top: 3px; }

.f-right {
	float: right;
	margin: 0 0 10px 10px;
}

.f-left {
	float: left;
	margin: 0 10px 0 0;
}

.center { text-align: center; }
.right { text-align: right; }

.clear { clear: both; }

a img { border: none; }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
* html .clearfix { height: 1%; }
.clearfix {display: block;}
/* End hide from IE Mac */

/* ------------ IE6/PNG ------------ */

/* commented backslash hack v2 \*/


* html #wrap {
	background: transparent url(/images/wrap-bg.gif) top left repeat-y;
}

/* commented backslash hack v2 \*/
* html #note {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/note.png', sizingMethod='image');
}

/* commented backslash hack v2 \*/
* html #content-inner {
	background-image: none;
}

/* commented backslash hack v2 \*/
* html #footer {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logos-bg.png', sizingMethod='image');
}


/* end hack */