html { overflow-y: scroll; font-size: 100%;  }
body {margin:0px; background: #CCC url(../../images/bg.png) repeat-x; color: #414042; font-family: Arial, Helvetica, Verdana; font-size: 13px; line-height: 20px;  }
table { font-size: 100%; /* IE hack */ }

/* Style Kit v7.0 */
div {display: inline-block;}
div {display: block;}
a, embed, object {outline: none;}
form, fieldset, dl, dt, dd {padding: 0; margin:0; border: none;}
img {border-style: none;}
h1, h2, h3, h4, h5  {margin: 0; padding: 0; font-size: 1.0em; font-weight: normal;}
p {margin: 0 0 15px 0;  padding: 0; }
table { border-collapse:collapse; border-spacing:0;}
td, th {vertical-align: top;}
th {text-align: left; }
input, textarea, select {font-family: inherit; font-size: inherit;}
input:focus, textarea:focus {outline:none;}
dl {display: block; }
dt {display: block; float: left; width: 45%; margin-bottom: 5px;}
dd {display: block; float: right; width: 45%; margin-bottom: 5px;}
big {font-size: 1.1em;}
small {font-size: 0.9em;}
/* Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }
.clearer {clear: both; height: 1px;}
.clearleft {clear: left; height: 1px;}
.clearright{clear: right; height: 1px;}
.getright {float:right;}
.getleft {float:left;}
.centa {text-align: center;}
.imgleft {float: left; margin: 0 10px 7px 0;}
.imgright {float: right; margin: 0 0 7px 10px;}
.blockit {display: block;}
.padit {margin: 0 0 10px 0;}
.bolden {font-weight: bold;}
.uline {text-decoration: underline;}
.nobg {background: none !important;}
.nomargin {margin:0 !important;}
.noborder {border: none !important;}
.nopad {padding:0 !important;}
.invisi {display: none !important;}

/* Colours */
.blu {color: #2D86CC;}
.blk {color: #000;}

/* Links */
a	{color: #2D86CC; text-decoration: none;}
a:hover	{text-decoration: underline;}

/* Headings */
h1 {display: block; color: #2D86CC; margin: 0 0 20px 0; font-size: 28px; line-height: 32px;}
h1 span {font-size: 12px; vertical-align: text-top; line-height: 16px;}

/* Lists */
#main ul {margin: 0 0 25px 35px; padding: 0 0 0 16px; list-style: none}
#main ul li {margin: 0 0 10px 0; padding: 0 0 0 15px; background: url(../../images/bullet.gif) 0 9px no-repeat;}

#main ul.blu li {background: url(../../images/bullet_blu.gif) 0 9px no-repeat;}

#main ol {margin: 0 0 15px 51px; padding: 0 0 0 16px;}
#main ol li {margin: 0 0 10px 0;}

#icons {display: block; margin: 0 0 15px 0 !Important; padding: 25px 0 5px 0 !Important; list-style: none !Important; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada}
	#icons li {float: left; padding: 0 20px 0 0 !Important; margin: 0 20px 0 0 !Important; } 
	#icons li.first {background: url(../../images/icon_div.gif) 100% 0 no-repeat !Important;}
	#icons a {display: block; padding: 8px 0 25px 55px; font-weight: bold; font-size: 13px; line-height: 16px; background-repeat: no-repeat; color: #333}
	#icons a:hover {color: #2D86CC; text-decoration: none;}
	#butt-brochure {background-image: url(../../images/icon_download.gif);}
	#butt-schedule {background-image: url(../../images/icon_schedule.gif);}
	
#brochures {display: block; margin: 40px 0 15px 60px !important; padding: 0 !Important; list-style: none !Important; }	
	#brochures li {display: block; float: left; margin: 0 50px 0 0 !important; padding: 0 !important; background: none; !important; width: 130px;} 
	#brochures a {display: block; margin: 0 0 15px 0;}
/* Tables */


/* Forms */


/* Superstructure  */
#shield {width: 914px; margin: 0 auto;}
#shadow {background: url(../../images/bg_shadow.png) repeat-y; padding: 0 7px;}
#base {height: 100px; border-top: 1px solid #FFF; background: url(../../images/bg_bluegrad.png) repeat-x; }
#main {padding: 50px 150px 35px 150px;} 
	div.bg-img-water {background: url(../../images/bg_img_water.jpg) 0 100% no-repeat; min-height: 360px; height:auto !important; height:360px;}
	div.bg-img-towers {background: url(../../images/bg_img_towers.jpg) 0 0 no-repeat; min-height: 360px; height:auto !important; height:360px;}
#footer {padding: 10px; text-align: center; color: #999; font-size: 11px; }

/* Infrastructure  */
#header {padding: 47px 49px 31px 0;}
	#header #logo {display: block; float: right;  width: 208px; height: 46px;  overflow: hidden; text-indent: -9999px; background:url(../../images/logo.gif) no-repeat}
	
#nav {display: block; margin: 0 0 0 48px; padding: 0; list-style: none; height: 41px; background: url(../../images/bg_nav.png) repeat-x;}	
	#nav li {position: relative; display: block; height: 41px; float: left; margin: 0; padding: 0;}
	#nav a {display: block; height: 41px; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden;}
	#nav a#nv-01 {width: 127px; background-image:url(../../images/nav_home.png);}
	#nav a#nv-02 {width: 125px; background-image:url(../../images/nav_services.png);}
	#nav a#nv-03 {width: 125px; background-image:url(../../images/nav_partners.png);}
	#nav a#nv-04 {width: 126px; background-image:url(../../images/nav_contact.png);}
	#nav a:hover {background-position: 0 -41px; }
	#nav li.on a {background-position: 0 -82px; }
	#nav li:hover a#nv-02 {background-position: 0 -82px;}
	
	
	#nav ul {position: absolute; top: 41px; left: 0; display: none; background: #141A1C url(../../images/nav_foot.gif) 0 100% no-repeat; padding: 10px 20px 5px 20px; width: 287px; margin: 0;  list-style: none; z-index: 99;}
	#nav ul li {position: relative; display: block; height: auto; float: none; margin: 0; padding: 0; border-bottom: 1px solid #333;}
	#nav ul li a {display: block; padding: 5px 0; font-size: 13px; color: #FFF; height: auto; text-indent: 0; }
	#nav ul li a:hover, #nav ul li.on a {color: #666; text-decoration: none; }

#box {margin: 30px 0 45px 0; }
.smallbox {width: 440px; margin: 30px auto 30px auto !important; }
#box #box-top {background: url(../../images/box_corner_tl.png) 0 0 no-repeat; padding-left: 9px;}
#box #box-top div {background: url(../../images/box_corner_tr.png) 100% 0 no-repeat; height: 9px;} 
#box #box-bot {background: url(../../images/box_corner_bl.png) 0 0 no-repeat; padding-left: 9px;}
#box #box-bot div {background: url(../../images/box_corner_br.png) 100% 0 no-repeat; height: 9px;} 
#box #box-outer-left {background: url(../../images/box_left.png) 0 0 repeat-y; }
#box #box-outer-right {background: url(../../images/box_right.png) 100% 0 repeat-y; padding: 0 3px;}
#box #box-inner {background: #FFF; padding: 30px 40px; }

#cform {padding-top: 15px;}
	#cform fieldset {display: block; width: 240px; float: left; margin: 0 15px 15px 0; padding: 0;}
	#cform label {display: block; margin-bottom: 3px; font-size: 11px;}
	#cform input.frmfld {display: block; color: #000; margin-bottom: 10px; border: none; background-color: #ebebeb; padding: 5px; width: 230px; }
	#cform select {display: block; color: #000; margin-bottom: 10px;  width: 240px; }
	
address {display: block; width: 200px; font-size: 13px; line-height: 20px; padding: 8px 0 0 270px; background: url(../../images/logo-3d.jpg) 60px 0 no-repeat; font-style: normal; min-height: 175px; height:auto !important; height:175px;}  	

blockquote {display: block; margin: 0 0 15px 0; width: 450px; height: 85px; background: url(../../images/box_breakout.gif); color: #000; font-style: normal; font-weight: bold; padding: 40px 50px 0 100px }
div.line {display: block; height: 1px; margin: 0 0 15px 0; border-top: 1px solid #e4e5e5;}

.footnote {font-size: 11px; color: #a0a1a4; text-align: center;}

#graph {width: 586px; background: url(../../images/graph_top.gif) no-repeat; margin: 0 0 20px 0; padding-top: 55px;}
	#graph-foot {clear: both; height: 17px; background: url(../../images/graph_bot.gif) no-repeat;}
	#graph-panel-left {float: left; margin-left: 60px; width: 200px;  padding-bottom: 10px;}
	#graph-panel-right {float: right; margin-right: 60px; width: 200px;  padding-bottom: 10px;}	
	#graph h3 {font-size: 15px; border-bottom: 1px solid #e4e5e5; padding-bottom: 5px; margin-bottom: 10px; color: #2D86CC;}