@CHARSET "UTF-8";

@import url(normalize.css);

html {
	background: #FFFFFF;
	font: 85%/1.25 "Trebuchet MS", "Trebuchet", Verdana, sans-serif; 
}

body {
	margin: 0;
	padding: 0;	
	background: #e6e6e6;
}

div#page {
	width: 1215px;
	padding: 0 0;
	margin: 0 auto;
	background: #ffffff;
}

div#header {
	border-bottom: 1px solid #ebebeb;	
}

div#toolbar, div#branding, div#hero_area, div#content {
	clear: both;
	width: 911px;
	margin: 0 auto;
	border-right: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
}

div#toolbar img {
	float: left;
	border-right: 1px solid #ebebeb;
}

div#toolbar ul {
	float: left;	
}

div#toolbar ul li {
	float: left;
	border-right: 1px solid #ebebeb;
}

div#toolbar ul li a {
	width: 113px;
	display: block;
	height: 40px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: top left;
}

div#toolbar ul li a:hover {
	background-position: bottom left;
}

div#toolbar ul li#toolbar_contact a {
	width: 105px;	
}

li#toolbar_awards a {
	background-image: url('../images/toolbar_awards.gif');
}

li#toolbar_facebook a {
	background-image: url('../images/toolbar_facebook.gif');
}

li#toolbar_testimonials a {
	background-image: url('../images/toolbar_testimonials.gif');
}

li#toolbar_contact a {
	background-image: url('../images/toolbar_contact.gif');
}

div#toolbar_phone {
	float: left;
	width: 111px;
	padding: 4px 10px 0 10px;
}

img#hero {
	
}

div#hero_area {
	border-bottom: 1px solid #ebebeb;
	background: #f7f7f7;
}

div#thumbs {
	border-top: 1px solid #ebebeb;
}

div#thumbs .carousel-control {
	float: left;
	display: block;
	width: 113px;
	height: 122px;
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -9999px;
	border: none;
	padding: 0;
	margin: 0;
}

div#thumbs .carousel-control:hover {
	background-position: bottom left;
}

.carousel-previous {
	background-image: url('../images/thumbs_arrow_left.gif');	
}

.carousel-next {
	background-image: url('../images/thumbs_arrow_right.gif');	
}

div#thumbs ul{
	float: left;
	width: 684px;
	height: 124px;
	margin: 0;
	padding: 0;
	background: #ffffff;
	overflow: hidden;
}

.carousel-wrap {
	float: left;
	display: block;
	width: 684px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #ebebeb;
}

div#thumbs li {
	position: relative;
	float: left;
	background: #ffffff;
	border-left: 1px solid #ebebeb;
	padding: 32px 0;
	width: 113px;
	height: 58px;
	display: block;
}

div#thumbs li a {
	display: block;
	background: #cc0000;
	width: 113px;
	height: 58px;
}

div#thumbs li img {
	position: absolute;
}

div#thumbs li a:hover img, div#thumbs li a.selected img {
	clip: rect(3px 110px 55px 3px);
}

h1, div.popup h2 {
	font-size: 22px;
	font-weight: normal;
	color: #1e772d;
	padding: 12px 0;
}

h2 {
	padding-bottom: 27px;	
}

h3 {
	margin: 6px 0;	
}

p.intro_para {
	font-size: 16px;
	color: #666666;	
	padding-bottom: 32px;
}

p.award {
	color: #999999;	
}

img.right {
	float: right;
	margin-left: 20px;
}

p.award_link a {
	margin-top: 1em;
	text-decoration: none;
	float: left;
	color: #1e772d;
}
	
p.award_caption {
	color: #999999;
	text-align: right;
	font-style: italic;
	font-size: 11px;
	float: right;
	width: 250px;	
}

p.award_caption a {
	color: #aaaaaa;
	text-decoration: none;
	font-size: 10px;
}

#content_sub ul {
	padding-bottom: 10px;	
}

#content_sub li {
	padding: 2px 0;
	font-size: 12px;
	color: #666666;
}

#content_sub p.small {
	font-size: 12px;
	font-style: italic;	
}

div.popups {
	display: none;
}

div.popup {
	width: 350px;
	padding: 0 20px 20px 20px;
}

div.popup p {
	padding: 0.5em 0;
	font-size: 15px;	
}

div.popup p.intro {
	color: #999999;
	font-size: 17px;	
}

div.popup#contact {
	text-align: center;	
}

div.popup .vcard {
	margin-top: 1em;
	text-align: center;	
}

div.popup .vcard p {
	padding: 0;
}

div.popup address {
	text-align: right;
	font-style: italic;	
}

blockquote {
	margin: 1em 0 0 0;	
}

.green {
	color: #1e772d;
}

div#content {
	background: url('../images/greypixel.gif') 683px 0 repeat-y;
}

div#content_main {
	float: left;
	width: 620px;
	padding: 13px 32px;	
}

div#content_sub {
	float: left;
	width: 201px;	
	padding: 13px;
}


div#footer {
	border-top: 1px solid #ebebeb;
	height: 64px;
	padding: 32px 184px;
	background: #f7f7f7;
}

div#footer img {
	float: left;
	padding-right: 10px;
	padding-bottom: 20px;	
}

div#footer h4 {
	font-size: 12px;
	color: #888888;	
}

div#footer h4 span {
	font-size: 10px;
}

div#footer p {
	font-size: 9px;
	color: #9a9a9a;
	width: 475px;	
}