/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

* { margin:0; padding:0;}
html { min-width:980px;}
html, body { height:100%;}	
body { 
	background: url(../images/bg.gif); 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.25em;
	color:#888484;
	}
input, select, textarea { font-family:Arial, Helvetica, sans-serif;	font-size:1em;	vertical-align:middle;	font-weight:normal;}
object { vertical-align:top; outline:none}
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
.container {	overflow:hidden; width: 100%;}
a img{ border:0}
img{ vertical-align:top;  }
fieldset{ border:none}

a{ color:#117f89; text-decoration:underline}
a:hover{ text-decoration:none}

/* Content */
section {float: left; width:632px;	}
#page8 section {float: left; width:840px;	}
/* Sidebar */
aside{float: left; width:180px; margin-right:23px;}			


.link{color:#117f89; background:url(../images/marker1.gif) top left no-repeat; padding-left:14px; background-position:0 5px; }
.link1{color:#888484; }

.button{color:#fff; background:url(../images/button.gif) top left no-repeat; width:56px; text-align:center; line-height:22px; display:block; text-decoration:none; float:right  }
.button:hover{text-decoration:none; color:#000 }

ul.list{margin:0; padding:0; list-style:none;}
ul.list li{background:url(../images/marker.gif) top left no-repeat; background-position:0 7px; margin:0; padding-left:15px; padding-bottom:19px; width:100% }
ul.list li a{color:#888484; text-decoration:none; line-height:1.35em} 
ul.list li a:hover { text-decoration: underline; }

ul.list1{margin:0; padding:0; list-style:none;}
ul.list1 li{background:url(../images/marker.gif) top left no-repeat; background-position:0 7px; margin:0; padding-left:15px; padding-bottom:9px; width:100% }
ul.list1 li a{color:#888484; text-decoration:none; line-height:1.35em} 
ul.list1 li a:hover { text-decoration: underline; }

.link-1 { display:block; float:left; background:url(http://www.oceanadventuresdiveco.com/css/images/link_bg.gif) repeat-x left top; color:#ffffff; text-decoration:none; }
.link-1 em { display:block; background:url(http://www.oceanadventuresdiveco.com/css/images/link_left.gif) no-repeat left top;}
.link-1  b { display:block; background:url(http://www.oceanadventuresdiveco.com/css/images/link_right.gif) no-repeat right top; padding:0 15px 0 15px; line-height:28px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}

ul.list2{margin:0; padding:0; list-style:none;}
ul.list2 li {	width: 100%; overflow: hidden; vertical-align: top; line-height: 2.14em; color: #888484; background:none; padding:0}
ul.list2 li strong {background: url(../images/line-hor.gif) repeat-x 0% 19px; display: block;	overflow: hidden; color:#888484}
ul.list2 li span {	float: right; color: #888484;}
ul.list2 li a {float: left; text-decoration: none; color: #888484;}
ul.list2 li a:hover { text-decoration:none; color:#218891; }



/*header*/
header {font-size:0.75em; color:#FFFFFF }
header .indent{margin:8px 0 0 687px; position:absolute; width:535px}
header .indent1{
	position:absolute;
	width:859px;
	right:60px;
	top:5px;
	padding:0
}
header .inside{ padding:35px 59px 0 61px }
header .img{margin:21px 0 0 0}

header h1 {position:absolute; left:10px; top:53px; left:58px; text-indent:-9999px;}
header h1 a { display:block; width:262px; height:62px; background:url(../images/logo.gif) no-repeat left top;	}

header .ul{margin:0; padding:0 0 0 38px; list-style:none;}
header .ul li{ margin:0; display:inline}
header .ul li a{color:#444444; text-decoration:none; padding:0 21px 0 22px; display:block; float:left; line-height:57px; background:url(../images/bg_li.gif) center left no-repeat; text-transform:uppercase; font-size:1.25em} 
header .ul li a:hover { text-decoration:none; color:#37949c}
header .ul .first a{ padding-left:0; background:none} 

header .ul1{margin:0; padding:0; list-style:none; float:right}
header .ul1 li{ margin:0; display:inline}
header .ul1 li a{color:#818181; text-decoration:none; padding:0 16px 0 21px; display:block; float:left; line-height:20px; background:url(../images/icon5.gif) center left no-repeat;} 
header .ul1 .li a{color:#818181; text-decoration:none; padding:0 16px 0 21px; display:block; float:left; line-height:20px; background:url(../images/icon6.gif) center left no-repeat;} 
header .ul1 .li1 a{color:#818181; text-decoration:none; padding:0 0 0 21px; display:block; float:left; line-height:20px; background:url(../images/icon7.gif) center left no-repeat;} 
header .ul1 li a:hover { text-decoration:none; color:#37949c}
header .ul1 .first a{ padding-left:0; background:none} 


.menu{ background:url(../images/menu_bg.gif) top left repeat-x}
.menu-left{ background:url(../images/menu_left.gif) top left no-repeat}
.menu-right{ background:url(../images/menu_right.gif) top right no-repeat; height:57px; width:100%}

/*content*/
.bg-cont{ font-size:0.875em; width:100%; text-align:left; background:url(../images/bg_cont.png)}
 .inside{padding:0 74px 0 71px}
 .img-left{ float:left; margin:0 20px 0 0}
 .img-left1{ float:left; margin:0 20px 40px 0}
 .img-right{ float:right; margin:0 0 0 30px}
 .img-indent{ margin:0 0 16px 0}
 p{ margin:0 0 17px 0}
 .p{ margin:0}
 .p1{ margin:0 0 17px 0}
 .p2{ margin:0 0 5px 0}
 .p3{ margin:0 0 28px 0}
 h2.color1{color:#218891; line-height:1.37em; letter-spacing:-1px }
 h2.color2{color:#787878; line-height:1.37em;  }
 h2{color:#2a2a2a; font-size:1.92em; margin-bottom:17px; line-height:1.2em; letter-spacing:-1px }
 h4{color:#5e5e5e; font-size:1em; margin-bottom:9px;  }
 .txt{ float:right; display:block; margin-bottom:31px; font-weight:bold; color:#5e5e5e}
 

.indent{padding:0 0 0 10px}
.indent-1{padding:0 20px 0 10px}
.indent1{padding:13px 0 0 0}
.indent2{margin:-5px 0 0 0; position:relative; float:left}
.indent3{padding:0 70px 0 0}
.indent4{padding:0 40px 0 0}

/*box*/
.box{ background:#fff; width:100%;}
.box .border-top {background:url(../images/border_top.gif) top repeat-x;}
.box .border-bottom {background:url(../images/border_bottom.gif) bottom repeat-x;}
.box .border-left {background:url(../images/border_left.gif) left repeat-y;}
.box .border-right {background:url(../images/border_right.gif) right repeat-y;}
.box .corner-top-left {background:url(../images/corner_top_left.gif) left top no-repeat;}
.box .corner-top-right {background:url(../images/corner_top_right.gif) right top no-repeat;}
.box .corner-bottom-left {background:url(../images/corner_bottom_left.gif) left bottom no-repeat;}
.box .corner-bottom-right {background:url(../images/corner_bottom_right.gif) right bottom no-repeat; width:100%; }
.box .indent-box{ padding:28px 30px 25px 28px; }


/*footer*/
footer { color:#9c9c9c; font-size:0.75em; background:url(../images/bot_bg.gif) top repeat-x; height:164px ; }
footer .inside{ padding:72px 62px 0 64px }
footer a {color:#9c9c9c; text-decoration:underline}  
footer a:hover {  text-decoration:none}
footer span{ color:#4f4f4f}
footer .bot-left{ background:url(../images/bot_left.gif) top left no-repeat}
footer .bot-right{ background: url(../images/bot_right.gif) top right no-repeat; height:164px}

footer ul{margin:0; padding:0 0 0 19px; list-style:none; float:left; position:relative}
footer ul li{ margin:0; display:inline;}
footer ul li a{text-decoration:none; display:block; float:left; padding:0 7px 0 0} 
footer ul li a:hover { text-decoration:none;0 }
	
.indent-2{ position:relative; padding-left:20px; float:left}
.rowElem{ height:33px; background:url(../images/bg_input1.gif) top left no-repeat}
.rowElem1{ height:237px; background:url(../images/bg_input2.gif) top left no-repeat}
.h1{ height:30px; background:url(../images/bg_input.gif) top left no-repeat}
.block-contact span{ float:right; margin-right:0}
.block-contact1 span{ float:right; margin-right:150px}
.input{
   	border:none; 
	background:none;
	width:169px; height:18px;
	font-size:1em;
	color:#000;
	margin-right:5px;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
} 
/* input{
   	border:none; 
	background:none;
	width:170px; height:17px;
	font-size:1em;
	color:#8c8c8c;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
} */
textarea{
   	border:none; 
	background:none;
	width:170px; height:196px;
	font-size:1em;
	color:#8c8c8c;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:11px;
	overflow:auto}