*{margin:0;padding:0}

body{
font: 86% Verdana, Arial,sans-serif;
color: #666;
}

/*************************************** header */

#header{
position:relative;
height:146px;
background:#f1f1f1 url("../images/site/header_bak.jpg") 0 0 repeat-x;
}

#header h1 a{
position: absolute;
left: 30px;
top: 30px;
}

/*********************************** typography */

#content p{
margin-bottom: 1em;
line-height:1.4;
font-size: .9em;
}

a{
color: #0A68B3;
}

a:visited{
color: #666;
}

#content a:hover{
color: #000;
background: #F4F4F4;
}

#hydrafit_news a:hover{
color: #fff;
background: #279FDA;
padding: 2px 2px 2px 0;
}

#job_opportunities a:hover{
color: #000;
background: #FFDFE5;
padding: 2px 2px 2px 0;
}

#col1 #skipnews a:hover{
padding: 0;
background: transparent;
cursor: text;
}

a:focus{
color: #C0231E;
background: #ff0;
}

h2{
margin: 0 0 .8em;
font-size: 2em;
font-family: Candara, Verdana, Arial, san-serif;
font-weight: normal;
color:#0a68b3;
font-style: italic;
}

h3,dt{
margin: 2em 0 .33em;
font-style: italic;
color:#c0231e;
font-size: 1.5em;
font-family: Candara, Verdana, Arial, san-serif;
font-weight: normal;
}

h3 a,
h3 a:visited,
dt a,
dt a:visited{
color:#c0231e;
text-decoration: none;
}

h3 a:hover,dt a:hover{
color:#0A68B3;
border-bottom: dotted 1px #0A68B3;
}

h3 a:hover:after,
h3 a:focus:after,
dt a:focus:after,
dt a:hover:after{
content: " \B6";
color: #0A68B3;
}

#negative h3,
#positive3 h3{
margin: 0;
}

h4{
color:#333;
font-size: 1em;
}

#content ul, #content ol{
margin: 0 0 10px 27px;
font-size: .9em;
}

dl{}

/***************************************** misc */

a img{border: 0;}
hr{display: none;}
.photo2{float:right;margin:0 0 0 10px;clear:right;}
.photo1{float:left;margin:0 10px 0 0;clear:left;}
#content .pright{margin:0 0 20px 20px;}
#content .pleft{margin:0 20px 20px 0;}
.photo1 img, .photo2 img{border: solid 1px #ccc;}
.photo1 p, .photo2 p{font-style: italic;font-size: .9em;}
.photo1 p, .photo2 p, .photo1 img, .photo2 img{margin:0;padding:0;text-align:center;}
acronym,abbr{border-bottom: dotted 1px #aaa;cursor:help;}
code{font-size:1.2em;background:#FFFFDF;}

#content img{display:block;background-color:#CFEFFF}

#skipnews a{
position: absolute;
text-indent: -9999px;
height: 1.3em;
font-size: 2em;
text-align: center;
width: 243px;
}

#skipnews a:focus{
left: 0;
top: 0;
text-indent: 0;
z-index: 1000;
}

blockquote{
padding: 0 10px 0 30px;
border-left: solid 3px #eee;
}

#negative{
color: #000;
background: #FFDFE5;
padding: 10px;
margin: 10px 0 20px;
}

#negative a{
color:#c0231e;
}

#positive3{
color: #000;
background: #C1EFB3;
padding: 10px;
margin: 10px 0 20px;
}

#positive3 a{
color:#1B6F00;
}

#positive3 a:hover{
background: #F3FFEF;
}

/********************************** positioning */

#wrapper{
float:right;
width:100%;
margin-left:-476px;
min-height: 600px;
}

#content{
margin-left:484px;
padding: 3%;
position: relative;
}

#rotate{
background:#0a68b3;
float:left;
width: 243px;
margin: 0;
min-height: 140px;
}

#newsfeed{
float:left;
clear:left;
width: 243px;
margin: 0 0 10px 0;
background: #fcfcfc;
border-bottom: solid 1px #e6e6e6;
overflow: hidden;
padding-bottom: 7px;
position: relative;
}

#footer{
font-size:.9em;
clear:both;
width:96%;
padding: 10px 0;
margin:0 2%;
border-top:solid 1px #ddd;
}

#hydrafit_news,
#job_opportunities,
#categories{
overflow: hidden;
padding: 0 0 10px;
margin-bottom: 10px;
clear: left;
float: left;
width:243px;
background: #fcfcfc url("../images/site/baks.gif") 0 100% repeat-x;
}

#categories{
width:184px;
}

#subnav{
float:right;
width:184px;
display: block;
background: #e0e3e6 url("../images/site/subnav_bak.jpg") 0 -5px repeat-x;
min-height: 177px;
margin-bottom: 10px;
}


#col2{float:right;width:184px;margin: 0 0 19px 19px;}
#col1{float:right;width:243px;margin: 0 0 19px;}
.t1 #col2{padding-top: 180px; margin-top:7.75em;}

/****************************************** nav */

#nav{
position: absolute;
right: 0;
bottom: 0;
list-style: none;
}

#nav li{
float: left;
margin: 0;
}

#nav li a,
#nav li a:visited{
color: #0A68B3;
display: block;
text-decoration: none;
padding: 20px;
outline: 0;
}

.index #nav li#main_li_index a,
.about #nav li#main_li_about a,
.services #nav li#main_li_services a,
.contact #nav li#main_li_contact a{
font-weight: bold;
color: #0A68B3;
cursor: text;
background: transparent url("../images/site/current_link.jpg") 50% 100% no-repeat;
}

#nav li a:focus,
.index #nav li#main_li_index a:focus,
.about #nav li#main_li_about a:focus,
.services #nav li#main_li_services a:focus,
.contact #nav li#main_li_contact a:focus{
color: #000;
background: #ff0 url("../images/site/focus_link.jpg") 50% 100% no-repeat;
}

#nav li a:hover{
color: #000;
background: transparent url("../images/site/hover_link.jpg") 50% 100% no-repeat;
}

/*************************************** subnav */

#subnav ul{
list-style: none;
padding-top: 5px;
}

#subnav ul li,#subnav ul li a{
display: block;
}

#subnav ul li a,
#subnav ul li a:visited{
border-bottom: solid 1px #e0e3e6;
border-top: solid 1px #fff;
padding: 7px 14px 7px 23px;
text-decoration: none;
font-size: .9em;
color: #5b6977;
}

#subnav ul li a:hover{
background: #fff;
border-top: solid 1px #fff;
border-bottom: solid 1px #fff;
}

#subnav ul li a:focus{
background: #ff0;
border-top: solid 1px #fff;
border-bottom: solid 1px #fff;
}

#subnav ul li.current a{
cursor: text;
border-bottom: solid 1px #279FDA;
border-top: solid 1px #1787BF;
background: #279FDA;
color: #fff;
}

/*************************************** rotate */

#rotate{
height: 175px;
position:relative;
}

#rotate h2{
color: #fff;
margin: 0;
}

#rotate h2 img{
position: absolute;
top: -5px;
}

#rotate ul{
position: relative;
}

#rotate ul li{
position: absolute;
margin-top: -5px;
list-style: none;
color: #fff;
font-size: 2em;
}

#rotate ul li{
list-style: none;
}

/************************************* newsfeed */

#newsfeed h3{
background: #279fda url("../images/site/oil_news.gif") 0 0 no-repeat;
color: #fff;
margin: 2px 0 0 0;
padding-left: 10px;
line-height: 27px;
font-size: 1.3em;
font-weight: bold;
font-family:Candara, Verdana, Arial, san-serif;
}

#newsfeed ul,#newsfeed ul li{
list-style: none;
width: 243px;
}

#newsfeed h4,
#newsfeed p{
margin: 10px 10px 0 10px;
color: #0a68b3;
font-weight: bold;
font-family: Verdana, Arial, san-serif;
font-size: .9em;
}

#newsfeed p{
margin: 2px 10px 0 10px;
color: #4c4c4c;
font-weight: normal;
font-size: .8em;
}

#newsfeed li h4 a:hover,
#newsfeed li h4 a:focus{
text-decoration: underline;
}

.jcarousel-container{position: relative;}
.jcarousel-skin-tango .jcarousel-item-horizontal{margin:0;}
.jcarousel-skin-tango .jcarousel-item-placeholder{color:#000;}
.jcarousel-clip{z-index:2;padding:0;margin:0;overflow:hidden;position:relative;}
.jcarousel-list{z-index:1;overflow:hidden;position:relative;top:0;left:0;margin: 0;padding: 0;}
.jcarousel-item{float:left;list-style:none;width:243px;height:7em;}
.jcarousel-next{z-index:3;display:none;}
.jcarousel-prev{z-index:3;display:none;}
.jcarousel-skin-tango .jcarousel-clip-horizontal,
.jcarousel-skin-tango .jcarousel-item{width: 243px;height: 7em;position: relative;}

.jcarousel-skin-tango .jcarousel-next-horizontal,#nextb{
color: #fff;
font-size: 1.5em;
line-height: 23px;
text-align: center;
position: absolute;
top: -27px;
right: 0;
width: 33px;
height: 27px;
cursor: pointer;
background: transparent url("../images/site/prev_next.gif") 100% 0 no-repeat;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover, #nextb:hover{
color: #279fda;
background: #fff url("../images/site/prev_next.gif") -43px 100% no-repeat;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal,#prevb{
color: #fff;
padding-left: 10px;
font-size: 1.5em;
line-height: 23px;
text-align: center;
position: absolute;
top: -27px;
right: 33px;

width: 33px;
height: 27px;
cursor: pointer;
background: transparent url("../images/site/prev_next.gif") 0 0 no-repeat;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, #prevb:hover{
color: #279fda;
background: #fff url("../images/site/prev_next.gif") 0 100% no-repeat;
}

/******************************** hydrafit news */

#hydrafit_news h3{
background: #036;
color: #fff;
margin: 2px 0 10px 0;
padding-left: 10px;
line-height: 27px;
font-size: 1.3em;
font-weight: bold;
font-family: Candara, Verdana, Arial, san-serif;
}

#hydrafit_news p{
margin: 0 10px;
font-size: .8em;
}

#hydrafit_news a,
#newsfeed a{
text-decoration: none;
}

.blog{
border-top: solid 1px #eee;
}

#content .postdated{
font-size: .8em;
}

#news_15 #content h4{
color: #C0231E;
font-size: 1.3em;
}

#news_15 #col2 h3{
background: #141414;
color: #EFF8FF;
margin: 2px 0 10px 0;
padding-left: 10px;
line-height: 27px;
font-size: 1.3em;
font-weight: bold;
font-family: Candara, Verdana, Arial, san-serif;
}

#news_15 #categories{
margin-top: 7px;
}

#news_15 #categories ul{
list-style: none;
margin: 0 10px 0 10px;
font-size: .8em;
}

#news_15 #categories li{
line-height: 2em;
}

#feed_icon{
position: absolute;
top: 20px;
right: 20px;
}

#hydrafit_news ul{
list-style-image: url("../images/site/list2.gif");
margin: 0 10px 0 35px;
font-size: .8em;
}

#hydrafit_news li{
line-height: 2em;
}

#hydrafit_news li a{
text-decoration: underline;
}

#news_15 #content .tags{
background: #f9f9f9;
padding: 10px 10px 1px;
margin-bottom: 3em;
font-size: .9em;
}

#news_15 #content .tags h4{
float: left;
margin: .2em .5em 0 0;
color: #333;
text-transform: uppercase;
font: bold .9em Verdana, Arial, sans-serif;
}

#news_15 #content .auth{
font-style: italic;
font-size: .9em;
border-top: solid 1px #ddd;
padding: 5px;
margin: 20px 0 0;
}

#comments div{
padding-bottom: 30px;
border-bottom: solid 1px #eee;
}

#content ul{
list-style-type: square;
margin-bottom: 2em;
}

#content ul li{
margin: 0 0 .5em;
}

#content h4#prevc{color:#333;}
#content p.logfoot a{font-size:.9em;}

#comments h2,
#add_comment h2{
margin-top: 2em;
}

#content #comments h4 a,
#content #comments h4{
color: #333;
font-size: 1.3em;
}

/**************************** job opportunities */

#job_opportunities h3{
background: #c0231e url("../images/site/jobsbak.gif") 0 0 no-repeat;
color: #fff;
margin: 2px 0 10px 0;
padding-left: 10px;
line-height: 27px;
font-size: 1.3em;
font-weight: bold;
font-family: Candara, Verdana, Arial, san-serif;
}

#job_opportunities ul{
list-style-image: url("../images/site/list.gif");
margin: 0 10px 0 35px;
font-size: .8em;
}

#job_opportunities li{
line-height: 2em;
}

#job_opportunities p{
font-size: .8em;
margin-left: 8px;
}

#subsea_offshore_jobs_16 dt{
border-top: solid 1px #eee;
margin-top: 20px;
display: block;
}

#content dd ul{
padding: 1em 2em;
border-top: solid 1px #ccc;
margin: 0;
}

/*************************************** footer */

#footer ul{list-style: none;}
#footer ul li{float:left;margin-bottom:1em;margin-right:10px;}
#footer p{clear:left;}
#doepud{float: right;}


/********************************** index stuff */

.t1 .jcarousel-skin-tango .jcarousel-item,
.t1 .jcarousel-skin-tango .jcarousel-clip-horizontal,
.t1 .jcarousel-item{
height: 5em;
width: 446px;
}


.t1 .jcarousel-skin-tango .jcarousel-container,
.t1 #newsfeed, .t1 #rotate,
.t1 #newsfeed ul,.t1 #newsfeed ul li,
.t1 .jcarousel-skin-tango .jcarousel-item{
width: 446px;
}


/***************************************** tabs */

.tabbed a, .tabbed a:visited{
position: absolute;
top: -1000px;
left: -1000px;
padding: 1em;
font-weight: bold;
border: solid 5px #25A0DC;
background: #ff0;
color: #0E4270;
text-decoration: none;
}

.tabbed a:focus, .tabbed a:active{
position: absolute;
top: 20px;
left: 2%;
z-index: 5;
}

/**************************************** forms */

fieldset{
border: 0;
background:#f1f1f1;
padding: 10px;
margin-bottom: 20px;
}

legend{
display: none;
}

label{
display: block;
font-size: .8em;
margin-bottom: 3px;
font-weight: bold;
text-transform: lowercase;
}

#anti_spam label input{
font-size: 1.1em;
}

input.button{
text-transform: lowercase;
margin-top: 10px;
}

#name_email input{
width: 180px;
}

#anti_spam input{
width: 75px;
}

#anti_spam span,
.f3 label span{
font-weight: normal;
}

textarea{
width: 99%;
}


#name_email input,
#anti_spam input,
select, textarea,
#spamq,
#url,
#blog_email,
#commenter{
border: solid 1px #ccc;
border-bottom: solid 1px #eee;
border-right: solid 1px #eee;
padding: 2px;
font: 1.1em Verdana, Arial,sans-serif;
}

.contact select,
.contact #name_email input{
font-size: .9em;
}

#name_email input:focus,
#anti_spam input:focus,
select:focus, textarea:focus,
#spamq:focus,
#url:focus,
#blog_email:focus,
#commenter:focus{
background: #FFFFDF;
}

/*************************************** tables */

table{
border-collapse: collapse;
border: solid 1px #ddd;
font-size: .8em;
}

th{
background: #eee;
text-align: center;
}

tr,td,th{
border: solid 1px #ddd;
padding: 5px;
}

/************************************ site map */

#sitemap_246 dl{
font-size: .9em
}

#sitemap_246 dd{
margin: 2em 0;
}

#sitemap_246 dd a{
display: block;
font-size: 1.1em;
padding-bottom: 5px;
}

#sitemap_246 dd span{
font-size: .9em;
color: #008000;
}