@IMPORT url("reset.css"); 

body{background:#2253B3; color:#fff; font:14px "Trebuchet MS",Verdana,Geneva,Arial sans-serif; position:relative; text-align:center}

a{color:#fff}

a.external, a.external:visited{background:url(../media/external.gif) center right no-repeat; padding-right:16px}

.ah span{display:none}

.container{margin:0pt auto; text-align:left; width:780px}

.header{padding-top:10px; height:80px}

.header h1.logo a{background-repeat:no-repeat; background:url(../media/logo.png); display:block; height:108px; width:331px; position:absolute; cursor:pointer}

ul.nav{float:right; margin:0; padding:0px 0 0 0; list-style:none; margin-top:50px}
ul.nav li{display:inline; margin:0; font-size:1.1em; font-weight:bold; text-align:center}
ul.nav li a{display:block; float:left; height:25px; margin:0 0 0 6px; padding:5px 6px 0 10px; text-decoration:none}
ul.nav .active{background:#4789EF url(../media/header_link_bg.gif) repeat-x}

h1{font-size:230%; color:#2454B5}

.clear{clear:both}
#welcome{background:#fff url(../media/bg-welcome.jpg) repeat-x top; color:#000; padding-left:40px}

#welcome h1{padding-top:30px}
#welcome p{line-height:120%; margin:0 0 1em 0}
#welcome .box{float:right; margin-top:30px}
#content{background:#6385CF url(../media/bg-content.jpg) repeat-x top; color:#fff; padding-top:20px; padding-left:40px; padding-bottom:30px}
#content p{font-size:130%; line-height:121%}
#content h2{font-size:200%}

ul.mainservices{padding-top:10px}
ul.mainservices li{background:url(../media/sprite-mainservices.png) no-repeat; padding-top:1px; padding-left:80px; padding-bottom:20px; font-size:125%; width:466px}
ul.mainservices li.sea{background-position:0 -70px}
ul.mainservices li.land{background-position:0 -140px; background-repeat:no-repeat}
ul.otherservices{padding-top:10px; margin-left:20px; padding-bottom:10px}
ul.otherservices li{background:url(../media/bg-otherservices.png) no-repeat 0 4px; ; padding-top:0px; padding-bottom:5px; padding-left:40px; width:466px; font-size:125%}
ul.otherservices li a{color:#006}

#footer{padding:10px 0; font-size:85%; height:75px; background:#FC0 url(../media/bg-footer.jpg) repeat-x top left}

#footcontact{width:300px; float:left; padding:0 0 0px 0}
#footcontact h3{font-size:160%; font-weight:bold; color:#C97902}

#footcontact a{font-weight:bold; font-size:14px; color:#251EDA}

#footcontact #phone{color:#333; font-size:250%; font-weight:bold}
#footcontact #email{display:inline}
#footcontact #fulldetails{display:inline; margin:0 0 0 50px}

#footnavcontainer{float:right}
#footnavcontainer p{color:#333; font-size:12px; font-weight:bold; text-align:center}
#footnavcontainer p a{color:#251EDA}
ul.footnav{padding:13px 0 0 0; margin:5px 0px; list-style:none}
ul.footnav li{padding:0px 10px 10px 0px; margin:0px; display:inline}
ul.footnav a{font-size:13px; font-weight:bold; color:#C97902}

ul.custom_list{margin:0 0 1.5em 10px; padding:0; list-style:none}
ul.custom_list li{padding:0 3px 7px 14px; line-height:1.4em; background:url(../media/bullet_orange.gif) no-repeat -5px 2px}

.service{clear:both; margin-bottom:15px}

.service_img{float:left; width:19.5%; text-align:center; font-size:100%; padding:0; margin:0em 3px 0 0; color:#666}
.service_text{float:left; text-align:left; width:60%; margin:0 0 0 0.3em}
.service_text dl{margin:0em 1.5em 0em 1em; padding:0}
.service_text dt{font-size:1.3em; margin-bottom:0.20em; margin-right:1.75em}
.service_text dd{line-height:1.3em; margin-right:1.75em; color:#000}

.col1{float:left; width:470px; padding:0 30px 0 0; margin:0px}
.col2{ float:left; margin:0px; padding:0; width:280px}

.col2 span.email a{color:black; background:white}
address{font-style:normal; font-style:normal; border:5px solid #deefa9; padding:10px; margin-bottom:15px}

#zmap{border:1px solid #E5E5E5}
#zmap h3{font-size:10px}

#contact_box{width:460px; float:left; margin:10px 0 10px 0}

form#start fieldset{border:3px double #d6d6d6; padding:5px 5px 0px; background:white}

fieldset div{background:white; padding:25px 0px 5px 15px}

form#start legend{border:1px solid #d2d2d2; border-top:none; border-left:none; background:#fff; font:bold 140% 'Helvetica Neue',Helvetica,Arial,sans-serif; color:#676767; padding:5px 10px; margin:0 0 0 20px}

form#start p{margin-bottom:15px}

form label{float:left; width:20% ; text-align:right; margin:2px 1.3em 0 0; font-style:italic; font-size:105%; display:block}

form label.ta{margin-top:-3px}

form input{width:284px; height:1.24em; background:#f8f8f8; border-top:1px solid #aaa; border-right:1px solid #bbb; border-left:1px solid #bbb; border-bottom:1px solid #dedede; padding:.3em; letter-spacing:-0.5px; font:bold 115% 'Helvetica Neue',Helvetica,Arial,sans-serif; background:#E8E8E8}

form textarea{width:288px; height:120px; background:#f8f8f8; border-top:1px solid #aaa; border-right:1px solid #bbb; border-left:1px solid #bbb; border-bottom:1px solid #dedede; padding:.2em; line-height:15px; font:normal 92% 'Helvetica Neue',Helvetica,Arial,sans-serif}

input:focus, textarea:focus{border-top:1px solid #999; border-right:1px solid #aaa; border-left:1px solid #aaa; border-bottom:1px solid #ccc; outline:0; background:#fff}

span.note{margin-top:0; margin-left:7.0em; padding-left:10px; background:url(../img/note_bullet.png) no-repeat 0 50%; font-size:85%; color:#797979; font-style:italic}

.buttons{margin:0 0 10px 0; padding:0}
.buttons a, .buttons button{ display:block;  float:none;  margin:0 7px 0 7.5em;  background-color:#f5f5f5;  border:1px solid #dedede;  border-top:1px solid #eee;  border-left:1px solid #eee;  font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;  font-size:100%;  line-height:130%;  text-decoration:none;  font-weight:bold;  color:#565656;  cursor:pointer;  padding:5px 10px 6px 7px}
.buttons button{ width:auto;  overflow:visible;  padding:4px 10px 3px 7px; /* IE6 */}
.buttons button[type]{ padding:5px 10px 5px 7px;  line-height:17px}
*:first-child+html button[type]{padding:4px 10px 3px 7px; /* IE7 */}
.buttons button img, .buttons a img{  margin:0 5px -3px 0 !important;   padding:0;   border:none;   width:16px;   height:16px}

button:hover, .buttons a:hover{  background-color:#dff4ff;   border:1px solid #c2e1ef;   color:#369}
.buttons a:active{  background-color:#6299c5;   border:1px solid #6299c5;   color:#fff}

button.positive, .buttons a.positive{color:#529214}
.buttons a.positive:hover, button.positive:hover{  background-color:#E6EFC2;   border:1px solid #C6D880;   color:#529214}
.buttons a.positive:active{  background-color:#529214;   border:1px solid #529214;   color:#fff}

div.error{margin:0px 0 25px; background:#f8e4e4; border:3px solid #e30000; border-right:none; border-left:none; padding:10px 15px}
div.error p{margin:0; padding-left:17px; font-size:102%; font-style:italic; color:#ac0000; background:url(../media/alert.gif) no-repeat 0 4px}
div.error ol li{line-height:17px; list-style-type:decimal; margin-left:28px; font-size:85%}
p.fielderror{color:#e30000}
p.fielderror input, p.fielderror textarea{border:3px solid #e30000}

h4.alert{margin-bottom:5px; padding:10px 15px 5px 10px; font-family:"Lucida Grande",Verdana,sans-serif; font-size:110%; text-align:left; color:red}

#main{width:420px; float:left; padding:30px 0 0 20px; margin:0 0 2.5em}

.reference{border-top:0px solid #e6dfce; margin:0 0 4em; float:left}
.reference img{float:left; margin:0 14px 10px 0; border-bottom:2px solid #1e0a02}
.reference .entry{border-bottom:1px solid #e6dfce; float:left; padding:1em 0 0.5em; width:490px}
.reference .entry p{margin:0.25em 0 0 190px}
.reference .entry h3{margin-bottom:0; color:#40550d; font:normal 16px/1.2 'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif}
.reference .entry h4{margin:0 0 15px 105px; font-style:italic; font-size:14px; font-weight:normal; color:#4e3114; padding:0}
.reference .entry span.email a{color:black}

.thumb_border{border:3px solid #EDECE1; margin:0 0px 0 0}

.catHeading{color:#2253B3; font-weight:bold; font:140% "Lucida Grande",Tahoma,"Bitstream Vera Sans",Arial,sans-serif; margin:15px 0 10px 4px}
dl.links{margin:5px 0 10px 0; padding:0 20px 0 0; width:440px}
dl.links dt{margin:0; padding:0; line-height:1.6em; font-family:"Lucida Grande",Verdana,sans-serif; font-size:95%}
dl.links dt a{display:block; margin:2px 10px 0 0; background:#fffefa; color:#003466; font-weight:bold}
dl.links dt a:hover, dl.links dt a:visited{color:#36628C}
dl.links dd{margin:0 0 2px 23px !important; padding:0 0 10px 0; border-bottom:1px solid #dbd5c5}
dl.links dt a.pdf{padding-left:23px; background:url(../media/pdficon_small.gif) no-repeat 0 3px}

#useful-links h3{font-size:140%; color:#2454B5; margin:0 0 10px 0; padding:0; font-family:Georgia,serif; font-weight:normal; line-height:1.5em}
ul.links{margin:0 0 1.5em 15px; padding:0; list-style:none}
ul.links li{margin:0 0 .5em 0; padding:0 0 0px 11px; line-height:1.4em; background:url(../media/bullet_orange.gif) no-repeat -5px 2px}
ul.links a{color:#003466}

#meta-nav{margin:0; padding:4px 0 5px 0; background-color:#192227}
#meta-nav p{width:780px; margin:0 auto; padding:0 10px 0 0; text-align:right; font-size:90%; line-height:1.2em; font-weight:bold; color:#666}
#meta-nav p a{color:#FFBD00; text-decoration:none}
#meta-nav p a:hover{text-decoration:underline}

strong{font-weight:bold}
hr, .hide{display:none}
a img{border:none}
label{cursor:pointer}

.clearfix:after{content:"."; display:block; height:0px; clear:both; visibility:hidden}
.clearfix{display:inline-block}

.clearfix{display:block}

.service:after{content:".";  display:block;  height:0;  clear:both;  visibility:hidden}