/* -----------------------------------------------
Client: Suburban Fence
Function: Screen CSS definitions.
Author:   Jason Walle | jason@project924.com
Modified:  May 1, 2008
Copyright: Copyright (C) 2008 Suburban Fence, Inc.
----------------------------------------------- */
@import url("boxes.css");
@import url("datePicker.css");
@import url("fancybox.css");

/* Global
----------------------------------------------- */
body {
	background: #3f953a url(/images/shared/bg-top.png) top center repeat-x;
	margin: 0;
	padding: 0; 
	background-color: #3f953a;
	text-align: center;
}

body div{
	text-align: left;
}

body, p, td, div {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #212121;
	line-height: 145%;
}

body, div, td, p {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/* Globals
---------------------------------------------------------------------*/
br, .clear {clear: both;}
img {border: 0;}
fieldset {border: 0;}
.right {text-align: right;}
a, a:link, a:visited {color: #333;}
a:active, a:hover {color: #900;}


/* Layout
----------------------------------------------- */
#wrapper {
	width: 990px;
	margin: 10px auto;
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#container {
	margin: 0;
	padding: 0;
}

	#container #social-icons {
		text-align: right;
		margin: 0;
		padding: 0;
		}

	#container #header {
		width: 990px;
		height: 81px;
		margin: 15px 0 7px 0;
		padding: 0;
	}

	#container #leftColumn {
		float: left;
		background-color: #fff;
		width: 210px;
		padding: 0;
		margin: 0;
	}
		
		#container #leftColumn #mainNav {
			margin: 0;
			padding: 10px;
		} 
		#container #leftColumn #mainNav ul {
			background-color: #035a78;
			list-style: none; 
			margin: 0; 
			padding: 0; 
		} 
		#container #leftColumn #mainNav ul li { 
			border-bottom: 1px solid #fff;
		} 
		#container #leftColumn #mainNav ul li a:link,
		#container #leftColumn #mainNav ul li a:visited  { 
			background-color: #035a78;
			font-size: 12px;
			font-weight: bold;
			display: block; 
			padding: 5px; 
			color: #fff; 
			text-decoration: none; 
		}
		#container #leftColumn #mainNav ul li.selected { 
			background-color: #0d7ea3; 
			color: #fff;
		} 
		
		#container #leftColumn #mainNav ul li a:hover { 
			background-color: #0d7ea3; 
			color: #fff;
		}
		
		/* Second Level */
		#container #leftColumn #mainNav ul ul { 
			margin-left: 10px; 
		} 
		#container #leftColumn #mainNav ul ul li {
			background-color: #035a78; 
			border-bottom: 0;
			border-top: 1px solid #fff; 
			margin:0; 
		}
		
		#container #leftColumn #mainNav ul ul li a:link,
		#container #leftColumn #mainNav ul ul li a:visited {
			background-color: #035a78;
			font-size: 11px;
			color: #fff; 
		} 
		
		#container #leftColumn #mainNav ul ul li a:hover,
		#container #leftColumn #mainNav ul ul li.selected,
		#container #leftColumn #mainNav ul ul li.selected a:link,
		#container #leftColumn #mainNav ul ul li.selected a:visited {
			background-color: #0d7ea3; 
			color: #fff; 
		}

		#container #leftColumn #subNav {
			margin: 0;
			padding: 0 10px 20px 10px;
		} 
		#container #leftColumn #subNav ul {
			background-color: #6dad68;
			list-style: none; 
			margin: 0; 
			padding: 0; 
		} 
		#container #leftColumn #subNav ul li { 
			border-bottom: 1px solid #fff;
		} 
		#container #leftColumn #subNav ul li a:link,
		#container #leftColumn #subNav ul li a:visited  { 
			background-color: #6dad68;
			font-size: 12px;
			font-weight: bold;
			display: block; 
			padding: 5px; 
			color: #fff; 
			text-decoration: none; 
		}
		#container #leftColumn #subNav ul li.selected { 
			background-color: #8fc78b; 
			color: #fff;
		} 
		
		#container #leftColumn #subNav ul li a:hover { 
			background-color: #8fc78b; 
			color: #fff;
		}

	#container #promo {
		float: right;
		background-color: #fff;
		width: 770px;
		padding: 10px;
		margin: 0 0 10px 0;
	}


	#container #rightColumn {
		float: right;
		background-color: #fff;
		width: 770px;
		padding: 10px;
		margin: 0;
	}

		#container #rightColumn #homeContent {
			padding: 0;
			margin: 10px;
		}

			#container #rightColumn #homeContent p {
				margin: 0 0 12px 0; 
				padding: 0px; 
				letter-spacing: 0;
			}

		#container #rightColumn #homeContent #bottomFeatures {
			margin: 0 0 10px 0;
			padding: 0;
			background-color: #fff;
		}
		
			#container #rightColumn #homeContent #bottomFeatures .column_module {
				background: url(/images/column-module-bg.gif) repeat-y;
				width: 258px;
				float: left;
			}
			
			#container #rightColumn #homeContent #bottomFeatures .column_module_inner {
				background: url(/images/column-module-bottom.gif) no-repeat bottom left;
				padding-bottom: 1px;
				height: 240px;
			}

			/* module header */
			#container #rightColumn #homeContent #bottomFeatures .module_hdr h1, 
			#container #rightColumn #homeContent #bottomFeatures .module_hdr_green_inner h1 {
				font-family: Helvetica, Verdana, sans-serif;
				letter-spacing: 1px;
				font-weight: normal;	
				font-size: 17px;
				color: #fff;
				margin: 1px 0 0 0;
			}

			#container #rightColumn #homeContent #bottomFeatures .module_hdr {
				background: url(/images/global_hdr_bg.gif) no-repeat;
				position: relative;
			}	

			#container #rightColumn #homeContent #bottomFeatures .module_hdr_inner {
				background: url(/images/global_hdr_bg_right.gif) no-repeat top right;
				height: 25px;
				padding: 11px 0 0 15px;
			}


			#container #rightColumn #homeContent #bottomFeatures .module_hdr_green h1, 
			#container #rightColumn #homeContent #bottomFeatures .module_hdr_green_featured h1 {
				font-family: Helvetica, Verdana, sans-serif;
				letter-spacing: 1px;
				font-weight: normal;	
				font-size: 17px;
				color: #fff;
				margin: 1px 0 0 0;
			}

			#container #rightColumn #homeContent #bottomFeatures .module_hdr_green {
				background: url(/images/global_hdr_green_bg.gif) no-repeat;
				position: relative;
			}	

			#container #rightColumn #homeContent #bottomFeatures .module_hdr_green_inner {
				background: url(/images/global_hdr_green_bg_right.gif) no-repeat top right;
				height: 25px;
				padding: 11px 0 0 15px;
			}

			
			/* home feature begins */
			#container #rightColumn #homeContent #bottomFeatures .column_module .column_module_inner .home_feature {
				padding-bottom: 14px;
			}

			.home_feature_image img {
				margin: 7px 0 7px 87px;
				display: block;
				border: 0;
			}
		
			#container #rightColumn #homeContent #bottomFeatures .column_module .column_module_inner .home_feature p {
				padding: 0 15px 0 15px;
			}


		#container #rightColumn #content_hdr h1 {
			color : #fff;
			background-color: #222;
			border-bottom: 5px solid #419639;
			font-size: 170%;
			padding: 15px 5px 11px 0;
			margin: 0 0 10px 0;
			text-align: right;
			text-transform : uppercase;
			letter-spacing: 2px;
		}

		#container #rightColumn #content_hdr h2 {
			font-size: 150%;
			color: #419639;
			margin: 0 0 10px 0;
			padding: 0;
			text-decoration: none;
		}

		#container #rightColumn #content {
			padding: 0;
			margin: 10px;
		}




p.small, td.small, .small {
	font-size: 10px;
}



#footer {
	width: 990px;
	margin: 0 auto;
	padding: 5px 0 25px 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #c1e9be;	
	text-align: center;
	}

#footer #leftCol {
	float: left;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #c1e9be;	
	}

#footer #rightCol {
	float: right;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #c1e9be;	
	}

h1, h2, h3, h4, h5 {
	font-family: verdana;
	font-weight: bold;
	letter-spacing: -.05em;
	margin: 0;
	padding: 0;
	line-height: 1em;
}


h1 {
	font-size: 170%;
}

h2 {
	font-size: 150%;
	color: #419639;
	margin: 0 0 10px 0;
	padding: 0;
	text-decoration: none;
}

h3 {
	font-size: 130%;
	color: #007DAF;
	margin: 0 0 10px 0;
	padding: 0;
}

h4 {
	font-size: 120%;
}

h5 {
	font-size: 100%;
}

.required {
	color: #900;
}

a, a:link, a:visited {
	color : #333333;
	text-decoration : underline
}

a:hover, a:active {
	color : #007DAF;
	text-decoration : underline
}

img {
	border: 0;
}

img.left {
	float: left;
	padding: 10px 20px 20px 0;
}

img.right {
	float: right;
	padding: 10px 0 20px 20px;
}



.required {
	color: #c00;
	font-weight: bold;
}

.requiredField {
	background-color: #FFEFF0;
	border: 1px solid #c00;
}




input[type="submit"] {
	background-color: #246F1B;
	padding: 5px; 
	border-top: 1px solid #419639;
	border-right: 1px solid #0C2F09;
	border-bottom: 1px solid #0C2F09;
	border-left: 1px solid #419639;
    color: #fefefe;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
}


input[type="submit"]:hover {
	background-color: #24afe9;
	padding: 5px; 
	border-top: 1px solid #ace0fd;
	border-right: 1px solid #0076c4;
	border-bottom: 1px solid #0076c4;
	border-left: 1px solid #ace0fd;
    color: #fefefe;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
}

input[type="button"] {
	background-color: #e43d90;
	padding: 5px; 
	border-top: 1px solid #e578af;
	border-right: 1px solid #b01d66;
	border-bottom: 1px solid #b01d66;
	border-left: 1px solid #e578af;
    color: #fefefe;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
}


input[type="button"]:hover {
	background-color: #24afe9;
	padding: 5px; 
	border-top: 1px solid #ace0fd;
	border-right: 1px solid #0076c4;
	border-bottom: 1px solid #0076c4;
	border-left: 1px solid #ace0fd;
    color: #fefefe;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
}

.photoList {
	float: left;
	width: 200px;
	margin: 0 0 25px 35px;
	padding: 0;
	text-align: center
}

.testimonialBox {
	margin: 15px 0 0 0;
	padding: 10px;
	background-color: #efefef;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	}
	
	.testimonialBox p {
		margin: 0;
		padding: 0;
		}
		
p.testimonialName {
	background-color: #efefef;
	border-top: 1px dashed #ccc;
	margin: 0;
	padding: 4px 10px 4px 4px;
	text-align: right;
	color: #555;
	}
	
/* Buttons
---------------------------------------------------------------------*/
a.button, button.button {
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	float:left;margin:0 .7em 0 0;
	text-decoration:none;
	background:#EAEAEA url(/images/ui/white-grad.png) repeat-x left top;
	border:1px solid #dedede;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bfbfbf;
	padding:5px 10px 6px 10px;
	display:block;
	cursor:pointer;
	font-size:100%;
	line-height:130%;
	color:#464646;
	-webkit-box-shadow:rgba(0,0,0,.15) 0px 1px 3px;
	-moz-box-shadow:rgba(0,0,0,.15) 0px 1px 3px;
	box-shadow:rgba(0,0,0,.15) 0px 1px 3px;
	-webkit-border-radius:11px;
	-moz-border-radius:11px;
	border-radius:11px;
}

a.button, button.button {
	float:none;
	display:inline;
	display:inline-block;
}

button {
	width:auto !important;
	overflow:visible !important;
}

button.button {
	padding:4px 10px 3px 7px;
}

button.button[type] {
	width:auto;
	padding:5px 10px 5px 7px;
	line-height:17px;
}

*+html button.button[type] {
	padding:4px 10px 3px 7px;
	margin-bottom:1px;
}

* html button.button {
	margin-bottom:1px;
}

a.button img, button.button img {
	margin:0 3px -3px 0 !important;
}

a.button:hover, button.button:hover {
	border:1px solid #999;
	color:#000;
}

button.active, a.button:active {
	border-color:#ccc;
	background: #FFF url(/images/ui/white-grad-active.png) repeat-x left top;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

button.positive, a.positive {
	color:#63A142;
	font-weight:bold;
}

a.positive:hover, button.positive:hover {
	border:1px solid #7CB043;
	color:#63A142;
}

a.positive:active {
	background:#94B717;
	border:1px solid #94B717;
	text-shadow:#607710 1px 1px 1px;
	color:#fff;
}

a.negative, button.negative {
	color:#d12f19;
}

a.negative:hover, button.negative:hover {
	border:1px solid #E86B6D;
	color:#d12f19;
}

a.negative:active {
	background:#d12f19;
	border:1px solid #d12f19;
	text-shadow:#A93816 1px 1px 1px;
	color:#fff;
}


/* Alerts
---------------------------------------------------------------------*/
#success {
	background:#E2F9E3 url("/images/ui/alert-success.gif") no-repeat 11px 12px;
	border-top: 1px solid #9c9;
	border-bottom: 1px solid #9c9;
	margin:0 0 20px 0;
	padding:10px 10px 10px 35px;
	/*-moz-border-radius:5px;
	border-radius:5px;
	-webkit-border-radius:5px;*/
}

#success h3 {
	color:#468d3f;
	font-size:14px;
	font-weight:normal;
	margin:0;
	padding:0
}

#failure {
	background:#ffd1d1 url("/images/ui/alert-failure.gif") no-repeat 13px 11px;
	border-top: 1px solid #f8acac;
	border-bottom: 1px solid #f8acac;
	margin:0;
	padding:10px 10px 10px 35px;
	/*-moz-border-radius:5px;
	border-radius:5px;
	-webkit-border-radius:5px;*/
}

#failure h3 {
	color:#8d3f3f;
	font-size:14px;
	font-weight:normal;
	margin:0;
	padding:0
}

.failureMessage {
	background:#fff1f1;
	border-bottom:1px solid #fddcdc;
	padding:10px 20px;
	color:#664b4b;
	margin-bottom:30px
}

.failureMessage ol {
	margin: 0 0 0 20px;
	padding: 0;
}