/****************************** Main Transocean CSS ******************************/

table, tr, td, div, img, form, object, embed, h1, h2, h3, h4, h5, h6, h7, h8, p, ul, ol, li, cite, a, blockquote{
	border-width: 0;
	margin: 0;
	padding: 0;
}
ul{
list-style:none;
}
body {
	background:#fff url(../images/page_bg.gif) 0 0 repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#242b3a;
	text-align:center;
	margin: 0;
	padding: 0;
}

a{
color: #069;
text-decoration:underline;
}

a:hover{text-decoration:none;}

.clear{clear:both;}

#page_container{
    width: 980px;
	margin:0px auto;
	text-align:left;
}

/****************************** Utility NavBar **************************/

.utilbar{
list-style-type: none;
color:#fff;
text-align:right;
font-size:11px;
margin-top:5px;
height:20px;
}

.utilbar ul{
display:inline;
margin-right:8px;
}

.utilbar li{display: inline;}

.utilbar li a{
color:#fff;
padding:0px 4px 0 2px;
text-decoration: none;
}

.utilbar li a:hover{text-decoration:underline;}

/****************************** Header Info ******************************/

.active_header{
background:url(../images/headerbg.jpg) 0 0 no-repeat;
clear:both;
width:980px;
height:288px;
}

.temp_header{
font-size:20px;
text-transform:uppercase;
color:#000;
padding:10px;
font-weight:bold;
}

.left_header {
float:left;
width:537px;
height:288px;
}
.right_header {
float:right;
width:443px;
color:#fff;
height:274px;
padding-top:14px;
}
.books-mc{
	float:right;
	margin-top:-10px;
}
/**************************** video header left *************************/
#video_left{
float:left;
width:537px;
height:288px;
margin:-5px 0 0 0;
}

#video_left #page, #video_left #page a#player{
height:288px;
width:512px;
}

#video_left #playlist_wrap {display:none;}
#video_left #page, #video_left a.player{
padding:0;
margin:0;
}

/****************************** top navigation ******************************/
.navholder, .footer{
background:url(../images/nav_bg.gif) 0 0 no-repeat;
height:54px;
clear:both;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.navholder ul, .footer ul{list-style-type: none;}

.navholder li, .footer li{display:inline;}

.navholder li, .footer li{
display:inline;
}

.navholder a, .footer a {
font-size:16px;
padding:20px 20px 12px 20px;
color:#fff;
display:block;
float:left;
background:url(../images/navdivider.gif) 100% 0 no-repeat;
text-decoration:none;
}
.navholder .last a, .footer .last a {
background:none;
}

.navholder a:hover, .footer a:hover {
text-decoration:none;
color:#ce3f3f;
}


/********************* content containers ******************************/
.columns{
clear:both;
width:980px;
margin-top:1px;
background:#fff url(../images/content_top.gif) 0 0 no-repeat;
}
.gradient{
width:959px;
padding:10px 9px 10px 12px;
background:url(../images/content_bottom.gif) 0 100% no-repeat;
}

/**************************** left column ******************************/
#left{
clear:both;
float:left;
width:244px;
color:#00466d;
text-align:left;
font-size:12px;
min-height:200px;
}

#left h3, #left h2, #rightcol h3, #rightcol h2{
clear:both;
color:#900;
font-size:14px;
line-height:14px;
background:url(../images/sideheader.gif) 0 0 no-repeat;
}

#left h2 span, #rightcol h2 span{
padding:12px 0 14px 46px;
display:block;
}

#left h2 span a, #rightcol h2 span a{
color:#900;
text-decoration:none
}
#left h2 span a:hover, #rightcol h2 span a:hover{
color:#00466d;
text-decoration: underline
}

#left h2.pa_h span, #quick_contact h2.pa_h span{
color:#00466d;
background:url(../images/icon_pa.gif) 16px 6px no-repeat;
}

#left h2.quote_h span{
padding:12px 0 14px 54px;
background:url(../images/icon_bubbles.gif) 10px 6px no-repeat;
}
#left h2.disclaimer_h span{
padding:12px 0 14px 40px;
background:url(../images/icon_disclaimer.gif) 10px 6px no-repeat;
}

#left h2.book_h span{
padding:12px 0 14px 40px;
background:url(../images/icon_books.gif) 10px 6px no-repeat;
}

#rightcol h2.sideheader_red, #rightcol .reportsform h2{
background:url(../images/sideheader_red.gif) 0 0 no-repeat;
padding:12px 0 14px 46px;
color:#fff;
}

#left h4, #rightcol h4{
color: #900;
font-size:12px;
line-height:14px;
padding:0px 8px 4px 10px;
}

#left h4 a, #rightcol h4 a{
color: #900;
text-decoration:none;
}

#rightcol h4 a:hover, #left h4 a:hover{
color:#00466d;
}

#left p, #rightcol p{
padding: 10px 4px 0px 14px;
}

#left ul{
list-style-type:none;
padding:0 10px 0 0px;
}

#left li{
padding:7px 0px 7px 17px;
line-height:16px;
border-bottom:1px solid #ccc;
background:url(../images/bullet.gif) 7px 12px no-repeat;
}

#left li a, #left p a{
	text-decoration:none;
	color:#0000FF;
}
#left li a:hover, #left p a:hover{
color:#0000FF;
text-decoration:underline;
}

#rightcol .newsdate{
font-size:11px;
font-weight:bold;
color:#900;
display:block;
}
#rightcol p.more, #left p.more{
font-size:11px;
color:#900;
font-weight:bold;
text-align:right;
text-decoration:none;
margin:0;
padding:4px 10px 16px 0px;
}
#rightcol p.more a, #left p.more a{
text-decoration:none;
}
#rightcol p.mor a:hovere, #left p.more a:hover{
text-decoration:underline;
}
#left ul.navlist{
padding-left:10px;
margin-bottom:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;

}
#left ul.navlist li{
background:none;
padding:0;
border:0;
display:inline;
}

#left ul.navlist li a{
display:block;
padding:10px 8px 10px 10px;
border-bottom:1px solid #ccc;
}
#rightcol ul.defaultlist {
list-style-type: none;
margin:5px 0px 0 14px;
font-weight:bold;
}

#rightcol ul.defaultlist a{
 font-weight:normal;
}
#rightcol ul.defaultlist ul{
 margin-left:20px;
}

#rightcol ul.defaultlist li{
padding: 3px 5px 4px 14px;
text-align:left;
background:url(../images/bullet.gif) 0 8px no-repeat;
}
#rightcol ul.defaultlist ul li{
 padding: 3px 5px 0px 14px;
}

/****************************** center column ******************************/
#copy{
line-height:20px;
float:left;
width:450px;
padding:0px 0 20px 0;
margin-left:10px;
text-align:justify;
}

#copy .pagedescription{
clear:both;
}

#copy .emaillink{
display:block;
padding:0;
margin:-50px 0 0 150px;
position:relative;
border:0;
color:#900;
font-size:12px;
background:url(../images/bullet.gif) 0 5px no-repeat;
padding-left:8px;
}

#copy .emaillink:hover{
text-decoration:underline;
}

#copy table{
margin-bottom:15px;
text-align:left;
}

.floatleft, .photo, #Directions #copy p img, .bookphoto, #reports #copy p img{
float:left;
margin:0px 25px 16px 0px;
}

#copy h1, #copy h2{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#990000;
	font-size:19px;
	border-bottom:1px solid #cddbeb;
	padding:10px 10px 6px 0px;
	margin-bottom:10px;
	text-align:justify;
	line-height:24px;
}

#copy h2{
margin:10px 0 0 0;
padding:8px 8px 0px 0px;
font-size:16px;
color:#900;
}

#copy h2 a{
color: #900;
text-decoration:none;
}

#copy h2 a:hover{color:#069;}

#copy h4 a, #copy h3 a:hover, #copy h4 a:hover{
text-decoration: none;
color: #069;
}

#copy h3, #copy h3 a{
color:#242b3a;
text-decoration:none;
font-size:14px;
text-align:left;
margin-top:10px;
}

#copy h3 a{
	color: #069;
}

#copy h3 a:hover{text-decoration:underline;
}

#copy h4{
color: #242b3a;
font-size:13px;
margin: 10px 0px 0px 0;
text-align:left;
}

p.dotted_divider{
border-bottom:1px solid #ccc;
margin-bottom:10px;
}

#copy p.top, #copy p.more{
text-align:right;
font-size:12px;
margin-top:8px;
padding-right:10px;
}
#copy p.top a, #copy p.more a{
color: #056fcb;
text-decoration:none;
}

#copy p.top a:hover, #copy p.more a:hover{
text-decoration:underline;
}

#copy ul.bborder li{
border-bottom:1px solid #ccc;
margin-bottom:5px;
margin-top:5px;
}

#copy p, #copy blockquote {
padding:5px 0px 5px 0px;
}

#copy ul {
list-style-type: none;
margin:5px 0px 0 0px;
}

#copy ul li{
padding: 3px 5px 4px 14px;
text-align:left;
background:url(../images/bullet.gif) 0 10px no-repeat;
}

#copy ul ul{
margin:0px 0 6px 14px;
}

#copy ul ul li{
padding:0px 5px 0px 10px;
background:url(../images/bullet.gif) 0 7px no-repeat;
margin:0;
}

#copy ol li{
background:none;
padding: 2px 5px 2px 0px;
}

#copy ol{
margin-left:25px;
}

#copy p.info{
font-size:12px;
font-style:italic;
line-height:15px;
width:320px;
}

p.contactheader {
width:430px;
clear:both;
}


input, textarea, select{
border:1px solid #ccc;
background:#fff;
margin-bottom:5px;
}

input.check{
border:0;
background:none;
}

#copy input.btn, #copy input[type="submit"]{
background:url(../images/button.gif) 0 0 repeat-x;
padding:8px 20px;
font-weight:bold;
color:#fff;
cursor:pointer;
font-size:14px;
border:0px solid #800;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom:5px; 
}

#copy #contactform td {
padding:2px 0px;
}

#sitemap #copy li a, #caseresults #copy li a{
text-decoration: none;
color:#242b3a;
font-size:12px;
}

#sitemap #copy li a:hover, #caseresults #copy li a:hover{
text-decoration: underline;
}

#members #copy div{
margin-bottom:25px;
}

#copy .cmpadd{
font-size:12px;
line-height:13px;
}

#copy #cmp_container, .testimonial{
border:1px solid #eeedeb;
background:#eeedeb;
padding:5px 8px;
margin:10px 0;
}
#copy h2.disclaimer{
text-transform:uppercase;
font-size:14px;
line-height:16px;
}

#copy .testimonial h2{
font-size:18px;
font-weight:bold;
padding:10px 0 8px 0;
margin:0;
background:none;
text-align:left;
line-height:18px;
}
.testimonial{
margin:0 0 10px 0;
}
hr{
background:#fff;
border:0;
color:#fff;
height:1px;
}

#page {
	
	overflow:hidden;
}

/****************************** Video Library Fixes ******************************/
#videos #copy .videopagelist img{
	margin-right:15px;	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#videos #copy .videopagelist{
	margin-top:30px;	
}


/****************************** right column ******************************/
#rightcol{
width:242px;
font-size:12px;
text-align:left;
float:right;
}

/****************************** righthand side - miniform ******************************/
#rightcol #minicontact{
padding:0px 0px 10px 0px;
text-align:left;
margin:0px 0 20px 0;
font-size:11px;
color:#333;
line-height:14px;
background:url(../images/miniformbg.gif) 0 0 no-repeat;
}

#rightcol form input, #rightcol form textarea{ 
width:184px; 
font-size:12px;
background:#ccbfac;
border:1px solid #baae9a;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom:5px; 
}

#rightcol form input.submitbutton{
background:url(../images/submit.gif) 100% 0 no-repeat;
color:#fff;
border:0;
padding:4px 18px;
cursor:pointer;
text-align:right;
font-weight:bold;
font-size:13px;
}
#rightcol .box1{
color:#00466d;
font-size:12px;
padding-bottom:20px;
text-align:center;
}
#rightcol .box1 a{
color:#00466d;
text-decoration:none;
}
#rightcol .box1 a:hover{
color:#900;
text-decoration:underline;
}
#rightcol .box1 h2{
display:none;
}
#rightcol #minicontact{
text-align:left;
line-height:14px;
padding:8px 10px 0px 20px;
}

#rightcol #minicontact input{
width:206px; 
margin-bottom:5px; 
}

#rightcol #minicontact input.btn{
background:url(../images/candybutton.gif) 50% 0 no-repeat;
color:#fff;
font-size:0px;
border:0;
padding:0px 0;
height:52px;
width:208px;
margin:0;
cursor:pointer;
}
/****************************** footer ******************************/
#footernav{
background:#364c77;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
text-align:center;
height:24px;
padding:10px 0 6px 0;
}

#footernav li{
display:inline;
}

#footernav li.last a{
background:none;
}

#footermc{
width:980px;
margin:0 auto;
}

#footernav a{
text-decoration:none;
color:#fff;
background:url(../images/footerdivider.gif) 100% 2px no-repeat;
font-size:13px;
padding:0px 29px;
display:block;
float:left;
}

#footernav a:hover{
text-decoration:underline;
}

.copyright{
color:#a9b5cb;
padding:18px 0 8px 0;
background:#232b3a;
text-align:center;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}

.copyright a{
color:#a9b5cb;
text-decoration:none;
}

.copyright a:hover{
text-decoration:underline;
}