/*
Theme Name: Iota Core
Theme http://www.madmediagroup.com.au/
Author: Andrew Dabson
Author URI: http://www.onitz.net/
Description: A miscelaneous
Version: -1.0
License: Creative Commons license
License URI: http://en.wikipedia.org/wiki/Creative_Commons_license
Tags: Sugar, Fire, Ice, Spice, Darkness
*/

/*<img src="wp-content/themes/iotacore/images/2/" alt="" />*/

/*----------------------------global values-----------------*/
body {
text-align:center; /* center alignment for IE */

background: #d3d6da url(images/documentbg.png) repeat-y scroll center;
color: #58595b;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height:17px;
margin: 0px;
padding: 0px;
text-decoration: none;
}

hr{
width:100%;
height:1px;
border:none;
margin:0;
padding:0;
background-color:#ccc;
}

h1{
font-size:22px;
line-height:28px;
color:#626365;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
}

h2{
margin-bottom:15px;
font-size:22px;
line-height:22px;
color:#145d95;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
}

h3{
font-size:22px;
line-height:28px;
color:#0b6c95;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
}

h4{
margin: 13px 0 30px;
font-size:30px;
line-height:30px;
color:#ffc216;
font-family: Arial Black, Arial Black, Gadget, sans-serif;
font-weight:bold;
}

h5{
margin: 0px 0px 15px; /*top [left right]  bottom */
font-size:15px;
line-height:15px;
color:#0b6c95;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
}

h6{
margin: 0px 0px 20px;
font-size:22px;
line-height:22px;
color:#f9b418;
font-family: Arial Black, Arial Black, Gadget, sans-serif;
font-weight:bold;
}

ul{
margin:0;
padding-left:13px;

list-style: url(images/bullet.png);        /*merged li*/
color: #58595b;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height:17px;
margin-left:0;
}

form{
display: inline;
}

p{
margin-top:0px;
color: #58595b;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height:17px;
}

a{
color: #0b6c95;
display:inline;
text-decoration:none;
}

input{
width:450px;
border:1px solid #888;
display: inline;
}

/*-----------------------------------------end global values-------------------------------------*/

img{
border:0px;
}

.findoutmore{ /*applied to <a> and <p>*/
color: #0b6c95;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
}

div#document{ /*the main wrapper for the page not including 2 x 10px vertical margins */
width:1024px;
margin:0 auto; /* center alignment for the rest */
text-align:left;
/*terrible way to align somehting => position:absolute;left:50%;margin-left:-500px; */
background: #fff;
height:100%;
}


div.menu_logo{
width:200px;
height:150px;
margin-left:58px;
display:inline-block;
float:left;
background: transparent url(images/header_mouseover.png) no-repeat 0 0;
}
div.menu_logo_hover{
width:200px;
height:150px;
margin-left:58px;
display:inline-block;
float:left;
background: transparent url(images/header_mouseover.png) no-repeat 0 -150px;
} 
/*could just use div.menu_abouttsf:hover and ditch the javascript and redundant width,height,margin-left but ie wont support it >.>*/

div.menu_abouttsf{
width:88px;
height:150px;
display:inline-block;
float:left;
margin-left:97px;
background: transparent url(images/header_mouseover.png) no-repeat -285px 0;
}
div.menu_abouttsf_hover{
width:88px;
height:150px;
display:inline-block;
float:left;
margin-left:97px;
cursor:hand;
background: transparent url(images/header_mouseover.png) no-repeat -285px -150px;
}

div.menu_casestudies{
width:110px;
height:150px;
display:inline-block;
float:left;
background: transparent url(images/header_mouseover.png) no-repeat -373px 0;
}
div.menu_casestudies_hover{
width:110px;
height:150px;
display:inline-block;
float:left;
cursor:hand;
background: transparent url(images/header_mouseover.png) no-repeat -373px -150px;
}

div.menu_cleanenergy{
width:107px;
height:150px;
display:inline-block;
float:left;
background: transparent url(images/header_mouseover.png) no-repeat -483px 0;
}
div.menu_cleanenergy_hover{
width:107px;
height:150px;
display:inline-block;
float:left;
cursor:hand;
background: transparent url(images/header_mouseover.png) no-repeat -483px -150px;
}

div.menu_services{
width:106px;
height:150px;
display:inline-block;
float:left;
background: transparent url(images/header_mouseover.png) no-repeat -590px 0;
}
div.menu_services_hover{
width:106px;
height:150px;
display:inline-block;
float:left;
cursor:hand;
background: transparent url(images/header_mouseover.png) no-repeat -590px -150px;
}

div.menu_products{
width:111px;
height:150px;
display:inline-block;
float:left;
background: transparent url(images/header_mouseover.png) no-repeat -696px 0;
}
div.menu_products_hover{
width:111px;
height:150px;
display:inline-block;
float:left;
cursor:hand;
background: transparent url(images/header_mouseover.png) no-repeat -696px -150px;
}

div.menu_ourmarkets{
width:93px;
height:150px;
display:inline-block;
float:left;
background: transparent url(images/header_mouseover.png) no-repeat -807px 0;
}
div.menu_ourmarkets_hover{
width:93px;
height:150px;
display:inline-block;
float:left;
cursor:hand;
background: transparent url(images/header_mouseover.png) no-repeat -807px -150px;
}

div#header{
border:0px;
padding:0px;
margin:0px;

color:#fff;
width:1024px;
height:410px;
background: #82b6db url(images/headerbg.png) repeat-x scroll;

}

div#homeheader{
border:0px;
padding:0px;
margin:0px;

color:#fff;
width:1024px;
height:560px;
background: #82b6db url(images/homeheaderbg.png) repeat-x scroll;

}

div.homeheada{
width:1024px;
height:160px;
}

div.homeheadb{
width:1024px;
height:340px;
background: transparent url(images/headb.jpg) no-repeat;
background-position: top middle;
}

div.homeheadc{
width:1024px;
height:60px;
text-align:right;
}

a.homeheadc{
color:#fff;
}

div.headd{
width:1024px;
height:250px;
vertical-align:top;
}

p.homeheadb{
color:#fff;
padding-top:60px;
padding-left:30px;
font-size:34px;
font-weight:bold;
line-height:38px;
font-family: Arial Black, Arial Black, Gadget, sans-serif;
letter-spacing:0px;
}

p.homeheadc{
color:#fff;
position:relative;
top:50%;
margin-top:-10px;
height:20px;
padding-right:10px;
font-size:18px;
font-family: Arial, Helvetica, sans-serif;
vertical-align:middle;
}

em.homeheadc{
font-style:normal;
font-family: Arial Black, Arial Black, Gadget, sans-serif;
font-weight:bold;
letter-spacing:0px;
}

img.play{
vertical-align:middle;
margin-right:40px;
margin-left:5px;
padding-bottom:5px;
}

div#body{
margin:0px;
paddding:0px;
width:1024px;
display:block;
}

p.intro{
font-size:22px;
line-height:28px;
padding-top:30px;
width:670px;
color:#626365;
margin-left:0;
font-family: Arial, Helvetica, sans-serif;
font-weight:light;
float:left;
}

div.sidecontact{
width:218px;
height:187px;
float:right;
margin-right:0;
margin-top:15px;
background:#fdb917 url(images/contact.jpg) no-repeat;
cursor:hand;
}

#topsection{
width:1024px;
height:230px;
display:block-inline;
}
#midsection{
position:relative;
width:960px;
display:block;
margin-left:40px;
}

div#footer{
margin:0px;
paddding:0px;
height:340px;
width:1024px;
border-top: 1px solid #cfd1d5;
float:bottom;
}

div.foota{
width:1024px;
height:90px;
background: #fff url(images/logos.png) no-repeat 0 0;
}
div.footb{
width:1024px;
height:80px;
background: #edeeef; /*url(images/logos.png) no-repeat 0 -90px*/
}

div.footercontact{
width:210px;
height:80px;
cursor:hand;
margin-left:40px;
background: #edeeef url(images/logos.png) no-repeat -40px -90px;
float:left;
}

div.affiliatea{
width:125px;
height:80px;
cursor:hand;
background: #edeeef url(images/logos.png) no-repeat -321px -90px;
float:right;
}

div.affiliateb{
width:134px;
height:80px;
cursor:hand;
background: #edeeef url(images/logos.png) no-repeat -446px -90px;
float:right;
}

div.affiliatec{
width:75px;
height:80px;
cursor:hand;
background: #edeeef url(images/logos.png) no-repeat -580px -90px;
float:right;
}

div.affiliated{
width:133px;
height:80px;
cursor:hand;
background: #edeeef url(images/logos.png) no-repeat -655px -90px;
float:right;
}

div.affiliatee{
width:171px;
height:80px;
cursor:hand;
margin-right:40px;
background: #edeeef url(images/logos.png) no-repeat -788px -90px;
float:right;
}

div.footc{
width:1024px;
height:170px;
font-size:10px;
line-height:22px;
border-top: 2px solid #fff;
font-family: Verdana, Verdana, Geneva, sans-serif;
font-weight:bold;
letter-spacing:0px;

background: #edeeef url(images/logos.png) no-repeat 0 -170px;
}

div.footer-menu{
height:145px;
width:117px;
float:left;
margin-left:40px;
}

div.footer-services{
height:145px;
width:153px;
float:left;
}

div.footer-products{
height:145px;
width:182px;
float:left;
}

div.footer-contacttsf{
height:145px;
width:164px;
float:left;
}

div.footer-madwatermark{
height:145px;
width:166px;
float: right;
margin-right:40px;
}

ul.footermenu{
font-family: Arial, Helvetica, sans-serif;
list-style:none;
font-weight:normal;
font-size:10px;
line-height:13px;
list-style-type: none;
padding:0px;
margin:0px;
}

a.footermenu{
color:#384051;
}

/**********************************************************************************************start dynamic***********************************************/
/*for the images:
 style="float: left;margin-right:40px;"
 */

 h2.casestudy{
 margin:0;
 padding:0;
 }
 
p.casestudy{
margin:5px 0 0;
line-height:14px;
}


div#service-maintenance{/*show on page [9] and [10] */
}
div#service-designservices{/*show on page [9] */
}
div#service-constructservices{/*show on page [9] */
}
div#service-productinstallation{/*show on page [9] */
}
div#service-commissioning{/*show on page [9] */
}


div#product-cogenerationtrigeneration{/*show on page [13] */
}
div#product-dieselgenerators{/*show on page [13] */
}
div#product-ventilationexhaust{/*show on page [13] */
}
div#product-acoustic{/*show on page [13] */
}
div#product-absorptionchillers{/*show on page [13] */
}
div#product-plcscadacontrolsystems{/*show on page [13] */
}
div#product-bulkfuelstoragesystems{/*show on page [13] */
}
div#product-mechanicalelectrical{/*show on page [14] */
}

/**********************************************************************************************start layout**/

div.bound{ 
margin:0;
padding:0;
text-align:left;
width:944px;
}
div.evenlayoutleft{ /*include middle 24px margin in this one -- the symmetric 460,[24margin],460 column layout** (plus 2*40px side margins makes 1024 width)*/
width:460px;
float:left;
}
div.evenlayoutright{
width:460px;
float:right;
}

img.bluebox{
float:left;
margin-right:20px;
}
img.play{ /*the inline play button*/
display: inline;
}
img.playcase{ /*the inline play button*/
display: inline;
float:right;
}

ul.indented{
display:block;
float:left;
}

div.oddright{
width:580px;
float:right;
}

img.oddleftcs{ /*the left element in a case study page (a thumbnail) */
float:left;
margin-right:40px;
}

div.oddrightserv{
width:580px;
float:right;
margin-bottom:30px;
}

div.oddleftserv{ /*the left element in a case study page (a thumbnail) */
float:left;
margin:25px 0 25px;
vertical-align:top;
}

h5.whyct{
margin-bottom:3px;
}

h2.serv{
padding-top:20px;
}

a.vcs{ /*view case study link on the cogen and trigen page*/
color:#58595b;
}
a.vcs:hover{
color: #0b6c95;
}

div.leftgm{
float:left;
}

div.rightgm{
float:right;
width:256px;
font-size:6px;
}

div.gmcapsule{
height:134px;
margin-bottom:10px;
clear: both;
}

a.gmlink{
color: #000000; 
text-decoration: none; 
text-align: left;
}

a.gmlink:hover{
color: #0b6c95;
}

input.submitme{
cursor:hand;
width:103px;
height:41px;
background:url(images/17/send.png) no-repeat top left;
border:none;
}

table.messageform{
text-align:left;
vertical-align:top;
font-size:12px;
}

textarea.msg{
vertical-algin:top;
width:450px;
border: 1px solid #888;
resize:none;
}

.halfparagraphspace{ /*applies to h5 in the individual case study pages (before introducing a list)*/
margin-bottom:5px;
}

div.contactleft{
width:400px;
float:left;
}
div.contactright{
width:544px;
float:right;
}

img.gmthumb{
width:120px;
height:120px;
}

span.blu{
color: #227a9f;
width:60px;
float:left;
}
span.tac{
display:block;
float:right;
}

a.imagecaption{
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:10px;
line-height:13px;
color:#145d95;
}

iframe#contact_form{
frameBorder:0;
border:none;
padding:none;
width:544px;
height:400px;
overflow:none;
}