﻿/*global*/
html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form{
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
html,body {
	height: 100%;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #008185;
	background: #fff url(images/rep.gif) 0 145px repeat-x;
}

/*text*/
p {line-height: 1.2em;}

h1 {line-height: 1em; font-size: 1.3em; font-weight: normal; color: #004248; padding: 5px 0 10px 0; text-align: center;}

#homepage h1 {padding: 15px 0 0 0;}

h2 {line-height: 1.4em; font-size: 1.4em; font-weight: normal; padding: 2px 0 8px;}

h3 {line-height: 1em; font-size: 1em; padding: 4px 0 10px 0;}

li {line-height: 1.2em;}

.centre {text-align: center;}
.italic{font-style: italic;}
.dark {color: #004248;}
.darkest {color: #023f43;}
.grey {color: #2c2c2c;}
.white {color: #fff;}
.white a {color: #fff;}
.small {font-size: 0.8em;}
.welcome {line-height: 1em; font-size: 1.1em; color: #004248; text-align: center;padding: 8px 0;font-weight: bold;}

.darkest a {color: #fff;}

a {color: #023f43;}

a,
a:visited {text-decoration: none;}

a:hover,
a:active {text-decoration: underline;}

#content ul {
	margin-left: 25px;
	padding-bottom: 10px;
}
#content ol {
	margin-left: 25px;
	padding-bottom: 10px;
	font-weight: bold;
}
#content ol span {
	font-weight: normal;
}
#content li {
	padding-bottom: 5px;
}

.pdf-link {
	height: 17px;
	padding-right: 22px;
	line-height: 17px;
	display: inline-block;
	background: url(images/pdficon_small.gif) top right no-repeat;
}

/*images*/

/*box classes*/
.clearer {
	clear: both;
	height: 0px;
	overflow: hidden;
}

.fleft {float: left;}

.fright {float: right;}

.bord-top {
	border-top: 1px solid #abd5d7;
}

.details, .slicks {display: none;}

/*boxes*/
#header {
	width: 600px;
	margin: 0 auto;
	height: 145px;
}
#header p {
	font-size: 1.1em;
	text-align: right;
	padding-top: 10px;
}
#header img {
	float: left;
}
#header span.small {
	display: block;
	padding: 6px 0 16px 0;
}

#main {
	width: 600px;
	margin: 0 auto;
}

#left {
	padding-top: 15px;
	position:relative;
}
#top-content {
	height: 145px;
	margin-bottom: 9px;
	color: #004248;
}


#homepage #left {
	padding-top: 248px;
}
#homepage #left-col {
	float: left;
	width: 160px;
	font-size: 0.9em;
}
#homepage #right-col {
	float: right;
	width: 180px;
	font-size: 0.9em;
}
#homepage #right-col a {
	color: #008185;
}

#content {
	padding: 0 20px 20px 10px;
}
#content p {
	padding-bottom: 8px;
}

#right {
	float: right;
	width: 229px;
}
#right-top {
	height: 70px;
	background: url(images/right-top.png) 2px 0 no-repeat;
}
#right-rep {
	background: url(images/right-rep.png) 2px 0 repeat-y;
	min-height: 90px;
	padding: 0 22px 0 30px;
}
#right-bot {
	height: 206px;
	background: url(images/right-bot.png) 2px 0 no-repeat;
}
#contactpage #right-bot {
	background-image: url(images/right-bot2.png);
}
#servicespage #right-bot {
	background-image: url(images/right-bot3.png);
}
#historypage #right-bot {
	background-image: url(images/right-bot4.png);
}
#faqspage #right-bot {
	background-image: url(images/right-bot5.png);
}
#right p {
	padding: 15px 0;
}

#footer {
	width: 600px;
	margin: 0 auto;
	font-size: 0.8em;
	padding-top: 10px;
	text-align: center;
}
#footer p {
	line-height: 1.8em;
}

/*Nav*/
#nav {
	width: 600px;
	margin: 0 auto;
	height: 50px;
}
#nav ul li {
	list-style: none;
	display: inline;
}
#nav ul li a {
	display: block;
	float: left;
	height: 50px;
}
#nav ul li#homelink a {
	width: 97px;
	background: url(images/nav/home.gif);
}
#nav ul li#homelink a:hover {
	background-position: 97px 0;
}
#nav ul li#contactlink a {
	width: 121px;
	background: url(images/nav/contact.gif);
}
#nav ul li#contactlink a:hover {
	background-position: 121px 0;
}
#nav ul li#serviceslink a {
	width: 135px;
	background: url(images/nav/services.gif);
}
#nav ul li#serviceslink a:hover {
	background-position: 135px 0;
}
#nav ul li#historylink a {
	width: 123px;
	background: url(images/nav/history.gif);
}
#nav ul li#historylink a:hover {
	background-position: 123px 0;
}
#nav ul li#faqslink a {
	width: 124px;
	background: url(images/nav/faqs.gif);
}
#nav ul li#faqslink a:hover {
	background-position: 124px 0;
}

/*Services*/
.slick-slidetoggle {
	display: block;
	width: 355px;
	padding-bottom: 1px;
}
.top-collapse {
	padding-bottom: 8px;
	border-bottom: 1px solid #abd5d7;
	margin-bottom: 8px;
}

.bottom-collapse {
	padding-top: 8px;
	border-top: 1px solid #abd5d7;
	margin-top: 8px;
}

/*Table*/
table {
	padding-bottom: 12px;
}

.top-pad {
	padding-top: 6px;
}

.time {
	width: 70px;
	text-align: right;
	font-weight: bold;
}

td {
	width: 400px;
	text-align: left;
}
.last {
	padding-top: 12px;
}

/*Contact Page*/
.first-no {
	padding-top: 15px;
}
#contactpage p.fleft {
	width: 90px;
	padding-bottom: 12px;
}
#contactpage p.name {
	width: 260px;
}

/*Form Styling*/
#form-div {
	font-size: 1.2em;
}
label {
	float: left;
	width: 150px;
	height: 18px;
	margin-bottom: 10px;
	border: 1px solid #fff;
}
#content p.field {
	padding: 0;
}

.submit {
    background: url(images/send-email.gif);
    margin: 5px 0 0 150px;
    height: 33px;
    width: 86px;
    border: none;
	display: block;
}
.submit:hover {
    background-position: 86px 0;
	cursor: pointer;
}       
.input {
    color: #404242;
	width: 200px;
	height: 15px;
	font-size:13px;
    border: 1px solid #3f9da6;
    background: #fff url(images/grad.gif) top repeat-x;
    padding: 3px 2px;
	margin-bottom: 10px;
}
.input:focus {
    color: #333333;
    background-image: none;
    background: #f8f5c1;
}
.textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
    color: #404242;
	padding: 0px; line-height: 14px; margin: 0px;
	width: 200px;
	height: 75px;
	line-height: 11px;
    padding: 3px 2px;
	font-size:13px;
    border: 1px solid #3f9da6;
    background: #fff url(images/grad.gif) top repeat-x;
}
.textarea:focus {
    color: #333333;
    background: #f8f5c1;
}
#towns {display:none}

#video {
position: absolute;
top: 0;
left: 0;
z-index: 5;
}