/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:url(images/body-tail.jpg) right top repeat-y;
	
}

object {vertical-align:top; outline:none;}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html 
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.3333em;
		color:#a5d7f6;
	}

input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.3333em;
		color:#1697ff;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#ffffff; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:16px;}

/* ============================= main layout ====================== */

.imgindent {margin:0 20px 0 0; float:left;}

.extra {background:url(images/body-bg.jpg) right top no-repeat; text-align:right;}

h2 {font-size:2em; line-height:1.243em; color:#313131; padding:26px 0 15px 0;}
h3 {font-size:2em; line-height:1.243em; color:#2b2a2a; padding:0 0 13px 0;}
h3 strong {display:block; margin-top:-8px;}
h4 {font-size:2em; line-height:1.243em; color:#fff; padding:26px 0 8px 0; letter-spacing:-1px;}
h5 {font-size:2em; line-height:1.243em; color:#313131; padding:26px 0 15px 0;}

/* ============================= header ====================== */
.flash1 {float:left; padding-left:8px; width:390px;}
.flash2 {float:left; width:583px;}
.flash3 {padding:5px 0 5px 5px; background:#fff;}
/* ============================= content ====================== */
.list li { background:url(images/marker.gif) no-repeat 0 5px; padding-left:12px;  font-size:1.1666em; margin:0 0 12px 0;}
.list li a {color:#fff;}

.pad {padding-top:15px;}
.pad1 {padding-top:33px;}

.box {background:url(images/png-bg.png) repeat; padding:0 1px 1px 0px; margin-top:1px; color:#4494c6;}
.box .inner {background:url(images/png-bg.png) repeat; padding:0 1px 1px 0px;}
.box-inner {background:#fff; width:100%;}
.box h2 {font-size:2em; line-height:1.243em; color:#2a79aa; padding:26px 0 3px 0;}
.box .indent {padding:0 18px 26px 22px;}
.box li {line-height:2em; background:url(images/box-marker.gif) left 8px no-repeat; padding-left:12px;}
.box li a {color:#ef7d21; font-weight:bold;}
.box .pad {padding-top:12px;}
.box .link {color:#2a79aa; display:inline-block; background:url(images/box-link-bg.gif) right 5px no-repeat; padding-right:8px; font-size:1.1666em; text-transform:uppercase; text-decoration:none; margin-top:7px; border-bottom:1px solid #2a79aa;}
.box .link:hover {border:none; padding-bottom:1px;}
.box .h-pad {padding-bottom:10px;}
.box .padding {padding-bottom:12px;}
.box .padding1 {padding-bottom:42px;}
.box a {color:#ef7d21;}

.support {margin:91px 0 0 0;}

.indent {padding:0 0 38px 22px;}
.padding2 {padding-bottom:65px;}

.indent2 {padding:0 0 38px 0px;}
.padding {padding-bottom:30px;}

.indent3 {padding:13px 10px 0px 22px;}

.col-pad {padding-right:6px;}
.col-pad1 {padding-right:39px;}

.col-margin {margin-right:49px;}

.box1 {background:#2a79aa; width:100%;}
.box1 .indent {padding:0 29px 23px 29px;}
.box1 h2 {font-size:2em; line-height:1.243em; color:#fff; padding:26px 0 0px 0;}
.box1 h2 strong {display:block; margin-top:-10px;}
.box1 .font {padding-top:0px;}
.box1 a {color:#a5d7f6;}

.box1 .link {display:inline-block; text-decoration:none; text-transform:uppercase; color:#fff; background:url(images/link-bg.gif) right 6px no-repeat; padding-right:6px; margin-top:5px;}
.box1 .link:hover {border-bottom:1px solid #fff; margin-bottom:-1px;}

.box1 .h-pad {padding-bottom:10px;}

.box1 .padding {padding-bottom:20px;}

.img-title {margin:29px 0 11px 0;}

.font {font-size:1.166em; line-height:1.285em; color:#fff; padding-top:14px;}

.link1 {display:inline-block; background:url(images/link-bg.gif) right 6px no-repeat; text-decoration:none; text-transform:uppercase; padding-right:8px; font-size:1.166em; line-height:1.243em; color:#fff; border-bottom:1px solid #fff; margin-top:4px; }
.link1:hover {border:none; padding-bottom:1px;}
.link1-margin {margin:9px 20px 0 0;}

.indent1 {padding:42px 0 0 29px; color:#fff;}

.title {color:#fff;}
.title1 {color:#ef7d21;}
.title2 {color:#a5d7f6;}

.phone {display:inline-block; width:70px;}

.adress {font-size:1.166em; line-height:1.285em; color:#fff;}
.adress span {float:right;}
/* ============================= footer ====================== */
#footer {background:url(images/footer-bg.png) repeat; color:#a5d7f6;}
#footer a {color:#a5d7f6;}
#footer .indent {padding:12px 0 0 22px;}
#footer .col-1 {width:403px !important; font-size:1.1666em; line-height:1.428em;}
#footer .col-2 {width:191px !important;}
#footer .col-3 {width:157px !important; line-height:1.666em;}
.icons {padding-top:4px;}
.icons img {margin-right:7px;}

.policy {text-decoration:none;}
.policy:hover {text-decoration:underline;}
/* ============================= forms ============================= */
#SearchForm {text-align:right !important;  padding:28px 0px 11px 0;}
#SearchForm label {background:url(images/input-bg.gif) right top no-repeat; height:23px; display:inline-block; vertical-align:top; margin-right:-3px;}
#SearchForm .input {width:170px; height:19px; border:none; padding:2px 0px 0 8px; font-size:1em;  vertical-align:top; color:#a5d7f6;  background:none;}

#SheduleSearchForm {padding-top:8px;}
#SheduleSearchForm .link {display:inline-block; background:#4595c7; text-transform:uppercase; color:#fff; text-decoration:none; padding:3px 6px 3px 6px; margin:0;}
#SheduleSearchForm .link:hover {background:#3887b9; border:none;}
#SheduleSearchForm span {display:inline-block; padding-bottom:6px;}
#SheduleSearchForm label {height:28px; display:block; width:100%; overflow:hidden;}
#SheduleSearchForm .input {width:160px; border:none; background:#fff; padding:4px 0 3px 5px; font-size:1em; line-height:1.243em; float:right;}

#VesselsSearchForm {padding-top:12px;}
#VesselsSearchForm span {display:inline-block; padding-bottom:5px;}
#VesselsSearchForm label {height:28px; display:block; width:100%; overflow:hidden;}
#VesselsSearchForm .link:hover {background:#3887b9; border:none;}
#VesselsSearchForm .link {display:inline-block; background:#4595c7; text-transform:uppercase; color:#fff; text-decoration:none; padding:3px 6px 3px 6px; margin:0;}
#VesselsSearchForm .input {width:160px; border:none; background:#fff; padding:4px 0 3px 5px; font-size:1em; line-height:1.243em; float:right;}

#RatesForm {padding-top:18px;}
.column1 {float:left; width:242px;}
.column-pad {padding-right:38px;}
#RatesForm label {display:block; height:28px;}
#RatesForm .input, #RatesForm .input1, #RatesForm .input2 {float:right; width:142px; padding:4px 0 3px 5px; font-size:1em; line-height:1.243em; color:#000; border:none;}
#RatesForm select  {float:right; width:142px; padding:4px 0 3px 5px; font-size:1em; line-height:1.243em; color:#000; border:none;}
#RatesForm .input1 {width:112px;}
#RatesForm .input2 {width:149px;}
#RatesForm .pad {padding-top:33px;}
#RatesForm .link {margin:5px 0 0 15px; padding-bottom:1px;}
#RatesForm span {display:inline-block; padding-left:25px;}
#RatesForm span a {display:inline-block; padding-right:15px;}
#RatesForm li {background:none; padding:0; line-height:1.8em; font-size:0.833em;}
#RatesForm li a {color:#fff;}
#RatesForm .link:hover {padding-bottom:0px;}

#ContactForm {padding-top:12px;}
#ContactForm label {height:28px; display:block;}
.alignright {text-align:right;}
#ContactForm .link:hover {background:#3887b9; border:none;}
#ContactForm .link {display:inline-block; background:#4595c7; text-transform:uppercase; color:#fff; text-decoration:none; padding:3px 12px 3px 12px; margin:20px 0 0 5px;}
#ContactForm .input {width:142px; border:none; background:#fff; padding:4px 0 3px 5px; font-size:1em; line-height:1.243em; float:right;}
#ContactForm textarea {width:142px; height:102px; border:none; background:#fff; padding:0 0 0 5px; overflow:auto; font-size:1em; float: right;}