/* CSS Document */

body { background: url(../images/soil.png) repeat top center;
	 font-family:"Lucida Grande", Helvetica, sans-serif;
}
.container {
	background: url(../images/cont-bkg.png) #f2f2b6 repeat-y top center; 
}
#colleft {
	background: #468110;
	background: #478212;
	height:100%;
	margin: 0;
	width: 386px;
}
#colleft #logo {
	background:url(../images/p_02.png) left top no-repeat;
	height: 281px;
	
}
#colleft #logo a {
	margin: 0;
	padding:0;
}
#colright {
 	margin: 0;
	padding:0 0 0 0;
	width:562px;
}
#colright #hdr { 
	width: 562px;
	height: 281px;
 	margin: 0 0 0 0;
	padding:0;
	background: url(../images/p_03.png) top left no-repeat;
}



#footer {
	background: url(../images/p_14_03.png) top left repeat-x;
	height:40px;	
}

#footer a.byline {
	
}

/* --------------- Typography ------------ */
a {
	outline:none;
	text-decoration:none;
	color: #f2f2b6;
	background:none;
	padding: 3px;
}
	
a:hover {
	color:#f2f2b6;
}

p {}

h1, h2 {
	position:absolute;
	left:-5000px;
}

h3, h4, h5, h6 { color:#f2f2b6; }

h3 { font-size:14px; }

#phone, #contact {
	overflow:hidden;
	display: block;
}

#phone h3, #contact h3 {
	padding: 0px 10px 0 10px;
}
#phone h3 { 
	padding: 10px 10px 0 10px; 
	font-size:13px;
	letter-spacing: -1px;
}
#contact {
	width: 200px;
}
#contact a {
	background: url(../images/p_06.png) no-repeat left center;
	padding: 10px 0 0 18px;
	display:block;
	height: 20px;
	width: 167px;
}
#contact a:hover {
	background: url(../images/p_06_o.png) no-repeat left center;
	}
	
#contact table {
	background:#f2f2b6;
	color:#468110;
	border: 1px solid #c0cd21;
	position:absolute;
	width: 194px;
	font-size: 10px;
	line-height:1.25em;

}
#hdrtxt {
	width: 340px;
	margin-right:18px;
}
#hdrtxt h4 {
	padding: 39px 10px 40px 12px;
}
#hdrtxt h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-style:italic;
	line-height: 2em;
}

#leaftxt {
	font-size: 17px;
	line-height:1.2em;
	color: #f2f2b6;
	text-transform:uppercase;
	text-align:center;
	white-space:normal;
	
}
#leaftxt a {
	display:block;
	padding: 60px 0px 60px 30px;
	}
#leaftxt a:hover {
	background: url(../images/leafglow.png) no-repeat center top;
}


/* ------------ Sidebar -------------- */

#colleft #sidebar {
	min-height: 300px;
	height: 100%;
}





/*------------ ColRight : 3 Buttons ---------- */
#colright div#btns {
	margin-right:0;
	padding-right:0;
	background: #468110;
}
#colright div.btn {
	width:33.33%;
	margin:0;
	padding:0;
}
#colright div.btn a {
	display:block;
	background: url(../images/p_06.png) no-repeat top left;
	height: 85px;
	padding:10px 13px;
	margin:0;
	
}
#colright div.btn a:hover {
	background: url(../images/p_06_o.png) no-repeat top center;

}


/*------------ ColRight : Special ---------- */

#colright #special {
	width: 562px;
	background: #ffffe6; 
	padding-bottom: 2em;	padding-top: 1em;
    border-bottom: #777 1px solid;
}
#colright #special > * {
	padding: 0 20px;
}
#colright #special h4 { 
	margin-top: 20px;
	font-size: 16px;
	color:#468110;
	
}
#colright #special h3 { 
	font-weight: bold; color: #468111;font-size: 145%;
	
	
}

#colright #special h5 { 
	font-size: 12px;
	color:#553a21;
	text-transform:uppercase;
	font-weight: lighter;
	
}
#special ul {
	margin: 0;
	padding-right: 0;
}
#special ul li {
	list-style: none;
	float:left;
	width: 28%;	
	margin-right: 10px;
	font-size: 125%;
	border-right: 1px solid #777;
	padding-right: 10px;
	height: 120px;
}

#special ul li:last-child { border: none; margin: none; }

#special ul li strong {
font-size:150%;color: #468111;	

}


#colright #special p{

	font-size: 10px;
	line-height:2.2em;
	color:#553a21;
}

/*------------ ColRight : Tip ---------- */

#colright #tip {
	width: 562px;
    height: 474px;
	background: url(../images/p_13.png) #f2f2b6 no-repeat bottom right;
	padding: 0; 
    overflow:hidden;
}
#colright #tip > * {
	padding: 0 10px;
}
#colright #tip h4 { 
	font-size: 16px;
	color:#468110;
	
}

#colright #tip h5 { 
	font-size: 10px;
	color:#553a21;
	text-transform:uppercase;
	font-weight: lighter;
	
}
#colright #tip p {
	margin-right: 85px;
	font-size: 10px;
	color:#553a21;
	line-height:2.2em;
} 
#colright #tip li {
	margin-left: 24px;
	margin-right: 85px;
	font-size: 10px;
	color:#553a21;
	line-height:2.2em;
} 


/* --------------- Footer ------------ */

#footer { color: #f2f2b6;
	font-size: 10px;
	padding: 10px 0; }
	
#footer #copyright a {
	color:#c0cd21;
	border-bottom: 1px solid #c0cd21;
	padding:0;
		
}
#footer #copyright a:hover {
	border:none;
}
/* -------------- Colors ---------------- */
.ltcream { background: #ffffe6; }
.dkcream { background: #f2f2b6; }
.orange {  background: #f58b41; }
.brown {  background: #553a21; }
.medgreen {  background: #468111; }
.yellow {  background: #c0cd21; }


/* --------------- Stu Nicholls Slider Menu ------------- */

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/vertical-concertina-6.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* #slide height = (number of top level links - 1) * height of links + inner div height */
#slide {
	margin:0;
	padding:12px 0 0 0;
	list-style:none;
	width:386px;
	height:400px;
	border:none;
	position:relative;
	overflow: hidden;
	font-size:11px;
	background: url(../images/trans.png) #f2f2b6 repeat-x bottom center;

 }

#slide li.sub {
	display:block;
	float:left;
	height:38px;
	width:386px;
	overflow:hidden;
	cursor:pointer;
	position:relative;	
	margin: -12px 0 0 0;
	padding: 4px 0 0 0;
	line-height:24px;
	text-indent: 10px;
	color:#f2f2b6;
	background: url(../images/p_05.png) no-repeat top center;
}

#slide li#one 	{	z-index:999;	}
#slide li#two 	{	z-index:998;	}
#slide li#three 	{	z-index:997;	}
#slide li#four 	{	z-index:996;	}
#slide li#five 	{	z-index:995;	}
#slide li#six 	{	z-index:994;	}
#slide li#seven 	{	z-index:993;	}
#slide li#eight 	{	z-index:992;	}
#slide li#nine 	{	z-index:991;	}
#slide li#ten 	{	z-index:990;	}



#slide li.sub a {
	display:block;

}
#slide li.sub a:hover {
}

#slide li.clicked {
	background: url(../images/p_05_o.png) no-repeat top center;

}

/* #slide li.sub div height = (maximum sub lines * sub line height) + top level link height(variable fY in jQuery) */
#slide li.sub div {
	height:165px;
	margin:0;
	padding:0 10px;
	font-size: 10px;
	line-height:2.2em;
	text-indent:0; 
	color: #553a21;
	
}

#slide li div ul {
	padding:0;
	margin:0;
	list-style:none;	
	background:#f2f2b6;

}
#slide li div ul li {
	float:left;
	width:100%;
	padding-top: 10px;

}
#slide li.sub div ul li a {
	border-bottom: 1px solid #468111;
	color:#468111;
	display:inline;
	font-size:10px;
	margin:0;
	padding:0;
	line-height:19px;
	text-decoration:none;
	text-indent:20px;
	width:100%;
}
#slide li div ul li a:hover {

}

/* ------- Subpage Alterations -------- */

div.subpage #colright div#hdr { 
	background: url(../images/hdr2.png) top left no-repeat;
	height: 121px;
}

.subpage #slide {
	background: #468111;
	padding:0px 0 0 0;
	height:216px;
	height: 240px;
	
}

.subpage ul#slide {
	overflow: visible;
}
.subpage #colright {
	margin:0;
	padding:0;
	width:562px;
}
.subpage #colleft div#btns {
	margin:0;
	padding:0;
	width:386px;
	background:none;
	position:relative;
	z-index:1000;
	
}

.subpage #colleft div#btns ul {
	padding:0;
	width:100%;
	margin-left:0px;
	
}

.subpage #colleft li.btn {
	background:none;
	display: inline;
	float: left;
	width:33.33%;
	margin:0;
	padding:0;
}
.subpage #colleft div#btns li.btn a {
	padding:6px 10px;
	display:block;
	width:100%;
	height:100%;
	background: url(../images/btn-side.png) top left no-repeat;
	background-color:none;
	height: 60px;
}
.subpage #colleft div#btns li.btn a:hover {
	background: url(../images/btn-side-o.png) top left no-repeat;
}


.subpage #colright #pagecontent {
	padding-top: 10px;
	padding-right:0;
	padding-bottom: 84px;
	margin:0;
	background: url(../images/p_13.png) #f2f2b6 no-repeat bottom right;
	width:564px;
	min-height: 500px !important;

}
.subpage #colright #pagecontent > * {
	padding:0 10px;
}

.subpage #pagetitle {
	margin-top: 40px;
	padding:0 10px;
}

.subpage #pagetitle h3 {
	font-size: 18px;
	text-transform:uppercase;
	
}
.subpage #pagecontent h4 {
	color: #468111;	
}

.subpage #pagecontent h5 {
	color: #468111;
	font-weight:lighter;
	margin-bottom:0;
}

.subpage #pagecontent ol,
.subpage #pagecontent ul {
	margin-left: 36px;
}
.subpage #pagecontent a {
	text-decoration: none;
	border-bottom:1px solid #c0cd21;
	padding:0;
	color: #c0cd21;
}
.subpage #pagecontent a:hover {
	color: #468111;
	border-bottom:none;
}
.subpage #pagecontent img {
	border: 1px solid #c0cd21;
	padding:0;
}
.subpage #pagecontent img.alignleft {
	float:left;
	margin-left:0;
	margin-right:10px;
}
.subpage #pagecontent img.alignright {
	float:right;
	margin-right:0;
	margin-left:10px;
}
.subpage #pagecontent table {
	padding:0; 	
	border-top:1px solid #c0cd21; 
	border-bottom:1px solid #c0cd21;
	background:#e1e19e; }
.subpage #pagecontent tr {padding:0; margin:0;}
.subpage #pagecontent th {
	font-size: 10px; 
	font-weight:bold; 
	background:none; 
	padding: 5px 10px; 
	margin:0;
	border-bottom:1px solid #c0cd21;
}
.subpage #pagecontent td {padding:5px 10px; margin:0;}

.subpage #pagecontent table.sched th.one,
.subpage #pagecontent table.sched th.two {
	width: 20%;
}

.subpage #pagecontent a#request {
	display:block;
	text-transform:uppercase;
	background:url(../images/subquoteclick_03.png) no-repeat top left;
	height: 30px;
	border:none;
	font-size: 16px;
	padding: 7px 0 0 10px;
	margin: 60px 0 0 0;
	color: #f2f2b6;
}
.subpage #pagecontent a:hover#request {
	background:url(../images/subquoteclick_o_03.png) no-repeat top left;
}

/* ------------- forms ------------ */

form {
  margin: 0;
  padding: 0;
  font-size: 100%;

  width: 400px;
}

form table td {
background: none;
border: none;
}
form table td {
	vertical-align:top;
}
form table td label {
	padding-top: 12px;
}

form textarea { width: 200px; }

/* ---------- spacer ---------- */

.spacer { clear: both; }

/* ---------- Fixing Blueprint Mismatches ---------- */

#colleft {
}

#colright {
	position:relative;
}
#colright #hdr, 
#colright #tip, 
#colright #special, 
#colright #btns {
	width: 564px;
}