/*-----------------------------------------------------------------------------
 California Landscapes & Management Style Sheet 

version:   1.0
author:    kris triplett
email:     info@fivetonine.net
website:   http://www.fivetonine.net/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/
/* Remove padding and margin */
* {
  	margin: 0;
	padding: 0;
}
/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  	margin: 0;
}
/* Class for clearing floats */
.clear {
	clear:both;
}
body {
	background: #fff url(../images/body_bg1.png) repeat-x;
	}
body.sub {
	background: #fff url(../images/body_bg2.png) repeat-x;
	}
/* Remove border around linked images */
/* =Typography
-----------------------------------------------------------------------------*/
body {
  font: 11pt/1.6 "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
}
/* =Headings
-----------------------------------------------------------------------------*/
#header h1 {
	font: 1.5em 'comfortaa', "Lucida Grande", Tahoma, Verdana, sans-serif;
	color: #fff;
	position: absolute;
	margin-top: 0;
	top: 25px;
	left: 80px; 
	}
#header h3 {
	font: 1em 'comfortaa', "Lucida Grande", Tahoma, Verdana, sans-serif;
	color: #fff;
	position: absolute;
	top: 55px;
	left: 110px;
	}
#main_hook h2 {
	font-size: 1.9em ;
	color: white;
	line-height: 30pt;
	padding: 65px 0 0 0;
	font-weight: normal;
	}
#main_hook h2 span {
	color: #bbed9a;
	font-style: italic;
	}
#main_hook h3 a{
	color: #bbed9a;
	font-weight: normal;
	}
#sub_hook h2 {
	font-size: 1.9em ;
	color: white;
	line-height: 30pt;
	position: relative;
	top: 39px;
	left: 300px;
	font-weight: normal;
	float: left;
	}
#content h2, #content_sub h2 {
	color: #4e892f;
	font-weight: normal;
	font-size: 1.75em;
	line-height: 30pt;
	margin: 0;
	}
#content_sub h2 {
	line-height: normal;
	}
#content_sub h2 {
	margin-bottom: 5px;
	}
#info h4, #project_side h4 {
	font-size: .9em;
	font-weight: normal;
	color: #777877;
	}
/* =Links
-----------------------------------------------------------------------------*/
a:active, a:focus {
	outline: 0;
	}
/* =Branding
-----------------------------------------------------------------------------*/
#header {
	/*background: url(../images/header_bg.png) left repeat-y;*/
	margin: 0;
	height: 100px;
	width: 100%;
	min-width: 1024px;
	}
#header img {
	position: absolute;
	top: 5px;
	left: 10px;
	}
/* =Main Nav
-----------------------------------------------------------------------------*/
#header ul {
	float: right;
	list-style: none;
	margin: 65px 75px 0 75px;
	}
#header ul li {
	float: left;
	}
#header ul li a {
	color: #9a9898;
	text-decoration: none;
	padding: 7px 17px 6px 17px;
	display:block;
	}
#header ul li a:hover, #header ul li a.current {
	background-color: #038d41!important;
	color: #fff;
	}
/* =Hook
-----------------------------------------------------------------------------*/
#main_hook {
	width: 960px;
	height: 250px;
	margin: 0 8%;
	}
#main_hook img {
	float: left;
	padding: 0;
	margin: 0 !important;
	}
#sub_hook {
	width: 960px;
	height: 150px;
	padding: 0;
	margin: 0 auto;
	}
#sub_hook img {
	float: left;
	padding: 0;
	margin: 0;
	}
/* =Main Content
-----------------------------------------------------------------------------*/
#content {
	width: 960px;
	margin: 0 8%;
	}
#content_sub {
	width: 960px;
	margin: 0 auto;
	}
#info {
	float: left;
	margin: 0 0 0 15px;
	padding: 25px 0 0 5px;
	width: 660px;
	}
#info p, #info ul{
	color: #353535;
	}
#info p {
	width: 540px;
	margin-bottom: 35px;
	}
#info ul {
	list-style-position: outside;
	list-style-image: url(../images/bullet.jpg);
	margin-left: 0;}
#subInfo {
	margin: 15px 15px;
	color: #353535;
	}
iframe {
	float: left;
	height: 1400px;
	width: 450px;
	}
div.outside {
	width: 250px;
	font-size: .8em;
	border: 2px solid #acacac;
	margin: 25px 25px 25px 150px;
	padding: 5px;
	}
.inside {
	padding: 5px;
	border: 1px solid #acacac;
	background-color: #fff;
	}
.inside a {
	color: #353535;
	}
.inside ul {
	list-style: none;
	}
.inside ul li {
	margin: 0 2px;
	}
.inside ul li a {
	padding: 5px 0 5px 2px;
	display: block;
	color: #353535;
	}
.inside ul li a:hover {
	background-color: #acacac;
	}
.inside ul li a.current {
	background-color: #bbed9a;
	}
#maint, #conts, #water, #special {
	width: 500px;
	float: left;
	margin-bottom: 25px;
	}
#maint p {
	margin-bottom: 10px;
	}
#maint a {
	color: #353535;
	text-transform: uppercase;
	}
#maint img, #conts img, #water img, #special img {
	float: left;
	margin: 15px auto;
	}
#conts, #water, #special {
	display: none;
	}
	
/* =Secondary Content
-----------------------------------------------------------------------------*/
#project_side, .outside {
	float: left;
	margin: 0 0 0 0;
	padding: 25px 5px 0 0;
	}
#project_side img {
	display: block;
	margin: 10px 0;
	border: 1px solid #4e892f;
	
	}
#project_side img a {
	outline: none;
	}


/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	border-top: 1px solid #AAAbAA;
	padding: 0 10px;
	margin: 10px 8%;
	width: 900px;
	}
#footer p {
	float: left;
	font-size: .5em;
	color: #777877;
	}
#footer img.affiliate {
	float: right;
	margin: 5px 10px;}
/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
 	border: 1px solid transparent;
}
/* =Image Gallery
-----------------------------------------------------------------------------*/

h3.contractor {
	font-weight: normal;
	font-size: 1em;
	margin: 0;
	}
h3.city {
	font-weight: normal;
	font-size: 1em;
	margin: 0 0 5px 1px;}
#camppen {
	float: left;
	margin-top: 0;}
#camppen h2 {
	font-size: 1.5em;
	}
ul#pikame{
	padding-left:0;
	width:425px;
	margin:0;
	float: left;}
.pika_main{
	width:425px;
	margin:0;
	}
#pikame li{
	margin:15px 5px 20px 5px;
	float: left;
	border:none;}

ul#pikame li img{position:relative;cursor:pointer;}
.pika_main img{border:2px solid #222;}
.pika_main{position: relative;margin:0;}
.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;}
.pika_play{position:absolute;top:10px;right:20px;z-index:1;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;}
.pika_play img{border:none !important;}
.pika_caption{width:100%;height:15px;text-align:center;}
.pika_navigation a{font-size: 12px;color:gray;text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;cursor:pointer;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;margin-top: 13px; margin-bottom: 20px;}