/* CSS Document */
/*container info*/
div.container {
margin: 0 auto;
position: relative;
width: 752px;
text-align:left;
padding:0;
}

body {
background: #EEE url(images/pagebg.gif) repeat-y top center;
margin: 0 auto;
padding:0;
}

#mainTable table {
	width: 100%;
	height: 100%;
}


/* Links - no decoration default */
a:visited, a:hover, a:active, a{
text-decoration:none;
}
a img{
border: 0px;
text-decoration:none;
}

/* Flash Margin for IE */
#indexGraphic OBJECT{
margin: 0 0 -6px 0;
padding: 0;
width: 752px;
}

/* Graphics for each page*/
#graphic{
margin-left: 4px;
}
#graphic img{/*#indexGraphic img,*/
border: 1px #000 solid;
padding: 0;
margin-left: 0;
}
/* end Graphic */


/* for Index Page Columns  */
div.content-sub{
	float: left;
	height: 110px;
	padding: 5px;
	background-color:#E7E7E7;
}
div.content-suba{
	float: left;
	height: 160px;
	padding: 5px;
	overflow: hidden	
}
div.content-suba h5, div.content-sub h5{
padding: 0;
margin: 0;
background: url(images/dot_line2.gif) repeat-x bottom;
font-size:14px;
font-weight: lighter;
font-family:Geneva, Arial, Helvetica, sans-serif;
}
div.content-suba h5:hover, div.content-sub h5:hover{
color: #900;
}
#content-sub-1{
	margin-left: 5px;
	border: 1px #C3C3C3 dashed;
	width: 228px;
	background-color:#E8E8E8;
}
#content-sub-1a{
	margin-left: 5px;
	width: 228px;
}
#content-sub-2a{
	margin-left: 10px;
	width: 470px;
	background:url(images/POSEIDONGROUPLOGO-trans-ind.gif) no-repeat bottom;
}
#content-sub-2{
	margin-left: 10px;
	width: 228px;
	background-color:#E8E8E8;
}

#content-sub-3{	
	width: 230px;
	clear:right;
	background-color:#E8E8E8;
}
#wrapper a, #wrapper a:visited, #wrapper a:active{
display: block;
color: #000;
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
}
#wrapper{
	width:752px;
	padding-top: 10px;
	padding-bottom: 8px;
	}
.spacer {
	border:0px;
	clear:both;
	width:0px;
	}
/* End Index Wrapper  */	



/* Misc Items for index and page headers*/
#logo{
display:inline;
float:left;
padding: 3px;
}
#headerMain {
width: 100%;
position:relative;
top: 0px;
left: 0px;
height: 100px;
}
#headerSub{
width: 100%;
position:relative;
top: 0px;
left: 0px;
padding: 0;
margin: 0;
height: 25px;
}
/* End Misc Items */




/* Sub Header Place Holder */
#subHeader h3{
color: #09C;
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 600;
margin: 3px 0 3px 0px;
}
#subHeader h4{
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 300;
margin: 5px 0 10px 10px;
padding: 0;
}
/* End Sub Header */



/*Top Navigation*/
.nav{
display:inline;
}

#navcontainer{
position:absolute;
left: 390px;
top: 75px;
}
#navcontainer2{
position:absolute;
top: 130px;
left: 380px;
}
#navcontainer li a, #navconatiner li strong, #navcontainer2 li a, #navconatiner2 li strong {
color:#000;
display:inherit;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: 300;
text-decoration:none;
background:url(images/dot_line.gif) repeat-y left;
padding:  2px 5px 2px 10px;
}
#navcontainer a:hover, #navcontainer2 a:hover { 
color:#999;
} 
#navcontainer #current a:hover, #navcontainer2 #current a:hover  { 
font-weight: 600;
} 
#navcontainer2 #current_dark1 a{
color:#99004D;
font-weight: 600;
}
#navcontainer2 #current_dark2 a{
color:#FF8A14;
font-weight: 600;
}
#navcontainer2 #current_dark3 a{
color:#900;
font-weight: 600;
}
#navcontainer2 #current_dark4 a{
color:#008080;
font-weight: 600;
}
#navcontainer2 #current_dark5 a{
color:#009;
font-weight: 600;
}
#navcontainer2 #current_dark6 a{
color:#004D99;
font-weight: 600;
}

#navcontainer  ul, #navcontainer2  ul{
margin: 0px;
padding: 0px;
position:relative;
display:inline;
}
#navcontainer  li, #navcontainer2  li{
width: 100%;
display: inline;
list-style:none;
}
#navcontainer #active{
padding: 0px;
margin: 0px;
list-style:none;
font-weight:bold;
}
/* End Top Navigation */
.header#client{
background: url(images/clients_img.jpg)  no-repeat left bottom;
}



/* Content */
.content{
margin-left: 5px;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
/*border-top: 7px #3991C3 solid;*/
background-image:url(images/742-border.jpg);
background-repeat: repeat-y;
position: relative;
width: 742px;
padding: 0px;
}
.content#company{
border-top: 7px #3991C3 solid;
}
* html .content#solution{
border-top: 7px #B4282E solid;

}
.content#contacts{
border-top: 7px #2E9FD7 solid;
}
.content2#client{
border-top: 7px #3A79BD solid;
}
.content#service{
border-top: 7px #32428B solid;
}
.content p{
padding: 10px 15px 1px 15px;
}
.content p#leader{
padding: 0px 15px 1px 15px;
}
.content p{
font-family: Helvetica, sans-serif;
font-size: 13px;
text-align:justify;
margin-top:0px;
margin-bottom: 0px;
}
.content p, .content h3, .content h4, .content h6, .content ul#desc, .content h1{
margin-left: 140px;
margin-right: 5px;
}
.content h1{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight: 200;
padding: 10px 10px 10px 15px;
}
.content h3, .content h4, .content h6{
margin-top: 0px;
margin-bottom: 0;
padding-bottom: 0;
padding-top: 0;
}
.content p img{
padding-right: 20px;
padding-left: 12px;
}
.content p img#nav{
padding-right: 0;
padding-left: 0;
}
/* Hides from IE5-mac  border-left: 1px #000 solid; \*/
* html .content ul#desc, * html .content p, * html .content h3, * html .content h4, * html .content h6{
height: 1%;
}
/* End hide from IE5-mac */
.content h3 {
font-family:Arial, Helvetica, sans-serif;
padding: 10px 15px 8px 5px;
font-size: 14px;
font-weight: 500;
text-decoration:underline;
}
.content h4{
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
padding: 5px 15px 8px 15px;
font-weight: 500
}
.content a h3{
font-family:Arial, Helvetica, sans-serif;
padding: 5px 15px 5px 15px;
font-size: 16px;
font-weight: 400;
text-decoration:underline;
}
.content h3 a:hover, .content h3 a:active , .content  h3 a:visited{
color: #333;
}
.content  h3 a:hover{
text-decoration:underline;
}
.content h6{
font-family:"Times New Roman", Times, serif;
font-size: 12px;
font-weight: 500;
padding: 3px 15px 0px 15px;
}
.content a:visited, .content a{
color:#000;
}
ul#desc{
margin-top: 0px;
padding: 0 0 0 30px;
list-style-image:url(images/blue_dot.jpg);
list-style-type:square;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}
ul#desc li{
margin-top: 1px;
padding: 0;
}

/* content Form layout */
.itemName{
margin-top: 0;
position: relative;
display: block;
margin-left:140px;
width: 100px;
background-color:#CC33CC;
clear:both;
padding: 0;
}
.itemName ul{
clear: both;
}
#itemForm{
margin-top: 0;
position:relative;
margin-left: 100px;
background-color:#0033CC;
}
div.row {
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
position:relative;
  left: 0;
  text-align: right;
  }

div.row span.formw {
position:absolute;
  left: 242px;
  width: 485px;
  text-align: left;
  } 
div.spacer {
  clear: both;
  }
 div#contactForm{
 margin-left: 145px;
 }
 /* End Form Layout */
 
 
/* End Content */




/*content 2*/
.content2 {
width: 742px;
margin-left: 4px;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
}
.content2 img{
padding: 15px 0 15px 0;
}
.content h2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight: 600;
padding: 10px 10px 10px 0;
}

div.content-form p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: 200;
}

div.content-client{
	float: left;
	height: 875px;
	padding: 13px;
}
#content-client-1{
	margin-left: 0px;
	width: 220px;
}
#content-client-2{
	width: 220px;
}
#content-client-3{
	width: 220px;
	clear:right;
}
#wrapper2 a, #wrapper2 a:visited, #wrapper2 a:active{
display: block;
color: #000;
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
}
#wrapper3{
margin-left: 160px;
	width:580px;
	padding-bottom: 5px;
}
div.content-form{
	float: left;
	height: 200px;
	padding: 13px;
}
#content-form1{
	text-align: right;
	margin-left: 0px;
	width: 100px;
}
#content-form2{
	width: 400px;
	clear:right;
}
#wrapper3 a, #wrapper3 a:visited, #wrapper3 a:active{
display: block;
color: #000;
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
}

/* end content 2 */



/* Client Login Tab */
/* .login1 for Index */
.login{
text-align: center;
display:inline;
position:absolute;
top: 0px;
left: 625px;
margin: 0;
padding: 10px 0px 1px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width: 130px;
}
.login1{
text-align: center;
display:inline;
position:absolute;
top: 0px;
left: 630px;
margin: 0;
padding: 0px 0px 10px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width: 130px;
}

.login1#grey1{
background: url(images/client_bg_grey1.gif) no-repeat bottom;
}
.login a, .login1 a{
color:#000000;
}
.login a:hover, .login1 a:hover{
font-weight: 600;
}
.login#dark1{
background: url(images/client_bg_dark1.gif) no-repeat top;
}
.login#dark2{
background: url(images/client_bg_dark2.gif) no-repeat top;
}
.login#dark3{
background: url(images/client_bg_dark3.gif) no-repeat top;
}
.login#dark4{
background: url(images/client_bg_dark4.gif) no-repeat top;
}
.login#dark5{
background: url(images/client_bg_dark5.gif) no-repeat top;
}
.login#dark6{
background: url(images/client_bg_dark6.gif) no-repeat top;
}
/* End Client Login Tab */



/* Side Navigation */
#sideNav{
position: relative;
float: left;
}
#sideNav ul{
display: block;
float: left;
left: 0px;
width: 140px;
margin: 0;
padding: 0;
}

#sideNav li{
text-align:right;
padding: 2px 0 5px 0;
margin: 0;
list-style:none;
background: url(images/dot_line2.gif) repeat-x bottom;
}

#sideNav li#active{
background-color:#999;
}
#sideNav li:hover{
background-color:#CCC;
}
#sideNav li#active a{
color: #FFF;
margin: 0 5px 0 0;
padding: 0 0px 0 5px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:600;
}
.superNav a{ 
margin: 0 5px 0 0;
padding: 0 0px 0 5px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:500;
color: #000;
}
.subNav a, .subNav a:visited{ 
margin: 0 5px 0 0;
padding: 0 0px 0 5px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 300;
color: #666;
}
.subNav#subActive a{
color: #C33;
font-weight:600;
}
li.subNav#subActive{
background-color:#CCC;
}
li.subNav#subActive:hover{
background-color:#CCC;
}
/* End Side Navigation */



/*  FOOTER */
.footerBox{
position: relative;
text-align: center;
width: 744px;
margin: 0;
padding: 10px 0 1px 0;
}
.footerBox h6{
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
text-align: center;
font-weight: 100;
}
#footer{
padding: 0px;
margin-left: 4px;
width: 742px;
background-color:#CCC;
border: 1px solid #000;
}
#footer ul{
position:relative;
text-align:center;
list-style:none;
padding: 0;
margin: 0;
}
#footer li{
padding: 0 0 0 4px ;
display:inline;
}
#footer #active a{
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
}
#footer a{
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
#footer a:hover{
color:#000;
font-weight: 400;
text-decoration:none;
}

/* End Footer */