@charset "UTF-8";

/*************** Reset ***************/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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;
}
/*********************************************/

/*************** Base styling ***************/
html { font: 0.625em Arial, Helvetica, sans-serif; /* Default browser font-size to 10px */ }

body {
	border-top: solid 7px #3f4965;
	color: #666;
	font-size: 1em;
	text-align: center;
}

h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

a:link, a:visited {
	color: #3f4965;
	text-decoration: underline;
}

a:hover {
	color: red;
	text-decoration: none;
}
/*********************************************/

/*************** Form elements ***************/
label {
	color: #3f4965;
	font-size: 1.4em;
	font-weight: bold;
	margin-right: 5px;
	width: 15em;
}

input.textbox, textarea.textbox, select.dropDownList {
	background: transparent url(../images/template/textbox-bg.gif) no-repeat;
	border: solid 1px #ccc;
	color: #121212;
	font: 1.2em Arial, Helvetica, sans-serif;
	margin: 1px 0;
	padding: 2px 4px;
}
/*********************************************/

/*************** Template ***************/
#wrapper {
	background: transparent url(../images/template/wrapper-bg.gif) repeat-y center top;
	margin: 0 auto;
	text-align: left;
	width: 1000px;
}

#top {
	background: transparent url(../images/template/top-bg.gif) repeat-x;
	margin: 0 8px 10px 8px;
}

#top div {
	background: transparent url(../images/template/toolbar-bg.gif) repeat-x;
	color: #f8f8f8;
	margin: 0 40px 0 auto;
	text-align: center;
	width: 20em;
}

#top .l { float: left; }

#top .r { float: right; }

#top p {
	font-size: 1.2em;
	line-height: 1em;
	padding-top: 5px;
}

#top a:link, #top a:active, #top a:visited {
	border: solid 1px #abe9ed;
	color: #abe9ed;
	margin-left: 3px;
	padding: 0 3px;
	text-decoration: none;
}

#top a:hover {
	border: solid 1px #f8f8f8;
	color: #f8f8f8;
}

#top a.fontSizeDecrease { font-size: 0.9em; }

#top a.fontSizeReset { font-size: 1.2em; }

#top a.fontSizeIncrease { font-size: 1.4em; }

#header { margin: 0 0 20px 75px; }

#header #tel {
	background: transparent url(../images/template/telephone-icon.gif) no-repeat left center;
	color: #3f4965;
	display: inline;
	float: right;
	font-size: 3.8em;
	margin: 10px 35px 15px 0;
	padding-left: 50px;
}

#header #tagline {
	background: transparent url(../images/template/tagline.gif) no-repeat left bottom;
	clear: right;
	color: #abe9ed;
	display: inline;
	float: right;
	font-size: 18px;
	margin-right: 2px;
	padding: 12px 5px 7px 15px;
	text-align: left;
	text-decoration: none;
	text-indent: -1000em;
	width: 315px;
}

#main { margin: 0 45px; }

#nav {
	background: #4d5775 url(../images/template/nav-bg-btm.gif) no-repeat left bottom;
	margin-bottom: 20px;
}

#nav ul {
	background: transparent url(../images/template/nav-bg-top.gif) no-repeat;
	padding: 0 5px;
}

#nav ul li {
	display: inline;
	float: left;
}

#nav ul li a {
	color: #f8f8f8;
	display: block;
	font-size: 1.6em;
	font-weight: bold;
	padding: 7px 15px;
	text-decoration: none;
}

#nav ul li a:hover, #nav ul li.active a {
	background-color: #3f4965;
	color: #abe9ed;
	text-decoration: none;
}

#nav ul li.active a {
	background: transparent url(../images/template/nav-item-active-bg.gif) no-repeat center bottom;
	color: #abe9ed;
}

/* Nav Submenus */
#nav ul li ul {
	background-image: none;
	background-color: #fff;
	border: solid 1px #e2e3da;
	border-top: none;
	left: -999em;
	padding: 4px;
	position: absolute;
	width: 25em;
}

#nav ul li:hover ul, #nav ul li.sfhover ul { left: auto; } /* Magic */

#nav ul li ul li {
	background: none;
	float: none;
	margin: 0;
}

#nav ul li ul li a, #nav ul li.active ul li a {
	background: none;
	color: #3f4965;
	font-size: 1.4em;
	font-weight: normal;
	margin: 0;
	padding: 6px 10px;
	text-transform: normal;
}

#nav ul li ul li a:hover {
	background-color: #f0f1e8;
	color: #d32027;
}

#nav ul li ul li.active a {
	background-color: #3f4965;
	color: #abe9ed;
	font-weight: bold;
}
/* /Nav Submenus */

#banner { margin-bottom: 20px; }

#content { margin-bottom: 20px; }

#content h1 {
	background: transparent url(../images/template/h1-bg.gif) repeat-y;
	color: #3f4965;
	font-size: 2.4em;
	line-height: 1.5em;
	margin-bottom: 0.5em;
	padding-left: 20px;
}

#content h1 span {
	color: #666;
	display: block;
	font-size: 0.6em;
	line-height: 1em;
	text-transform: uppercase;
}

#content h2 {
	border: solid 1px #8de3e9;
	border-width: 1px 0;
	color: #3f4965;
	font-size: 2em;
	margin: 1.5em 0 0.75em 0;
	padding: 5px 0;
	text-transform: uppercase;
}

#content h2 span {
	font-size: 0.6em;
	text-transform: none;
}

#content h3 {
	color: #464343;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0 20px 0.5em 20px;
}

#content p, #content ul.list { margin: 0 20px 1.5em 20px; }

#content p, #content li { font-size: 1.3em; }

#content ul.list {
	list-style: none;
	margin-bottom: 2em;
	margin-left: 3.5em;
}

#content ul.list li {
	background: transparent url(../images/template/bullet.gif) no-repeat 0 0.6em;
	padding-left: 20px;
}

#content ul.list li ul {
	list-style: circle;
	margin: 0 0 1em 2em;
}

#content ul.list li ul li, #content ul.list li p {
	background: none;
	font-size: 1em;
	padding: 0;
}

#content ul.list li p { margin: 1em 0; }

#content p, #content li { line-height: 1.8em; }

#content p.intro {
	color: #464343;
	font-size: 1.4em;
	margin:  1em 3.5em 2em 3.5em;
}

#submenu {
	background-color: white;
	float: right;
	border: solid 20px white;
	border-width: 0 0 20px 20px;
	margin: 0 0 10px 20px;
	min-width: 200px;
}

#submenu h3 {
	background-color: #b2b6c1;
	color: #f8f8f8;
	font-size: 1.5em;
	letter-spacing: normal;
	margin: 0 0 5px 0;
	padding: 7px 10px;
}

#submenu ul { margin-bottom: 10px; }

#submenu ul li {
	border-bottom: solid 1px #d9dbe0;
	font-size: 1.2em;
}

#submenu ul li a {
	background: transparent url(../images/template/submenu-item-bg.gif) no-repeat 10px 50%;
	display: block;
	font-weight: bold;
	padding: 3px 15px 3px 32px;
	text-decoration: none;
}

#submenu ul li a:hover, #submenu ul li.active a {
	background: #3f4965 url(../images/template/submenu-item-active-bg.gif) repeat-y center left;
	color: #f8f8f8;
	text-decoration: none;
}

#submenu ul li.active { font-size: 1.3em; }

#submenu ul li.active a {
	background-color: #3f4965;
	color: #abe9ed;
}

#backToTop {	font-size: 1.1em; }

#backToTop a {
	background: transparent url(../images/template/back-to-top-bg.gif) no-repeat center bottom;
	display: block;
	margin: 0 0 0 auto;
	padding-bottom: 10px;
	text-align: center;
	text-decoration: none;
	width: 15em;
}

#footer {
	background: #3f4965 url(../images/template/footer-bg.gif) repeat-x;
	color: #f6f6f6;
	font-size: 1.1em;
	margin-bottom: 1em;
	padding: 20px 0 10px 20px;
}

#footer div {
	clear: left;
	float: right;
	margin-right: 20px;
	text-align: left;
	width: 60%;
}

#footer p {
	line-height: 1.4em;
	margin-bottom: 5px;
}

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

#bottom {
	border-top: dotted 1px #ccc;
	font-size: 1.1em;
	margin-bottom: 0.5em;
	padding: 5px;
}

#siteBy {
	display: inline;
	float: right;
}

#siteBy a { color: #d32027; }
/*********************************************/

/*************** Generic styles ***************/
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

.clear {
	clear: both;
	height: 0;
}

.panel {
	background: transparent url(../images/template/panel-bg.gif) repeat-y;
	margin: 2em auto;
	width: 810px;
}

.panel  div { background: transparent url(../images/template/panel-bg-btm.gif) no-repeat left bottom; }

.panel div div, .panel div ul {
	background: transparent url(../images/template/panel-bg-top.gif) no-repeat;
	color: #f8f8f8;
	padding: 15px 20px;
}

.panel div div div, .panel div ul ul {
	background: none;
	padding: 0;
}

.panel a {
	color: #f8f8f8;
	text-decoration: underline;
}

.panel a:hover {
	color: #abe9ed;
	text-decoration: none;
}

.photoLeft, .photoRight { border: solid 5px #f3f3f3; }

.photoLeft {
	float: left;
	margin: 0 20px 20px 0;
}

.photoRight {
	float: right;
	margin: 0 0 20px 20px;
}

.largeText, .fontLarger { font-size: 1.1em; }

.largeText strong { text-transform: uppercase; }

.smallText { font-size: 0.85em; }

.darkText { color: #464343; }

.redText { color: red; }

.fullWidth { width: 100%; }
/*********************************************/

/*************** Page specific ***************/
#servicesPanel li {
	display: inline;
	float: left;
	font-size: 1.5em;
	width: 50%;
}

#contactForm {
	border: dotted 1px #ccc;
	margin: 20px;
	padding: 10px 20px;
	width: 400px;
}

#contactForm p { margin: 0.5em 0; }

#contactForm table { margin-top: 0.5em; }

#contactGrimsby {
	background-color: #3f4965;
	display: inline;
	float: right;
	width: 420px;
}

#contactGrimsby .top, #contactGrimsby .bottom { margin: 10px 20px; }

#contactGrimsby h3, #contactGrimsby label, #contactGrimsby p { color: #f8f8f8; }

#contactGrimsby h3 {
	color: #abe9ed;
	margin-left: 0;
}

#contactGrimsby p { margin: 0; }

#contactGrimsby .bottom p { font-size: 1.1em; }

#map {
	height: 350px;
	width: 420px;
}
/*********************************************/

#debug {
	color: red;
	font-size: 1.5em;
	margin: 50px;
	text-align: left;
}