@charset "utf-8";

/* 
	Color Scheme
	#595241 Dark Brown
	#b8ae9c Light Brown
	#ffffff White
	#accfcc Light Blue
	#8a0917 Dark Red

*/


/*****************************
1.) Page Setup	
/****************************/	

* { margin: 0px; padding: 0px }
body {font-size:11.5px; background-color: #e0e0e0; line-height:21px; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;}
p {color: #595241;}

	h1,h2,h3,h4,h5,h6, legend{
	font-weight:normal;
	padding-bottom:5px;
	line-height:1.4em;
	color: #595241;
		}

	h1{clear:both; font-size:32px;font-weight:bold;}
	h2{font-size:26px; clear:both; margin-bottom: 20px; border-bottom: 1px solid #b8ae9c; padding-bottom: 10px}
	h3, legend{font-size:20px; clear:both; }
	h4{font-size:16px; clear:both;}
	h5{font-size:14px; clear:both;}
	h6{font-size:13px; clear:both;}
	
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
		text-decoration:none;
		}
		
#homecontent h3, #homecontent h4, #homecontent h5, #homecontent h6 { margin: 20px 0 5px 0;}



span {color: #595241; font-family: Arial; font-size: 12px;}
a img {border: none;}
a {text-decoration: none; color: #8a0917; display: block;}
strong {color: #8a0917; font-weight: normal;}

:focus {
	outline: 0;
}


/*****************************
2.) Classes	
/****************************/	


.imgbdr {border: 3px solid #595241; margin-top: 20px;}
.floatleft {float: left; margin: 0 20px 20px 0; border: 1px solid #595241;}
.indent { margin: 0 0 0 20px; }


/*****************************
3.) Header Holder section	
/****************************/	

.logo {
	float: left;
	margin-top: 10px;
}


#headerWrap .selected a { border-bottom: 1px solid #fff; }
#headerWrap li a:hover { color: #accfcc; border-bottom: 1px solid #accfcc; }
#headerWrap .selected a:hover { color: #fff; border-bottom: 1px solid #fff; }

#divHeaderHolder {background: #595241 url("../images/HeaderRepeat.jpg") repeat-x 0 0; height: 124px;}

#headerWrap {background-image: url("../images/HeaderBG.jpg"); width: 940px; height: 124px; margin: 0 auto; padding: 0px;}
#headerWrap ul {list-style: none; float: right; margin: 67px 0 0 0;}
#headerWrap ul li {float: left; margin-right: 20px;}
#headerWrap ul a {text-decoration: none; color: #fff; text-transform: capitalize; font-size: 14px;}


/*****************************
4.) Content Holder Section	
/****************************/	


#divContentHolder {background: #e0e0e0 url("../images/ContentRepeat.jpg") repeat-x 0 0; margin: 0px; padding: 0px; overflow: hidden;}
#contentWrap {width: 940px; margin: 0 auto; padding: 0px;}
#contentWrap h3 {border: none;}


.content { margin: 20px 0px 20px -9px; width: 718px; padding: 0px; float: left;}
.top { height: 23px; background: url("../images/top.png") no-repeat 0 0; overflow: hidden; margin: 0px; padding: 0px;}
.fill { padding: 40px 0; background: url("../images/fill.png") repeat-y 0 0; overflow: hidden;}
.bottom { height: 30px; background: url("../images/bottom.png") no-repeat 0 0;}



/*****************************
5.) Feature Section	
/****************************/	


#frontfeature {width: 940px; background: #a49b8b url("../images/featureRepeat.jpg") repeat-x 0 0; border: solid 1px #595241; margin: 20px 0; padding: 15px 0px; position: relative; overflow: hidden;}

/*  front feature Controls */
.control {
  display:block;
  width:46px;
  height:45px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}

#leftControl {top: 124px; left: 2px; background:transparent url(../images/left-arrow.jpg) no-repeat 0 0;}
#rightControl { top: 124px; right: 2px; background:transparent url(../images/right-arrow.jpg) no-repeat 0 0;}



#feature1 {margin: 0px 58px;}
.slide img {float: left;}
.slide div {
	float: right;
	width: 595px;
	margin-right: 4px;
}
.slide div h2 {color: #ffffff; margin-bottom: 0px; border-bottom: none; padding-bottom: 0px}
.slide div h5 {color: #595241; margin-bottom: 20px;}
.slide div img {margin-top: 14px; cursor: pointer;}

#feature1 {
  margin:0 auto;
  width:850px;
  height:280px;
  overflow: auto; /* allow scrollbar */
  position:relative;
}
#feature1 .slide {
  margin:0 auto;
  width:820px;
  height:280px;
}


.feature { width: 940px; height: 81px; background: #b8ae9c url(../images/subheaderBG.jpg) no-repeat 0 0; margin-top: 20px; }
.feature img { margin-top: 10px;}

/*****************************
6.) Home page content section	
/****************************/	


#homecontent {width: 540px; float: left; margin: 20px 0px 40px 0; overflow: hidden;}
#homecontent a {text-decoration: none; color: #8a0917; display: block;}


/*****************************
7.) sidebar section
/****************************/	

#homesidebar {float: right; width: 300px; margin: 20px 0px;}
#homesidebar ul {list-style: none;}
#homesidebar li {float: left; width: 140px; height: 142px; margin-bottom: 16px;}
#homesidebar img {border: 1px solid #b8ae9c;}
#homesidebar .push {margin-right: 16px;}


.sidebar {float: right; width: 220px; margin: 20px 0px;}
.sidebar h3 {margin: 20px 0 10px 0; padding: 0;}
.sidebar ul {list-style: none; margin: 0; border-top: 1px solid #595241;}
.sidebar li {padding: 10px 0; border-bottom: 1px solid #595241;}
.sidebar ul a {font-size: 12px; line-height: 20px; color: #595241; text-decoration: none;}
.sidebar ul a:hover, .sidebar ul a:active { color: #8a0917; text-decoration:underline; }
.sidebar .selected a {color: #8a0917; text-decoration:underline;}


/*****************************
8.) testimony section	
/****************************/	


#testimony {clear: both; width: 940px; height: 163px; background-image: url("../images/testimonyBG.jpg"); background-repeat: no-repeat; margin: 20px 0; border: 1px solid #b8ae9c; position: relative;}

#testimony h3 {color: #8a0917; padding: 20px 0 0 20px; margin: 0; font-size: 22px;}
#testimony span { padding: 0px 0px 20px 20px;}
#testimony p {padding: 20px 30px; font-size: 16px; line-height: 22px}

#testimonial {position: absolute; right: 0px; top: -60px}


/*****************************
9.) About Page	
/****************************/	

.fill {text-align: center;}
#about {width: 580px; margin: 10px 0 20px 69px; text-align: left; float: left;}
#about h3, #about h2 {margin-bottom: 20px; border-bottom: 1px solid #b8ae9c;}
#about h3 {margin-top: 20px;}
#about h4 { margin: 20px 0 10px 20px;}
#about ul { list-style: none; font-family: Arial; margin-top: -20px;}
#about ul li { padding: 10px 0px; border-bottom: 1px solid #b8ae9c;}


/*****************************
10.) Portfolio Page	
/****************************/	


#portfolio {overflow: hidden; margin: 20px 0;}
#portfolio ul { list-style: none; }
#portfolio ul li { float: left; }
.portbox { width: 300px; float: left; margin: 20px 0 0 20px;}
.portboxfirst { width: 300px; float: left; margin: 20px 0 0 0px;}
#portfolio a {margin-top: 5px;}
#portfolio h3 { margin: 10px 0 3px 0; padding: 0;}


#pagination { height: 60px; overflow: hidden; border-top: 1px solid #b8ae9c; clear: both; padding-top: 20px;}
#pagination ul {float: right; list-style: none;}
#pagination ul li {float: left; margin-left: 5px; display:block; padding: 1px 5px; border: 1px solid #595241; background-color: #accfcc;}


/*****************************
11.) Blog Page	
/****************************/	


#blogholder {float: left; width: 718px; margin: 40px 0 0 0;}
#blogholder .content {margin-top: -20px;}
.blog {width: 580px; margin: 0 0 0 69px; text-align: left; float: left;}
.blog h2 {margin: 0; padding: 0; border-bottom: none; line-height: 26px;}
.blog a {margin-top: 10px;}
.blog img {margin: 20px 0;}
.date {width: 40px; height: 40px; padding: 2px; text-align: center; float: left; background-color: #accfcc; margin: 0 20px 0 0;}
.day {font-size: 22px}
.month {font-size: 16px; text-transform: uppercase;}
.title {float: left}


/*****************************
12.) Contact Page	
/****************************/	


.contact {width: 580px; margin: 0 0 0 69px; text-align: left; float: left;}
.contact h2 {  margin-bottom: 20px; border-bottom: none; padding-bottom: 0px}

.text_input, .text_area{border:1px solid #595241; background-color: #accfcc;}
.error .text_input, .error .text_area{border:1px solid #EE2A00;}
.ajax_alert .text_input, .ajax_alert .text_area{border:1px solid #ffb628;}

fieldset{
border:none;
padding:0;
margin: 40px 0;
overflow:hidden;
}

.blocklabel{
	display:block;
	padding:10px 0 0 0;
}

.text_input { margin-top: 10px;}

.text_input, .text_area{
padding:5px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
width:200px;
font-size:11.5px;
}

fieldset label{
	padding-left:7px;
}

.text_area{
	width:450px;
}

#send {
	border:1px solid #b8ae9c;
	background-color:#595241;
	cursor:pointer;
	color:#fff;
	padding: 2px 5px;
	margin-top: 10px;
	
	}
	
#searchsubmit:hover, #send:hover, #top #submit:hover{
	background-color:#999;
	color:#333;
	}

/*****************************
13.) subfooter section	
/****************************/	



#divSubFooterHolder {
	height: 50px;
	margin-top: 40px;
	background-color: #494437;
	background-repeat: repeat-x;
	background-position: 0 0;
}

#subfooterWrap {
	width: 940px;
	height: 50px;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-repeat: no-repeat;
}

#first h4, #second h4, #third h4 {color: #accfcc; margin-bottom: 0px; border-bottom: 1px solid #60594b; padding-bottom: 10px}
#first , #second , #third {float: left; margin: 30px 20px 0 0; width: 220px;}



#first ul , #second ul , #third ul {border-top: 1px solid #887f6a; padding-top: 10px}
#first li , #second li , #third li {list-style-image: url("../images/bullet-white.png"); margin: 0 0 0 15px;}
#first a, #second a, #third a {text-decoration: none; color: #ffffff; font-size: 12px;}
#subfooterWrap ul li a:hover { color: #accfcc; text-decoration: underline;}


#twitter img {float: right; margin-top: 40px}


/*****************************
14.) footer section	
/****************************/	

#divFooterHolder {background: #e7e7e7 url("../images/footerRepeat.jpg") repeat-x 0 0; height: 61px; overflow: hidden;}

#footerWrap {
	width: 940px;
	height: 50px;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#footerWrap p {float: left; font-size: 12px; line-height: 61px;}
#footerWrap ul {float: right; list-style: none;}
#footerWrap li {float: left; margin-left: 10px}
#footerWrap li a {text-decoration: none; font-size: 14px; color: #595241; line-height: 61px;}