@import 'reset.css';
@import 'presentation.css';
@import 'menu.css';
/* ---------- BASE STYLES */
body {
	background: url(../images/body_bg.gif) top left repeat-x #7CADCB;
	font:0.7em Arial, Helvetica, sans-serif;
	color:#4D4D4D;
}
/* wrapper */
#wrapper {
	background:#FFFFFF;
	width:900px;
	margin:10px auto;
	padding:7px;
	border:1px solid #719fbc;
}
/* promo area */
#promo {
	background:#E4E3E3;
	width:886px;
	height:160px;
	margin-top:5px;
	padding:7px;
}
/* content wrapper */
#content {
	background:#E4E3E3;
	width:886px;
	margin-top:5px;
	padding:7px;
	overflow:hidden;
}
/* left column */
#leftColumn {
	width:180px;
	float:left;
	display:inline;
}
/* right column */
#rightColumn {
	width:189px;
	float:left;
	display:inline;
	position:relative;
}
/* navigation */
#nav {
	width:900px;
	height:27px;
	margin-top:5px;
}
/* corners */
.tl {
	position:absolute;
	top:0;
	left:0;
	background:url(../images/body_corners.gif);
	width:3px;
	height:2px;
	font-size:0;
	line-height:0;
}
.tr {
	position:absolute;
	top:0;
	right:0;
	background:url(../images/body_corners.gif) -3px 0;
	width:3px;
	height:2px;
	font-size:0;
	line-height:0;
}
.bl {
	position:absolute;
	bottom:0;
	left:0;
	background:url(../images/body_corners.gif) -6px 0;
	width:3px;
	height:2px;
	font-size:0;
	line-height:0;
}
.br {
	position:absolute;
	bottom:0;
	right:0;
	background:url(../images/body_corners.gif) -9px 0;
	width:3px;
	height:2px;
	font-size:0;
	line-height:0;
}
.stl {
	position:absolute;
	top:0;
	left:0;
	background:url(../images/content_corners.gif);
	width:3px;
	height:2px;
	font-size:0;
	line-height:0;
}
.str {
	position:absolute;
	top:0;
	right:0;
	background:url(../images/content_corners.gif) -1px 0;
	width:3px;
	height:2px;
	font-size:0;
	line-height:0;
}
.sbl {
	position:absolute;
	bottom:0;
	left:0;
	background:url(../images/content_corners.gif) -4px 0;
	width:3px;
	height:2px;
	font-size:0;
	line-height:0;
}
.sbr {
	position:absolute;
	bottom:0;
	right:0;
	background:url(../images/content_corners.gif) -5px 0;
	width:3px;
	height:2px;
	font-size:0;
	line-height:0;
}
/* ---------- HEADER STYLES */
#header {
	background:url(../images/header_bg.gif);
	width:100%;
	height:110px;
}
#header a 
{
	cursor:pointer;
	display:block;
	height:115px;
	width:137px;
	margin-left:-10px;
	text-decoration:none;
}
#header span {
	display:none;
}
/* logo */
#logo {
	background:url(../images/header_logo.gif);
	width:126px;
	height:80px;
	margin-left:20px;
	float:left;
	display:inline;
}
/* caption */
#caption {
	background:url(../images/header_caption.gif);
	width:433px;
	height:114px;
	margin-left:40px;
	float:left;
	display:inline;
}
/* search */
#searchPanel {
	position:relative;
	background:url(../images/search_bg.gif);
	width:182px;
	height:104px;
	margin-right:10px;
	float:right;
	display:inline;
}
/* ---------- Content Styles */
/* sub menu */
#subMenu {
	position:relative;
	background:url(../images/sub_menu_bg.gif) no-repeat #d0c8c3;
	width:170px;
	min-height:250px;
	padding:10px 5px;
	margin-bottom:7px;
	float:left;
	display:inline;
}
/* dock */
#dock {
	position:relative;
	background:#FFFFFF;
	width:680px;
	padding:5px;
	float:left;
	display:inline;
	overflow:auto;
}
/* calculator */
#calculator {
	position:relative;
	background:url(../images/calculator_bg.gif);
	width:175px;
	height:259px;
	float:left;
	display:inline;
}
/* calculator form */
input.calc {
	background:url(../images/calculator_input.gif);
	border:none;
	width:78px;
	margin:0 5px 8px 10px;
	padding:3px;
	float:left;
}
.calcSub {
	margin:0px 15px 0 0;
	float:right;
	display:inline;
	cursor: pointer;
}
select.select {
	float:left;
	width:61px;
	
}
.calcReturn {
	position:absolute;
	bottom:41px;
	right:15px;
	cursor: pointer;
}
#ship-results {
	display:none;
}
#ship-results a {
	color:#fe2a2a;
}
span#results-length, span#results-width, span#results-draught {
	font-weight:bold;
}
/* dock tabs */
#dockTabs {
	width:500px;
	height:27px;
	margin-left:5px;
	float:left;
	display:inline;
}
/* dock info */
#dockInfo1, #dockInfo2, #dockInfo3, #dockInfo4 {
	position:relative;
	background:#E4E3E3;
	width:480px;
	height:180px;
	margin:5px 0 0 5px;
	padding:10px;
	float:left;
	display:inline;
}
#dockInfo2, #dockInfo3, #dockInfo4 {
	display:none;
}
/* dock info content */
.dockStats {
	margin-top:5px;
}
.dockInfoHolder {
	position:relative;
	background:url(../images/dock_info_bg.gif) no-repeat;
	width:256px;
	height:179px;
}
.infoHeadings {
	margin-left:10px;
	float:left;
	display:inline;
}
.dockFigures {
	margin-right:10px;
	float:right;
	display:inline;
}
.dockImage {
	width:217px;
	height:179px;
	float:right;
	display:inline;
}
/* dock links */
.dockLinks {
	position:absolute;
	bottom:-27px;
	right:0;
	width:448px;
	height:22px;
	margin-top:5px;
}
/* common repairs */
#repairs {
	position:relative;
	background:url(../images/repairs_bg.gif);
	width:189px;
	height:270px;
	margin:0 0 7px 7px;
	float:left;
	display:inline;
}
#repairs2 {
	position:relative;
	background:url(../images/sub_menu_bg.gif) no-repeat #d0c8c3;
	width:180px;
	min-height:250px;
	padding:0 0px 10px 0px;
	margin-bottom:7px;
	float:left;
	display:inline;
}
/* centre column */
#centerHome {
	position:relative;
	background:#FFFFFF;
	width:495px;
	margin:0 0 0 5px;
	padding:5px;
	float:left;
	display:inline;
}
#center {
	position:relative;
	background:#FFFFFF;
	width:493px;
	margin-left:7px;
	padding:5px;
	float:left;
	display:inline;
}
.learnMoreDiv {
	margin-top:5px;
	float:right;
	display:inline;
}
.infolayout  
{
	width:90px;
	display:block;
	float:left;	
}
.imgHolder
{
	display:block;
	width:50px;
	height:50px;
	float:left;
	margin:0 10px 0 0;	
}
#center ul.dot
{
	list-style-type:disc;
	padding-left:15px;
	
}
#center ol.ol {
    padding-left: 25px;
}
/* services left */
#serviceLeft {
	position:relative;
	background:#E4E3E3;
	width:225px;
	margin-top:5px;
	padding:10px;
	float:left;
	display:inline;
}
/* services left */
#serviceRight {
	position:relative;
	background:#E4E3E3;
	width:225px;
	margin:5px 0 0 5px;
	padding:10px;
	float:left;
	display:inline;
}
/* Relevant Links */
.relevant-links {
background:#E4E3E3;
padding:5px;
clear:both;
position:relative;
}
/* Agent Details */
.agentDetails p {
margin:0;
}
.agentDetails {
background:#E4E3E3;
padding:5px;
width:231px;
margin:0 10px 10px 0;
float:left;
position:relative;
display:inline;
}/*
.agentDetailsa li 
{
	line-height:13px;
	
}
.agentDetailsb li 
{
	line-height:13px;
	
}*/
.agentDetailsa {
background:#E4E3E3;
padding:5px;
width:231px;
margin:0 10px 10px 0;
float:left;
position:relative;
display:inline;
min-height:150px;
_height:150px;
}
.agentDetailsb
{
	background:#E4E3E3;
padding:5px;
width:231px;
margin:0 10px 10px 0;
float:left;
position:relative;
display:inline;
height:200px;
}
.agentRight {
margin-right:0;
}

.agentFirst {
margin-top:10px;
}
.contactDiv, .article {
margin:10px 0;
background:#E4E3E3;
padding:5px;
clear:both;
position:relative;
overflow:auto;
}
.article img {
	float:right;
	padding:15px 5px 5px 5px;
	position:relative;
}
/* ---------- Banner Styles */
/* left panel */
#leftPanel {
	width:180px;
	float:left;
	display:inline;
}
/* right panel */
#rightPanel {
	width:189px;
	margin:0 0 0 7px;
	float:left;
	display:inline;
}
#agents {
	position:relative;
	margin-bottom:7px;
}
#agentSelect {
	position:absolute;
	top:155px;
	left:10px;
}
#aboutAsry {
	margin-top:7px;
}
/* ---------- Footer Styles */
#footerCompanies {
	background:#E4E3E3;
	width:886px;
	margin-top:5px;
	padding:7px;
	text-align:center;
}
#footerCompanies img { display:inline-block;}
#footerLinks {
	width:886px;
	margin-top:5px;
	text-align:center;
}
#footer {
	width:900px;
	margin:5px auto;
	padding:0 7px 45px 7px;
	overflow:auto;
}