/* Hamble Cover Care Ltd - By Mikedidthis (http://www.mikedidthis.co.uk) for CMS Media (http://www.cmsmedia.com) */

/* Reset CSS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Fonts */

@font-face {
	font-family: 'CartoGothicStdBook';
	src: url('fonts/CartoGothicStd-Book-webfont.eot');
	src: local('☺'), url('fonts/CartoGothicStd-Book-webfont.woff') format('woff'), url('fonts/CartoGothicStd-Book-webfont.ttf') format('truetype'), url('fonts/CartoGothicStd-Book-webfont.svg#webfontTH20CnY4') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CartoGothicStdItalic';
	src: url('fonts/CartoGothicStd-Italic-webfont.eot');
	src: local('☺'), url('fonts/CartoGothicStd-Italic-webfont.woff') format('woff'), url('fonts/CartoGothicStd-Italic-webfont.ttf') format('truetype'), url('fonts/CartoGothicStd-Italic-webfont.svg#webfontWj8M1e3I') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CartoGothicStdBold';
	src: url('fonts/CartoGothicStd-Bold-webfont.eot');
	src: local('☺'), url('fonts/CartoGothicStd-Bold-webfont.woff') format('woff'), url('fonts/CartoGothicStd-Bold-webfont.ttf') format('truetype'), url('fonts/CartoGothicStd-Bold-webfont.svg#webfontuvgRkG9V') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Basic Styling */

body {
	font: 14px/18px 'CartoGothicStdBook', Arial, sans-serif;
	background:#1e347e url('../img/body_bg.png') repeat-x center top;
}

.container {
	width:950px;
	margin:0px auto;
	height:100%;
	position:relative;
	background:transparent url('../img/container_bg.jpg') no-repeat center top;
}

.header {
	width:950px;
	margin:0px auto;
	height:120px;
	position:relative;
}

.header h1 {
	position:relative;
	float:left;
	width:50px;
	height:49px;
	text-indent:-9999px;
	background:transparent url('../img/h1_logo.png') no-repeat center top;
	margin:36px 20px 0px 0px;
}

.header h2 {
	position:relative;
	float:left;
	height:19px;
	color:#ffffff;
	font: 18px/18px 'CartoGothicStdBold', Arial, sans-serif;
	margin:39px 0px 2px 0px;
	padding:0px 0px 6px 0px;
	text-transform:uppercase;
	border-bottom:1px solid #2e50c3;
}

.header h3 {
	position:relative;
	float:right;
	height:19px;
	color:#ffffff;
	font: 16px/16px 'CartoGothicStdBook', Arial, sans-serif;
	margin:-29px 0px 2px 0px;
	padding:0px 0px 6px 0px;
	text-transform:uppercase;
	border-bottom:1px solid #2e50c3;
	width:260px;
	text-align:right;
}

.header h3 span {
	font: 16px/16px 'CartoGothicStdBold', Arial, sans-serif;
	color:#ffcc00;
}

.header h4 {
	position:relative;
	float:right;
	height:19px;
	color:#ffffff;
	font: 12px/12px 'CartoGothicStdBook', Arial, sans-serif;
	margin:4px 0px 2px 0px;
	padding:0px 0px 6px 0px;
	text-transform:uppercase;
}

.header h4 a {
	color:#ffcc00;
	font: 12px/12px 'CartoGothicStdBold', Arial, sans-serif;
	text-decoration:none;
}

.header ul {
	height:20px;
	width:400px;
}

.header ul li {
	float:left;
	list-style:none;
	height:20px;
}

.header ul li a {
	color:#ffffff;
	font: 14px/14px 'CartoGothicStdBook', Arial, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	margin:0px 49px 0px 0px;
	border-bottom:1px solid transparent;
}

.header ul li a:hover, .header h4 a:hover {
	border-bottom:1px dashed #2e50c3;
}

.header ul li a.active {
	color:#ffcc00;
	font: 14px/14px 'CartoGothicStdBold', Arial, sans-serif;
}

.header ul li a.last {
	margin:0px 0px 0px 0px !important;
}

.header ul li a.services {
	margin:0px 0px 0px -3px !important;
}

.header ul li a.contact {
	margin:0px 0px 0px 1px !important;
}

.banner_out {
	position:relative;
	float:left;
	width:948px;
	height:298px;
	border:1px solid #2e50c3;
	background:#1e347e;
	margin:0px 0px 35px 0px;
}

.banner_out .banner_inside {
	position:relative;
	float:left;
	width:930px;
	height:280px;
	margin:10px;
}

.banner_out .banner_inside.home {
	background:transparent url('../img/banner_home.jpg') no-repeat center top;
}

.banner_out .banner_inside.services {
	background:transparent url('../img/banner_services.jpg') no-repeat center top;
}

.banner_out .banner_inside.contact {
	background:transparent url('../img/banner_contact.jpg') no-repeat center top;
}

.text_content {
	position:relative;
	float:left;
	width:630px;
	height:100%;
	border-top:1px solid #2e50c3;
	background:transparent url('../img/content_bg.png') no-repeat center top;
}

.text_content .map {
	position:relative;
	float:left;
	width:608px;
	height:168px;
	border:1px solid #2e50c3;
	background:#1e347e;
	margin:4px 0px 26px 10px;
}

.text_content .map .map_inside {
	position:relative;
	float:left;
	width:598px;
	height:158px;
	margin:5px;
}

.text_content h1 {
	position:relative;
	float:left;
	height:19px;
	color:#ffcc00;
	font: 18px/18px 'CartoGothicStdBold', Arial, sans-serif;
	margin:20px 0px 20px 0px;
	padding:0px 0px 20px 10px;
	width:620px;
	text-transform:uppercase;
	border-bottom:1px dashed #2e50c3;
}

.text_content h1 a {
	color:#2e50c3;
	font: 10px/10px 'CartoGothicStdBold', Arial, sans-serif;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	text-transform:uppercase;
	text-decoration:none;
}

.text_content h1 a:hover {
	color:#ffffff;
}

.text_content ul.left {
	position:relative;
	float:left;
	width:260px;
	display:inline;
	margin:0px 60px 20px 10px;
}

.text_content ul.right {
	position:relative;
	float:left;
	width:260px;
	margin:0px 10px 20px 10px !important;
}

.text_content ul li {
	list-style:none;
	font: 17px/20px 'CartoGothicStdBold', Arial, sans-serif;
	color:#ffffff;
}

.text_content ul li span{
	border-bottom:1px dashed #2e50c3;
}

.text_content p {
	position:relative;
	float:left;
	color:#ffffff;
	font: 16px/20px 'CartoGothicStdRegular', Arial, sans-serif;
	width:260px;
	margin:0px 50px 20px 10px;
}

.text_content p.last.services {
	position:relative;
	float:left;
	color:#ffffff;
	font: 16px/20px 'CartoGothicStdRegular', Arial, sans-serif;
	width:260px;
	margin:20px 0px 20px 0px !important;
}

.text_content p span {
	font: 17px/20px 'CartoGothicStdBold', Arial, sans-serif;
	border-bottom:1px dashed #2e50c3;
}

.text_content p.last {
	margin:0px 0px 20px 10px !important;
}

.vertical_div {
	position:relative;
	float:left;
	width:1px;
	height:170px;
	margin:85px 24px 0px 25px;
	background: #2e50c3;
}

.pic_content {
	position:relative;
	float:right;
	width:270px;
	height:100%;
	border-top:1px solid #2e50c3;
	background:transparent url('../img/pic_bg.png') no-repeat center top;
}

.pic_content ul {
	position:relative;
	float:left;
	width:270px;
	display:inline;
	margin:20px 60px 20px 10px;
}

.pic_content ul li {
	position:relative;
	list-style:none;
	font: 16px/20px 'CartoGothicStdRegular', Arial, sans-serif;
	color:#ffffff;
}

.pic_content ul li span {
	font: 17px/20px 'CartoGothicStdBold', Arial, sans-serif;
}

.pic_content a {
	position:relative;
	float:left;
	width:98px;
	height:68px;
	border:1px solid #2e50c3;
	padding:5px;
	background:#1e347e;
	margin:10px 0px 0px 10px;
}

.pic_content a.email {
	position:inherit !important;
	float:none !important;
	font: 17px/20px 'CartoGothicStdBold', Arial, sans-serif;
	padding:0px !important;
	color:#ffffff;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px dashed #2e50c3 !important;
	text-decoration:none;
	margin:0px 0px 0px 0px !important;
}

.pic_content a.email:hover {
	position:inherit !important;
	float:none !important;
	font: 17px/20px 'CartoGothicStdBold', Arial, sans-serif;
	padding:0px !important;
	color:#ffcc00;
	background:none;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px dashed #ffffff !important;
	text-decoration:none;
	margin:0px 0px 0px 0px !important;
}

.pic_content a.top {
	margin:25px 30px 0px 10px !important;
}

.pic_content a.last {
	margin:25px 10px 0px 0px !important;
}

.pic_content a.last2 {
	margin:10px 0px 0px 30px !important;
}

.pic_content a:hover {
	border:1px solid #2e50c3;
	background:#2e50c3;
}

.pic_content h1 {
	position:relative;
	float:left;
	height:19px;
	color:#ffcc00;
	font: 18px/18px 'CartoGothicStdBold', Arial, sans-serif;
	margin:20px 0px 0px 0px;
	padding:0px 0px 20px 10px;
	width:260px;
	text-transform:uppercase;
	border-bottom:1px dashed #2e50c3;
}

.footer {
	width:950px;
	margin:25px auto 0px auto;
	padding:0px 0px 40px 0px;
	position:relative;
	float:left;
	border-top:1px solid #2e50c3;
	border-bottom:1px dashed #2e50c3;
	background:transparent url('../img/content_bg.png') no-repeat center top;
}

.footer p {
	color:#2e50c3;
	font: 12px/14px 'PTRegular', Arial, sans-serif;
	margin:0px 0px 0px 0px;
	padding:35px 0px 0px 0px;
}

.footer p a {
	color:#2e50c3;
	font: 12px/14px 'PTRegular', Arial, sans-serif;
	text-decoration:none;
}

.footer p a:hover {
	text-decoration:underline;
	color:#ffffff;
}

.footer p.left {
	width:49%;
	float:left;
}

.footer p.right {
	width:49%;
	text-align:right;
	float:right;
}