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

/* Cardiff Marine Village CSS - www.octopus-creative.co.uk */

* {
	margin: 0;
	padding: 0;
}

body {
    font: 13px arial, helvetica, verdana, sans-serif;
	color: #444;
	background: #5499be url(../images/bg_body.jpg) top center no-repeat;
}

em {
	font-style: normal;
	font-weight: 700;
}

img {
	border: 0;
}




/* Error styles */

#error {
	width: 100%;
	background: #fff url(../images/error.gif) top left no-repeat;
	padding-top: 170px;
}

#error p {
	padding: 4px 20px;
}

#error h1 {
	font-size: 200%;
	padding: 4px 20px;
}

#error ul {
	list-style-image: url(../images/li_arrow.gif);
	color: #5c5c5c;
	margin-left: 20px;
	padding: 0.4em 50px 1.3em 20px;
}

#error a:link, #error a:visited {
	color: #1a7ca3;
}

#error a:hover {
	color: #33abdb;
	text-decoration: none;
}




/* Thanks styles */

#thanks {
	width: 100%;
	background: #fff url(../images/thanks.gif) top left no-repeat;
	padding-top: 170px;
}

#thanks p {
	padding: 4px 20px;
}

#thanks h1 {
	font-size: 200%;
	padding: 4px 20px;
}

#thanks ul {
	list-style-image: url(../images/li_arrow.gif);
	color: #5c5c5c;
	margin-left: 20px;
	padding: 0.4em 50px 1.3em 20px;
}

#thanks a:link, #thanks a:visited {
	color: #1a7ca3;
}

#thanks a:hover {
	color: #33abdb;
	text-decoration: none;
}




/* Content styles */

#container {
	position: relative;
	width: 770px;
	margin: 10px auto 0 auto;
	padding: 0 10px;
	background: #fff url(../images/bg_container_top.gif) top center no-repeat;
}

#head {
	position: relative;
	width: 970px;
	height: 50px;
	margin: 0 auto;
}

#header {
	width: 770px;
	height: 120px;
}

#content {
	width: 770px;
	padding-top: 5px;
}

#contentbus {
	width: 100%;
	background: #fff url(../images/bg_contentbus.gif) top left repeat-y;
}

#contentsub {
	width: 100%;
	background: #fff url(../images/bg_contentsub.gif) top left repeat-y;
}

#columnl {
	float: left;
	width: 610px;
	padding-bottom: 10px;
}

#buttons { 
	position: relative;
	width: 610px;
	height: 156px;
}

#columnr {
	float: right;
	width: 155px;
}

.clearer {
	display: block;
	height: 1px;
	margin: 0;
	padding: 0;
	clear: both;
	font-size: 1px;
}

#footer { 
	width: 790px;
	height: 105px;
	margin: 0 auto;
	background: url(../images/bg_container_base.gif) top center no-repeat;
}





/* Global styles */

p {
	line-height: 1.2em;
	padding-bottom: 0.6em;
}

p.disclaimer {
	font-size: 90%;
	color: #C00;
	line-height: 1.2em;
	padding: 10px 0 0.6em 0;
}

h1 {
	font-size: 140%;
	font-weight: 200;
	color: #003768;
	line-height: 1.1em;
	padding: 0.2em 0 0.4em 0;
}

h2 {
	font-size: 110%;
	font-weight: 700;
	color: #003768;
	line-height: 1.1em;
	padding-bottom: 4px;
}

h3 {
	font-size: 105%;
	font-weight: 200;
	color: #4c8093;
	padding: 0.4em 0;
}




/* Head styles */

#head ul {
	list-style: none;
	position: absolute;
	bottom: 0;
	left: 0;
	line-height: 1em;
}

#head li.choose {
	float: left;
	color: #999;
	background: none;
	padding: 12px 0 0 10px;
	margin: 0;
	width: auto;
	height: 21px;
}

#head li {
	float: left;
	background: #fff url(../images/bg_head_li.gif) top left no-repeat;
	margin: 0;
	width: auto;
	height: 36px;
	padding: 0 0 0 16px;
}

#head a:link, #head a:visited {
	float: left;
	display: block;
	background: #fff url(../images/bg_head_a.gif) top right no-repeat;
	padding: 6px 18px 3px 6px;
	text-decoration: none;
	margin: 0 1px 0 0;
	height: 27px;
	color: #fff;
}

* html #head a:link, * html #head a:visited {
	height: 36px;
}

#head a:hover {
	color: #333;
}

#head li.over {
	float: left;
	background: #fff url(../images/bg_head_li_over.gif) top left no-repeat;
	margin: 0;
	width: auto;
	height: 36px;
	padding: 0 0 0 16px;
}

#head li.over a:link, #head li.over a:visited {
	float: left;
	display: block;
	background: #fff url(../images/bg_head_a_over.gif) top right no-repeat;
	padding: 6px 18px 3px 6px;
	text-decoration: none;
	margin: 0 1px 0 0;
	height: 27px;
	color: #fff;
}

* html #head li.over a:link, * html #head li.over a:visited {
	height: 36px;
}

#head li.over a:hover {
	color: #fff;
}




/* Global button styles */

#columnl #buttons .buttonsleft a:link, #columnl #buttons .buttonsleft a:visited, #columnl #buttons .buttonsmid a:link, #columnl #buttons .buttonsmid a:visited, #columnl #buttons .buttonsright a:link, #columnl #buttons .buttonsright a:visited {
	color: #fff;
	text-decoration: none;
}

#columnl #buttons .buttonsleft a:hover, #columnl #buttons .buttonsmid a:hover, #columnl #buttons .buttonsright a:hover {
	color: #003768;
	text-decoration: none;
}

p .itemLink {
	display: block;
	cursor: hand;
	cursor: pointer;
	text-decoration: none;
}

p .itemLink .buttonleft {
	float: left;
	display: block;
	width: 5px;
	height: 18px;
	background: transparent url(../images/button_left_off.gif) no-repeat;
}

p .itemLink .buttontext {
	font-weight: bold;
	float: left;
	display: block;
	color: #fff;
	text-decoration: none;
	background: transparent url(../images/button_text_off.gif) no-repeat;
	height: 12px;
	padding: 1px 8px 5px 8px;
}

p .itemLink .buttonright {
	float: left;
	display: block;
	width: 5px;
	height: 18px;
	background: transparent url(../images/button_right_off.gif) no-repeat;
}

p .itemLink:hover .buttonleft {
	background: transparent url(../images/button_left_on.gif) no-repeat;
}

p .itemLink:hover .buttontext {
	color: #80abd2;
	text-decoration: underline;
	background: transparent url(../images/button_text_on.gif) no-repeat;
}

p .itemLink:hover .buttonright {
	background: transparent url(../images/button_right_on.gif) no-repeat;
}

p .itemLink.inactive .buttonleft {
	background: transparent url(../images/button_left_off.gif) no-repeat;
}

p .itemLink.inactive .buttontext {
	color: #b17900;
	background: transparent url(../images/button_text_off.gif) no-repeat;
}

p .itemLink.inactive .buttonright {
	background: transparent url(../images/button_right_off.gif) no-repeat;
}





/* Header styles */

#header img.logo {
	position: absolute;
	top: 25px;
	left: 10px;
}

#header img.address {
	position: absolute;
	top: 80px;
	right: 15px;
}




/* News styles */

#news {
	width: 580px;
	padding: 10px 15px 0px 15px;
}

#news img {
	padding: 10px 10px 0 0;
}

.newsleft {
	float: left;
	width: 175px;
	padding-left: 15px;
}

.newsright {
	float: right;
	width: 400px;
}

#news .overview {
	padding: 10px 0;
	background: #fff url(../images/bg_line_horiz.gif) bottom left repeat-x;
}

#frontlinks {
	list-style-image: url(../images/li_arrow.gif);
	color: #5c5c5c;
	margin-left: 20px;
	padding: 0.4em 0 1.3em 0;
}

#frontlinks li {
	float: left;
	padding: 0 30px 0 0;
}

#frontlinks li a:link, #frontlinks li a:visited {
	color: #003768;
	text-decoration: none;
}

#frontlinks li a:hover {
	color: #33abdb;
	text-decoration: underline;
}




/* Column left sub styles */

#columnl a:link, #columnl a:visited {
	color: #1a7ca3;
}

#columnl a:hover {
	color: #33abdb;
	text-decoration: none;
}

#columnl #flash {
	width: 610px;
	height: 215px;
}

#columnl #latest {
	float: left;
	width: 200px;
	height: 210px;
	color: #fff;
	background-color: #999;
}

#columnlsub ul {
	list-style-image: url(../images/li_arrow.gif);
	color: #5c5c5c;
	margin-left: 20px;
	padding: 0.4em 0 1.3em 0;
}

#columnlsub li {
	padding-bottom: 0.5em;
}

#contentsub #columnlsub .overview ul.key {
	list-style-type: decimal;
	list-style-image: none;
	color: #5c5c5c;
	margin-left: 20px;
	padding: 0.4em 0 1.3em 0;
}

#contentsub #columnlsub .overview  ul.key li {
	padding-bottom: 0.5em;
}


#columnlsub li a:link, #columnlsub li a:visited {
	color: #444;
}

#columnlsub li a:hover {
	color: #33abdb;
	text-decoration: none;
}

#columnlsub img.pic {
	float: right;
	padding-left: 10px;
}

a.top:link, a.top:visited {
	color: #444;
	background: #fff url(../images/arrow_top.gif) no-repeat;
	padding-left: 15px;
}

a.top:hover {
	color: #33abdb;
}

#columnlsub .field {
	border: 1px solid #d1edf7;
	width: 425px;
	background-color: #f8fbfc;
	margin: 5px 0 0 0;
}

#columnlsub #button {
	height: 24px;
	width: 80px;
	border: 1px solid #666;
	padding: 2px 4px 4px 2px;
	color: #666;
	background-color: #ccc;
}

#columnlsub {
	float: left;
	width: 460px;
	padding: 10px 0 10px 15px;
}

#columnrsub {
	float: right;
	width: 275px;
}

#columnrsub #links {
	width: 255px;
	padding: 10px;
	background: #c0e3f1 url(../images/bg_location_wide.gif) no-repeat;
	background-position: 0 14px;
}

#columnrsub #download {
	width: 255px;
	padding: 10px;
	background: #c0e3f1 url(../images/bg_location_wide.gif) no-repeat;
	background-position: 0 14px;
}

#columnrsub #download a:link, #columnrsub #download a:visited {
	color: #1a7ca3;
}

#columnrsub #download a:hover {
	color: #33abdb;
	text-decoration: none;
}

#columnlsub .overview {
	padding: 10px 0;
	background: #fff url(../images/bg_line_horiz.gif) bottom left repeat-x;
}

#columnlsub .overview img {
	float: left;
	padding-right: 10px;
}

#columnlsub .overview img.pic {
	float: right;
	padding: 0 0 10px 10px;
}

#columnlsub .overview img.thumb {
	padding: 0 5px 5px 0;
}

#columnlsub .overview img.logo {
	padding-bottom: 10px;
}

#columnlsub a:link, #columnlsub a:visited {
	color: #1a7ca3;
}

#columnlsub a:hover {
	color: #33abdb;
	text-decoration: none;
}

#columnlsub .prize {
	padding: 10px 5px 5px 5px;
	border: 1px dashed #405e7f;
}




/* Business styles */

#businesspic {
	width: 770px;
	background-color: #fff;
	padding-top: 5px;
	height: 125px;
}

#columnlbus {
	float: left;
	width: 310px;
	padding: 10px 0 10px 15px;
}

#columnlbus .overview {
	padding-bottom: 10px;
	background: #fff url(../images/bg_line_horiz.gif) bottom left repeat-x;
}

#columnlbus img {
	float: left;
	padding: 10px 10px 0 0;
}

#columnrbus {
	float: right;
	width: 415px;
}

#columnrbus ul {
	list-style-image: url(../images/li_arrow.gif);
	color: #5c5c5c;
	margin-left: 20px;
	padding-top: 0.4em;
}

#columnrbus li {
	padding-bottom: 0.5em;
}

#columnrbus .services {
	float: left;
	width: 230px;
	padding: 10px 5px;
}

#columnrbus .location {
	float: right;
	width: 165px;
	padding-bottom: 10px;
}

#addressline {
	width: 145px;
	padding: 10px;
	border-bottom: 5px solid #fff;
	background: #c0e3f1 url(../images/bg_location.gif) no-repeat;
	background-position: 0 14px;
}

#addressline h1, #links h1, #contact h1 {
	padding-bottom: 0.6em;
}

#links {
	width: 145px;
	padding: 10px;
	background: #c0e3f1 url(../images/bg_location.gif) no-repeat;
	background-position: 0 14px;
}

#links p a:link, #links p a:visited {
	color: #1a7ca3;
	background: #c0e3f1 url(../images/contact_a_arrow.gif) no-repeat;
	padding-left: 15px;
}

#links p a:hover {
	color: #33abdb;
}

#contact {
	width: 145px;
	padding: 10px;
	background: #c0e3f1 url(../images/bg_location.gif) no-repeat;
	background-position: 0 14px;
}




/* Promotion styles */

.promotion {
	width: 440px;
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #dfeef4;
}

.promotion a.download:link, .promotion a.download:visited {
	padding-left: 20px;
	background: url(../images/icon_disk_multiple.gif) 0 0 no-repeat;
}




/* Button styles */

#buttons {
	width: 610px;
	padding: 0 0 15px 0;
}

#buttons img {
	margin: 0;
	padding: 0 0 3px 0;
}

#buttons .buttonsleft {
	position: absolute;
	width: 200px;
	top: 0;
	left: 0px;
}

.buttonsleft a:link, .buttonsleft a:visited {
	color: #fefefe;
	font-weight: 700;
	background: #7ca8da url(../images/bg_buttonsright_a.gif) top left repeat-x;
	display: block;
	padding: 0.4em 0.2em 0.4em 20px;
	text-decoration: none;
}

.buttonsleft a:hover {
	color: #fefefe;
	background: #6d94c0 url(../images/bg_buttonsright_a_over.gif) top left repeat-x;
	text-decoration: none;
}

#buttons .buttonsmid {
	position: absolute;
	width: 200px;
	top: 0;
	left: 205px;
}

.buttonsmid a:link, .buttonsmid a:visited {
	color: #fefefe;
	font-weight: 700;
	background: #7ca8da url(../images/bg_buttonsright_a.gif) top left repeat-x;
	display: block;
	padding: 0.4em 0.2em 0.4em 20px;
	text-decoration: none;
}

.buttonsmid a:hover {
	color: #fefefe;
	background: #6d94c0 url(../images/bg_buttonsright_a_over.gif) top left repeat-x;
	text-decoration: none;
}

#buttons .buttonsright {
	position: absolute;
	width: 200px;
	top: 0;
	left: 410px;
}

.buttonsright a:link, .buttonsright a:visited {
	color: #fefefe;
	font-weight: 700;
	background: #7ca8da url(../images/bg_buttonsright_a.gif) top left repeat-x;
	display: block;
	padding: 0.4em 0.2em 0.4em 20px;
	text-decoration: none;
}

.buttonsright a:hover {
	color: #fefefe;
	background: #6d94c0 url(../images/bg_buttonsright_a_over.gif) top left repeat-x;
	text-decoration: none;
}




/* Lightbox styles */

#lightbox {
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}

#lightboxDetails {
	font-size: 0.8em;
	padding-top: 0.4em;
}
	
#lightboxCaption {
	float: left;
}

#keyboardMsg {
	float: right;
}

#closeButton {
	top: 5px;
	right: 5px;
}

#lightbox img {
	border: none;
	clear: both;
}
 
#overlay img {
	border: none;
}

#overlay {
	background-image: url(../images/overlay.png);
}

* html #overlay {
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/overlay.png", sizingMethod="scale");
}





/* Footer styles */

#footer p { 
	color: #fff;
	line-height: 1.1em;
	padding: 25px 0 0 10px;
}

#footer p.octopus { 
	color: #cde2fb;
	line-height: 1.1em;
	padding: 5px 0 0 10px;
}

#footer img { 
	display: inline;
}

#footer a:link, #footer a:visited {
	color: #cde2fb;
}

#footer a:hover {
	color: #fff;
	text-decoration: none;
}

#footer img.compliance { 
	float: right;
	padding: 0 0 0 5px;
}