@charset "UTF-8";
	@import url("reset.css"); /* Reset CSS Styles */
	
/* Inter Hydro Technology page styles	
Author: Sue Kennedy http://www.thecreativebranch.com */
	
body {position:relative;font: 80%/1.5 Arial, Helvetica, sans-serif; background:url(../images/images-main/main-bg.gif) 0 0 repeat-x #084972;color: #ffffff;}

h1, h2 {font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;}

h1 {font-size: 150%;font-weight:bold;color:#fee664;text-transform:uppercase;}
h2 {font-size: 120%;font-weight:bold;color:#fee664;}
h3 {font-size: 140%;font-weight:normal;}
h4 {font-size: 100%;}
h5 {font-size: 100%;}

.hide {display:none;}
#skip {display:none;height:1%;}

a.w3c:hover, a.w3c:active {background-color:transparent;}
a:link, a:visited, a:hover, a:active, a.alternate:link, a.alternate:visited, a.alternate:hover, a.alternate:active {color:#ffeda4;padding:1px 3px;}
a:hover, a:active, a.alternate:link, a.alternate:visited, a.alternate:hover, a.alternate:active {text-decoration:none;}
a:hover, a:active, div#content_main #content_boxes a:hover, div#content_main #content_boxes a:active, div#content_main #vacancy a:hover, div#content_main #vacancy a:active, div#content_main .contact_box a:hover, div#content_main .contact_box a:active {background-color:#2b7aaa;}
a.alternate:link, a.alternate:visited, a.alternate:hover, a.alternate:active {font-weight:bold}
div#content_main a:hover, div#content_main a:active {background-color:#176892;}
div#content_main #recruit_boxes a:hover, div#content_main #recruit_boxes a:active {background-color:#2774a2;}
div#content_sub #sub_content2 a:hover, div#content_sub #sub_content2 a:active {background-color:#1d6b9b;}
#branding h1 a {background-color:transparent;padding:0;}

/*
header + main navigation ------------*/

div#icon {position:absolute;top:15px;left:18px;padding:7px 0 0 87px;height:116px;background:url(../images/images-main/icon.gif) 0 0 no-repeat;}
div#branding {position:relative;height:159px;background:url(../images/images-main/landscape.gif) top right no-repeat;min-width:765px;}
div#branding h1 {position:absolute;top:21px;left:103px;padding:7px 0 0 0;width:292px;height:42px;}
ul#nav_main {position:absolute;top:131px;left:0;margin:0;height:27px;background-color:#56a4d4;}
ul#nav_main li {display:inline;}

li#home, li#about, li#services, li#casestudies, li#recruitment, li#news, li#contact {float:left;}
li#home a, li#about a, li#services a, li#casestudies a, li#recruitment a, li#news a, li#contact a {display:block;height:27px;padding:0;text-align:center;}
li#home a {width:68px;} 
li#about a {width:91px;} 
li#services a {width:87px;} 
li#casestudies a {width:115px;} 
li#recruitment a {width:116px;} 
li#news a {width:66px;} 
li#contact a {width:108px;} 
li#home a:hover {width:68px;} 
li#about a:hover {width:91px;} 
li#services a:hover {width:87px;} 
li#casestudies a:hover {width:115px;} 
li#recruitment a:hover {width:116px;} 
li#news a:hover {width:66px;} 
li#contact a:hover {width:108px;}

/*
structure ------------*/

li.content_list {list-style-type:disc;padding:0 0 4px 15px;margin:0;list-style-position:outside;}

div#content_main {left:272px;top:0;width:518px;padding:10px 0 0 0;background:url(../images/images-main/contentpanel-top.gif) 0 0 repeat-x #0e7eaf;}
div#content_main #inner_content {margin:0 27px;}
div#content_main h1 {margin:12px 0 0 0;padding:0;height:29px;border-bottom:2px solid #3091c4;}
div#content_main h3 {margin:15px 0 0 0;line-height:120%;}
div#content_main h3.feature {margin:0 0 10px 0;background:url(../images/images-main/h3-right.gif) top right no-repeat;padding:2px 10px 4px 10px;text-transform:uppercase;font-size:100%;width:180px;}
div#content_main p {padding:6px 0;}
div#content_main h1 + p {font-weight:bold;margin:8px 0 0 0;}
div#content_main h3 + p {font-weight:bold;margin:5px 0 0 0;}
div#content_main h2 + p {font-weight:bold;}
div#content_main h2 {background-color:#56a4d4;height:26px;margin:14px 0 0 0;padding:0 10px;text-transform:uppercase;}
div#content_main h3.feature + h2 {background-color:transparent;font-size:140%;color:#fff;padding:0;margin:20px 0 0 0;text-transform:none;font-family:Arial, Helvetica, sans-serif;font-weight:normal;}
#content_base {background:url(../images/images-main/contentpanel-base.gif) 0 0 no-repeat;height:28px;}
div#content_sub {width:230px;margin:22px 0 0 19px;padding:0;font-size:95%;line-height:1.3em;}
div#content_sub #subheader, div#content_sub #subheader2 {height:22px;background:url(../images/images-main/content_sub-hdr.gif) top right no-repeat;padding:5px 0 0 12px;color:#fee664;font-size:130%;margin:0;}
div#content_sub #subheader2 {background:url(../images/images-main/content_sub-hdr2.gif) top right no-repeat;}
div#content_sub h2 {font-size:100%;text-transform:uppercase;}
div#content_sub h3 {font-size:100%;margin:0 0 6px 0;}
div#content_sub p {padding:10px 0 0 0;}
div#content_sub #sub_content, div#content_sub #sub_content2 {background:url(../images/images-main/right-cnr.gif) bottom right no-repeat #5198c4;padding:0 15px 18px 12px;}
div#content_sub #sub_content2 {background:url(../images/images-main/right-cnr2.gif) bottom right no-repeat #3d86b2;}
div#content_sub #sub_content2 h3 {padding:10px 0 0 0;font-size:120%;margin:0;}
div#content_sub #sub_content2 h3 + p {font-weight:bold;}
div#content_sub ul li, div#content_sub p.viewall {margin:0;padding:7px 0;border-bottom:1px dashed #a6bcd2;}

/* =si_clear_children (site_info clears both columns) */

.pc, .sc {position:absolute;top:0;left:0;}
.clear_children, .cc_tallest {position:relative;}
/*\*/* html .clear_children {display:inline;}/**/
.cc_tallest:after {content: '';}/*prevents a redraw bug in safari*/

div#site_info {position:relative;width:790px;text-align:right;font-size:95%;margin:10px 0 0 0}
ul#nav_base li {display:inline;border-right:1px solid #53809d;padding:0 6px;}
ul#nav_base li.last {display:inline;border-right:none;padding-right:0;}
div#site_info p {font-size:85%;color:#628da7;margin:10px 0 20px 0;line-height:130%;}
div#site_info a {color:#fff;text-decoration:none;}

/*
news + recruitment content ------------*/

div#content_main #content_boxes li, div#content_main #recruit_boxes li, div#content_main .contact_box {padding:0 12px 10px 12px;margin:0 0 3px 0;}
div#content_main #content_boxes li, div#content_main .contact_box {background-color:#3091c4;}
div#content_main #recruit_boxes li {background-color:#0b5d91;}
div#content_main #recruit_boxes li.first {background:url(../images/images-main/recruit-corner.gif) top right no-repeat #0b5d91;margin:10px 0 3px 0;}
div#content_main #content_boxes h3, div#content_main #recruit_boxes h3, div#content_main .contact_box h3 {font-size:110%;padding:9px 0 1px 0;margin:0;}
.vcard {padding:7px 0 2px 0;}
.imgWrap {float:left;padding:10px 5px 12px 5px;background-color:#3091c4;margin:3px 10px 5px 0;width:auto;clear:both;}
.date {font-style:oblique;text-indent:10px;margin:5px 0 2px 0;background-color:#0187c4;}
div#iip {text-align:right;margin:10px 0 0 0;}
div#vacancy {background-color:#56a4d4;padding:0 0 20px 0;}
div#vacancy h2 {color:#ffeda4;font-size:110%;background-color:#0769a2;margin:14px 0 0 0;height:auto;padding:6px 12px;text-transform:uppercase;font-family:Arial, Helvetica, sans-serif;}
div#vacancy p {padding:10px 20px 0 20px;}
div#vacancy p.detail {font-size:110%;background-color:#2195cb;padding:4px 8px;margin:0 12px 3px 12px;font-weight:bold;}
.case {text-indent:10px;margin:5px 0 2px 0;background-color:#3091c4;font-weight:bold;color:#2a5d80;}

/*
paging for case studies ------------*/

#pagination ul { margin: 5px 0 0 0; padding: 0; list-style: none;}
#pagination ul li { padding: 0; margin: 0 3px 0 0; display: block; background-color:#a8d1ec;float:left;}
#pagination ul li a { text-decoration: none; color: #fff; display: block;background-color:#56a4d4;padding:1px 4px;}
#pagination ul li a:hover { text-decoration: none; color: #0672a2; display: block;background-color:#a8d1ec;padding:1px 4px;}
#pagination ul li.current_page { text-decoration: none; color:#0672a2;display: block;padding:1px 4px;}

/* edit buttons ------------- */
.edit {text-decoration:none; font-weight:bold; padding:2px 4px; border:solid 2px #fee664;}
div#editmedia {position:absolute;top:90px;background-color:White;}
div#editmedia a {color:Black;}

ul.content_list li {list-style-type:disc;padding:0 0 4px 0;margin:0 0 0 15px;list-style-position:outside;}
.offscreen {position: absolute;left: -999em;}