/* 	
	
	Main stylesheet for i-energy

*/

*{padding:0; margin:0}

a:link {text-decoration:none; font-weight:bold; color:#009900}

ul {list-style:none}

span.largerText {font-size:16px}

strong {color:#009900}

h2 {font-size:16px}

h3 {font-size:14px}

body{background:#E4E4E4; font:12px/16px Helvetica, Arial, sans-serif}

#wrapper{width:740px; margin:0 auto}

#masthead{width:740px; height:150px; float:left; background:#fff url(../images/mastheadbg.jpg) 50% 0 no-repeat; padding-top:20px}

#branding{width:300px; height:130px; float:left; padding-left:10px; padding-top:10px}

#branding h1{width:294px; height:128px; background:url(../images/logo.jpg) no-repeat; font-size:0px}

#contact{width:400px; height:60px; float:left; padding-top:30px}

#contact ul{text-align:right}

#contentContainer{width:740px; background:#E4E4E4 url(../images/contentbg.jpg) 50% 0 repeat-y; float:left}

#preamble {width:720px; height:260px; float:left; background: url(../images/preamblebg.jpg) no-repeat; margin-left:10px; position:relative; margin-bottom:20px}

#intro {width:324px; height:100px; padding:0 10px; background:#82FF82; position:absolute; top:15%; left:48%}

#intro p{margin-top:5px}

#mainContent{padding-left:30px; width:360px; float:left}

#mainContent p{margin:10px 0}

#mainContent ul{margin-bottom:10px}

#mainContent ul li {background:url(../images/greenarrows.jpg) left center no-repeat; padding-left:25px}

#subContent{float:left; width:300px; margin-left:50px}

#subContent p{margin-top:10px}

#news{width:248px; background:#CCCCCC url(../images/newsTop.jpg) 50% 0 no-repeat; padding:10px;}

#news span{background:url(../images/newsBottom.jpg) 50% 0 no-repeat; height:10px; width:268px; display:block; margin:0 -10px -20px -10px}

#enquiries{margin-top:40px; width:248px; background:#82FF82 url(../images/enqTop.jpg) 50% 0 no-repeat; padding:10px}

#enquiries ul{margin-top:10px}

#enquiries ul li {background:url(../images/whitearrows.jpg) left center no-repeat; padding-left:25px}

#enquiries span{background:url(../images/enqBottom.jpg) 50% 0 no-repeat; height:10px; width:268px; display:block; margin:0 -10px -20px -10px}

#footer{width:740px; background:#E4E4E4 url(../images/contentbg.jpg) 50% 0 repeat-y; padding-top:50px; clear:left; margin-bottom:10px}

#footer span{background:url(../images/footerBottom.jpg) 50% 0 no-repeat; height:30px; width:740px; display:block;}

#siteDetails{width:658px; height:110px; background:#CCCCCC url(../images/siteinfoTop.jpg) 50% 0 no-repeat; padding:10px; margin-left:30px}

#siteDetails span{background:url(../images/siteinfoBottom.jpg) 50% 0 no-repeat; height:10px; width:678px; display:block; margin-left:-10px; float:left}

#contactFooter{width:295px; height:110px; float:left}

#contactFooter ul{text-align:left; margin-top:5px}

#designedBy {float:right; width:110px; height:110px}

#designedBy a img {border:none; margin-top:10px}