/*
Author: Tiffany Ring
Author URI: http://epicosity.com
*/

html {
    height: 100%; 
	background-color: #313131;
}

body  {
	font: 100%/1.5 Arial, Helvetica, sans-serif;
	background-color: #fff;
	background-image: url(/images/design/content_bg.jpg);
	color: #313131; /* dark grey */
}

/********* RESET *********/
html, body, div, span, object, iframe,
blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    font-size: 100%;
    vertical-align:baseline;
}

img, fieldset {
	border: 0;
}

img {
	max-width: 100%;
	height: auto;
}

.ie8 img {
	width: auto;
	height: auto;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
}


h1, h2, h3, h4, h5, h6 {
	padding-top: 0;
	margin-top: 0;
	line-height: 1;
}

.container_tr {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

div.center_align {
	text-align: center;	
}

div.left_float {
	float: left;
}

div.right_float {
	float: right;
}

div.clear {
	clear: both;
}

/* Selection colours (easy to forget) */

::selection 	 	{background: rgb(255,255,158);}
::-moz-selection 	{background: rgb(255,255,158);}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: rgb(255,255,158);}

/********* Site Specific *********/

h1 {
	font-size: 1.5em;
	color: #0f85bb; /* blue */
}

h2 {
	font-size:1.25em;
	border-bottom: 2px solid #66a020; /* green */
}

h3 {
	font-size: 1.10em;
	color: #0f85bb; /* blue */
}

h4 {
	font-size: 1.0em;
	margin-top: 0;	
}

p {
}

a:link {
	color: #0f85bb; /* blue */
	text-decoration: none;
	font-weight: bold; 
}
a:visited {
	color: #89b5d9; /*light blue */
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	color: #969696;
}

.section {
	margin: 0;	
	padding: 0;
}



/********* Top Nav *********/
#top_nav {
	position: fixed;
	background: url(/images/design/topnav_bg.jpg) #333333;
	height: 72px;
	width: 100%;
	color: #cac7c7;	/* medium grey */
	text-align: center;
	z-index: 500;
}

#top_nav a { color: #cac7c7; /* medium grey */}
#top_nav a:hover { color: #89b5d9; /*light blue */}
#top_nav ul li a.current { color: #89b5d9; /* light blue */}

#top_nav ul {
	list-style-type: none;
	text-align: center;
	position: relative;
	margin: 0;
	padding: 0;
}

#top_nav ul li {
	position: relative;
	float: left;
	width: 205px;
	margin: 0;
}

#top_nav ul li a {
	display: block;
	height: 42px;
	font-size: .875em;
	line-height: 1.0;
	padding-top: 30px;
	text-transform: uppercase;
}

#top_nav ul li.logo { width: 140px; padding: 0; margin: 0; }
#top_nav ul li.logo a { width: 140px; padding: 0; margin: 0; background: none; }

#top_nav div.mobile { display: none; }

/* drop down */

#top_nav ul li ul {
	position: absolute; 
	left: -9999px; 
	list-style: none;
	background: #659f1f; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY1OWYxZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzhjYmEzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NTlmMWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #659f1f 0%, #8cba39 50%, #659f1f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#659f1f), color-stop(50%,#8cba39), color-stop(100%,#659f1f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #659f1f 0%,#8cba39 50%,#659f1f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #659f1f 0%,#8cba39 50%,#659f1f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #659f1f 0%,#8cba39 50%,#659f1f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #659f1f 0%,#8cba39 50%,#659f1f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#659f1f', endColorstr='#659f1f',GradientType=0 ); /* IE6-8 */
}

#top_nav .home_page ul li ul {
	top: 40px;
}

#top_nav ul li ul li {
	float: none;
	color: #fff;
	border-bottom: 1px solid #ffffff;
}

#top_nav ul li ul li a {
	height: 100%;
	padding: 10px 0;
	line-height: 1;
	color: #ffffff;
}

#top_nav ul li ul a:visited { color: #fff;}

#top_nav li:hover ul {
	position: absolute;
	left: 0;
}

#top_nav li:hover a{ 
	color: #89b5d9; /* light blue */
}

#top_nav li:hover li a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	color: #ffffff;	
	font-weight: normal;
}

#top_nav ul li ul li a:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	color: #313131;
	background: #e3dfc4; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZGZjNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2RmYzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #e3dfc4 0%, #ffffff 50%, #e3dfc4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3dfc4), color-stop(50%,#ffffff), color-stop(100%,#e3dfc4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e3dfc4 0%,#ffffff 50%,#e3dfc4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e3dfc4 0%,#ffffff 50%,#e3dfc4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e3dfc4 0%,#ffffff 50%,#e3dfc4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e3dfc4 0%,#ffffff 50%,#e3dfc4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3dfc4', endColorstr='#e3dfc4',GradientType=0 ); /* IE6-8 */
}


/********* Internal Pages *********/
.internal {
	background-color: #333333;
}

.corn_bg {
	background: url(/images/design/corn_bg.jpg) top center fixed repeat-x;
}

.content {
	padding: 150px 20px;
	background: url(/images/design/content_bg.jpg) #e8e8e8;
	min-height: 800px;
}

.sidebar {
	position: relative;
	width: 200px;
	float: left;
}

.mid {
	width: 660px;
	position: relative;
	float: left;
	padding: 0 30px;
}

.scroll {
	height: 90%;
	overflow: scroll;
}

.narrow {
	width: 460px;
}

.mid h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	padding-top: 0;
}

.mid img {
	border: 3px solid #ffffff;
}

h2.vertical-title {
	border-bottom: 0;
}

.contact {
	margin-top: 55px;
	height: 600px;
}

.left_col {
	float: left;
	width: 240px;
}

.right_col {
	float: right;
	width: 660px;
}

ul.sub_navigation {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.sub_navigation li {
	border-top: 1px solid #b6b6b6;
	padding: 7px 0 7px 10px;
	font-weight: normal;
	color: #b6b6b6;
	text-transform: uppercase;
	line-height: 1;
}

ul.sub_navigation li.overview {
	border-top: 0;
	padding-left: 0;
}

ul.sub_navigation li.overview:hover { 
	background-color: transparent; 
}

ul.sub_navigation li.overview a {
	font-weight: bold;
	color: #0f85bb; /* blue */
	cursor: default;
	font-size: 1em;
}

ul.sub_navigation li a {
	font-weight: normal;
	color: #303030;
	line-height: 1;
	font-size: 0.875em;
	text-transform: uppercase;
}

ul.sub_navigation li:hover { background-color: rgba(248, 248, 248, 0.6); }
ul.sub_navigation li a:hover { font-weight: bold; }
ul.sub_navigation li.here { background-color: rgba(248, 248, 248, 0.6); }
ul.sub_navigation li.here a { font-weight: bold; }
ul.sub_navigation li:last-child { border-bottom: 1px solid #b6b6b6; }

/* locations */
ul.locations_list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.locations_list li {
	padding: 7px 0;
	font-weight: normal;
	background-color: rgba(248, 248, 248, 0.6);
	color: #b6b6b6;
	text-transform: uppercase;
	text-align: center;
	width: 200px;
	margin-right: 30px;
	margin-bottom: 10px;
	float: left;
}

ul.locations_list li a { color: #303030; /* dark grey */ }

ul.locations_list li:hover { background-color: rgba(248, 248, 248, 0.6); }
ul.locations_list li a:hover { font-weight: bold; color: #0f85bb; /* blue */ }
ul.locations_list li.here { background-color: rgba(248, 248, 248, 0.6); }
ul.locations_list li.here a { font-weight: bold; color: #0f85bb; /* blue */ }

ul.locations_list li:nth-child(3n+3) {
	margin-right: 0;
}

.location_info {
	border-bottom: 2px solid #66a020; /* green */
	border-top: 2px solid #66a020; /* green */
	padding: 20px 0;	
	margin-bottom: 20px;
}

.team_member {
	border-bottom: 2px solid #c0c0c0; /* light grey */
	margin-bottom: 20px;
}

.team_member h4 span {
	font-size: 0.875em;
	font-weight: normal;
	font-style: italic;
}

.team_member img {
	float: left;
	max-width: 300px;
	max-height: 200px;
	margin-right: 20px;
	margin-bottom: 10px;
}

/* testimonials */
.test_form input {
	width: 218px;
	float: left;
	margin: 5px 0;
	border: 3px solid #ffffff;
	padding: 5px 2px;
	background-color: rgba(248, 248, 248, 0.6);
	font: 100%/1.0 Arial, Helvetica, sans-serif;
}

.test_form input.submit {
	background-color: rgba(15, 133, 187, 0.6);
	float: right;
	margin-bottom: 20px;
	color: #ffffff; /* white */
	cursor: pointer;
}

.test_form input:nth-child(even) { margin-right: 2px; }
.test_form input:nth-child(odd) { margin-left: 2px; }

.test_form textarea {
	width: 450px;
	background-color: rgba(248, 248, 248, 0.6);
	border: 3px solid #ffffff;
	padding: 5px 2px;
	margin: 0;
	font: 100%/1.0 Arial, Helvetica, sans-serif;
}


.testimonial {
	border-bottom: 2px solid #66a020; /* green */
	padding-bottom: 20px;
}

.testimonial p:before {
	content: open-quote;
	color: #0f85bb; /* blue */
	font-face: Times New Roman, serif;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1;
}

.testimonial p:after {
	content: close-quote;
	color: #0f85bb; /* blue */
	font-face: Times New Roman, serif;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1;
}

.testimonial span {
	font-size: 0.875em;
}

/* products */
.products {
	padding: 20px;
	background-color: rgba(248, 248, 248, 0.6);
}

.products img {
	float: left;
	margin-right: 20px;
	max-width: 300px; 
}

.product_thumbs {

}

.product_list {
	border-top: 2px solid #66a020; /* green */
	padding-top: 20px;	
}

.product_list img {
	float: left;
	margin-right: 20px;
	/*max-width: 300px; */
}

.product_info {
	border-bottom: 2px solid #c0c0c0; /* light grey */
	margin-bottom: 20px;
	padding-bottom: 20px;
}


/* newsroom */
.news_list {
	border-bottom: 2px solid #66a020; /* green */
	padding-top: 20px;
}


.news_list h4 {
	margin-bottom: 3px;
	padding-bottom: 0;
}

.news_list img {
	border: 3px solid #ffffff;
	float: left;
	margin-right: 10px;
}

.date {
	font-size: 0.875em;
	margin-top: 0;
	line-height: 1;
}

.next_prev {
	border-top: 2px solid #66a020; /* green */
	padding-top: 20px;
	text-align: center;
	font-size: 0.875em;
}

/* resources */
.calculator {
	border: 1px solid #66a020; /*green */
	background-color: rgba(248, 248, 248, 0.6);
}

.calculator th {
	line-height: 1;
	border-bottom: 2px solid #66a020; /* green */
}

.calculator td {
	padding: 2px;
}

.calculator td.readonly {
	background-color: #66a020;
}


/* contact form */

.dform {
	border-top: 2px solid #66a020; /* green */
	margin-top: 20px;
}

.home_page .dform {
	border-top: 0;
	margin-top: 0;
	padding: 0;
}

.home_page .dform label {
	margin-bottom: 0;
	padding-bottom: 0;
}

.dform input {
	width: 300px;
	float: left;
	margin: 5px 0;
	border: 3px solid #ffffff;
	padding: 5px 2px;
	background-color: rgba(248, 248, 248, 0.6);
	font: 100%/1.0 Arial, Helvetica, sans-serif;
}

.dform input.submit {
	background-color: rgba(15, 133, 187, 0.6);
	float: right;
	margin-bottom: 20px;
	color: #ffffff; /* white */
	cursor: pointer;
}

.dform input:nth-child(even) { margin-right: 2px; }
.dform input:nth-child(odd) { margin-left: 2px; }

.dform textarea {
	width: 630px;
	background-color: rgba(248, 248, 248, 0.6);
	border: 3px solid #ffffff;
	padding: 5px 2px;
	margin: 0;
	font: 100%/1.0 Arial, Helvetica, sans-serif;
}


/* favorites */
.fav_list {

}

.fav_list ul {
	margin: 0;
	padding: 0;
}


/* share this */
.share_this {
	margin: 20px 0;
}

.share_this h4 {
	padding-bottom: 5px;
	margin-bottom: 0;
}

.share_this_box {
	border: 3px solid white;
	background: rgb(141,187,57); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhkYmIzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZTdhMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(141,187,57,1) 0%, rgba(78,122,25,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(141,187,57,1)), color-stop(100%,rgba(78,122,25,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(141,187,57,1) 0%,rgba(78,122,25,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(141,187,57,1) 0%,rgba(78,122,25,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(141,187,57,1) 0%,rgba(78,122,25,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(141,187,57,1) 0%,rgba(78,122,25,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dbb39', endColorstr='#4e7a19',GradientType=0 ); /* IE6-8 */
	text-align: center;
}

.share_this_box img {
	width: 33px;
	height: 33px;
}


.share_this_box ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.share_this_box ul li {
	display: inline;
	float: left;
	padding: 5px 0;
	margin: 0;
	width: 25%;
	text-align: center;
	line-height: 1;
}

/********* Home Page *********/
.home_section {
	position: relative;
}

.completeadvantage {
	position: absolute;
	margin: auto;
	bottom: 0;
	height: 600px;
	width: 870px;
	background: url(/images/design/home/ca_plant_bubbles.png) bottom center no-repeat;
	left: 50%;
	margin-left: -435px;

}

.advantage {
	position: absolute;
	margin: auto;
	margin-left: -52px;
	bottom: 0;
	height: 600px;
	width: 1174px;
	background: url(/images/design/home/dirt_bg.png) bottom left no-repeat;
}

#trusted {
	position: absolute;
	top: 13px;
	left: 165px;
	width: 138px;
	height: 138px;
	border-radius: 138px;
	cursor: pointer;
}

#trusted:hover {
	top: 0px;
	left: 145px;
	width: 222px;
	height: 222px;
	border-radius: 222px;
	background: url(/images/design/trusted.png) top center no-repeat;
}

#ready {
	position: absolute;
	top: 86px;
	right: 146px;
	width: 138px;
	height: 138px;
	border-radius: 138px;
		cursor: pointer;
}

#ready:hover {
	top: 50px;
	right: 135px;
	width: 222px;
	height: 222px;
	border-radius: 222px;
	background: url(/images/design/ready.png) top center no-repeat;
}

#service {
	position: absolute;
	top: 187px;
	left: 251px;
	width: 138px;
	height: 138px;
	border-radius: 138px;
		cursor: pointer;
}

#service:hover {
	top: 160px;
	left: 215px;
	width: 222px;
	height: 222px;
	border-radius: 222px;
	background: url(/images/design/service.png) top center no-repeat;
}

#fertigation {
	position: absolute;
	top: 301px;
	right: 284px;
	width: 138px;
	height: 138px;
	border-radius: 138px;
		cursor: pointer;
}

#fertigation:hover {
	top: 269px;
	right: 260px;
	width: 222px;
	height: 222px;
	border-radius: 222px;
	background: url(/images/design/fertigate.png) top center no-repeat;
}

#success {
	position: absolute;
	top: 387px;
	left: 159px;
	width: 138px;
	height: 138px;
	border-radius: 138px;
		cursor: pointer;
}

#success:hover {
	top: 357px;
	left: 130px;
	width: 222px;
	height: 222px;
	border-radius: 222px;
	background: url(/images/design/success.png) top center no-repeat;
}

.waterdrop {
	position: relative;
	background: url(/images/design/home/waterdrop.png) no-repeat bottom center;
	background-attachment: fixed;
	margin-top: -5px;
	height: 600px;
}

.advantage_content {
	width: 600px;
	height: 225px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -300px;
}

.advantage_content h1 {
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	color: #527e1b;
	text-align: center;
}

.advantage_content ul {
	padding: 0;
	margin: 0;
}

.advantage_content li {
	list-style-type: circle;
	list-style-image: none;
	padding: 0;
	margin: 0 10px;
	color: #fff;
	width: 280px;
	float: left;
	line-height: 1;
}

.advantage_content li:before {
	content: " ";
	margin-right: 0;
	padding-right: 0;
}



/********* Fixed Toggle Footer *********/

#footer_toggle {
	position: relative;
	text-align: right;
	background: url(/images/design/footer_toggle_bg.png) bottom right no-repeat;
	width: 100%;
	height: 100px;
	z-index: 500;
}

#footer_toggle span {
	color: #527e1b;
	font-weight: bold;
	font-size: 4em;
	line-height: 2.3;
	padding-right: 10px;
	cursor: pointer;
}

#footer {
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
}

/* IE 6 */
* html #footer {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

#footer_panel {
	min-height: 100%;
	width: 100%;
	background: url(/images/design/topnav_bg.jpg) #333333;
	border-top: 5px solid #527e1b;
	color: #cac7c7;	/* medium grey */
	padding: 20px 0;
	display: none;
}

.footer_news {
	width: 328px;
	height: 100%;
	border-right: 2px solid #444343;
	float: left;
	padding-right: 20px;
}

.footer_news ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.footer_news ul>li {
	border-bottom: 1px solid #444343;
	padding: 5px 0;
}

.footer_testimonial {
	width: 590px;
	float: right;
	padding-left: 20px;
}

.footer_testimonial img {
	float: left;
	border: 2px solid #414141;
}

.social_media {
	float: left;
	height: 20px;
	padding-top: 32px;
}

.social_media img {
	padding-right: 2px;
}

.copyright {
	font-size: 0.75em;
	text-transform: uppercase;
	text-align: right;
	float: right;
}

.copyright a {
	font-weight: normal;
	color: #a4a4a4;
}

.copyright img {
	vertical-align: bottom;
	margin-left: 20px;
}

.mobilemenu { display: none; }

.slide_image { float: left; width: 260px; }
.slide_image img { width: 100%; }
.slide_text { float: left; width: 270px; margin-left: 10px;}

/********* forms *********/


/******** Definitions ********/
/*
Colors
blue = color: #0f85bb;
light blue = color: #89b5d9; 
green = color: #527e1b;
light grey = color: #a4a4a4;
medium grey = color: #cac7c7;
dark grey = color: #313131;

*/


/* Tablet Layout: 768px  */

@media only screen and (min-width: 768px) and (max-width: 991px) {
div.container_tr { width: 748px; margin: 0 auto; }
div.content { min-height: 775px; }
#top_nav ul li { width:150px; } 
div.mid { width: 448px; }
div.narrow { width: 448px; }
div.buttons { display: none; }
div.footer_news { width: 200px; }
div.footer_testimonial { width: 488px; }
ul.locations_list li { margin-right: 15px; }
ul.locations_list li:nth-child(3n+3) { margin-right: 15px; }
div.dform input { width: 98%; float: none; }
div.dform textarea { width: 98%; }
div.completeadvantage { position: relative; height: 600px;	width: 100%; background: url(/images/design/home/ca_plant_bubbles.png) bottom center no-repeat; }

}

/* Wide Mobile Layout: 480px  */

@media only screen and (min-width: 480px) and (max-width: 767px) {
div.container_tr { width: 480px; }
#top_nav ul li { width: 85px; } 
#top_nav ul li a { font-size: .75em; padding-top: 20px; }
div.waterdrop {display: none; }
div.adv { display: none; }
div.mid { width: 440px; padding: 0 10px; clear: both; margin-bottom: 200px; }
div.narrow { width: 440px; padding: 0 10px; }
div.buttons { display: none; }
div.sidebar { position: absolute; bottom: 0; width: 440px; min-height: 300px; clear: both; }
ul.locations_list li { margin-right: 15px; }
ul.locations_list li:nth-child(3n+3) { margin-right: 15px; }
div.dform input { width: 98%; float: none; }
div.dform textarea { width: 98%; }
div#footer_toggle {display: none; }
div.cs { display:  none; }
div.content {  min-height: 100%; }
div.fullmenu { display: none; }
div.mobilemenu { display: block; }
}

/* Smartphone Layout: 320px  */

@media only screen and (max-width:479px) {
div.container_tr { width: 100%; }
div.content {  min-height: 100%; }
div.waterdrop { display: none; }
div.adv { display: none; }
#top_nav ul { display: none; }
#top_nav div.mobile { display: block; }
#top_nav div.mobile div.logo { width: 140px; padding: 0; margin: 0 auto; }
#top_nav div.mobile div.logo a { width: 140px; padding: 0; margin: 0; background: none; }
div.mid { width: 300px; padding: 0 10px; clear: both; margin-bottom: 200px; }
div.narrow { width: 300px; padding: 0 10px; }
div.buttons { display: none; }
div.sidebar { position: relative; width: 300px; clear: both; margin-bottom: 20px; }
div.share_this { display: none; }
ul.locations_list { width: 220px; margin: 0 auto; }
ul.locations_list li { margin-right: 0; }
ul.locations_list li:nth-child(3n+3) { margin-right: 0; }
div#footer_toggle { display: none; }
div.cs { display:  none; }
div.mobilemenu { display: block; }
div.fullmenu { display: none; }
div.adv { display: none; }
.dform input {	width: 100%; float: none; clear: both;}
.dform textarea {width: 100%; }
div#slideshow {	width: 100%; min-height: 600px;}
div#slideshow #slidesContainer { margin:0 auto;  width: 90%; min-height: 600px; }
div#slideshow #slidesContainer .slide {  width:90%; min-height: 600px; }
div#leftControl { z-index: 100; }
div.slide_image { width: 240px; clear: both;}
div.slide_text {width: 240px; clear: both;}

}

/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	
}