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

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

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

@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;
}

/**************
DISPLAY NONES
**************/
#shadow {display: none;}

/****************************
PAGE SET - MAIN SECTIONS
****************************/

body, html {
	margin: 0;
	padding: 0;
	color: #000;
	height: 100%;
	font-family: "Century Gothic", sans-serif;
	font-size: 1.1em;
	line-height: normal;
	text-align: left;
	background: url(../imgs/salinas-valley.jpg) center center fixed no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

#wrap {
	width: 100%;
	margin: 0 auto;
	min-height: 100%;
}

/*HOME*/
body.home {
	margin:0;
	padding: 0;
	height: 100%;
	background: url(../imgs/salinas-valley-home.jpg) center center fixed no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#home_header {
	background: #000;
	color: #fff;
	padding: 0;
	width: 100%;
	height: 35px;
	position: relative;
	z-index:1000;
}

.home_logo { 
	width: 100%;
	position: absolute;
	top: 40%;
}

/*HEADER*/
#header {
	background: #000;
	color: #fff;
	padding: 0;
	width: 100%;
	height: auto;
	position: relative;
	z-index:1000;
} 

#ejrlogo {
	margin: 0 auto;
	padding: 15px 0 15px 0;
	text-align: center;
	width: 95%;
}

#ejrmenu {
	height: auto;
	border-bottom: 1px solid #fff;
}

/*FOOTER*/

#footer a {	color: #fff !important;	font-weight:normal !important; text-decoration:none;}
#footer a:hover {	color: #0cf !important;	text-decoration:none;}
#footer a:focus {	color: #0cf !important;	text-decoration:none;}

#footer {
	color: #fff;
	clear: both;
	margin:0 auto;
	width: 100%;
	margin-top: 20px;
	height: auto; 
	position:fixed;
	bottom: 0;
	overflow:visible; 
	font-size:95%;
	line-height:normal;
	border-top: 1px solid #fff;
	background-color:#000;
} 

.footer_content {
	margin:0 auto;
	width: 100%;
	padding-top: 5px; 
   	padding-bottom: 5px;	
}

.footer_center {
	margin:0 auto;	
	text-align: center;
	width: 98%; 
}

/*SITEBY*/
#siteby a {	color:#ccc; font-size:95%; text-decoration:none;}
#siteby a:hover { color: #0cf; text-decoration:none;}
#siteby {	margin: 0 auto;	text-align:center;	color:#ccc;	}

/***************************
ELEMENTS, OBJECTS, COLORS,
FONT STYLES, CONTAINERS
****************************/
a {  transition: all 0.5s ease-out;  -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;}
a:focus {outline: 2px dashed #0cf; padding:3px;}  

.clear {clear: both;}
img, object  { max-width: 100%; height: auto; }
p {margin-top: 0; padding-top: 0;}

h1 {font-size: 185%; font-weight:bold; text-align:center; line-height: normal; margin-top: 0; padding-top: 0;}
.h1_nobold {font-size: 185%; font-weight:normal; text-align:center; line-height: normal; margin-top: 0; padding-top: 0;}
.med_heading {font-size: 125%; font-weight:normal; line-height: normal;margin-top: 0; padding-top: 0;}

.uppercase {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}
.center {  text-align: center!important;}
.left_align {text-align: left!important;}
.right_align {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;}
.left_margin {margin-left: 30px !important;}
.nopadding { padding: 0 !important; }
.img_align_right {	display:block; margin: 0 auto;	vertical-align: top;	position: relative;	}
.img_align_left {	display:block; margin: 0 auto; vertical-align: top;		position: relative;	}
hr {border: 0; height: 1px; background: #000; width: 90%; margin:5px auto;}   	
.full_opacity {opacity: 1.0 !important;}
.vert_mid {position: relative; padding-top: 35px;}
.blue { color:#06f;}

/*ORDER BUTTON*/

.order {
	display:inline-block;
	vertical-align: top;
	position: relative;
	padding: 15px;
	width:90%;
	text-align: center;
	margin-bottom: 5px !important;
	clear:both;
	position:relative;
	overflow:visible;
	text-decoration:none !important;
	-webkit-box-shadow: 0em 0em  .5em #222;
 	-moz-box-shadow:    0em 0em  .5em #222;
	box-shadow:         0em 0em  .5em #222;
}

.order {
	text-align:center;
	text-decoration:none;
	text-transform:lowercase;
	background:#0099ff;
	color:#fff !important;
	font-weight:bold;
	padding: 15px;
	text-decoration:none !important;
}

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

.order {
	background:#0099ff;
	background:-moz-linear-gradient(top,#0099ff 0%,#0066cc 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#0099ff),color-stop(100%,#0066cc));
	background:-webkit-linear-gradient(top,#0099ff 0%,#0066cc 100%);
	background:-ms-linear-gradient(top,#0099ff 0%,#0066cc 100%);
	background:linear-gradient(to bottom,#0099ff 0%,#0066cc 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0099ff",endColorstr="#0066cc",GradientType=0);
	color:#fff;
	text-decoration:none !important;
}

.order:hover, a:hover .order {
	background:#85C92F;
	background:-moz-linear-gradient(top,#85C92F 0%,#6c3 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#85C92F),color-stop(100%,#6c3));
	background:-webkit-linear-gradient(top,#85C92F 0%,#6c3 100%);
	background:-ms-linear-gradient(top,#85C92F 0%,#6c3 100%);
	background:linear-gradient(to bottom,#85C92F 0%,#6c3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#85C92F",endColorstr="#66cc33",GradientType=0);
	border:none;
	text-decoration:none !important;
}

.order {border-radius:5px;background:#85C92F; /*radius and bg must be alone in class to allow gradient*/}

/*************************
BODY CONTENT
*************************/

#main a {	color: #000;	font-weight:bold;	  transition: all 0.5s ease-out;  -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;}
#main a:hover {	color: #09c;	text-decoration:none;}
#main a:focus {	color: #09c;	text-decoration:none;}

#main {
	margin: 0 auto;
	padding-bottom: 100px; /*MUST be padding*/
	text-align:center;
	width: 100%;
	overflow:visible;
}

.full_content {
	margin: 0  auto;
	position: relative;
	margin-top:10px;
	padding: 15px;
	text-align:left;
	width: 85%;
	height: auto;
	overflow:visible;
	background:rgba(255, 255, 255, 0.8);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=0); /* IE Hack for rgba*/
	border: 3px #ccc solid;  
	-webkit-border-radius: 10px;  
	-moz-border-radius: 10px; 	
	border-radius: 10px;
}

.med_content {
	margin: 20px  auto;
	position: relative;
	padding: 15px;
	text-align:left;
	width: 85%;
	height: auto;
	overflow:visible;
	background:rgba(255, 255, 255, 0.8);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=0); /* IE Hack for rgba*/
	border: 3px #ccc solid;  
	-webkit-border-radius: 10px;  
	-moz-border-radius: 10px; 	
	border-radius: 10px;
}

/*ZOOM CONTAINER*/
.book_block {
	display: block;
	vertical-align: top;
	position: relative;
	margin: 0 auto;
	margin-top:10px;
	margin-bottom:10px;
	padding: 15px;
	text-align:left;
	width: 85%;
	font-size:100%;
	line-height:normal;
	height: auto;
	background:#fff; 
	opacity: 1.0;  
	border: 3px #ccc solid;  
	-webkit-border-radius: 10px;  
	-moz-border-radius: 10px; 	
	border-radius: 10px;

}

/*CONTACT PAGE*/
#contact_container a {	color: #000; font-weight: bold; text-decoration:underline;}
#contact_container a:hover {	color: #0cf;	text-decoration:none;}

#contact_container {
	display: block;
	vertical-align: top;
	position: relative;
	margin:0 auto;
	margin-top:10px;
	width: 95%;
	overflow:visible;
	padding:5px;
	color: #000;	
	background:rgba(255, 255, 255, 0.8);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=0); /* IE Hack for rgba*/
	border: 3px #ccc solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.contact_bottom {
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding-top:10px; 
	font-size:100%;
}

.contact_text {
	display: inline-block;
	vertical-align: top; 
	width: auto;
	padding-bottom:10px;
	font-size:100%;
	text-align:right;
}

.contact_input {
	display: inline-block;
	vertical-align: top; 
	width: auto;
	padding-bottom:5px;
	margin-left:15px;
	text-align:left;
}