@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}

body{
font: 13px Arial, Helvetica, sans-serif;
color: #333333; background-color: white;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

h1, h2, h3, h4 { margin:0; padding-bottom:5px; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  }

h1 {font-weight: bold;  color: #0F8382;  font-size: 24px; }
h1 a, h1 a:visited { color: #0F8382;  text-decoration: none; }
h1 a:hover { color: #0F8382;  text-decoration: none; }

h3 {font-weight: normal; font-size: 15px; margin: 5px 0; }	
h4 { font-size: 13px; color: #006699;  }
	
h2 { font-weight: bold; font-size: 18px; color: #0F8382; margin-bottom: 5px;  }
h2 a, h2 a:visited{ text-decoration: none; color: #0F8382;  }
h2 a:hover { text-decoration: underline; color: #0F8382; }
	
/*---:[ global elements ]:---*/

a, a:visited { color: #FB4B26; text-decoration: none; }
a:hover { color: #FB4B26; text-decoration: underline; }
a img { border: none; }

p{	margin: 0.8em 0px;line-height: 150%;}
ul{	padding-left:0px ;}
li{	padding-left:0px; line-height: 150%; 
 list-style-type: disc; 
}

input, textarea, option, select {    }
option {	padding-right: 0.5em;}

#wrapper{
width: 900px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
/*border-top:34px solid #9E9FA3;*/
background-color: white;
text-align: left; /* this overrides the text-align: center on the body element. */
}
#flags{
height:34px;
background-color:#9E9FA3;
}
#flags img{
	padding: 10px;	
}

#header{ height: 93px; margin:34px 0; border-right:1px solid #108282; }
#topMenu{
display: inline;margin-top:10px;
	float:right;
	padding-right: 34px; 
}
#topMenu ul{	padding: 0px;margin:0;}
#topMenu li{ list-style: none; background: none;  line-height: 150%; text-align: right;}
#topMenu li a, #topMenu li a:visited {color:#0F8382; text-decoration: none; }
#topMenu li a:hover {color:#0F8382;  text-decoration: underline; }
#logo{width:235px;float: left; display: inline;   }
#contentwrapper{
float: left;
width: 100%;  display: inline;
background: white url('images/top.gif') left top no-repeat; 
padding-bottom: 0px; 
}

#contentcolumn{
margin: 0px 164px 0px 136px; 
}
#contentcolumnhalf{
margin: 0px 164px 0px 200px; 
}

#contentcolumn p, #contentcolumnHalf p{ text-align: justify; }
#contentcolumn ul{	margin-left:10px ;}
#contentcolumn li{	padding:3px 0 3px 5px; margin-left:10px;}

#left{
float: left;
width: 102px; /*Width of left column in pixel*/
margin-left: -900px; /*Set margin to that of -(MainContainerWidth)*/
padding:1px 0 0 1px;
}
#right{
float: left;
width: 130px; /*Width of right column*/
margin-left: -164px; /*Set left margin to -(RightColumnWidth) */
padding-right:34px;padding-top:34px; 
padding-bottom: 0px; 
}
#right ul{	padding: 0px;margin:0;}
#right li{ margin:0;padding:0; list-style: none; background: none;  line-height: 145%; text-align: right;}
#right li a, #right li a:visited { text-decoration: none; }
#right li a:hover {  text-decoration: underline; }

#borderBtm{
	background: transparent url('images/bottom.gif') right bottom no-repeat;
	height:50px; clear: left; 
}
#ext-footer{
padding: 10px 0;
margin:0px 0 10px 120px;
font-size: 11px;
color:  #666666;
}
#ext-footer ul{	padding: 0px;margin:0;}
#ext-footer li{ padding-left:15px; line-height: 170%; background: none;
 list-style-type: none; }
#ext-footer li a, #ext-footer li a:visited { text-decoration: none; }
#ext-footer li a:hover {  text-decoration: underline; }
#footer{
width: 100%; 
text-align: center;
padding: 10px 0;
font-size: 11px;
color:  #666666;
}

#footer a, #footer a:visited {
padding: 0 10px;
color: #666666; text-decoration: none; 
}
#footer a:hover{
color: #333333; text-decoration: underline;
}
.pad3{	padding: 3px;}
.pad5{	padding: 5px;}
.pad10{	padding: 10px;}
.pad15{	padding: 15px;}

.spacer { clear: both; }
.spacerL { clear: left; }
.spacer20 { clear: both; margin-top:20px; }
.dot-line{ clear: both;	margin:0 10px 10px 10px;  border-bottom: 1px dotted #acacac;}
.line{ clear: both;	margin:0 10px 10px 10px;  border-bottom: 1px solid #C5C5C5;}

.small{font-weight:normal;	font-size: 11px; }
#phone{	float: left;	width:110px; margin-top: 6px; 
color: #01709E; padding-left: 15px; background: transparent url('images/phone.gif') left center no-repeat;
font-weight: bold; display: inline;}
#email{	float: left;	width:110px; margin-top: 6px; 
color: #01709E; padding-left: 18px; background: transparent url('images/email.gif') left center no-repeat;
font-weight: bold; display: inline;}


.img-left{	 float: left; margin-right: 10px;}
.img-right{	 float: right; margin-left: 10px;}
.flt-right{	 float: right; }
.divider{ clear: both; border-top:#CCCCCC solid 1px; width: 90%; margin: 0 auto; height: 2px;}
#main{	margin-bottom: 60px;}

#mainIcon{margin-bottom: 60px; width:600px; height:120px;}
#icon-case{ margin-bottom:60px;}
.box{
	padding: 10px; border: #D9D9D9 1px solid;
	background: white url('images/bg-box.jpg') top left repeat-x;	
	margin-bottom: 20px;
}

.box-g{
	padding: 20px 10px 10px 10px; border: #D9D9D9 1px solid;
	background: white url('images/bg-box-g.jpg') top left repeat-x;	
	margin-bottom: 10px;
}
.box-g ul{	padding-left: 0px;}
.box-g li{ list-style: none; padding:0 20px; background: url('images/bullet.gif') left 0.25em no-repeat;  line-height: 170%;}
.box-g li a, .box-g li a:visited {color: #596d02; text-decoration: none; }
.box-g li a:hover { color: #596d02; text-decoration: underline; }

.date {
color:#333;
font-weight:700;
font-family:Georgia, serif;
font-size:12px;
border-bottom: #999999 1px dotted;
}
.tbl-form{	background-color: #d0d9de;	border:1px solid #b1c2cd;	padding: 5px;}
.tbl-form td{	padding: 5px; background-color: #f5f8fa;}
.info{	border:1px solid #B2DAFF;	padding: 5px;	margin: 10px 0px; background-color:#E8F4FF;}
.warn{	border:1px solid #FFBBBB;	padding: 5px;	margin: 10px 0px; background-color:#FFE8E8;}


#button1{	float: left; width:34px; height: 180px;
background: transparent url('images/bto-1.gif') left top no-repeat; 
 }
#button1 a, #button1 a:visited{width:34px; height: 180px;	display: block;
background: transparent url('images/bt-1.gif') left top no-repeat; 
-moz-outline:none; 
outline:none;
 }
#button1 a:hover{
	background: transparent url('images/bto-1.gif') left top no-repeat; 
 }

#button2{	float: left;width:34px; height: 180px;
background: transparent url('images/bto-2.gif') left top no-repeat; 
 }
#button2 a, #button2 a:visited{width:34px; height: 180px;	display: block;
background: transparent url('images/bt-2.gif') left top no-repeat; 
-moz-outline:none; 
outline:none;
 }
#button2 a:hover{
	background: transparent url('images/bto-2.gif') left top no-repeat; 
 }
 
#button3 {	float: left;width:34px; height: 180px;
background: transparent url('images/bto-3.gif') left top no-repeat; 
 }
#button3 a, #button3 a:visited{width:34px; height: 180px;	display: block;
background: transparent url('images/bt-3.gif') left top no-repeat; 
-moz-outline:none; 
outline:none;
 }
#button3 a:hover{
	background: transparent url('images/bto-3.gif') left top no-repeat; 
 }

 #button10{	float: left; width:34px; height: 180px;
background: transparent url('images/bto-1.gif') left top no-repeat; 
 }
#button10 a, #button10 a:visited{width:34px; height: 180px;	display: block;
background: transparent url('images/bto-1.gif') left top no-repeat; 
-moz-outline:none; 
outline:none;
 }
#button10 a:hover{
	background: transparent url('images/bto-1.gif') left top no-repeat; 
 }

#button20{	float: left;width:34px; height: 180px;
background: transparent url('images/bto-2.gif') left top no-repeat; 
 }
#button20 a, #button20 a:visited{width:34px; height: 180px;	display: block;
background: transparent url('images/bto-2.gif') left top no-repeat; 
-moz-outline:none; 
outline:none;
 }
#button20 a:hover{
	background: transparent url('images/bto-2.gif') left top no-repeat; 
 }
 
#button30 {	float: left;width:34px; height: 180px;
background: transparent url('images/bto-3.gif') left top no-repeat; 
 }
#button30 a, #button30 a:visited{width:34px; height: 180px;	display: block;
background: transparent url('images/bto-3.gif') left top no-repeat; 
-moz-outline:none; 
outline:none;
 }
#button30 a:hover{
	background: transparent url('images/bto-3.gif') left top no-repeat; 
 }

.dir-item-case
{
  float: left;
  width: 430px;  
}
 .dir-item{
  float: left;
  width: 430px;
 }

.dir-border
{
  border-bottom:solid 1px #CCCCCC;
}
 .details a,.details a:hover, .details a:visited
 {
	color:#FFFFFF !important; font-family: Arial, Helvetica, sans-serif;
	font-size:11px; font-weight:bold; text-decoration:none;
	padding:0px 10px 0px 10px;	
 }
 .details
 {
 	background-color:#0B8382;
	width:78px;
	height:20px; float:right;
	color:#FFFFFF; font-family: Arial, Helvetica, sans-serif;
	font-size:11px; font-weight:bold;
	padding-top:5px;
 }
 
  .back-to a,.back-to a:hover, .back-to a:visited
 {
	color:#FFFFFF !important; font-family: Arial, Helvetica, sans-serif;
	font-size:11px; font-weight:bold; text-decoration:none;
	padding:0px 5px;	
 }

 .back-to {
	background-color:#0B8382;
	width:100px; height:20px; float:right;
	color:#FFFFFF; font-family: Arial, Helvetica, sans-serif;
	font-size:11px; font-weight:bold;
	padding-left:7px;
 }
 .media-box-cases{
 	float: right;
	width: 120px;
	padding: 5px 15px 15px 15px;
	margin-top:190px;
	border: #9F9EA3 1px solid;
	background: transparent url('images/bg-box.gif') left top repeat-x;
 }

 .media-box{
 	float: right;
	width: 120px;
	padding: 5px 15px 15px 15px;
	border: #9F9EA3 1px solid;
	background: transparent url('images/bg-box.gif') left top repeat-x;
 }
 .flt-right
 {
	float:right;
 }
h3{
padding:0; margin:0;margin-bottom:20px;   
  font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#7f8284;
  }
  .media-box a, .media-box a:visited{
  	color: #0C8282;
  }
 .media-box a:hover{
  	color: #0C8282; 
  }
  .imgLeft{
  	float: left;
	margin-right: 5px;
  }
  #notice{  
  margin-top:100px;	
  }
  #port{
  	
  }
  #port td{
  	padding: 30px;
  }