body {
font-family: Georgia, helvetica, sans-serif;
font-size: 16px;
font-style:italic;
line-height: 18px;
background: #333 url('/assets/img/body-bg.png') repeat-x;
color:#fff;
}

#container {
width:800px;
padding:5px;
background:#fff;
margin:20px auto;

}

#header {
width:800px;
height:248px;
display:block;
margin:0 auto;
background: #fff url('../img/header-main.jpg') no-repeat;
}

#header h1 {
	text-indent:-4000px;
	margin:0;
}

#header p {
	font-size:22px;
	line-height:120%;
	font-weight:italic;
	color:#000;
	width:650px;
	margin:110px 0 0 40px;
}

#header p span.white {
	color:#ffffff;
}

#content {
margin:0 auto;
}

h2 {
	margin:0;
}

#callout {
	width:800px;
	height:281px;
	display:block;
	background: url('../img/callout-bg.jpg') no-repeat;
}



#callout img {
	float:right;
	border:1px solid #fff;
	padding:2px;
	margin:-30px 30px 0 0 ;
}

#callout p {
	width:500px;
	font-size:16px;
	line-height:18px;
	color:#000;
	margin:10px 0 10px 30px;
}

#callout ul {
	width:420px;
	margin:0 0 0 30px;
	list-style:none;
	padding:0;
}

#callout ul li {
	float:left;
	width:110px;
}

#callout ul li {
	border-right:1px solid #799279;
	margin:0 25px 0 0;
}

#callout ul li.last {
	border-right:0px;
}

#callout ul li a {
	color:#799279;
	font-family:georgia;
	font-size:18px;
}
/* ================================================================================================= */
/* = I REALLY HATE DOING THIS.... BUT THAT BACKGROUND WOULD NOT COOPERATE.... It left me no choice = */
/* ================================================================================================= */

#callout h2 {
	height:65px;
	text-indent:-9999px;
}

#featuresBox {
	background:url('../img/header_features.png') no-repeat;
}

#locationBox {
	background:url('../img/header_location.png') no-repeat;
	
}

#servicesBox {
	background:url('../img/header_services.png') no-repeat;
	
}



#photos h2 {
	width:118px;
	height:95px;
	background: url('../img/header_photos.png') no-repeat 0 0;
	text-indent:-9999px;
	margin:0 0 0 30px;
	float:left;
}

#contact h2#contactFormHeader {
	background: #C3C6C7 url('../img/contact_us_header.gif') no-repeat 0 0;
	width:266px;
	height:32px;
	margin:0 0 0px 0;
	text-indent:-9999px;
	position:relative;
	top:25px;
	left:500px;
}

#textHolder h2 {
	background: #C3C6C7 url('../img/header_contact_us_2.png') no-repeat 0 0;
	width:160px;
	height:25px;
	text-indent:-9999px;
	position:relative;
	top:0px;
	left:0px;
}

/* ================================================================ */
/* = K Done now... trying hard not to cry right now... seriously. = */
/* ================================================================ */

#photos {
	width:800px;
	height:95px;
	background: #DDD url('../img/photos-bg.png') no-repeat;
	margin:0;
	
}


#photos ul {
	width:565px;
	margin:14px 0 0 6px;
	padding:0;
	float:left;

}

#photos ul li {
	display:inline;
	margin: 0 2px 0 0;
	list-style:none;
}

#photos ul li img {
	border:1px solid #fff;
}

#photos a.arrow_right {
	float:right;
}

#morePhotos {
margin: 0 auto;
width: 100%;
height:400px;
background: #1c1e28;
display: none; 
}

.more_photos {
float: right;
margin:0 25px 0 0;
background: url(/assets/img/photo_arrow.png) no-repeat 0 0;
width: 46px;
height: 95px;
padding: 0;
display: block;
font-size: 10px;
font-family: arial;
color: #fff;
text-decoration: none;
text-indent: -9999px;
outline:none;
}
.active {
background-position: 0 -95px;
}

#morePhotos ul {
	width:720px;
	margin:0 0 0 0;
	list-style:none;
}

#morePhotos ul li {
	margin:10px 20px 0 0;
	float:left;
}

#morePhotos ul li img {
	border:1px solid #fff;
}

#contact {
	width:800px;
	height:363px;
	background:url('../img/contact-bg.gif') no-repeat;
}


input[type=text] {
display:block;
background:#fff;
padding:2px;
border:none;
width:235px;
margin:0px 0px 8px 0px;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

#photo {
display:inherit;
float:left;
}

#submit {
float:right;
position:relative;
left:20px;
}

label {
font-size:100%;
}

label span {
color:#ccc;
font-size:70%;
}

#submit {
color:#fff;
background:#990000;
width:80px;
border:0;
}

a img {
	border:0;
}

a, a:hover {
	text-decoration:none;
	color:#999;
}

#who {
	clear:both;
	margin:20px 0 0 0;
}


/******* FORM *******/
#contactForm {
	padding: 0 50px 0px 30px;
	margin:28px 0 0 0 ;
	float:right;
}
#contactForm label{
	display: block;
	margin:0 0 2px 3px;
	color: #666;
	font-size: 10px;
	line-height: 0.9em;
	font-family:georgia, serif;
	text-transform:capitalize;
}
#contactForm input[type=text]{
	width: 220px;
	padding: 2px;
	color: #949494;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #cecece;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	
}
#contactForm input.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#contactForm textarea{
	width: 220px;
	height: 80px;
	padding: 6px;
	margin:0;
	color: #adaeae;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	border: 1px solid #cecece;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	
}
#contactForm textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#contactForm div{
	margin-bottom: 0px;
}
#contactForm div span{
	margin-left: 10px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
}
#contactForm div span.error{
	color: #e46c6e;
}

#textHolder {
	width:445px;
	float:left;
	color:#000;
	/*background:url('../img/bg-textholder.gif') repeat-x top right;*/
	margin:-7px 0 0 30px ;
}

#textHolder p {
	margin-right:20px;
	font-family:georgia;
	font-weight:italic;
	font-size:14px;
}

#detailsHolder {
	width:400px;
	float:left;
	color:#000;
	margin:45px 0 0 60px ;
	clear:left;
}

#detailsHolder h3 {
	color:#456446;
	margin:0 0 0px 0;
}

#detailsHolder p {
	margin:0 0 30px 0;
	font-size:14px;
}

#shane {
	width:150px;
	float:left;
}

#dave {
	width:150px;
	float:right;
	margin:0 35px 0 0 ;
}

#dave h3 {
	color:#243753;
}

#error{
	margin-bottom: 20px;
	border: 1px solid #efefef;
}
#error ul{
	list-style: square;
	padding: 5px;
	font-size: 11px;
}
#error ul li{
	list-style-position: inside;
	line-height: 1.6em;
}
#error ul li strong{
	color: #e46c6d;
}
#error.valid ul li strong{
	color: #93d72e;
}

#send {
	width: 80px;
	padding: 4px;
	margin:0 0 0 155px;
	color: #949494;
	background:#4A6B4C;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #4A6B4C;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

#send:hover {
	filter: alpha(opacity=70);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity:0.7;
}
.activeNav {
	color:#990000;
}

#callout {
  width: 800px;
  margin: 0 auto;
  position: relative;
}

#slider {
    width: 620px;
    margin: 0 0 0 10px;
    position: relative;
}

.scroll {
    height: 210px;
    width: 720px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    padding: 0px;
    height: 210px;
    width: 720px;
}

#mapHolder {
	width:240px;
	position:absolute;
	top:60px;
	left:560px;
}

.scrollButtons {
	display:none;
}

.MsgSent, .MsgError {
	padding: 0 70px 10px 30px;
	float:right;
	width:220px;
	color:#666;
}

.MsgSent h1 {
	color:#243753;
	margin:0 0 -10px 0 ;
}

.MsgError h2 {
	color:#900000;
}

/* ======================== */
/* = BBC Footer signature = */
/* ======================== */

#footer {
	width:800px;
	padding:0;
	font-size:10px;
	color:#79927A;
	font-weight:georgia;
	line-height:180%;
	margin:0 auto;
	display:block
}

p.copy {
	float:left;
	margin:0;
	padding:0;
	width:200px
}

p.bbc {
	float:right;
	margin:0;
	padding:0;
	width:200px;
	text-align:right;
}

p.bbc a {
	text-decoration:underline;
}

#cc {
	clear:both;
}