/****************************************************************************************************************************/
/* DOCUMENT WIDE */
body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, img, form { padding: 0; border: 0; margin: 0; }
body { background: #778cb6 url(../images/bg.jpg) repeat-x 50% 0; font-family: Arial, Helvetica, sans-serif; }

/****************************************************************************************************************************/
/* TEXT FORMATTING STYLES */
h1 {  font-size: 32px; color: #5c2a2b; border-bottom: solid 1px #aebad2; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: right; padding-bottom: 4px; }
h2 { font-size: 24px; color: #5c2a2b; border-bottom: solid 1px #aebad2; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: right; padding-bottom: 3px; }
h3 {  font-size: 15px; color: #5c2a2b; border-bottom: solid 1px #aebad2; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; padding-bottom: 2px; }
h4 {  font-size: 27px; color: #5c2a2b; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; }
h5 {  font-size: 21px; color: #5c2a2b; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; }
h6 {  font-size: 15px; color: #5c2a2b; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; }
#side-links { float: left; padding: 4px 5px 10px 12px; }
#side-links a { color: #b64c18; text-decoration: underline; font-size: 12px; }
#side-links a:hover { text-decoration: none; }
p { font-size: 14px; line-height: 18px; color: #393939; margin: 10px 0 5px 0; }
p a, li a{ color: #b64c18; text-decoration: underline; }
p a:hover, li a:hover { text-decoration: none; }
a { outline: none; }
#text ul{ width: 300px; padding: 8px 45px 12px 30px; font-size: 13px; color: #424242; }
#text ol{ width: 300px; padding: 8px 45px 12px 35px; font-size: 13px; color: #424242; }
#text li { padding: 0px 0px 4px 0px; }
blockquote { float: left; width: 300px; padding: 12px 20px 14px 20px; background: #6e84b0; color: #ffffff; }
#personel img { border: 1px solid #990033; }
#side-links ul {padding: 0px 0px 0px 10px; font-size: 13px; color: #424242; }
#side-links ol {padding: 0px 0px 0px 10px; font-size: 13px; color: #424242; }
#side-links li {padding: 0px 0px 0px 10px; font-size: 13px; color: #424242; }
/****************************************************************************************************************************/
/* IMAGE POSITIONING */
#text img.left { float: left; padding: 13px; }
#text img.right { float: right; padding: 13px; }

/****************************************************************************************************************************/
/* TABLE LAYOUT STYLES (FOR LOGOS) */
#logos-table { width: 719px; float: left; margin: 15px 0px 15px 18px; }
* html #logos-table { margin-left: 9px; }
*:first-child+html #logos-table { padding-bottom: 15px; }
* html #logos-table { padding-bottom: 15px; }
table { border-collapse: collapse; }


/****************************************************************************************************************************/
/* PAGE WRAPPER AND HEADER */
#wrapper { margin: 0 auto; width: 769px; }
#header { background: #ffffff url(../images/shadow-top.jpg) no-repeat top; float: left; margin: 36px 0px 0px 0px; padding-top: 14px; }
#header-logo { float: left; width: 485px; height: 250px; border-right: solid 2px #85a1d7; }

/****************************************************************************************************************************/
/* NAVIGATION LAYOUT */
ul#nav { float: left; width: 264px; list-style: none; margin: 0px 0px 0px 16px; border-left: solid 2px #85a1d7; }
ul#nav li { float: left; width: 264px; }
ul#nav li a { float: left; width: 264px; }
ul#nav li#home { background: url(../images/images/home_btn.jpg) no-repeat; height: 31px; }
ul#nav li#home a { background: url(../images/images/home_btn.jpg) no-repeat; height: 31px; }
ul#nav li#home a:hover { background-position: 0 -31px; }
ul#nav li#about { background: url(../images/images/about_btn.jpg) no-repeat; height: 25px; }
ul#nav li#about a { background: url(../images/images/about_btn.jpg) no-repeat; height: 25px; }
ul#nav li#about a:hover { background-position: 0 -25px; }
ul#nav li#services { background: url(../images/images/services_btn.jpg) no-repeat; height: 26px; }
ul#nav li#services a { background: url(../images/images/services_btn.jpg) no-repeat; height: 26px; }
ul#nav li#services a:hover { background-position: 0 -26px; }
ul#nav li#suppliers { background: url(../images/images/suppliers_btn.jpg) no-repeat; height: 28px;}
ul#nav li#suppliers a { background: url(../images/images/suppliers_btn.jpg) no-repeat; height: 28px; }
ul#nav li#suppliers a:hover { background-position: 0 -28px; }
ul#nav li#geothermal { background: url(../images/images/geothermal_btn.jpg) no-repeat; height: 28px; }
ul#nav li#geothermal a { background: url(../images/images/geothermal_btn.jpg) no-repeat; height: 28px;}
ul#nav li#geothermal a:hover { background-position: 0 -28px; }
ul#nav li#projects { background: url(../images/images/projects_btn.jpg) no-repeat; height: 27px; }
ul#nav li#projects a { background: url(../images/images/projects_btn.jpg) no-repeat; height: 27px; }
ul#nav li#projects a:hover { background-position: 0 -27px; }
ul#nav li#contact { background: url(../images/images/contact_btn.jpg) no-repeat; height: 32px; }
ul#nav li#contact a { background: url(../images/images/contact_btn.jpg) no-repeat; height: 32px; }
ul#nav li#contact a:hover { background-position: 0 -32px; }
ul#nav li#events{ background: url(../images/images/events_btn.jpg) no-repeat; height: 26px; }
ul#nav li#events a { background: url(../images/images/events_btn.jpg) no-repeat; height: 26px; }
ul#nav li#events a:hover { background-position: 0 -26px; }
ul#nav li#solarthermal{ background: url(../images/images/solarthermal_btn.jpg) no-repeat; height: 27px; }
ul#nav li#solarthermal a { background: url(../images/images/solarthermal_btn.jpg) no-repeat; height: 27px; }
ul#nav li#solarthermal a:hover { background-position: 0 -27px; }

/****************************************************************************************************************************/
/* CONTENT LAYOUT STYLES */
#bg-white { background: url(../images/bg-white.jpg) no-repeat; float: left; width: 769px; height: 20px; }
#content-wrapper { background: url(../images/bg-content.jpg) repeat-y; float: left; width: 769px; }
#content-shadow-left { background: url(../images/shadow-left.jpg) no-repeat; float: left; width: 10px; height: 522px; }
#content-shadow-right { background: url(../images/shadow-right.jpg) no-repeat; float: left; width: 10px; height: 522px; }
#content { float: left; width: 747px; border-right: solid 1px #85a1d7; border-left: solid 1px #85a1d7; }
#text { float: left; width: 435px; margin: 8px 45px 12px 20px; }
* html #text { margin: 8px 45px 12px 10px; }

/****************************************************************************************************************************/
/* RIGHT SIDE NAVIGATION AND STYLES */
#right-side { float: left; width: 235px; }
#subnav-cont { background: #6e84b0 url(../images/subnav-bottom.jpg) no-repeat bottom; width: 235px; padding-bottom: 10px; }
#subnav-top { background: url(../images/subnav-top.jpg) no-repeat;  width: 235px; height: 8px; }
#subnav-bottom { background: url(../images/subnav-bottom.jpg) no-repeat; width: 235px; height: 8px; }
/* SUB NAVIGATION */
ul.subnav { list-style: none; margin: 6px 8px 6px 8px; }
* html ul.subnav { margin: 6px 4px 6px 4px; }
ul.subnav li { background: url(../images/arrow-right.jpg) no-repeat; color: #ffffff; font-size: 14px; margin-bottom: 4px; width: 191px; height: 21px; padding: 4px 0px 0px 26px; }
ul.subnav li#down { background: url(../images/arrow-down.jpg) no-repeat; }
ul.subnav li a { color: #ffffff; font-size: 14px; text-decoration: none; }
ul.subnav li a:hover { text-decoration: underline; }
/* SUB NAVIGATION DOWN MENU */
ul.drop-menu { background: #aebad2; list-style: none; width: 200px; padding: 0px 20px 0px 15px; border-top: solid 1px #556c9a; border-bottom: solid 1px #556c9a; }
* html drop-menu { padding: 0px 10px 0px 10px; width: 175px; }
ul.drop-menu li { background: url(../images/bullet-sm.jpg) no-repeat 0px 7px; color: #23365d; font-size: 12px; margin-bottom: 3px; width: 180px; height: 100%; padding: 4px 0px 0px 12px; }
* html ul.drop-menu li { padding: 4px 0px 0px 10px; }
ul.drop-menu li a { color: #23365d; text-decoration: underline; }
ul.drop-menu li a:hover { text-decoration: none; }

/****************************************************************************************************************************/
/* FOOTER LAYOUT */ 
#footer { background: #ffffff url(../images/shadow-bottom.jpg) no-repeat bottom; float: left; width: 769px; height: 160px; }
* html #footer { height: 161px; }
#footer-left { float: left; width: 282px; height: 150px; border-right: solid 2px #85a1d7; margin-right: 24px; border-bottom: solid 1px #85a1d7; }
#footer-right { background: #3b589c; float: left; width: 448px; height: 149px; border-left: solid 2px #85a1d7; border-top: solid 2px #85a1d7; border-right: solid 1px #85a1d7; border-bottom: solid 1px #85a1d7; }
* html #footer-right { border-top: solid 1px #85a1d7; margin-top: 1px; }
* html #footer-right { width: 440px; height: 150px; }
#footer-right-shadow { background: url(../images/footer-right-shadow.jpg) repeat-y; float: left; width: 10px; height: 152px; }
* html #footer-right-shadow { height: 153px; }
/* FOOTER NAVIGATION STYLES */
ul.footer-nav { float: right; list-style: none; }
ul.footer-nav#long { width: 320px; margin-top: 12px; }
ul.footer-nav#short { width: 218px; margin-top: 7px; }
ul.footer-nav li { float: left; padding-left: 6px; color: #ffffff; font-size: 12px; }
ul.footer-nav li a { color: #ffffff; text-decoration: none; }
ul.footer-nav li a:hover { color: #ffffff; text-decoration: underline; }
#footer-logo { float: left; width: 78px; height: 39px; padding: 45px 0px 0px 358px; }
* html #footer-logo { padding-left: 350px; }
/* MODERN EARTH TAG */
#modernearth { float: left; width: 143px; height: 33px; padding: 0px 0px 10px 605px; }

/* *************************************************************************************************************************************** */

img.photo-right { float: right; margin: 10px 0 10px 10px; padding: 5px; border: 1px solid #5C2A2B; }
img.photo-left { float: left; margin: 10px 10px 10px 0; padding: 5px; border: 1px solid #5C2A2B; }

#text ul.events_list { width: 435px; list-style-type: none; font-family: Arial, Helvetica, sans-serif; margin: 0 0 0 0; padding: 0 0 0 0; }

#text ul.events_list li { width: 425px; margin: 0 0 5px 0; padding: 5px; border-bottom: 1px dotted #5C2A2B; font-size: 16px; color: #5C2A2B; }

div.partners { width: 415px; border: 1px solid #5C2A2B; margin: 15px 0 15px 0; padding: 10px; }

div.partners table { width: 415px; }

div.partners table tr td { text-align: center } 
