/***********************************************
 Energy Ocean international
 ***********************************************/

body, p, div, tr, td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px;
}

body {
  margin: 0;
  background-color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  background: #ffffff url(/images/eo-bg.jpg) repeat-x fixed;
}

p {
  margin-top: 0px;
  margin-bottom: 15px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin: 0 0 .4em 0;
  line-height: 1.1em;
  letter-spacing: -.03em;
}

h1 {
  font-size: 26px;
}

h2 {
  font-size: 26px;
  color: #013693;
}

h3 {
  font-size: 23px;
  color: #0280ba;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-weight: normal;
  color: #d50101;
  font-size: 22px;
  margin: 0px;
  margin-bottom: 10px;
}

a:visited {
  color: #0286ec;
  text-decoration: none;
}

a:link {
  color: #0286ec;
  text-decoration: none;
}

a:hover {
  color: #0332fb;
  text-decoration: underline;
}

form {
  margin: 0px;
}

#container {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
}

.hr-dashed {
  border-bottom: 1px #ccc dashed;
  border-top: none;
  margin-bottom: 20px;
}
#btn-1 {
border-radius: 10px;
-moz-border-radius: 10px;
background:#06b4f8;
padding:5px 15px;
font-size:15px;
font-weight:bold;
text-align:center;
}
#btn-1 a {
color:#FFFFFF;
text-decoration:none;
}
#btn-1 a:hover
{
	text-decoration: none;
	color:#042866;
}

/***********************************************
 main nav
 ***********************************************/

#navigation {
  height: 45px;
  line-height: 45px;
  margin: 0px;
  padding: 0px;
  float: right;
  font-size: 18px;
  font-weight: bold;
}

#navigation ul {
  margin: 0;
  padding: 0;
}

#navigation li {
  float: left;
  margin: 0;
  padding: 0;
  margin-left: 0px;
  list-style-type: none;
  white-space: nowrap;
}
#navigation li.divider {
  height:15px;
  border-left:1px #00102c solid;
  border-right:1px #426cb4 solid;
  position:relative;
  top:15px;
}

#navigation li a {
  display: block;
  padding: 0 15px;
  color: #ffffff;
  text-decoration: none;
}

#navigation li a:hover {
  color: #d0ddec;
}

#navigation li.selected a {
  background: #042866 ;
  border-bottom-color: white;
}

#navigation li.selected a:hover {
  text-decoration: none;
}


/* ######### Style for Drop Down Menu ######### */
.dropmenudiv-1{
position:absolute;
top: 0;
font-weight:bold;
z-index:100;
background: #042866 url(/images/eo-header-subnav-bg-.gif) top repeat-x;
min-width:150px;
visibility: hidden;
text-align:left;
font-size:14px;
}

.dropmenudiv-1 a{
width: auto;
display: block;
padding: 0 15px;
border: 0 solid #918d8d; /*THEME CHANGE HERE*/
border-bottom-width: 0px;
line-height:40px;
text-decoration: none;
color: #ffffff;
}
* html .dropmenudiv-1 a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv-1 a:hover{ /*THEME CHANGE HERE*/
color:#ffffff;
background: #124294;
}

/***********************************************
 info block
 ***********************************************/

#press_release{
	background-image:url(/images/press_release_bg.gif);
	background-position: top left;
	background-repeat:no-repeat;
	width:238px;
	height:350px;
	margin:0px 0px 0px 20px;
	padding:0;
	float:right;
}

/***********************************************
 slide show
 ***********************************************/

.slide-padding{
	padding:0 16px;
	border-width:1px;
	border-style:solid;
	border-color:#bbbbbb;
	width:879px;
	height:218px;
	background-color:#f7f7f9;
}

#slide-wrap{
	padding:8px 44px;
	position:relative;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#slide-box{
	position:absolute;
}

#slide-box p{
	font-size:12px;
	line-height:18px;
	color:#313131;
	margin-top:-10px;
	margin-right:50px;
	margin-bottom:5px;
}

#slide-box h1{
	color:#363638;
	font-size:18px;
	font-weight:normal;
	margin-top:25px;
}

#slide-box .inner{
	width:850px;
	height:200px;
	display:block;
	float:left;
}

.bg-img{
	border:1px solid #DDD;
	background:#fff;
	padding:4px;
	margin:0 22px 0 0;
}

.slide-box{
	position:relative;
	width:850px;
	height:200px;
	overflow:hidden;
}

.button-left{
	width:20px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(/images/left-button.png) no-repeat 0 50%;
	opacity:0.4;
	filter:alpha(opacity=40);
	z-index:1024;
	cursor:pointer;
}

.button-right{
	width:20px;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	background:url(/images/right-button.png) no-repeat 100% 50%;
	opacity:0.4;
	filter:alpha(opacity=40);
	z-index:1024;
	cursor:pointer;
}

.button-left:hover{
	opacity:1;
	filter:alpha(opacity=100);
}

.button-right:hover{
	opacity:1;
	filter:alpha(opacity=100);
}

.readon{
	margin-left:-6px;
	margin-top:6px;
}
