@charset "utf-8";
@font-face {
	font-family: 'museo_slab500';
	src: url('fonts/museo_slab_0-webfont.eot');
	src: url('fonts/museo_slab_0-webfontd41d.eot?#iefix') format('embedded-opentype'),  url('fonts/museo_slab_0-webfont.woff') format('woff'),  url('fonts/museo_slab_0-webfont.html') format('truetype'),  url('fonts/museo_slab_0-webfont.svg#museo_slab500') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	background: url("images/bg-body.jpg") repeat scroll left center transparent;
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
	text-align: left;
}
p, h1, h2, h3, h4, h5, h6, a, ul, li, dt, dd, lo, address, td, div {
	margin: 0px;
	padding: 0px;
	text-align: left;
	font: normal 14px Arial;
	color: #b1b1b1;
}
p {
	margin: 0 0 20px 0;
	font: normal 14px Arial;
	color: #aaaaaa;
	line-height: 20px;
}
p strong {
	color: #ffcc00;
}
h1 {
	color: #ffffff;
	font: 24px 'museo_slab500';
	margin: 0 0 15px 0;
	padding: 0 0 8px 0px;
	border-bottom: 1px solid #2e2e2e;
}
h1 span {
	color: #ffcc00;
}
h2 {
	color: #ffcc00;
	font: 20px arial;
	margin: 0 0 8px 0;
	padding: 0;
}
h3 {
	color: #ffcc00;
	font: 22px 'museo_slab500';
	margin: 0;
	padding: 12px 0 0 18px;
	background: url(images/services-bg.jpg) no-repeat left top;
	width: 282px;
	height: 38px;
	float: left;
}
h4 {
	color: #ffcc00;
	font: 16px arial;
	margin: 0 0 8px 0;
	padding: 0;
	clear:both;
}
.info {
	background: url(images/contact-info-bg.jpg) no-repeat left top;
	height: 36px;
	padding: 6px 0 0 18px;
}
address {
	color: #aaaaaa;
	float: left;
	font: normal 14px/20px arial;
	margin: 15px 0 0 18px;
	padding: 0;
	width: 280px;
}
address p {
	font: normal 14px/20px arial;
	color: #aaaaaa;
}
address p.last {
	margin-bottom: 5px;
}
address strong {
	color: #aaaaaa;
}
address span {
	color: #fff;
	font: bold 15px arial;
}
address a {
	text-decoration: underline;
	font: normal 14px Arial;
	color: #aaaaaa;
}
address a:hover {
	text-decoration: none;
}
a {
	text-decoration: underline;
	color: #B8B8B8;
}
a:hover {
	text-decoration: none;
}
a img {
	border: none;
}
/* ----------------- PAGE LAYOUT ELEMENTS ----------------- */
div#wrapper {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(images/wrapper.jpg) repeat-x left top;
}
div#main-wrapper {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(images/main-wrapper.jpg) repeat-x left top;
}
div#container {
	width: 976px;
	margin: 0px auto;
}
div#header {
  float: left;
  width: 976px;
  /* Remove fixed height */
  height: auto;
  min-height: 150px; /* fallback minimum */
  position: relative;
  background: url(images/header_bg.png) no-repeat left top;
  background-size: cover; /* ensures background stretches nicely */
}
#logo {
	left: 46px;
	margin: 0;
	position: absolute;
	top: 14px;
}
#cta {
	color: #aaaaaa;
	font: 20px arial;
	position: absolute;
	right: 10px;
	top: 19px;
}
#cta span {
	font: 24px 'museo_slab500';
	color: #ffcc00;
}
div#maincontent {
	float: left;
	width: 960px;
	margin: 0 8px;
	padding: 0 0 25px 0;
}
div#sidebar {
	float: left;
	margin: 0;
	padding: 0;
	width: 300px;
	background: #222222;
}
div#sidebar-bottom {
	float: left;
	margin: 0;
	padding: 0;
	width: 300px;
	height: 15px;
	background: url(images/sidebar-bottom.jpg) no-repeat left top;
}
div#sidebar ul {
	margin: 0 0 10px 0;
	padding: 20px 0 0 18px;
	float: left;
	list-style: none;
	width: 92%;
}
div#sidebar ul li {
	background: url("images/sidebar-bullet.jpg") no-repeat scroll left 2px transparent;
	list-style: none outside none;
	margin: 0;
	padding: 0 0 10px 22px;
	color: #aaaaaa;
	font: normal 14px arial;
}
div#content {
	float: right;
	margin: 0;
	padding: 0;
	width: 630px;
}
div#footer-wrapper {
	float: left;
	width: 100%;
	background: url("images/footer-wrapper.jpg") repeat-x scroll left top transparent;
	margin: 0;
	padding: 0;
}
div#footer {
	height: 30px;
	margin: 0 auto;
	overflow: hidden;
	padding: 20px 0 10px;
	width: 976px;
}
div.copyright {
	color: #626262;
	float: right;
	font: 14px Arial;
	padding: 0;
	text-align: right;
	width: auto;
}
/* ----------------- NAVIGATION ----------------- */
div#nav {
	float: left;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 21px;
	top: 72px;
	width: auto;
	z-index: 3;
}
ul#mainnav {
	float: left;
	margin: 0;
	padding: 0;
	width: auto;
}
ul#mainnav li {
	display: inline;
	float: left;
	list-style: none outside none;
	margin: 0;
	padding: 0 4px 0 3px;
	background: url("images/divider.jpg") no-repeat scroll right 7px transparent;
}
ul#mainnav li a {
	color: #ffffff;
	display: block;
	float: left;
	font: normal 14px arial;
	text-decoration: none;
	text-transform: uppercase;
}
ul#mainnav li a.last-one {
	margin-right: 0px !important;
}
ul#mainnav li a:hover {
	cursor: pointer;
}
ul#mainnav li a span {
	display: block;
	float: left;
	padding: 10px 17px 10px 20px;
	width: auto;
}
ul#mainnav li a.current span, ul#mainnav li a:hover span {
	background: url("images/hover-bg.jpg") repeat-x scroll left top transparent;
	color: #000000;
}
ul#mainnav li.last {
	background: none;
	border: none;
}
#mainnav li:hover ul {
	display: block;
}
div#utility {
	float: left;
	font: 13px Tahoma;
	margin: 0 0 10px;
	text-align: left;
	width: auto;
}
ul#utilitynav {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
ul#utilitynav li {
	background: url("images/footer-divider.jpg") no-repeat scroll right 1px transparent;
	display: inline;
	margin: 0;
	padding: 0 11px 0 5px;
 *padding: 0 7px 0 8px;
	width: auto;
}
ul#utilitynav li.contact {
	background: none repeat scroll 0 0 transparent;
	padding-right: 0;
}
ul#utilitynav li a {
	color: #626262;
	font: normal 14px arial;
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-transform: uppercase;
}
ul#utilitynav li a:hover, ul#utilitynav li a.active {
	text-decoration: none;
	color: #b7b6b6;
}
/* ----------------- CUSTOM CLASSES ----------------- */

img.left {
	float: left;
	margin: 5px 14px 20px 0px;
 *margin: 5px 14px 0px 0px;
	padding: 0px;
}
img.left-last {
	float: left;
	margin: 0px 0 14px 0px;
	padding: 0px;
	border: 2px solid #b1b1b1;
}
img.center {
	float: left;
	margin: 0px 0 14px 110px;
	padding: 0px;
	border: 2px solid #b1b1b1;
}
img.right {
	float: right;
	margin: 5px 0 0 10px;
	padding: 0;
}
.clear {
	clear: both;
	*display:inline-block;
}
.list {
	margin: 0;
	padding: 0 0 20px 0;
	float: left;
}
.list ul {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}
.list ul li {
	background: url("images/list-bullet.jpg") no-repeat scroll left 2px transparent;
	list-style: none outside none;
	margin: 0;
	padding: 0 0 8px 20px;
	color: #aaaaaa;
	font: normal 14px arial;
}
.list1 {
	margin: 0;
	padding: 0 0 20px 0;
	float: left;
	width:630px;
}
.list1 ul {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	width:48%;
}
.list1 ul li {
	background: url("images/list-bullet.jpg") no-repeat scroll left 2px transparent;
	list-style: none outside none;
	margin: 0;
	padding: 0 0 8px 20px;
	color: #aaaaaa;
	font: normal 14px arial;
}
.last-text {
	margin-bottom: 15px;
}
.map {
	margin: 5px 0 0 0;
	padding: 0;
	float: right;
}
.map iframe {
	border: 2px solid #d1d1d1;
}
.left-address {
	float: left;
	margin: 0;
	padding: 0;
}
