/*-------------------reset styles--------------------------*/
@font-face {
	font-family: 'AllerBold';
	src: url('fonts/aller_bd-webfont.eot');
	src: local('☺'), url('fonts/aller_bd-webfont.woff') format('woff'), url('fonts/aller_bd-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AllerBoldItalic';
	src: url('fonts/aller_bdit-webfont.eot');
	src: local('☺'), url('fonts/aller_bdit-webfont.woff') format('woff'), url('fonts/aller_bdit-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

html{
	color: #124A69;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{
	margin: 0;
	padding: 0;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img{
	border: 0;
}
address,caption,cite,code,dfn,em,th,var,optgroup{
	font-style: inherit;
	font-weight: inherit;
}
del,ins{
	text-decoration: none;
}
li{
	list-style: none;
}
caption,th{
	text-align: left;
}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight: normal;
}
q:before,q:after{
	content: '';
}
abbr,acronym{
	border: 0;
	font-variant: normal;
}
sup{
	vertical-align: baseline;
}
sub{
	vertical-align: baseline;
}
legend{
	color: #000;
}
input,button,textarea,select,optgroup,option{
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
input,button,textarea,select{
	font-size: 100%;
}
/*-----------------end of reset styles--------------------*/

body {
	font: 12px/150% Verdana, Geneva, Tahoma, sans-serif;
	background:#052333 url(images/common/bg.gif) repeat-x
}
#wrapper{
	width:933px;
	margin:auto;
}
/*------------------------------------header------------------------*/
#header{
	height:120px;
	padding-top:10px;    
}

#logo{
	width:230px;
	height:106px;
	float:left;
	color:#fff;
	padding-left:25px
}
#logo a{
	display:block;
	width:230px;
	height:106px;
	background:url(images/common/logo.gif) no-repeat 0 0;
	text-indent:-5000em;
	overflow:hidden
}
#languages{
	float:right;
	padding: 5px 5px 0 0;
}
#languages li a{
	color:#fff;
	font-szie:13px;
	margin-left:5px;
	text-decoration:none;
	padding: 2px 3px
}
#languages li{
	display:inline
}
#languages li a.selected, #languages li a:hover{
	border-bottom:1px solid #dddd2c
}
/*---------------------------------end of header------------------------*/

/*------------------------menu------------------*/
#navigation{
	background:url(images/common/menu_bg.gif) repeat-x;
	height: 45px;
	margin-bottom:17px;
}
ul#menu{
	height: 45px;
	list-style: none;
	width:100%;
	padding: 0;
	position: relative;
	z-index:300;
	background:url(images/common/menu_right.gif) no-repeat right top;
}
ul#menu li{
	float: left;
	position: relative;
	z-index:300;
	height:45px;
}
ul#menu li#home{
	background:url(images/common/menu_left.gif) no-repeat left top;
	padding-left:30px
}

ul#menu li ul{
	display: none;
	list-style: none;
	margin: 0;
	padding: 0 0 15px 0;
	position: absolute;
	top: 44px;
	width: 170px;
	background:#1c6a95;
	left:-50px;
}
ul#menu li ul ul{
	left: 0px;
	padding: 5px;
	width: 170px;
	z-index:300;

}
ul#menu li ul ul,ul#menu li ul ul ul{
	left: 150px;
	top: 0px;
	width: 170px;
	padding:5px 0;
	z-index:400;
	border-top:1px solid #1c6a95;
}
ul#menu li.clear{
	clear: both;
	height: 0px;
	overflow: hidden;
	width: 100%;
}
ul#menu li li{
	position: relative;
	width: 150px;
	padding:0 7px;
	z-index:300;
	height:auto;
}
ul#menu li li:first-child{
	padding-top:5px!important
}
ul#menu ul li li{
	display: block;
	width: 170px;
}
ul#menu a{
	color: #e4eff4;
	display: block;
	float: left;
	height: 1%;
	padding:13px 75px 8px 0;
	text-decoration: none;
	height:20px;
	font:bold 13px Verdana, sans-serif;
	text-transform:capitalize
}
ul#menu a#last{
	padding:13px 20px 8px 0;
}
ul#menu a:hover,ul#menu li:hover a,ul#menu li.iehover a, ul#menu a.selected{
	color:#e4eff4;
	position: relative;
	z-index: 100;
}
ul#menu a.selected span, ul#menu a:hover span{
	border-bottom:1px solid #dddd2c
}
ul#menu li li a{
	float: none;
	font-size: 11px;
	font-weight:normal;
	padding:7px 0 3px 0;
	position: static;
	width: 155px;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size:11px;
	text-align:center;
}
ul#menu li li li a{
	text-align:left;
	padding: 7px 20px;
	width:160px;
	line-height:150%;
	height:auto
}

ul#menu li:hover li a:hover,ul#menu li.iehover li a:hover, ul#menu li:hover li:hover a, l#menu li:hover li.iehover a{
	background:#25749f;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
ul#menu li:hover li li a:hover, ul#menu li.iehover li li a:hover, ul#menu li:hover li li:hover a, l#menu li.iehover li li.iehover a{
	background:#124a69;
}

ul#menu li:hover ul ul,ul#menu li:hover ul ul ul,ul#menu li.iehover ul ul,ul#menu li.iehover ul ul ul{
	display: none;
}
ul#menu li:hover ul,ul#menu ul li:hover ul,ul#menu ul ul li:hover ul,ul#menu li.iehover ul,ul#menu ul li.iehover ul,ul#menu ul ul li.iehover ul{
	display: block;
	background: #124a69;
	-webkit-border-radius: 10px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius: 10px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	border-radius: 10px;
	border-top-left-radius:0;
	border-top-right-radius:0;
}

ul#menu li:hover ul li ul, ul#menu li.iehover ul li ul{
	display: none;
	width:210px
}
ul#menu li:hover ul li:hover ul , ul#menu li.iehover ul li.iehover ul{
	display: block;
	background:#25749f;
	border:1px solid #1c6a95;
	border-width:1px 1px 1px 0;
	top:0px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius:0;
}
ul#menu li:hover ul li:hover ul li ul , ul#menu li.iehover ul li.iehover ul li ul{
	display:none
}
ul#menu li:hover ul li:hover ul li:hover ul , ul#menu li.iehover ul li.iehover ul li.iehover ul{
	display:block;
	left:200px;
	top:4px;
	background:#124a69;
	z-index:400
}
ul#menu li:hover li:hover li:hover li a{
	background:#124a69;
}

ul#menu li:hover li:hover li:hover li a:hover, ul#menu li.iehover li.iehover li.iehover li a.iehover, ul#menu li:hover li:hover li:hover li:hover a, l#menu li.iehover li.iehover li.iehover li.iehover a{
	background:#25749f;
}
/*--------------------------------content--------------------------*/

#breadcrumbs { 
	overflow:auto; 
	font-weight:bold; 
	padding:0 0 15px 20px;
	height:20px;
}
#breadcrumbs li { 
	float:left; 
	padding:0 0 0 5px;
	color:#e4eff4;
	font-size:11px
}
#breadcrumbs li:before { 
	content: ">  "; 
	font-weight:normal;
	font-size:11px;
	padding:0 3px
}
#breadcrumbs li:first-child:before { 
	content: ""; 
}
#breadcrumbs li a{
	color:#e4eff4;
	text-decoration:none
}
#breadcrumbs li a:hover{
	text-decoration:underline
}
#content{
	clear:both;
	background:url(images/common/content_top.gif) no-repeat 0 0px;
	padding:14px 0;
}
#content_wide{
	background:url(images/common/content_wide_top.gif) no-repeat;
	padding:14px 0;
	border-bottom: 7px solid #052333;
}
#main_content{
	background:url(images/common/content_top.gif) no-repeat 0 0px;
	padding:14px 0;
	height:500px
}
#main_content #left, #main_content #right{
	height:228px;
}
* html #main_content #left, * html #main_content #right{
	overflow:hidden
}

#left{
	width:248px;
	background:#dbecf5;
	padding:0;
	float:left;
	height:228px;
}
#right{
	width:664px;
	float:right;
	padding:0;
	height:228px;
	background:#dbecf5;
}
#content #left{
    height: auto;
    min-height: 178px;
    padding: 0 0 18px 0;
    width: 248px;
	background:transparent url(images/common/right_bt.gif) no-repeat left bottom
}
#left_inner{
	background:#dbecf5;
	padding: 10px 20px;
	min-height: 178px;
}
#right_inner{
	background:#dbecf5;
	padding: 10px 30px;
	min-height:288px;
	overflow:auto;
}

#content #right{
	height:auto;
	min-height:308px;
	padding: 0 0 18px 0;
    width: 664px;
    background:transparent url(images/common/left_bt.gif) no-repeat left bottom
}
#content #right a, #content_wide a{
	color:#25749F;
}
#tabs li{
	padding: 0 30px
}
#tabs li a{
	font:20px 'AllerBold', Arial, sans-serif;
	color:#124A69;
	text-decoration:none;
	display:block;
	height:50px;
	padding:25px 0 0 45px
}
#tabs li.web a{
	background:url(images/common/icons_tabs.gif) no-repeat 0 25px;
	border-bottom:1px solid #c4d8e3
}
#tabs li.web a.current{
	color:#267ba9;
	background:url(images/common/icons_tabs.gif) no-repeat 0 -196px 
}
#tabs li.mobile a{
	background:url(images/common/icons_tabs.gif) no-repeat 0 -55px;
	border-top:1px solid #eff6fa;
	border-bottom:1px solid #c4d8e3
}
#tabs li.mobile a.current{
	color:#267ba9;
	background:url(images/common/icons_tabs.gif) no-repeat 0 -276px 
}
#tabs li.kiosk a{
	border-top:1px solid #eff6fa;
	background:url(images/common/icons_tabs.gif) no-repeat 0 -135px 
}
#tabs li.kiosk a.current{
	color:#267ba9;
	background:url(images/common/icons_tabs.gif) no-repeat 0 -356px 
}

#output{
	position:relative;
	height:250px
}
#output li {
	 position: absolute;
	 width:604px;
	 height:210px;
	 top:-10px;
	 padding:20px 30px;
}

#output li.web{
	background:url(images/common/web.jpg) no-repeat right top;
}
#output li.mobile{
	background:url(images/common/mobile.jpg) no-repeat right top;
}
#output li.kiosk{
	background:url(images/common/kiosk.jpg) no-repeat right top;
}
#output li p{
	width:280px;
}
#output li.kiosk p{
	width:320px
}
#news_section{
	background:#c7e2f0 url(images/common/content_bt.gif) no-repeat 0 0; 
	width:575px;
	height:250px;
	float:left;
	padding:50px 0 0 20px;
	border-bottom:7px solid #052333
}
#news_section ul{
	padding:0;
	margin: 0 10px 20px 0px;
	line-height:17px;;
	border-bottom:1px solid #dceef8;
	height:150px;
}
#news_section ul li{
	padding:5px 15px 15px 0;
	border-bottom:1px solid #9fc7de;
	width:265px;
	float:left;
	height:130px;
}
#news_section li a{
	color:#548DB3;
	font-weight:bold;
	position:relative;
	bottom:-5px;
	display:block;
}
#video_section{
	background:#c7e2f0 url(images/common/content_bt.gif) no-repeat right 0; 
	width:338px;
	height:250px;
	float:left;
	padding:50px 0 0 0;
	border-bottom:7px solid #052333
}
#video_section a{
	color:#548DB3;
	font-weight:bold;
	padding:5px 0 10px 0;
	display:block;
	font-size:11px;
}

#layer{
	display:none;
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	background:transparent;
	z-index:500;
}
#flv{
	z-index:1;
	position:relative
}
#video{
	width:933px;
	height:480px;
	background:#052333 url(images/common/bg.gif) repeat-x 0 -180px;
	padding:40px 0;
	margin:auto;
	margin-top:182px;
	position:relative;
	z-index:800;
	text-align:center
}
#video_section #video a{
	display:inline;
	position:absolute;
	top:5px;
	color:#BEDFF2;
	right:75px;
}
h1{
	font:57px 'AllerBoldItalic', Arial, sans-serif;
	color:#267ba9;
	padding:0 0 15px 0;
	clear:both;
	text-shadow: 1px 1px 1px #267ba9;
}
#inner{
	background:#DBECF5;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin:30px 0;
	padding: 0 30px 20px 30px
}
h1.announce{
	font:27px 'AllerBoldItalic',Arial,sans-serif;
	padding:30px 0 5px 0;
	clear:both;
	text-shadow: 1px 1px 0px #fff;
}
h2.announce{
	font:20px 'AllerBold',Arial,sans-serif;
	padding:0 0 15px 0;
	color:#124A69
}
h3.announce{
	font:13px/150% Verdana,Geneva,Tahoma,sans-serif;
	padding:20px 0 15px 0;
	color:#124A69;
}
h1.announce a{
	color:#25749F
}
h3.announce a{
	color:#124A69
}
#content_wide h1{
	color:#124a69;
	padding: 0 0 10px 20px;
	font:20px 'AllerBold', sans-serif;
	text-shadow: none;
}
 #content h1{
	color:#124a69;
	padding: 10px 0 10px 0px;
	font:20px 'AllerBold', sans-serif;
	text-shadow: none;
}
 #content h1:first-letter,  #content_wide h1:first-letter, #submenu li:first-letter, h2:first-letter, h3:first-letter{
	text-transform:capitalize
 }
h2{
	font:15px 'AllerBold', sans-serif;
	color:#25749f;
	padding: 10px 0;
}
#left h2{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:5px 10px;
	margin:10px 0 0 0;
	background:#bfdae9;
}
h3{
	font:16px 'AllerBold', sans-serif;
	color:#124a69;
	padding: 10px 0;
}
#left h3{
	padding:5px 10px;
	margin:10px 0 0 0;
	font:15px 'AllerBold', sans-serif;
	text-transform:capitalize
}
#content #left p,#content #right p{
	padding:5px 0
}
#submenu{
	padding:5px 10px;
}
#submenu li{
	padding:7px 0;
}
#submenu li a{
	color:#124a69;
	text-decoration:none;
	background:url(images/common/arrow_blue.gif) no-repeat 0 6px;
	padding-left:15px;
	font-size:13px
}
#submenu li a:hover{
	text-decoration:underline
}
#right p.img{
	text-align:center;
	padding:10px 0
}
blockquote {
	display: block;
	padding: 25px 30px;
	background: #BFDAE9;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin:10px 0;
	font-style:italic
}

#right dt{
	font:15px 'AllerBold', sans-serif;
	padding:10px 0 ;
	color:#25749f;
}
#right dd{
	display:block;
	padding: 5px 0 5px 15px;
	background:url("images/common/bt.png") no-repeat 0 9px;
}
#news_list dl{
	min-height:250px;
	position:relative;
	margin-bottom:20px;
	z-index:50;
	padding-left:20px
}
#news_list dt{
	font:16px 'AllerBold', sans-serif;
	color:#267BA9;
	padding: 10px 0;	
}
#news_list dl dd{
	min-height:194px;
	padding:20px;
	background:#BFDAE9;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px
}
#news_list img{
	display:inline-block
}
#news_list  p{
	padding: 0 0 10px 0
}
dl a.more{
	font:bold 11px Verdana, sans-serif;
	color:#124a69;
	padding-left:18px;
	background:url("images/common/news.png") no-repeat scroll 0 -28px transparent;
}
a.less{
	font:bold 11px Verdana, sans-serif;
	color:#124a69;
	padding-left:18px;
	background:url("images/common/news.png") no-repeat scroll 0px -28px transparent;
}

#kiosks{
	padding:20px 0 0 0;
	overflow:auto
}
#kiosks h2{
	color:#fff;
	padding:5px 0 5px 15px
}
#kiosks li {
	width:195px;
	float:left;
	padding:0px;
	margin-left:2px;
	background:#124a69;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}
#kiosks li ul{
	background:#BFDAE9 ;
	padding:15px 15px;
	height:125px;
}
#kiosks li li{
	padding:0 0 10px 20px;
	min-height:0;
	width:auto;
	display:block;
	float:none;
	background:transparent url(images/common/check.png) no-repeat 0 1px;
}
#map_inner{
	position:relative
}
#map{
	background:#DDEFFA;
	height:680px;
	margin:0 0 5px 20px;
	clear:both;
	font-size:11px;
}
#slide{
	position:absolute;
	left:25px;
	top:55px;
	opacity:0.9;
	height:665px;
	width:858px;
	padding:10px;
	background:#DDEFFA;
	border:1px solid #aed1e5;
	border-width:1px;
	z-index:30;
	font-size:11px;
	display:none
}
#slide h5{
	font:16px 'AllerBold', Arial, sans-serif;
	clear:both;
	padding:10px 0 5px 0;
	color:#25749F
}
#map h5{
	font-weight:bold;
}
#slide dl{
	width:285px;
	float:left;
	padding-bottom:10px
}
#slide dt{
	font-weight:bold;
}
#drawer {
	background: none repeat scroll 0 0 #11314D;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    height: 20px;
    margin-bottom: -20px;
    opacity: 0.8;
    padding: 2px 0;
    position: relative;
    right: -780px;
    text-align: center;
    top: -35px;
    width: 110px;
    z-index: 10;}

#details{
	padding:5px 10px
}
#details li{
	padding:7px 0 7px 5px;
	list-style:disc inside none
}
#contactForm{
	background:#DCE1E6;
	padding:40px 100px 70px 40px;
	border:1px solid #c3c9ce
}
#contactForm label{
	display:block;
	color:#0B2842;
}   
#contactForm input[type=text]{
	display:block;
	border:solid 1px #c3c9ce;
	width:100%;
	margin-bottom:10px;
	height:24px;
}  
#contactForm textarea{
	display:block;
	border:solid 1px #c3c9ce;
	width:100%;
	margin-bottom:27px;
}  
#contactForm input[type=submit]{
	background-color:#11314d;
	border:solid 1px #11314d;
	color:#eee;
	padding:5px;
}
.inner{
	background:#ddeffa;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddeffa), to(#dae9f2)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ddeffa,  #dae9f2); /* for mozilla browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dae9f2', EndColorStr='#ddeffa'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dae9f2', EndColorStr='#ddeffa')"; /* IE8 */
	padding:20px 30px 20px 10px;
}
dl.team  {
	padding:0;
	position:relative;
	min-height:190px;
	margin:25px 0 0 20px;
	line-height:20px;
	font-style:italic;
	float:left;
	display:block;
	width:425px
}
.team dt{
	color:#25749F;
	font:16px 'AllerBold', sans-serif;
}

.team dt em{
	font:13px Verdana, sans-serif;
	display:block;
	padding:3px 0 0 0
}
.team dd img{
	padding: 7px 7px 25px 7px;
	background: #f6f6f6;
	border: 1px solid #a3c5d8;
	-moz-box-shadow: 0 2px 3px #a3c5d8;
	-webkit-box-shadow: 0 2px 3px #a3c5d8;
    box-shadow: 0 2px 3px #a3c5d8;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float:left;
	margin-right:10px;
}
#right_inner img.stock{
	padding:7px; 
	margin-left:10px;
	margin-bottom: 10px;
	margin-top:0px;
	background: #f6f6f6;
	border: 1px solid #a3c5d8;
	-moz-box-shadow: 0 2px 3px #a3c5d8;
	-webkit-box-shadow: 0 2px 3px #a3c5d8;
    box-shadow: 0 2px 3px #a3c5d8;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

}
.floated{
	float:left;
}

#right_inner img.stock.left{
	float:left; 
	padding:7px; 
	margin-left:0px
}
#right_inner img.stock.right{
	float:right; 
	padding:7px; 
	margin-left:10px
}


.team dd{
	width:400px;
	float:left;
	vertical-align:top;
	min-height:130px;
	padding:7px 14px 7px 0;
	color:#052333;
}
.alignLeft{
	float:left; 
	margin-right: 1.5em;
}
.alignRight { 
	float:right; 
	margin-left: 1.5em; 
}

.clear{
	clear:both;
	height:0px;
	overflow:hidden;
	float:none!important
}
/*-----------------------------------footer-----------------------------*/
#footer{
	clear:both;
	color:#bedff2; 
}
#marine{
	width:210px;
	height:28px;
	color:#fff;
	background:url(images/common/button.gif) no-repeat;
	display:block;
	text-decoration:none;
	padding:5px 0 0 35px;
}
#download{
	width:210px;
	height:28px;
	color:#fff!important;
	background:url(images/common/download.gif) no-repeat;
	display:block;
	text-decoration:none;
	padding:5px 0 0 35px;
	margin:7px 0 0 0
}

address{
	padding: 5px 0; 
	font-size:10px; 
	line-height:30px;
	height:30px;
	color:#bedff2; 
	text-align:center
}
#content address{
	padding-left:265px
}
address a, #content_wide address a{
	color:#bedff2
}
address a:hover{
	color:#548db3
}
address span{
	padding:0 15px;
	font-style:normal
}
address span.main{
	display:block;
	line-height:15px;
	padding:7px 15px 0 15px
}
.address{
	max-width:200px
}
#footer p{
	text-align:center; padding:10px 0;
}
/*--------------------------------end of footer-------------------------*/