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

html, body {height:100%}

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {margin:0;padding:0} 

body {
	background: #eaeaea url(../images/body-bg.jpg) 0 0 repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	line-height: 1.4;
	color: #000;
}

a {text-decoration:none}
img {border:0}

.fleft {float:left}
.fright {float:right}
.cleft {clear:left}
.cright {clear:right}
.cboth {clear:both}
.righted {text-align:right}
.centered {text-align:center}
input:focus {outline:none}

#nav ul {list-style:none}

#wrapper {
	width: 960px;
	margin: 0 auto -170px;
	text-align: left;
	min-height: 100%;
	position: relative;
}

.firstp {
	color: #0175BB;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 1.3;
}

/**HEADER**/
#logo {
	display: block;
	width: 250px;
	height: 120px;
	background: url(../images/logo.png) 0 7px no-repeat;
	padding-left: 92px;
	font-family: "Times New Roman", Times, serif;
	text-transform: capitalize;
	color: #7b7b7b;
	font-weight: bold;
	font-size: 36px;
	line-height: 73px;
}

#logo .lighter {color:#aeaeae}

#header-vcard {margin-top:5px}
#header-vcard, #header-vcard a {color:#fff;font-size:12px}
#header-vcard .tel, #header-vcard .fax {display:inline-block}
#header-vcard a {border-bottom:1px dotted #fff;}
#header-vcard .tel:before {content:'T: '}
#header-vcard .tel:after {content:'\00a0\00a0|\00a0\00a0'}
#header-vcard .fax:before {content:'F: '}
#header-vcard .fax:after {content:'\00a0\00a0|\00a0\00a0'}
#header-vcard a:before {content:'E: '}

/**HOME PAGE**/
/*banner*/
#hp-banner, #internal-banner {
	width: 520px;
	height: 188px;
	background: url(../images/hp-banner.jpg) 0 0 no-repeat;
	font-family: LeagueGothicRegular, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.4);
	font-weight: normal;
	font-size: 58px;
	text-align: right;
	padding-top: 50px;
	padding-right: 440px;
	line-height: 1;
	margin-bottom: 18px;
}

#hp-banner-rmore {
	font-size: 19px;
	position: relative;
	top: -13px;
}

#hp-banner-rmore a {
	background: url(../images/hp-rmore.png) 100% 0 no-repeat;
	display: inline-block;
	height: 32px;
	line-height: 33px;
	padding-right: 45px;
	width: 75px;
	color: #0b4786;
	text-shadow: 1px 2px 0 rgba(0,0,0,0.2);
}

/*product links*/
.hp-product {
	display: block;
	float: left;
	margin-right: 15px;
	width: 180px;
}

#hpp-last {margin-right:0}

.hp-product {outline:none}

.hp-product h2, .hp-product h2 a {
	font-family: LeagueGothicRegular, Arial, Helvetica, sans-serif;
	background: #0b4786;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-weight: normal;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding-bottom: 5px;
	font-size: 20px;
}

.hp-product img {margin-top:-5px}

#lloyds {margin:10px 20px 10px 0}

/*main content*/
h3, #contact-main h1 {
	text-transform: uppercase;
	background: url(../images/h3-bg.png) 0 100% repeat-x;
	color: #333;
	font-size: 16px;
	padding-bottom: 4px;
}

.hp-text {margin-right:330px}
h3.hp-text {margin-bottom:13px}
p.hp-text, ul.hp-text {margin-bottom:16px}

/**INTERNALS**/

#internal-banner {
	background: none;
	position: absolute;
	z-index: 999;
	text-align: left;
	padding-top: 0;
	padding-right: 0;
	margin-bottom: 0;
	left: 20px;
	bottom: 10px;
	height: 58px;
}

/*slideshow*/
#slideshow {
    position: relative;
    height: 238px;
	margin-bottom: 16px;
}
#slideshow img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
}
#slideshow img.active {z-index: 10}
#slideshow img.last-active {z-index: 9}

/*links*/
.link {
	width: 305px;
	background: #fff;
	float: left;
	margin-right: 20px;
	margin-bottom: 30px;
}

/*contact*/
#contact-main {
	background: #eaeaea;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#contact-main h1 {
	margin: 0 20px 20px;
	padding-top: 20px;
}

#cform, #map {margin-bottom:30px}

#cform ul {
	list-style: none;
	margin: 0 20px;
}

#cform .box {margin-bottom:10px}

#cform input[type=text], #cform textarea {
	width: 385px;
	border: 1px solid #d5d5d5;
}
#cform input[type=text]:hover, #cform textarea:hover, #cform input[type=text]:focus, #cform textarea:focus {border:1px solid #aaa}

.hotr {display:none}

.error {font-weight:bold;color:#b00}

#map {
	height: 416px;
	width: 475px;
	margin-left: 465px;
}

#acknowledge h4 {
	font-size: 16px;
	padding: 20px;
}
#acknowledge p {margin:0 20px}

/**FOOTER**/
#clearfooter {height:190px}

#footer {
	height: 190px;
	position: relative;
	background: #171717 url(../images/footer-map.png) 50% 50% no-repeat;
	text-align: center;
}

#footer-inner {
	text-align: left;
	color: #d9d9d9;
	margin: 0 auto;
	width: 960px;
	position: relative;
}

#footer .vcard {padding-top:15px}

#footer .org {font-size:14px}

#footer .adr {margin: 10px 0}

#footer a {color:#d9d9d9}

#footer .vcard .tel:before {content:'T: '}
#footer .vcard .fax:before {content:'F: '}
#footer .vcard a:before {content:'E: '}

#footerlinks, #designedby {
	position: absolute;
	right: 0;
	top: 15px;
	text-transform: capitalize;
}
#designedby {top:140px;text-transform:none}