/*================== globals ====================*/

* { margin: 0; padding: 0;}

body { 
	background-color: #c1c3c0; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 1.25em; 
	color: #121212;
	padding: 0px;
	margin: 0px;
}

div {float: none;
	padding: 0px;
	margin: 0px;
}

input, textarea { font-size: 12px; font-family: Arial, Helvetica, sans-serif;}

p { margin-bottom:14px;}

img {border:0px;}

a {color: #5d5dff;}
a:hover {
}

h1 {font-family: Georgia, "Times New Roman", Times, serif;}
h2, h3, h4 {font-family:  Arial, Helvetica, sans-serif; font-weight:bold;}

h1 { font-size: 24px; 
	font-weight: normal; 
	padding: 20px 0 5px 0;
	color:#705d1b;
	}
	
h1 a { text-decoration: none;}
h1 a:hover { text-decoration:none;}

h2 { font-size: 16px; 
	color: #246085; 
	font-weight: normal; 
	line-height: 34px; 
	margin-bottom: 0px;
	}

h3 {
	font-size:16px; 
	color: #862e22; 
	font-weight: normal;
	line-height: 34px; 
	margin-bottom: 3px;
}

h4 { font-size: 16px; 
color: #246085; 
font-weight: normal; 
line-height: 34px; 
margin-bottom: 3px;
}


/*================== global classes ====================*/

.floleft { float: left;}
.floright { float: right;}
.clear { clear: both;}

.alignright { text-align: right;}
.aligncenter { text-align: center;}

.container { width:100%;}


/*================== forms ====================*/

input, select { font-size: 12px; vertical-align: middle; font-weight: normal;}
img {border: 0; vertical-align: top; text-align: left;}

#contacts-form label { display: block; height: 41px; }
#contacts-form input { width:174px; padding:1px 0 1px 3px; color: #373732; border: 1px solid #a09b96; background: none;}
#contacts-form textarea { width: 316px; height: 99px; padding: 1px 0 1px 3px; margin-bottom: 16px; overflow: auto; color: #373732; border: 1px solid #a09b96; background:none;}


/*================== list ====================*/

ul { list-style:none;}
ul li { list-style:none;}

.p1 { margin-bottom: 8px;}
.p2 { margin-bottom: 25px;}
.p3 { padding-bottom: 16px; margin: 0;}


/*================== master containers ======================*/

#outerShell { width:1072px; margin: 0 auto 0 auto; }

/* #innerShell { width:910px; margin: 0 auto 0 auto; background-color:#fff; } */

#bodyLeft { width:82px; float:left; background:transparent url(../images/shadow-left.gif) repeat-y top right }
#bodyRight { width:80px; float:left; background:transparent url(../images/shadow-right.gif) repeat-y top left }
	#innerShell {width:910px; float:left; background-color:#ffffff;}


#mainMenu { 
	width:100%; 
	height:26px; 
	background-color:#8c8a35; 
	border-bottom:1px solid #6e5b19;
	padding-top:10px 
}

#mainMenu a:link, #mainMenu a:visited, #mainMenu a:hover {
	font-size:14px; 
	text-decoration:none; 
	font-weight:bold; 
	color:#000000; 
	padding:0 40px 0 0
}

#mainMenu a:hover {
text-decoration:underline;
}

#mainMenu ul {
	padding-left:20px;
}
#mainMenu ul li{
	display:inline;
}


#mainContent { margin: 0 0 50px 40px; width:830px;  
}

#mainContent ul {
	font-size:12px;
}
#mainContent ul li{
	line-height:18px;
	list-style:inside;
	list-style-type:disc;
}


#mainContent p{
}

#mainContent h2{
}

#mainContent h3{
}

#mainContent h3{
}

#mainContent #leftRail {
	float:left;
	width:440px;
	padding: 0 60px 0 0;
}



#mainContent #leftRail h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:Normal;
	font-size:16px;
}

#mainContent #portfolio #leftRail h3{
	margin: 6px 0 0 8px;
	padding: 0px;
	}

#mainContent #regularPage h1, #mainContent #portfolio h1{
	padding:20px 0 12px 0;
	}

#mainContent #regularPage #leftRail h3{
	margin: 6px 0 0 0px;
	padding: 0px;
	}


#mainContent #evenColumn #leftRail{
	float:left;
	width:385px;
	padding: 0 20px 0 0;
}

#mainContent #evenColumn #rightRail
{
	float:right;
	width:373px;
	padding: 0 0 0 0;
	margin:0 0 0 15px;
}

#mainContent #rightRail {
	float:right;
	width:278px;
	padding: 0 0 0 0;
	margin:0 0 0 15px;
}

#mainContent #portfolio #rightRail img{
float:right

}


#mainContent #leftRail p, #mainContent #rightRail p {
	padding-bottom: 0px;
	}


#mainContent #contactForm #leftRail, #bodyContent #contactForm #rightRail {float:left;} 
#mainContent #contactForm #leftRail {width:400px; padding: 0 40px 0 0;}
#mainContent #contactForm #rightRail {width:370px; }
#mainContent #contactForm #rightRail .formTitle {width:275px; font-size:12px; font-family: Arial, Helvetica, sans-serif; margin:0 8px 3px 0; font-weight:bold; }
#mainContent #contactForm #rightRail .formItem {width:350px; font-size:12px; font-family: Arial, Helvetica, sans-serif; margin:0 0 10px 0; }
#mainContent #contactForm #rightRail .formItem input, #mainContent #contactForm .formItem select,  #mainContent #contactForm #rightRail .formItem textarea{ font-family:Arial, Helvetica, sans-serif; padding:3px;}
#mainContent #contactForm #rightRail .formItem input {width:250px;} 
#mainContent #contactForm #rightRail .formItem textarea {width:300px;} 
#mainContent #contactForm .formItem select{ width:150px;}


.examplePhoto {border:1px solid Red; width:150px; float:right; margin:0 0 8px 15px;}

#copyFooter {
	width:830px; height:30px; border-top:1px solid #bab986; margin: 35px 40px 0 40px; padding: 18px 0 0 0; 
}

#footer {width:1072px; }

.contentWrapper {
}

#headerTop {
	background: #000 url(../images/lawn-care_02.gif); 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	width:1135px;
	height:197px; 
	color: #000;
	border:1px solid black;
}
#headerTop2 {
}

#bodyOuter {
	width:1135px;
	 background-image:url(../images/lawn-care-curtain.gif;) /*flag*/
	}

#bodyBackLeft,#bodyBackShell, #bodyBackRight {
	float:left;
	}


#bodyBackLeft {width:133px;}
#bodyBackShell {width:877px; background-color:#ffffff;}
#bodyBackRight {width:125px;}

#bodyBackShell-about {width:877px; height:650px; background-color:#ffffff; float:left;}



#homeImages { width:100%;}



/* -------------- left nav ------------------------*/

#leftNav a:link, #leftNav a:visited, #leftNav a:hover {
	text-decoration:underline;
	font-size: 12px; 
	}

#leftNav a:hover {
	color:#1a1a91
	}

#leftNav ul { width:245px; margin:0px 0 0 0; }
#leftNav ul li.leftNavRegular { height:30px; background:transparent url(../images/lawn-care-left-divider.jpg) left top no-repeat; }
#leftNav ul li#leftNavHighlighter { height:24px; background:transparent url(../images/arrow_leftnav2.jpg) left top no-repeat; padding:4px 0 0 0}
#leftNav ul li#leftNavHighlighter p{ padding:5px 0 0 25px; margin:0;}
#leftNav ul li#leftNavTop { height:24px; background:transparent url(../images/arrow_leftnavTop.gif) left top no-repeat; padding:4px 0 0 0}
#leftNav ul li#leftNavTop p{ padding:5px 0 0 25px; margin:0;}
#leftNav ul li.leftNavRegular p{ padding:11px 0 0 25px; margin:0;}
#leftNav ul ul { margin:2px 0 7px 25px; padding:0px;}
#leftNav ul ul li { background:none; height:18px; }
#leftNav ul ul li p{ padding:2px 0 0 0; margin:0px 0 0 25px;}

#leftNav ul li.noBG { background-image:none; height:30px; margin:0px;}
.leftNavHighlighter {background:transparent url(../images/arrow_leftNav2.jpg) left center no-repeat;}
.leftNavIndentHL {background:none;}
#leftNav ul li.leftNavIndent {background: none; height:20px; }
#leftNav ul li.leftNavIndent p {margin:2px 0 2px 50px; padding:0px; }
#leftNav ul li.leftNavIndentHL { height:20px;background: none; background:transparent url(../images/arrow_leftnav3.gif) left top no-repeat; padding:2px 0 0 0}
#leftNav ul li.leftNavIndentHL p{ padding:0px 0 0 25px; margin:0 0 0 25px;}
#leftNav ul li.noBG {background: none; height:18px; }
#leftNav ul li.noBG p{margin:2px 0 2px 25px; padding:0px; }

/* -------------- global body tags ------------------------*/

.bodyHelp {
	color:#cc6600;
	}

#bodyContent ul li { color:#4f4f4f; list-style-type:disc; list-style-position:inside;}
#bodyContent ul { padding-bottom:10px;}


.imageDivider { padding:3px 0 12px 0;}

.strong { font-weight:bold;}
.italics { font-style:italic;}

.txtOrange  { color:#cc6600;}

#bodyContent h3 { font-size:14px; font-weight:bold; color:#4f4f4f;}

#bodyContent .doublePhoto { }
#bodyContent .doublePhoto .leftPhoto, #bodyContent .doublePhoto .rightPhoto { width:278px; height:208px; float:left;/* background-image:url(../images/base_snapshot.jpg);  */}
#bodyContent .doublePhoto .leftPhoto {margin:0 5px 15px 2px;}
#bodyContent .doublePhoto .rightPhoto {}


.top10{margin-top:10px;}
.centrified{ text-align:center;}
.width290{width:295px; float:left; padding-right:5px;}
.padRight20 p { padding-right:20px;}

/* -------------- Case Studies ------------------------*/

.btnCaseStudy1, .btnCaseStudy2, .caseStudyTxt { float:left;}

.btnCaseStudy1 { margin-left:50px;}
.btnCaseStudy2 { }
.caseStudyTxt { width:400px; margin:12px 0 0 12px; }
#caseStudyPhoto {
	margin-left:25px;
	width:531px;
	height:389px;
	background-image:url(../images/casestudies_01.jpg);
	border:none
	}
#caseStudyPhoto img{
	margin:43px 0 0 37px;}
#currentSlideNumber {}
#slideTotal {}

/* -------------- templates 

#tpl_01 {}

#tpl_01 #leftNav { width:270px; float:left; margin-bottom:25px;}

#tpl_01 #bodyContent { width:600px; float:left; margin-bottom:25px; }
#tpl_01 #bodyContent p {color:#4f4f4f; padding-right:25px;}
#tpl_01 #bodyContent h1{
	font-size: 20px; 
	font-weight: normal;
	font-family:"Times New Roman", Times, serif; 
	padding: 22px 0 12px 0;
	margin:0px;
	color:#4e6600;
	}
#tpl_01 #bodyContent a:link, #tpl_01 #bodyContent a:visited, #tpl_01 #bodyContent a:hover {
	text-decoration:underline;
	font-size: 12px; 
	}

#tpl_01 #bodyContent h4{
	font-size: 18px; 
	font-weight: normal;
	font-family:"Times New Roman", Times, serif; 
	padding: 6px 0 6px 0;
	margin:0px;
	color:#4e6600;
	}

------------------------*/

/* two column layout 
#tpl_02 {
width:100%;
}
*/
/* home page 
#tpl_03 {
width:100%;
height:450px;
background-color:#ffffff;
}

#tpl_03 #leftSide { width:357px; float:left; }

#tpl_03 #leftSide p {color:#4f4f4f; padding:0px 20px 6px 36px;}
#tpl_03 #leftSide h1{
	font-size: 16px; 
	font-weight: bold;
	padding: 55px 20px 12px 36px;
	margin:0px;
	color:#4f4f4f;
	}

#tpl_03 #leftSide img{
	padding: 0 0 0 20px;
}
*/
#tpl_03 #rightSide { 
	width:520px; 
	height:345px; 
	float:left; 
	/*background-image:url(../images/lawn-care-services.jpg)*/  
}
/*
#tpl_03 #rightSide p{
	color:#4f4f4f; padding:0px 100px 0px 0px;
	}

#tpl_03 #rightSide h1{
	font-size: 21px; 
	font-weight: bold;
	font-family:"Times New Roman", Times, serif;
	padding: 35px 20px 16px 0px;
	margin:0px;
	color:#4f4f4f;
	}


#tpl_03 #rightSide a:link, #tpl_03 #rightSide a:visited, #tpl_03 #rightSide a:hover {
	text-decoration:underline;
	font-size: 12px; 
	color:#5d5dff;
	}

#tpl_03 #rightSide h4{
	font-size: 12px; 
	font-weight: bold;
	padding: 0px 20px 0px 0px;
	margin:0px;
	color:#4f4f4f;
	}
*/
.superBG{}

#footer {
width:100%;
height:30px;
padding-top:0px;
}

#footerBack {
width:100%;
}

#footerFront {
width:830px;
border-top:1px solid #aaa;
margin-left: 50px;
z-index:40;
position:absolute;
}

#footerFront p{
font-size:11px;
color:#444;
margin-top:10px;
}

#endCap {
width:100%;
height:40px;
}


#footerTxt { color:#fff; text-align:center;}
#footerTxt a:link, #footerTxt a:visited, #footerTxt a:hover { color:#fff; }