/*******************************
CASCADING STYLE SHEET 
Responsive Design
by Monterey Bay Design
www.montereybaydesign.com
*******************************/

/****************************************
ALL FONTS
****************************************/

@font-face {
 font-family: "Century Gothic";
 src: url("../fonts/gothic.eot"),
      url("../fonts/gothic.woff"), 
      url("../fonts/gothic.ttf"); 
     font-weight: normal;
     font-style: normal;
}

@font-face {
 font-family: "Century Gothic";
 src: url("../fonts/gothici.eot"),
      url("../fonts/gothici.woff"), 
      url("../fonts/gothici.ttf"); 
     font-weight: normal;
     font-style: italic;
}

@font-face {
 font-family: "Century Gothic";
 src: url("../fonts/gothicb.eot"),
      url("../fonts/gothicb.woff"), 
      url("../fonts/gothicb.ttf"); 
     font-weight: bold;
     font-style: normal;
}

@font-face {
 font-family: "Century Gothic";
 src: url("../fonts/gothicbi.eot"),
      url("../fonts/gothicbi.woff"), 
      url("../fonts/gothicbi.ttf"); 
     font-weight: bold;
     font-style: italic;
}

@font-face {
 font-family: "Benguiat Frisky";
 src: url("../fonts/befrisky.eot"),
      url("../fonts/befrisky.woff"), 
      url("../fonts/befrisky.ttf"); 
     font-weight: normal;
     font-style: normal;
}

@font-face {
 font-family: Cartoon;
 src: url("../fonts/cartoon.eot"),
      url("../fonts/cartoon.woff"), 
      url("../fonts/cartoon.ttf"); 
     font-weight: normal;
     font-style: normal;
}

@font-face {
 font-family: Desigers;
 src: url("../fonts/desigers.eot"),
      url("../fonts/desigers.woff"), 
      url("../fonts/desigers.ttf"); 
     font-weight: normal;
     font-style: normal;
}

/*****************************************
 BEGIN SMARTPHONES and SMALL TABLET
 (PORTRAIT & LANDSCAPE)
*****************************************/
	    
/****************************
PAGE SET - MAIN SECTIONS
****************************/

body, html {
	margin: 0;
	padding: 0;
	color: #000;
	height: 100%;
	font-family: "Century Gothic", sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	/*FOR iOS.  This keeps the background scaled in the viewport when there's a lot of content on the page that scrolls.*/
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: url(../imgs/prunedale-bg.jpg) bottom center fixed no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

#wrap {	
	position:relative;
	width: 100%; 
	margin: 0 auto -85px;  
	min-height: 100%;
	z-index:1;
}
a:focus { padding:2px; outline: 2px dashed #c0c;}

/*HEADER*/
#header {
	padding: 0;
	width: 100%;
	height: auto; 
	position: relative;
	line-height:normal;
} 

.header_content {
	position:relative; /*must be relative as parent to slogan*/
	margin: 0 auto;
	width: auto;
}

.logo {	display:none;}
.header_slogan {display:none;}

.alt-logo {	margin: 0 auto;	width: 50%; padding-top: 5px;}
.alt-slogan {display:block;text-align:center; padding: 15px 0 0 30px;}

.header_top {width: 100%;height:auto; position: relative; z-index:2222;}

#login {
	position:absolute; top: 0;	right: 0; 
	background:linear-gradient(to bottom,#c0c 0%,#f3f 100%);
	width: 140px;
	height: 25px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	box-shadow:  0em 0em  .5em #222;
}

.login_link {
	font-family: Cartoon;
	font-size:15px;
	color: #fff;
	text-align:center;
	padding-top: 5px;
}

.login_link a {	color: #fff;	text-decoration: none;}
.login_link a:hover {color: #009; text-decoration: none;}
#trustwave {position:absolute; width: 75px;  top: 0;	left: 0; }

#main_menu { display:block; }

/*FOOTER*/
/* Sticky footer requires equal pixel height 
for #main bottom padding, #footer and wrap 
bottom margin - footer outside wrap -
#footer height should be auto*/
#footer a {	color: #000; text-decoration:none;}
#footer a:hover { color: #c0c; text-decoration:none; transition:color 0.5s ease-out; border-bottom:1px dotted #c0c;}

#footer {
	font-family: "Century Gothic", sans-serif;
	clear: both;
	margin:0 auto;
	width: auto;
	height: auto; /* height 1px less than neg. wrap push */
	padding: 0 0 5px;
	background: rgba(255, 255, 255, .7);
	color: #000;
	font-size:1.1em;
	line-height:1.3em;
	border-top: 1px solid #c0c;
	position:relative; 
	z-index:1;
}

.footer_content {
	margin:20px auto;
	width: auto;
	padding: 0 30px;
	text-align:center;
}

.footer_left {
	display: block;
	vertical-align: top;
	text-align: center; 
	width: auto; 
	padding: 10px 0;
	border-bottom: 1px solid #c0c;
}

.footer_right {
	display: block;
	vertical-align: top;
	text-align: center;
	width: auto;
	padding: 10px 0;
}

.footerCenter {
	display: block;
	vertical-align: top;
	text-align:center;
	width: auto;
	padding: 10px 0;
	border-bottom: 1px solid #c0c;
}

#trees { display:none;}
#sign {	display:none;}

/*SITEBY*/
#siteby a {	color:#000; text-decoration:none;}
#siteby a:hover { color: #c0c; font-style:italic; text-decoration:none; transition:color 0.5s ease-out; border-bottom:1px dotted #c0c;}
#siteby {font-size: 90%; margin: 0 auto; font-style:italic;}

#icon-container { position:relative;text-align:center; margin: 0 auto; width:auto; }

.sm-icon {
	display:inline-block; 
	vertical-align:top;
	width:100px;
	height:auto;
	position:relative;
}

#fb-container { position:absolute; left:-35px;	
	 top: 45px;  }

.facebook {
	display:inline-block; 
	position:relative;
	width: 132px;
	height: auto;
}

.fb-slide:focus-within
  {border: 1px dashed #c0c;}

.facebook-icon {display:none;}

/*************************
FX FX FX FX FX FX FX FX
*************************/
.fb-slide {
	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	transition-duration: 0.6s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	overflow:hidden;
}

.fb-slide:hover {
	transform: translate(28px,0);
	-webkit-transform: translate(28px,0);
	-moz-transform: translate(28px,0);
	-o-transform: translate(28px,0);
}

.inflate {
	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	transition-duration: 0.6s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	overflow:hidden;
}

.inflate:hover {
	transform:scale(1.5);
	-webkit-transform:scale(1.5);
	-moz-transform:scale(1.5);
	-o-transform:scale(1.5);
}

/***************************
BODY CONTAINERS
****************************/

#main a {	color: #000; text-decoration:none;}
#main a:hover {	color: #065eb7; text-decoration:none; transition:color 0.5s ease-out; border-bottom:1px dotted #065eb7;}

#main {
	position:relative;
	margin: 0 auto;
	text-align:center;
	padding-top: 10px;
	padding-bottom: 85px; /* MUST be padding - buffer for sticky footer height */
	overflow:visible;
}

#row {text-align: center; margin-bottom:5px; margin:0 auto; width: auto;}

/***************************
ELEMENTS, OBJECTS, COLORS,
FONT STYLES, CONTAINERS
****************************/

.clear {clear: both;}
img  { max-width: 100%; height: auto; }
p:first-child { margin-top: 0 !important; margin-left: 0 !important; } 
ul:first-child {margin-top: 0 !important;}

p {text-align:left !important; line-height:1.5em !important;}
h1 {font-family: Desigers, serif; font-size: 185%; font-weight:normal;  line-height: normal; margin-top:0; text-shadow:  1px 1px 1px #fff;}
h2 {font-family: Desigers, serif; font-size: 135%; font-weight:normal; line-height: normal; margin-top:0; text-shadow:   1px 1px 1px #fff;}
.fine_print { font-size:90%; line-height:normal;}
.med_print { font-size:90%; line-height:normal;}

.uppercase {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}
.center {  text-align: center!important;}
.left {text-align: left!important;}
.right {text-align: right!important;}
input[type="text"] {font-family: "Century Gothic", sans-serif;}
select {font-family: "Century Gothic", sans-serif;}
.img_border {border: 1px solid #000;}
.nopadding { padding: 0 !important; }
.img_right { float: right;	vertical-align: top;  position: relative; border: 1px solid #000;}
.img_left {	float: left; vertical-align: top; margin: 5px 10px 5px 0px; position: relative;	border: 1px solid #000;}
hr {border: 0; height: 1px; background: #000; width: 90%; margin:5px auto;}   	
.radius { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.shadow { -webkit-box-shadow: 0em 0em .5em #222; -moz-box-shadow:  0em 0em  .5em #222; box-shadow:  0em 0em  .5em #222;}
.float_left {float: left; vertical-align: top;}
.float_right {float: right; vertical-align: top;}

.push {padding-top: 15px;}
.pushhalf {padding-top: 25px;}
.pushone {padding-top: 50px;}
.pushtwo {padding-top: 65px;}

.tiltCCW {transform: rotate(-10deg);}
.tiltCW {transform: rotate(10deg);}
.homeHeader {width: 85%; margin: 0 auto; padding-bottom: 10px;}

/*FONT COLORS*/
.pink, .pink a {color: #c0c !important; text-shadow:  1px 1px 1px #fff;}
.blue {color: #065eb7 !important; text-shadow:  1px 1px 1px #fff;}
.green {color: #070 !important; text-shadow:  1px 1px 1px #fff;}
.subHead {font-family: Desigers, serif; font-size: 100%; line-height:normal; text-shadow:  1px 1px 1px #fff;}
.border {border-bottom: 1px solid #065eb7;}

/*************************
CONTENT WRAPPERS
*************************/

.homeBlock {
	display: block;
	vertical-align: top;
	position: relative;
	margin: 0 auto;
	text-align:left;
	width: 90%;
	height: auto;
	padding: 10px;
	border: 1px #fff solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background:rgba(255, 255, 255, 0.8); /* blue background opacity */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=0); /* IE Hack for rgba*/
	box-shadow:  0em 0em  .75em #666;
}

.flexBlock {
	display: block;
	vertical-align: top;
	position: relative;
	margin: 5px auto;
	text-align:left;
	padding: 0;
	width: 85%;
	height: auto;
}

.lockHalf {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: auto 5px;
	text-align:left;
	padding: 0;
	width: 45%;
	height: auto;
}

.halfBlock {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: auto 5px;
	text-align:left;
	padding: 0;
	width: 85%;
	height: auto;
}

.medBlock {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 5px auto;
	text-align:left;
	padding: 0;
	width: 80%;
	height: auto;
}

.smallBlock {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 0 auto;
	text-align:left;
	padding: 0;
	width: 30%;
	height: auto;
}

.wideBlock {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 0 auto;
	text-align:left;
	padding: 0;
	width: 65%;
	height: auto;
}

.fullBlock {
	display: block;
	vertical-align: top;
	position: relative;
	margin: 0 auto;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 0;
	width: 95%;
	height: auto;
}

.blockBG {
	padding: 10px;
	border: 1px #fff solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background:rgba(255, 255, 255, 0.8); /* blue background opacity */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=0); /* IE Hack for rgba*/
	box-shadow:  0em 0em  .75em #666;
}

.cloudText {padding:30px 50px 0 50px;}
.cloudBlock {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: auto 5px;
	text-align:left;
	padding: 0;
	width: 85%;
	height: auto;
}

.ovalCloud {
	display: inline-block;
	background: url(../imgs/ovalcloud.png) top no-repeat;
	width: 456px;
	height: 272px;
	padding-top: 50px;
}

.smallCloud {
	display: inline-block;
	background: url(../imgs/smallcloud.png) top no-repeat;
	width: 350px;
	height: 242px;
	padding-top: 40px;
}

.debbie {
	display: inline-block;
	background: url(../imgs/debbie.png) top no-repeat;
	width: 250px;
	height: 237px;
	margin-top: -145px;
	margin-left: 150px;
}

.callDebbie {
	display: inline-block;
	background: url(../imgs/calldebbiecloud.png) top no-repeat;
	width: 275px;
	height: 190px;
	margin-top: -70px;
	padding:50px 50px 0 50px;
}

.callDebbieText {padding-top:20px; width: 75%; margin:0 auto;}

/*CONTACT PAGE*/
#contactContainer a {	color: #000; text-decoration:none;}
#contactContainer a:hover {	color: #065eb7;	text-decoration:none;}

#contactContainer {
	position:relative;
	margin:0 auto;
	text-align: center;
	width: auto;
	overflow:visible;
	padding:5px 0;
	color: #000;
}

.contactLeft {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 5px auto;
	padding: 0;
	width: 90%;
	height: auto;
}

.contactRight {
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding: 0;
	width: 95%;
	margin: 0 auto;
	height: auto;
}

.bigCloud {
	padding: 10px;
	border: 1px #fff solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background:rgba(255, 255, 255, 0.8); /* blue background opacity */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=0); /* IE Hack for rgba*/
	box-shadow:  0em 0em  .75em #666;
}
 
.contactText {
	display: inline-block;
	vertical-align: top; 
	width: 45%;
	padding-bottom:10px;
	font-size:90%;
	text-align:right;
}

.contactInput {
	display: inline-block;
	vertical-align: top; 
	width: 50%;
	padding-bottom:10px;
	margin-left:15px;
	text-align:left;
}

.contactBottom {
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding-top:5px; 
	font-size:90%;
}

.map {
	display: inline-block;
	margin: 0 auto;
	padding: 5px;
	width: 97%;
	height: auto;
	border: 1px #fff solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background:rgba(255, 255, 255, 0.8); /* blue background opacity */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=0); /* IE Hack for rgba*/
	box-shadow:  0em 0em .5em #666;
}

/*BUTTON*/

.button {
	display:block;
	vertical-align: top;
	position: relative;
	width:50%;
	margin: 10px auto !important;
	overflow:visible;
	transition: all 0.25s ease-out;  -webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;
}

.button {
	text-align:center;
	text-transform:lowercase;
	color:#fff !important;
	font-size:160%;
	padding: 15px;
}

.button a{
	color:#fff;
	text-decoration:none !important;
}

.button:hover, a:hover .button {
	background: #c0c;
	background:-webkit-linear-gradient(to bottom,#c0c 0%,#f3f 100%);
	color: #fff !important;
	cursor: pointer; cursor: hand; 
}

.button {
	background:#09f;
	background:-webkit-linear-gradient(to bottom,#0099ff 0%,#0066cc 100%);
	border:none;
}
button:focus {padding:2px; border: 2px dashed #c0c;}

.button { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

/*JCarousel Testimonials*/

.jcarousel_container {
	width: auto;
	margin: 0 auto;
	min-height:115px;
	position: relative;
}

.newsticker-jcarousellite { 
	overflow:hidden;
}