@charset "utf-8";
/* CSS Document */

/* ----------------------------------------------
	forms
------------------------------------------------ */
form { 
	font: normal 1.2em verdana;
}
	form span.helper {
		font: italic 9px arial;
		color:#666;
		display:block;
		padding: 0 0 1em 0;
	}
.more {
	font:bold 12px arial;
	border:1px solid #cbcaca;
	padding: 3px 15px;
	clear:both;
	background: url(../images/read_more_bg.png) repeat-x;
	margin: 10px 0 0;
}	

label {
		display:block;
		margin-top:15px;
	}
	input, textarea, select {
		padding: 3px;
		margin:3px 0;
		border:1px solid #e1e1e1;
		background:#fff;
	}
		input:hover, textarea:hover, select:hover {
			background:#fff; border:1px solid #666;
		}
		input:focus, textarea:focus, select:focus {
			background:#f4f4f4;
			border:1px solid #666;
		}
	textarea {
		width:250px;
		height:100px;
	}
	
/* booking */
.form {
	width: 180px;
	height: 150px;
	border-size: 1px;
	float: none;
	border: 1px none #51796b;
	padding-top: 0px;
	padding-bottom: 40px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0 auto 0 auto;
}
.form input {
	font-family: arial;
	font-size: 10px;
	color: #333333;
}

.form  select, .form option {
	font-family: arial;
	font-size: 10px;
	margin:0;
	padding-left: 0px;
}
.form .booking {
	display: block;
	width: 120px;
	height: 15px;
	text-indent: -10000px;
	background: transparent url(../images/btn_booking.jpg) no-repeat;
	padding-top: 0px;
}
.form .arrival {
	display: block;
	width: 60px;
	height: 15px;
	text-indent: -10000px;
	background-color: transparent;
	background-image: url(../images/btn_arrival.jpg);
	background-repeat: no-repeat;
}
.form .departure {
	display: block;
	width: 60px;
	height: 15px;
	text-indent: -10000px;
	background-color: transparent;
	background-image: url(../images/btn_depart.jpg);
	background-repeat: no-repeat;
}

.form .vessel {
	display: block;
	width: 60px;
	height: 15px;
	text-indent: -10000px;
	background: transparent url(../images/btn_vessel.jpg) 0px 3px no-repeat;
}

.form .mail {
	display: block;
	width: 60px;
	height: 15px;
	text-indent: -10000px;
	background: transparent url(../images/btn_email.jpg) 0px 3px no-repeat;
}

form .text {
	display: block;
	position: absolute;
	font: bold 10px Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #426659;
	padding: 4px 0 4px 10px;
	width: 159px;
	top: 416px;
	background-color: transparent;
	background-image: url(../images/dot_blue.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	z-index: 8;
}

.form .submit {
	float: right;
	margin-top: 3px;
	margin-bottom: -3px;
	position: absolute;
}

/* ----------------------------------------------
	tables
------------------------------------------------ */
table {
	border:1px solid #426659;
	border-collapse:collapse;
	width: 500px;
}

table #contact {
	border:0;
	width:100%;
}

table td {
		font-size:12px;
		padding:0.3em;
		text-align:left;
	}

table th {
		text-align:center;
	}
	
		table tbody th a {
		color:#fff;
		text-decoration:none;
		}

table thead th {
		background: #b5d0c5;
		color:#fff;
		font-size:1.8em;
		padding: 0.5em 0.3em;
	}
	
table tbody th {
		background: #fff;
		color:#055a7a;
		font-size:1em;
		padding: 0.3em;
		border-bottom: 1px solid #426659;
		font-weight:bold;
	}
	
table tr.odd {
		background:#eef8f4;
	}
	
table caption {
		caption-side: bottom;
		font-size: 1.2em;
		font-style: italic;
		line-height: 2em;
		text-align:right;
	}

/* box style */	

.box1, .box-2, .box-3 
{
margin-top: 15px;
float: left;
}

.box-top {
	width: 450px;
	height: 5px;
	background: url(../images/box_top.png) no-repeat top;
	}
.box-center {
width: 450px;
float: left;	
background: url(../images/box_content_bg.png) repeat-y top;	
}
.box-content-container {
padding: 0px 5px;		
width: 450px;	
}
.box-content {
	background: #f2f2f2;
	width: 450px;
}

.box-padding {
	padding-bottom: 20px;
	padding-top: 0px;
	width: 400px;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #f2f2f2;
	background-image: url(../images/box_content.png);
	background-repeat: repeat-x;
	background-position: left top;
}

.box-padding p  {
padding-top: 20px;	
margin: 0px;
clear: both;	
}

.box-padding h2, .box-padding h3  {
background: url(../images/h2_bottom.gif) repeat-x bottom;
margin-top: 0px;
margin-bottom: 7px;
padding-bottom: 7px;
padding-top: 11px;
margin-top: 10px;
margin-bottom: 0;
}

.box-padding .posted {
background-color: #5588bb;
border: 1px #337799 solid;
padding-left: 10px;
font-size: 11px;
margin-top: 20px;
color: #fff;
font-weight: bold;
}

.box-header, .box-2-header, .box-3-header {
	clear: both;
	width: 450px; /* let's take off 10px for the box-border giving us 300px */
	float: left;
	height: 45px;
	background-image: url(../images/box_header.png);
	background-repeat: repeat-x;
	background-position: left top;
}

.box-header h2, .box-2-header h2, .box-3-header h2 {
margin: 0;
padding-top: 11px;
padding-left: 10px;
font-size: 20px;
font-family: "Lucida Grande",sans-serif;
}
.box-content .box-padding img
{
display: block;
}

.box-prefooter {
color: #888;
font-size: 12px;
}

.box-prefooter-padding {
float: left;
padding: 0px 20px;
padding-bottom: 10px;}

.box-footer {
width: 100%;
height: 44px;
background: url(../images/box_footer.gif) repeat-x top;
font-weight: bold;
font-size: 11px;
float: left;
line-height: 26px;				
}

.box-footer-padding {
padding: 10px 8px;}