/*--------------------------------------------------
Main content area
--------------------------------------------------*/
#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:960px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	background:#fff url('/images/design/bg-2col.gif') top left repeat-y;
}
.two_col #container {
/*	background:#fff url('/images/design/bg-2col.gif') top left repeat-y;*/
}
/* content two & three column settings */
#col_content {
	width:620px;
}
.two_col #col_content {
	width:790px;
}
#col_content {
	margin:0;
	padding:0 0 10em 0; /* bottom padding for footer */
	float:left;
	padding-top:5px;
}
/* content font definitions */
#col_content h1, #col_content h2, #col_content h3, #col_content h4, #col_content h5, #col_content h6 {
	padding:0 0 .25em 0;
	margin:0;
	color:#666;
	font-family:Arial,Helvetic,sans-serif;
	letter-spacing:-1px;
}
#col_content h1 {
	font-size:2em; /* 21px */
}
#col_content h2 {
	font-size:1.5em; /* 18px */
}
#col_content h3 {
	font-size:1.25em; /* 15px */
}
#col_content h4, #col_content h5, #col_content h6 {
	font-size:1em; /* 12px */
	font-weight:bold;
}
#col_content p {
	padding:0 10px 1em 0;
	line-height:1.75em; /* 18px */
	margin:0;
}
#col_content p.breadcrumb {
	padding:0 0 5px 0;
	margin:0;
}
/*--------------------------------------------------
Extra column
--------------------------------------------------*/
#col_extra {
	margin:5px 0 0 0;
	padding:0;
	width:149px;
	float:right;
}
#col_extra h1, #col_extra h2, #col_extra h3, #col_extra h4, #col_extra h5, #col_extra h6 {
	padding:0 0 .25em 0;
	margin:0 10px 0 0;
	color:#666;
	font-family:Arial,Helvetic,sans-serif;
	letter-spacing:-1px;
}
#col_extra h1 {
	font-size:1.5em; /* 18px */
}
#col_extra h2 {
	font-size:1.25em; /* 15px */
}
#col_extra h3 {
	font-size:1em; /* 12px */
}
#col_extra h4, #col_extra h5, #col_extra h6 {
	font-size:1em; /* 12px */
	font-weight:normal;
}
#col_extra p {
	margin:0 10px .5em 0;
	padding:0;
}
#col_extra .subtext {
/*	font-size:.75em;*/
	line-height:1.5em;
}
#col_extra ul {
	list-style:none;
	padding:0 0 0 5px;
	margin:0;
}
#col_extra img {
	padding:0;
	margin:0 0 1em 0;
}
/*--------------------------------------------------
Header
--------------------------------------------------*/
#header {
	padding:0;
	margin:0;
	height:313px;
	line-height:0;
	background-color:#fff;
}
/* hide all but first slide photo */
.header-hide {
	display:none;
}
/* logo placeholder */
#logo {
	margin:0;
	padding:0;
	width:960px;
	height:65px;
	background:url('/images/design/banner-logo-chain.gif') top left no-repeat;
}
/* separator line */
.sep {
	padding:0;
	margin:0;
	height:6px;
	background-color:#CA2F2A;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
/*--------------------------------------------------
Main menu
--------------------------------------------------*/
#col_menu {
	margin:0 20px 0 0;
	padding:0;
	width:149px;
	float:left;
	border-right:1px solid #992420;
}
#col_menu p {
	color:#000;
	padding:5px;
	margin:0;
}
#col_menu a {
	display:block;
	border:none;
}
#col_menu a:link {
	color:#fff;
	text-decoration:none;
}
#col_menu a:visited {
	color:#e5e5e5;
}
#col_menu a:hover {
	color:#fff;
	text-decoration:underline;
}
#col_menu a:active {
	color:#333;
}
/* UL id settings */
#menu {
	padding:0;
	margin:0;
	list-style:none;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.2em;
}
/* link, visited, hover, active */
#menu a {
	padding-left:6px;
	padding-top:2px;
	display:block;
	height:29px;
	text-decoration:none;
	color:#fff;
	border-bottom:1px solid #fff;
	letter-spacing:1px;
}
#menu a.main {
	font-weight:bold;
	letter-spacing:normal;
}
#menu a:visited {
	color:#e5e5e5;
}
#menu a:hover {
	background:#fff;
	color:#CA2F2A;
}
#menu a:active {
	color:#333;
}
/* menu selected highlight based on body id */
#home a.m-home, #vessels a.m-vessels, #holyhead a.m-holyhead, 
#services a.m-services, #about a.m-about, #vacancies a.m-vacancies, 
#contact a.m-contact, #gallery a.m-gallery, #links a.m-links {
	background-color:#fff;
	color:#CA2F2A;
}
/*--------------------------------------------------
Footer
--------------------------------------------------*/
#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	background:#333;
	color:#fff;
	background:#333333 url(../test3/bg_footer.jpg) top left repeat-x;
	width:960px;
	margin:0;
}
#footer p {
	float:left;
	margin:0;
	padding:0.75em;
	color:#ddd;
	font-size:0.9em;
	line-height:1.5em;
}
#footer a {
	color:#ddd;
}
#footer .copyright {
	float:right;
	text-align:right;
	font-size:0.75em;
}
/*--------------------------------------------------
Gallery
--------------------------------------------------*/
#gallery p.images img {
	margin-right:20px;
}

/*--------------------------------------------------
Classes
--------------------------------------------------*/
.clear {
	clear:both;
}
.row-stripe {
	background-color:#f2f2f2;
}
#vessel-list .vl-img {
	float:left;
	margin:0px 20px 0px 0;
}
#vessel-list .vl-sum {
	float:left;
}
#vessel-list .row {
	padding:5px 0 5px 0;
	margin-right:10px;
	margin-bottom:10px;
}
#vessel-list p.spec-link {
	float:right;
	padding:0;
}
#vessel-list .row table {
	margin-top:-1em;
}
#vessel-list .vl-img a {
	border:none;
}
#fancy_wrap a, #fancy_wrap a:active {
	border:none;
}
p.hide {
	display:none;
}
#showhidemsg {
	display:none;
}
/*--------------------------------------------------
Contact form
--------------------------------------------------*/
#frm-contact label {
	float:left;
	width:5.5em;
}
#frm-contact input {
	width:15em;
}
#frm-contact textarea {
	width:30em;
}
#frm-contact #btn-send {
	margin-left:5.5em;
	width:5em;
}
.smaller {
	font-size:.75em;
}
.email, .email a {
	cursor:pointer;
	text-decoration:underline;
	color:#33F;
}
#frm-contact label.error {
	color:red;
	float:none;
	width:auto;
	padding-left:0.5em;
	vertical-align:top;
}
#gallery h2 {
	margin-top:0.5em;
	cursor:pointer;
}
.vesselspecgallery {
	margin-top:-1em;
	font-size:.75em;
	line-height:1.2em;
}