/*************************************************************************
	Northstar Energy
	Developed by Peter Lewis - Twobelowzero (c) 2009
	MODULE: 	all.css
	PURPOSE:	all rules for website
*************************************************************************/

/* ###############   Reset browser - Eric Meyer's   ############### */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
address, del, em, font, img, strong, sub, sup,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, input, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}

/* ###############   Auto float clearing for compliant browsers   ############### */
.wrapper:after,
#header:after,
#header .top:after,
#banner:after,
#nav:after,
.downloads:after,
#header #nav ul:after,
#landing-menu:after,
#main:after,
#survey-form .controls:after,
#content:after,
#footer:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

/* ###############   GENERAL RULES & CLASSES   ############### */
html {
	font-size:100%;
	height:100%;
}
body {
	color:#808080;
	background:#e8f8fe url(/themes/site_themes/nstar/images/back-gradient.png) repeat-x left top;
	font: normal 1.00em/1.1em Arial,"Helvetica Neue","Helvetica",sans-serif;
	margin:0;
	padding:0;
	height:100%;
}
#skipto {
	position:absolute;
	left:-1000em;
}
.floatright {
	float:right;
	text-align:right;
}
img.floatright {
	margin:0 0 5px 10px;
}
.floatleft {
	float:left;
	text-align:left;
}
.alignright {
	text-align:right;
}
.alignleft {
	text-align:left;
}
.centred {
	text-align:center;
	margin:0 auto;
}
.lead-in {
	font-weight:bold;
font-size:0.9em;
}
a, a:link {
	text-decoration:none;
	color:#F37321;
}
a:visited {
	color:#F37321;
}
a:hover {
	color:#F37321;
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6 {
	font: bold 1em/normal Arial,"Helvetica Neue","Helvetica",sans-serif;
}
h1 {
	margin:0 0 15px;
	color:#0076C0;
	font-size:1.2em;
	line-height:normal;
}
h2 {
	margin:0 0 10px;
	color:#0076C0;
	font-size:1em;
}
p,ol,ul,dl,blockquote {
	margin:0 0 1em 0;
}
p, li, a {
	font-size:0.8em;
}
p a {
	font-size: 100%;
}

/* ###############   FORM CLASSES   ############### */
button {
	cursor:pointer;
}
input {
	border:1px solid #b2b4b5;
	padding:1px 0 2px 5px;
	color:#b2b4b5;
	background-color:#fff;
}
input:focus,
input:hover {
	color:#414042;
}


/* ###############   MAIN STRUCTURE & CONTENT   ############### */

.wrapper {
	width:980px;
	margin:0 auto;
}
.shadow {
	width:990px;
	margin:0 auto;
}
#main .shadow {
	background:transparent url(/themes/site_themes/nstar/images/back-shadow.png) repeat-y top center;
}
#main .wrapper {
	background:#FFF url(/themes/site_themes/nstar/images/grass-top.jpg) no-repeat bottom left;
	padding-bottom:100px;
}
#side-menu {
	float:left;
	width: 170px;
	margin:15px 10px;
}
#right-side {
	float:left;
	width:232px;
	margin:15px 10px;
}
#content {
	float:left;
	width:528px;
	margin:15px 5px;
}
#content li {
	background:transparent url(/themes/site_themes/nstar/images/bullet.png) no-repeat left 3px;
	padding:0 0 0 20px;
	margin:0 0 5px 40px;
}
#content li p {
	font-size:100%;
}
#content h3 {
	clear:both;
	display:block;
}
#content h4 {
	font-size:0.96em;
	color:#606060;
}


/* ###############   HEADER   ############### */
#header .shadow {
	background:transparent url(/themes/site_themes/nstar/images/back-top-shadow.gif) no-repeat bottom center;
}
#header .top {
	padding:10px 0;
	height:1%;		/* Fudge for IE */
}
#header img {
	float:left;
}
#header h2 {
	float:left;
	width:470px;
	color:#008265;
	font-weight:normal;
	font-style:italic;
	font-size:1.6em;
	text-align:right;
	letter-spacing:-0.01em;
	padding:0 15px;
	margin:0 15px 0 0;
	border-right:1px solid #008265;
}
#header h3 {
	width:240px;
	float:left;
	padding-top:13px;
	color:#f37321;
	font-size:1.9em;
	line-height:0.65em;
}
#header h3 a {
	color:#f37321;
	font-weight:normal;
	font-size:0.54em;
}

#header #nav {
	clear:both;
	width:980px;
	min-height:21px;		/* Fudge for IE */
	background-color:#f37321;
}
#header #nav ul {
	height:1%;		/* Fudge for IE */
	margin:0;
	padding-right:9px;
	background:#f37321 url(/themes/site_themes/nstar/images/nav-top-right.png) no-repeat right top;
}
#header #nav li {
	float:left;
	color:#FFF;
	text-transform:uppercase;
	font-size:0.85em;
	padding:6px 0;
}

#header #nav .start-nav {
	background:#f37321 url(/themes/site_themes/nstar/images/nav-top-left.png) no-repeat left top;
	width:12px;
	padding:0;
}
#header #nav li a,
#header #nav .no-link {
	display:block;
	padding:0 10px;
	border-right:1px solid #FFF;
	color:#FFF;
	line-height:0.85em;
}
#header #nav .no-link {
	margin:6px 0;
	font-size:0.75em;
}
#header #nav li.last a,
#header #nav li.last {
	border:none;
}



/* ###############   FOOTER   ############### */
#footer .shadow {
	background:transparent url(/themes/site_themes/nstar/images/back-bottom-shadow.png) no-repeat center top;
}
#footer .wrapper {
	background:transparent url(/themes/site_themes/nstar/images/grass-bottom.png) no-repeat left top;
	padding:35px 0 0;
	margin-bottom:15px;
}
#footer ul {
	clear:both;
	text-align:center;
	margin:0;
	line-height:0.9em;
}
#footer li,
#footer li a {
	color:#008265;
	font-size:0.8em;
	text-transform:uppercase;
}
#footer li {
	display:inline;
}
#footer li a  {
	padding:0 6px;
	border-right:1px solid #008265;
	letter-spacing:-0.03em;
}
#footer .last a {
	border:none;
}
#footer p {
	width:328px;
	margin:10px 0 0;
	float:left;
	color:#cc9966;
	font-size:0.8em;
	text-align:center;
}
#footer p.left {
	width:326px;
	text-align:left;
}
#footer p.right {
	width:326px;
	text-align:right;
}
#footer p a {
	color:#cc9966;
}


/* ###############   SIDE MENU   ############### */
#product-groups {
	background:#E2F4FE url(/themes/site_themes/nstar/images/bg-panel-orange.png) no-repeat left bottom;
	padding:0 0 8px 0;
	margin:0 0 13px 0;
}
#product-groups .toggler {
	margin:0;
	background:transparent url(/themes/site_themes/nstar/images/button-all.png) no-repeat left top;
	padding:5px 5px 4px 22px;
	line-height:0.6em;
	cursor:pointer;
}
#product-groups .toggler a {
	color:#FFF;
	font-size:0.7em;
	font-weight:bold;
	text-transform:uppercase;
}
#product-groups .first {
	background:transparent url(/themes/site_themes/nstar/images/button-first.png) no-repeat left top;
}
#product-groups .second {
	background:transparent url(/themes/site_themes/nstar/images/button-second.png) no-repeat left top;
}
#product-groups ul {
	list-style:none;
	margin:0;
	padding:6px 3px 1px 21px;
}
#product-groups ul li {
	list-style:none;
	margin:0;
	padding:0 0 5px;
}
#product-groups ul li a,
#product-groups ul li a:visited {
	display:block;
	padding:0;
	margin:0;
	color:#0076C0;
	font-size:0.85em;
	text-decoration:none;
	text-transform:none;
	font-weight:normal;
	line-height:1.2em;
}
#product-groups ul li.current a,
#product-groups ul li.current a:visited {
	color:#F47321;
}
#product-groups ul li a:hover,
#product-groups ul li.current a:hover {
	color:#F47321;
	text-decoration:underline;
}
#side-menu p {
	font-size:0.75em;
	line-height:1.3em;
	margin:0 10px 1em;
	text-align:center;
}
#side-menu img {
	text-align:center;
}


/* ###############   RIGHT SIDE COLUMN   ############### */
#right-side .container {
	border-bottom:1px solid #f47321;
	margin:0 0 10px;
}
#right-side h3 {
	margin:0 0 3px;
	color:#0076C0;
	font-size:1.2em;
}
#right-side h4 {
	margin:0 0 3px;
	font-size:0.9em;
}
#right-side a {
	font-size:1em;
}
#right-side p {
	margin:0 0 3px;
}
#right-side blockquote p {
	margin:0 0 3px;
}
#right-side blockquote .left-quote {
	padding:0 3px 4px 0;
}
#right-side blockquote .right-quote {
	padding:0 0 0 3px;
	vertical-align:-7px;
}
#right-side .quote-ref {
	font-style:italic;
}



/* ###############   CONTENT - HOMEPAGE   ############### */
#main #banner #slideshow {
    overflow:hidden;
	width:980px;
	height:150px;
	float:left;
}
#main #banner .message {
	width:252px;
	height:150px;
	float:right;
	background-color:#bed63a;
}
#main #banner .message h2 {
	color:#FFF;
	font-weight:normal;
	font-style:italic;
	font-size:1.6em;
	padding:15px 8px 0;
}
#main #banner .message a {
	color:#0066cc;
	padding:5px 8px;
	display:block;
	font-weight:bold;
	font-size:1em;
}

#side-menu #big-side-buttons li {
	clear:both;
	margin:0 0 10px;
	font-family:Arial,"Helvetica Neue","Helvetica",sans-serif;
}
#side-menu #big-side-buttons li a {
	display:block;
	background:#BED63A url(/themes/site_themes/nstar/images/button-2.png) no-repeat top left;
	padding:0 0 0 8px;
	color:#008265;
	font-weight:bold;
	font-size:0.9em;
	text-align:center;
	text-transform:uppercase;
	line-height:1.4em;
	height:48px;	/* IE Fix */
}
#side-menu #big-side-buttons li a span {
	overflow:hidden;
	display:block;
	background:#BED63A url(/themes/site_themes/nstar/images/button-2.png) no-repeat right top;
	padding:8px 8px 0 0;
	font-size:1.1em;
	height:40px;
}
#side-menu #big-side-buttons li a:hover {
	background:#BED63A url(/themes/site_themes/nstar/images/button-2.png) no-repeat left bottom;
	text-decoration:none;
}
#side-menu #big-side-buttons li a:hover span {
	background:#BED63A url(/themes/site_themes/nstar/images/button-2.png) no-repeat right bottom;
	cursor:pointer;	/* IE Fix */
}
#homepage #content .box-out {
	background:#e5f1f9 url(/themes/site_themes/nstar/images/boxout-top.png) no-repeat left top;
}
#homepage #content h1 {
	background:transparent url(/themes/site_themes/nstar/images/boxout-bottom.png) no-repeat left bottom;
	padding:9px 10px;
	color:#0076C0;
	font-style:italic;
	text-align:right;
	font-weight:normal
}

#homepage #landing-menu {
	clear:both;
	margin:0;
}
#homepage #landing-menu li {
	width:258px;
	margin:0 0 10px;
	padding:0;
	float:left;
	background:none;
	font-family:Arial,"Helvetica Neue","Helvetica",sans-serif;
}
#homepage #landing-menu #solar,
#homepage #landing-menu #gas {
	margin-right:12px;
}
#homepage #landing-menu li a {
	display:block;
	padding:0 0 0 75px;
	color:#5a4a42;
	font-weight:bold;
	font-size:0.9em;
	text-align:center;
	text-transform:uppercase;
	line-height:1.1em;
}
#homepage #landing-menu #solar a {	background:#F37321 url(/themes/site_themes/nstar/images/button-1-solar.png) no-repeat top left;	}
#homepage #landing-menu #pumps a {	background:#F37321 url(/themes/site_themes/nstar/images/button-1-pumps.png) no-repeat top left;	}
#homepage #landing-menu #gas a {	background:#F37321 url(/themes/site_themes/nstar/images/button-1-gas.png) no-repeat top left;	}
#homepage #landing-menu #biomass a {	background:#F37321 url(/themes/site_themes/nstar/images/button-1-biomass.png) no-repeat top left;	}
#homepage #landing-menu li a span {
	display:block;
	background:#F37321 url(/themes/site_themes/nstar/images/button-1.png) no-repeat top right;
	height:64px;
	padding:9px 8px 0 0;
	font-size:1.3em;
	line-height:1.1em;
	text-align:left;
}
#homepage #landing-menu li a:hover {
	text-decoration:none;
}
#homepage #landing-menu #solar a:hover {	background:#2aadde url(/themes/site_themes/nstar/images/button-1-solar.png) no-repeat left bottom;	}
#homepage #landing-menu #pumps a:hover {	background:#2aadde url(/themes/site_themes/nstar/images/button-1-pumps.png) no-repeat left bottom;	}
#homepage #landing-menu #gas a:hover {	background:#2aadde url(/themes/site_themes/nstar/images/button-1-gas.png) no-repeat left bottom;	}
#homepage #landing-menu #biomass a:hover {	background:#2aadde url(/themes/site_themes/nstar/images/button-1-biomass.png) no-repeat left bottom;	}

#homepage #landing-menu li a:hover span {
	background:#2aadde url(/themes/site_themes/nstar/images/button-1.png) no-repeat right bottom;
	cursor:pointer;	/* IE Fix */
}
#homepage #landing-menu li em {
	color:#FFF;
	text-transform:none;
	text-align:left;
	font-style:normal;
	font-weight:normal;
	font-size:0.8em;
	line-height:1.4em;
}
#homepage #content .instructions {
	text-align:center;
	margin:0 0 1.2em;
}
#homepage ul.special {
	color:#0076C0;
	font-size:1.2em;
}


/* ###############   CONTENT - DOWNLOADS AND INSTALLATIONS   ############### */
#content .downloads,
#content .installations {
	list-style:none;
	margin:0;
}
#content .downloads li,
#content .installations li {
	background:none;
	margin:0;
	padding:0 15px 10px;
	float:left;
}
#content .downloads a,
#content .installations a {
	display:block;
}
#content .downloads .tooltip,
#content .installations .tooltip {
	display:none;
	padding:25px;
	color:#0076C0;
	z-index:30;
}
#content .downloads .tooltip {
	background:transparent url(/themes/site_themes/nstar/images/tooltip-white.png);
	height:70px;
	width:160px;
}
#content .installations .tooltip {
	background:transparent url(/themes/site_themes/nstar/images/tooltip-big.png);
	height:120px;
	width:200px;
}
#content .downloads .tooltip p,
#content .installations .tooltip p {
	margin:0;
	font-size:100%;
}

/* ###############   CONTENT - INSTALLATIONS   ############### */
#content .installations .image-frame {
	background:transparent url(/themes/site_themes/nstar/images/small-gallery-frame.png) no-repeat left top;
	position:absolute;
	width:140px;
	height:110px;
	margin-top:-115px;
}
#right-side .installations .image-frame {
	background:transparent url(/themes/site_themes/nstar/images/med-gallery-frame.png) no-repeat left top;
	position:absolute;
	width:235px;
	height:171px;
	margin-top:-174px;
}

/* ###############   CONTACT US   ############### */
#map {
	border:1px solid #0076C0;
	display:block;
	height:340px;
	padding:0;
	width:528px;
}