/* Master layout */

body {
	margin:0;
	padding:0;
	background-image:url(../images/site/texturedBackground.jpg);
	background-repeat:repeat-y;
	width:100%;
	color:#000;
	font:10pt/1.5 "Times New Roman", Times, serif;
}

#topContainer {
	width:950px;
	margin-left:auto;
	margin-right:auto;
}

#topContainer_Left {
	width:300px;
	float:left;
	padding-right:80px;
	padding-top:20px;
}

.logo {
}

#topContainer_Mid {
	width:450px;
	float:right;
	padding-top:10px;
}

#topContainer_Right {
	width:160px;
	float:right;
	padding-top:10px;
}

.clear {
	clear:both;
	height:1em;
}

#middleContainer a {
	color:#720c0c;
	text-decoration:none;
	font-style:italic;
}

/*Main Links */


#linkBackground {
	background-color:#720c0c;
	background-repeat:no-repeat;
	width:100%;
	height:50px;
}

#linkContainer {
	width:950px;
	margin-left:auto;
	margin-right:auto;
}

#linkBar {
	color:#fff;
	font-size:14px;
	width:975px;
	height:50px;
	margin:0px;
	padding:0px;
}

#linkBar li {
	float:left;
	padding-right:38px;
	list-style:none;
	padding-top:15px;
}

#linkContainer>ul {
	list-style: none;
	padding: 0 20px;	
	/*margin: 0;*/
	/*width: 100%;*/
}
#linkContainer li {
	display:inline-block;
	margin: 0;	
	padding: 0px 15px 0 0;
	position: relative; /*--Declare X and Y axis base--*/
}

#linkContainer li a{
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
	padding:10px 10px;
}

#linkContainer li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
}
#linkContainer li span.subhover {
	background-position: center bottom;
	cursor: pointer; /*--Hover effect for trigger--*/
}
#linkContainer li ul.subNav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: -20px; 
	top: 50px;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-left: 1px solid #111;
	border-right: 1px solid #111;
	border-bottom: 1px solid #111;
}
#mainNav li ul.subNav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html #linkContainer li ul.subNav li a {
	padding: 10px 5px;
	float: left;
	width: 145px;
	background-color: #720b0c;
	padding-left: 20px;
}
html #linkContainer li ul.subNav li a:hover { /*--Hover effect for subnav links--*/
	background: #8b0f0c;
}


/*Banner Area */

#bannerContainer {
	background-color:#354905;
	width:100%;
	height:301px;
}

#bannerImage {
	width:926px;
	margin-left:auto;
	margin-right:auto;
}


/*Footer */

#dividingLine {
	background-image:url(../images/site/dividingLine.jpg);
	background-repeat:no-repeat;
	height:13px;
	width:950px;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
}

#footerContainer {
	width:950px;
	margin-left:auto;
	margin-right:auto;
}

#footerNav {
	width:850px;
	padding-bottom:15px;
}


#footerNav .greenText {
	color:#435e06;
	font-size:16px;
	line-height:24px;
}

#footerNav a {
	text-decoration:none;
	color:#435e06;
}

#footerNav .subMenu a {
	text-decoration:none;
	color:#000
}

#copyright {
	float:left;
	width:600px;
	padding-top:15px;
	color:#435e06;
}

#jbLogo {
	float:right;
	width:300px;
}

#grass {
	height:180px;
	background-image:url(../images/site/grassPattern.jpg);
	background-repeat:repeat-x;
	width:100%;
	background-color:#2e471b;
}

/*Main Content */

#middleContainer {
	width:950px;
	margin-left:auto;
	margin-right:auto;
}

.topContent {
	width:820px;
	margin-left:50px;
}

#indexCallOuts {
	background-color:#e8e4d2;
	background-repeat:repeat-x;
	width:100%;
	margin-top:15px;
	margin-bottom:15px;
	padding-top:20px;
}

#indexCallOutsContainer {
	width:950px;
	margin-left:auto;
	margin-right:auto;
}

#whiteBox_Top {
	width:312px;
	background-image:url(../images/site/whtieBox_Top.jpg);
	background-repeat:no-repeat;
	margin-right:10px;
	height:73px;
	padding-top:15px;
	
}

#whiteBox_Mid {
	width:312px;
	background-image:url(../images/site/whtieBox_Mid.jpg);
	background-repeat:repeat-y;
	margin-right:10px;
	margin-top:-20px;
	height:230px;
}

#whiteBox_Btm {
	width:312px;
	background-image:url(../images/site/whtieBox_Btm.jpg);
	background-repeat:no-repeat;
	height:24px;
}

#redBox {
	background-color:#720c0c;
	background-repeat:no-repeat;
	width:288px;
	height:51px;
	color:#fff;
	text-align:center;
	font-size:30px;
	margin-left:12px;
}

div.tipTitle_Tips {
	color:#720c0c;
	font-weight:500;
	font-size:20pt;
	line-height:24px;
	margin-left:20px;
	padding-top:10px;
}
div.tipText_Tips {
	margin-left:20px;
}


#testimonials {
	float:left;
	width:450px;
}

#workWithUs {
	float:right;
	width:450px;
}

.greenBtn {
	padding:10px 0 0 0;
}

/*Text Formatting */

h1 {
	font-size:22px;
	text-align:right;
	font-weight:lighter;
}

h2 {
	font-size:36px;
	color:#720c0c;
	font-weight:lighter;
	text-align:center;
	line-height:38px;
}

h3 {
	font-size:18px;
	color:#720c0c;
	margin:0px;
	padding:0px;
}

h4 {
	font:24pt/1.5 "Adobe Garamond", Times, serif;
	color:#585555;
	margin:0px;
	padding:0px;
}


p {
	margin:0px;
	padding:0px;
	font:11pt/1.4 "Times New Roman", Times, serif;
}

.greenLink {
	font:12pt/1.5 "Times New Roman", Times, serif;
	text-decoration:underline;
	color:#435E06;
}

/*************** Form Styling ********************/

form p {
	clear: left;
	padding-left: 7em;
}

form label {
	margin-top: 13px;
	float: left;
	margin-left: -7em;
	width: 6.8em;
}

.contact {
	padding-left: 10px;
	margin-left: -8em !important;
	width: 7.8em !important;
}

form .label {
	margin-top: 13px;
	float: left;
	margin-left: -5em;
	width: 18.8em;
}

form .auto{
	float: none;
	margin-left: 0;
	height: 0px;
	width: auto;
	vertical-align: middle;
}

form input, textarea {
	/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	/*background-color:#fff;*/
	border:1px solid #ccc;
	font-size:20px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom:16px;
	margin-top:8px;
	padding-left: 10px;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

form textarea {
		min-height:200px;
}

form input:focus, textarea:focus {
	-webkit-box-shadow:0 0 25px #ccc;
	-moz-box-shadow:0 0 25px #ccc;
	box-shadow:0 0 25px #ccc;
	
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);
}

/* The interesting bit */

form input[type=text]:not(:focus), textarea:not(:focus) {
	opacity:0.5;
}

.buttonDiv{
	padding-right:50px;
	float:right;
}

form fieldset {
	background: #e7e4d1;
	border-top:1px solid #ccc;
	border-left:0;
	border-bottom:0;
	border-right:0;
	margin-top: 15px;
	padding-left: 25px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow: 3px 3px 3px #ccc;
	-moz-box-shadow: 3px 3px 3px #ccc;
	box-shadow: 3px 3px 3px #ccc;
}
form legend{
	text-align:left;
	font-size:18px;
	padding:0px 4px 0px 4px;
	margin-left:20px;
	color: #720C0C;
}

form .subLegend {
	font-size: 14px;
}

form fieldset hr{
	width: 95%;
	border: 1px solid #ccc;
	clear:both;
}

.serviceGroup {
	margin: 20px;
	border-bottom: 1px solid #ccc;
}

.serviceGroup p {
	min-width: 190px;
	display: inline;
	padding-left: 0px;
}
/********* End Form Styling **********************/