/*
Theme Name: Solarflow
Theme URI: http://gozer.com.au/
Description: Solarflow theme
Version: 1.0
Author: Gozer
Author URI: http://gozer.com.au/
*/


HTML, BODY {height:100%;}

BODY {margin:0;background-color:#fff;font-family:Arial;font-size:11px;}

#page {padding-left:40px;padding-top:40px;height:100%;}
#header {height:190px;position:relative;}

#header H1 A {background:url('/images/solarflow_logo.gif') top left no-repeat;width:137px;height:118px;display:block} 
#header H1 A SPAN {display:none;}
#header H1 {float:left;width:225px;}
#header #banner {width:449px;height:190px;margin-left:225px;}

#header #banner.generic {overflow: hidden;}
#header #banner.rainwater {background:url('/images/banner.gif') 0 -408px no-repeat;width:180px}
#header #banner.solarhotwater {background:url('/images/banner.gif') 0 -216px no-repeat;width:180px}
#header #banner.solarpower {background:url('/images/banner.gif') -279px -216px no-repeat;width:180px}
#header .home {position:absolute;left:0;bottom:10px;color:#FF3300;text-decoration:none;}

#menu {width:225px;border-top:1px solid #515B53;float:left;}
#main_menu {float:left;width:105px;border-right:1px solid #515B53;padding:15px 0px;min-height:337px	;}
#main_menu A {display:block;text-decoration:none;color:#565D56;padding:4px;font-weight:bold;margin-left:-4px;width:99px;}
#menu A:hover {color:#fff;}
#menu A.generic:hover {background-color:#565D56;}
#menu A.rainwater:hover {background-color:#367AE8;}
#menu A.solarhotwater:hover {background-color:#40B708;}
#menu A.solarpower:hover {background-color:#FF3300;}

#menu A.genericcurrent {background-color:#565D56;color:#fff;}
#menu A.rainwatercurrent {background-color:#367AE8;color:#fff;}
#menu A.solarhotwatercurrent {background-color:#40B708;color:#fff;}
#menu A.solarpowercurrent {background-color:#FF3300;color:#fff;}



#sub_menu {float:left;width:115px;padding:15px 2px;}
#sub_menu A {display:block;text-decoration:none;color:#565D56;padding:4px;font-weight:bold;}

#content {margin-left:225px;color:#fff;width:665px;font-size:13px;}
#content .content H2 {margin-top:0;}
#content .content P {line-height:15px;}
#content .content A {color:#fff;}
#content .content UL LI {margin-bottom:5px;}
#content .content {width:387px;padding:20px;min-height:327px;}
#content .generic {background-color:#565D56;}
#content .rainwater {background-color:#367AE8;}
#content .solarhotwater {background-color:#40B708;}
#content .solarpower {background-color:#FF3300;}

#sidebar {float:right;width:220px;padding:0px 0px;min-height:367px;}
.sidebar_generic {border-left:2px solid #BABFBA;border-right:2px solid #BABFBA;color:#565D56}
.sidebar_rainwater {border-left:2px solid #367AE8;border-right:2px solid #367AE8;color:#367AE8}
.sidebar_solarhotwater {border-left:2px solid #40B708;border-right:2px solid #40B708;color:#40B708}
.sidebar_solarpower {border-left:2px solid #FF3300;border-right:2px solid #FF3300;color:#FF3300}

#sidebar UL {margin:0;padding-left:10px;}
#sidebar UL LI  { list-style-type: none;font-family:Georgia;font-size:11px;margin-bottom:10px }
#sidebar UL LI:before { content: "- "; }
#sidebar UL LI A  { text-decoration:none; }
.sidebar_generic  UL LI A {color:#565D56}
.sidebar_rainwater  UL LI A {color:#367AE8}
.sidebar_solarhotwater  UL LI A {color:#40B708}
.sidebar_solarpower  UL LI A {color:#FF3300}
#sidebar H2 {margin-top:0px;padding:0px 10px;}
#sidebar P {line-height:20px;font-family:Georgia;font-size:15px;padding:0px 10px;margin:0px;}
#sidebar .diagram {}
#sidebar .rss {float:right;margin-right:10px;}

.home H2 {display:none;}
.home P {margin-top:0px;}

.news UL {margin:0;padding-left:0px;}
.news UL LI  { list-style-type: none;font-family:Georgia;font-size:11px; }
.news UL LI:before { content: "- "; }
.news UL LI A  { text-decoration:none; }

#footer {clear:left;}

A IMG {border:none;}

FORM {}
FORM DIV {margin-bottom:10px;}
FORM DIV LABEL {width:70px;display:block;float:left;}
FORM INPUT.field, FORM TEXTAREA.field {width:200px;background:#fff;border:none;padding:3px;font-family:Arial;font-size:11px;}
FORM SELECT.field {width:200px;background:#fff;border:none;padding:3px;font-family:Arial;font-size:11px;}
FORM INPUT.button {border:none;padding:3px;font-family:Arial;font-size:11px;}

div.error {color:#FF3300;}
div.error li {margin-bottom:5px;}

.notice {padding:20px 0;color:#40B708;}

.submenu {padding-bottom:10px;margin-bottom:30px;border-bottom:1px solid #fff;}
#content .content .submenu a {margin-right:10px;text-decoration:none;font-weight:bold;font-size:11px;}
#content .content .submenu a:hover {color:#565D56;}
.submenu .break {margin-right:10px;}

#overlay {background-color: #222222;position: fixed;top:0;left:0;right:0;bottom:0;}

/*#gallery {background-color: #fff;position:fixed;top:20px;left:20px;right:20px;bottom:20px;}*/
#gallery {line-height:0;position:fixed;text-align:center;width:100%;z-index:100;top:0;left:0;}
#gallery .gallerywrap {margin: 0 auto;position:relative;background-color: #fff;position:relative;}
#gallery #panel {width:300px;background-color: #e8e8e8;height:100%;float:left;position:relative;}
#gallery #image {height:100%;margin-left:300px;position:relative;}
#gallery #close {float:right;display: block;line-height:1em;margin:14px 15px 0 0;color:#000;}
#gallery #loader {background: url('/images/ajax-loader.gif') top left no-repeat;width:32px;height:32px;margin:10px auto;}
#gallery #loader.abscenter {position:absolute;top:50%;left:50%;margin-left:-16px;margin-top:-16px}
#gallery #panel h2 {text-align:left;padding:5px 10px;margin-top: 15px}
#gallery #panel #nav {position:absolute;bottom:0;left:0;padding:5px 0;background:#fff;border-top:1px solid #d5d5d5}
#gallery #panel #nav a, 
#gallery #panel #nav span {float:left;width:100px;display: block;line-height: 1em;color:#222;text-decoration:none;}
#gallery #panel #nav #prev {}
#gallery #panel #nav #next {}
#gallery #panel blockquote {padding:10px;line-height:1.3em;text-align:left;margin:0;}

#content #projects_gallery {padding:0;width:427px;background-color:#9eaaa3}
#gallery_list {}
#gallery_list a {text-decoration:none;width:125px;display:block;margin-bottom:20px;}
#gallery_list a img {width:115px;}
#gallery_list a span {display: block;margin-bottom:3px;}


#gallery_list .gallery {padding:20px;}
#gallery_list h3 {margin-top:0;padding:5px 20px}
#gallery_list h3#gallery_1 {background-color: #565D56}
#gallery_list h3#gallery_2 {background-color: #565D56}
#gallery_list h3#gallery_3 {background-color: #565D56}

#testimonials h3 {font-style:italic;font-size:1em;font-weight:normal;margin-bottom: 8px}
#content #testimonials p {margin-bottom:20px;margin-top:5px;}

