/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */
@import url(fonts.css);

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }



/* ===== Primary Styles ========================================================
   Cuckoo's Chicken House Main Style Sheet
   ========================================================================== */
   
/* --- My Resets --- */   

* {padding:0; margin:0;}
ul { list-style-type: none; }
a { text-decoration:none; }
h1, h2, h3, h4, h5, h6, p {margin:0; padding:0;}
html,body { margin:0 auto; padding:0; }

/* --- Fix Floats --- */

.left{ float:left;}
.right{ float:right;}
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
	
/* --- Global Styles --- */
	


body {
	width:960px;	
	margin:0 auto;
	font-size: 100%/1;
	background: #222629 url(../img/bg001.png) repeat;	
}

/* --- Fonts --- */
.chunk {
	font-family:'ChunkFiveRegular', Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
}
.slackey { font-family: 'Slackey', arial, serif; }

.droid {
	font-family:'DroidSerif', Georgia, Times New Roman, Times, serif;
	font-weight: normal;
	font-style: normal;
}

.unkept {font-family: 'Unkempt', cursive;}
.alegreya {font-family: 'Alegreya', serif;}
.chelsea {font-family: 'Chelsea Market', cursive;}
.handlee {font-family: 'Handlee', cursive;}
.patua {font-family: 'Patua One', cursive;}



/* --- Complex --- */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
.green {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMjQwMCIgc3RvcC1vcGFjaXR5PSIwLjk1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjIzJSIgc3RvcC1jb2xvcj0iIzAwNTcwMCIgc3RvcC1vcGFjaXR5PSIwLjkzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzAwOGEwMCIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iNzMlIiBzdG9wLWNvbG9yPSIjMDFhMDExIiBzdG9wLW9wYWNpdHk9IjAuODgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA2ZGIwNiIgc3RvcC1vcGFjaXR5PSIwLjg1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(0,36,0,0.95) 0%, rgba(0,87,0,0.93) 23%, rgba(0,138,0,0.9) 49%, rgba(1,160,17,0.88) 73%, rgba(6,219,6,0.85) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,36,0,0.95)), color-stop(23%,rgba(0,87,0,0.93)), color-stop(49%,rgba(0,138,0,0.9)), color-stop(73%,rgba(1,160,17,0.88)), color-stop(100%,rgba(6,219,6,0.85))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,36,0,0.95) 0%,rgba(0,87,0,0.93) 23%,rgba(0,138,0,0.9) 49%,rgba(1,160,17,0.88) 73%,rgba(6,219,6,0.85) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,36,0,0.95) 0%,rgba(0,87,0,0.93) 23%,rgba(0,138,0,0.9) 49%,rgba(1,160,17,0.88) 73%,rgba(6,219,6,0.85) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,36,0,0.95) 0%,rgba(0,87,0,0.93) 23%,rgba(0,138,0,0.9) 49%,rgba(1,160,17,0.88) 73%,rgba(6,219,6,0.85) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(0,36,0,0.95) 0%,rgba(0,87,0,0.93) 23%,rgba(0,138,0,0.9) 49%,rgba(1,160,17,0.88) 73%,rgba(6,219,6,0.85) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2002400', endColorstr='#d906db06',GradientType=0 );

 }/* IE6-8 */

/* --- Structure --- */

.col1a {
	float:left;
	margin:0px 20px 10px 0px;
	background: blue;
	padding:15px 0 0px 0;
	width:380px;	
}

.col2a {
	float:left;
	margin:0px 0px 10px 0px;
	padding:0px 0 0px 0;

	width:560px;
}

.col1b {	
	float:left;
	margin:0px 20px 0px 0px;
	padding:0px 0 0px 0;
	width:380px;	
}

.col2b {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0 0px 0;

	width:560px;
}


/* =============================================================================
   Header
   ========================================================================== */
   
header { height:150px; width:960px; padding-bottom: 0; margin-bottom: 0;}


header h1 {
	text-indent:-999em;
	display: block;
	background: url(../img/logo.png) no-repeat;
	position: absolute;
	height: 160px;
	width:380px;
	z-index: 10;
	
}

#mainNav {
	display: block;
	position: relative;
	top:80px;
	left:228px;
	background: #222629 url(../img/patBlck.png);
	width:665px;
	height:39px;
	border-radius: 8px;
	-webkit-border-radius:8px;
	-moz-border-radius: 8px;
	border: 3px solid #fff;	
	padding-left:60px; 
	text-align: center;
	margin:0 ;		
}

.navigation ul { display: block; text-align: center; }

.navigation li { display: inline; font-size: 1.75em; padding-left: 10px; }

.navigation li a { margin:0 5px 0 5px; color:#d6d9d4; text-shadow: 0 1 5px #000; }

.navigation li a:hover { border-top:3px solid #ffff00; border-bottom:3px solid #ffff00; }

.current { border-top:3px solid #ffff00; border-bottom:3px solid #ffff00; }

ul.social { float:right; margin:0; padding:0px; width:140px; overflow:hidden; }
ul.social li a { display:inline-block; margin-right:5px; text-indent:-999em; overflow: hidden;}
li#contact a { display:block; width:46px; height:27px; margin-top:3px; padding-top:0px; background:url(../img/contact.png) no-repeat top; float:left;}
li#contact a:hover, a:active { background-position: bottom; }

li#faceBk a { width:35px; height:34px; overflow:hidden; padding-top:0px; background:url(../img/faceBook.png) no-repeat top left; float:left;}
li#faceBk a:hover, a:active { background-position: 0px -36px; }


li#gUp { display:block; width:46px; height:27px; margin-top:5px; padding-top:0px; float:left;}
   
   
/* =============================================================================
   Menu
   ========================================================================== */
    
.col1aMenu {
	float:left;
	position: relative;
	top:20px;
	left:40px;
	margin:0px 0px 0px 0px;
	padding:0px 0 10px 0;
	width:180px;
	background:#33393D;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .8);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .8);
    box-shadow: 0 0 10px rgba(0, 0, 0, .8);

   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;  
    border-radius: 4px;
    background: url(../img/patBlck.png) repeat;	
}

.menucontent { position: relative; top:-25px; width:740px; color:#fff;  }

.items { background:  padding: 10px 0 0 10px;

    margin: auto;
    color: #fff;
    font-family:"Georgia", Times New Roman, Times, serif;

}

#hero-slider .mask { 
	position: relative;
	float:left; 
	width:740px; 
	height:450px; 
	overflow:scroll;
	
}

#hero-slider .panel {
	position: relative;
	width:740px; 
	height:700px; 
	text-align:left;
	padding: 0px 20px 0px 20px;	
}
.unkept {font-family: 'Unkempt', cursive;}
.alegreya {font-family: 'Alegreya', serif;}
.chelsea {font-family: 'Chelsea Market', cursive;}
.handlee {font-family: 'Handlee', cursive;}
.patua {font-family: 'Patua One', cursive;}

.panel h2 {
	color:#6dca01;
	color:#fff;
	text-shadow: 0 1px 1px #000;
	font-size: 1.5em;
	text-align:center;
	padding:10px 0 0px 0;
	margin-bottom: 10px;
	border-bottom: 5px double #464E53;
	font-family:  'Chelsea Market', cursive;
}
.panel h3 { 
	font-size: 1.15em;  
	padding-bottom: 2px;
	border-bottom: 1px solid #33393D;
	line-height: 18px;
}
.price {font-weight:normal; font-style: italic; font-size: 1em; padding-left: 20px;}
.panel h4 { 
	text-align:center;
}
.panel p {
	font-size: 1em; 
	text-indent:20px;
	padding:3px 0 5px 0;
}

#menu { position:relative; margin: 5px auto;  }


ul#sliding-navigation
{
	 z-index: 100;
	 position: relative;
	 left:20px;
	list-style: none;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px 0;
	padding: 10px 0 0 0;
	
	
}


ul#sliding-navigation li.sliding-element a
{
	display: block;
	width: 100px;
	padding: 3px 20px;
	margin: 0;
	margin-bottom: 5px;
	text-align: center;

}



ul#sliding-navigation li.sliding-element a
{
	 -moz-box-shadow:inset 0 0 .6em rgba(0, 0, 8, 0.770);
    -webkit-box-shadow:inset 0 0 .6em rgba(0, 0, 8, 0.770);
    box-shadow:inset 0 0 .6em rgba(0, 0, 0, 8, 0.770);
	background: -webkit-gradient(linear, left top, left bottom, from(#2b8200), to(#6dca00));
	background: -moz-linear-gradient(top,  #2b8200,  #6dca00);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b8200', endColorstr='#6dca00');
     -webkit-border-radius: 3px;  
    border-radius: 3px;
	text-shadow: 0px .08em 1px #d6d9d4;
	color: #000;
	font-weight: bold;
}

ul#sliding-navigation li.sliding-element a:hover { background: #0CAD00; }

/*.active { display: block; position: relative; left: 40px; text-align: right;}*/

/* =============================================================================
   About Info
  ========================================================================== */
  
.backStyle01 {
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;  
	border-radius: 8px 8px 0 0; 
	-moz-box-shadow: inset 0 0 .5em rgba(0, 0, 0, .5);
	-webkit-box-shadow: inset 0 0 .5em rgba(0, 0, 0, .5);
	box-shadow: inset 0 0 .5em rgba(0, 0, 0, .5);
}
  
.col1a { text-align: center; color:#fff;   }
	
#info h2 { color: #000; font-size: 1.98em; font-weight: bold; letter-spacing: .023em;  line-height: 30px; padding: 2px 0 6px 0; margin: 0; text-align: center; position: relative; z-index: 10}

.banner {
	position: relative;
    background:#d6d9d4;
    border:1px solid #000;
    box-shadow: 0px 3px 5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.75);
    z-index: 100; /* stack order: foreground */
}

.banner:before,
.banner:after { content:""; border-top:9px solid #C9C9C9; position: absolute; bottom: -10px;}
.banner:before { border-left: 18px solid transparent; left:0;}
.banner:after { border-right: 18px solid transparent; right:0;}

.aboutinfo { width: 340px; height:180px; padding:0px 0 0 0; margin:0px auto;  position:relative; overflow: hidden; background:url(../img/bg002.png) repeat;
    border-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-left-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;     	
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.6);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,.6);
}

.aboutinfo h3 { font-size: 1.3em; padding: 10px 0 8px 0; }



/*<!--[if IE 8]>
<style type="text/css">

.col1a { padding-top: 40px; text-align: center; width:380px; color:#fff; }
	
.col1a h2 { font-size: 2.1em; font-weight: bold; letter-spacing: .023em;  line-height: 29px;}

.col1a h2:nth-of-type(n+2) { font-size: 1.8em; }

.col1a h4 { font-size: 1.1em; padding: 5px 0 8px 0;}

.col1a h4:nth-of-type(n+2) { font-size: 1em; }

.col1a { margin:0px 50px 0 0; }

</style>
*/

/* =============================================================================
   About Content
   ========================================================================== */
.about { margin-right:0px; overflow: hidden; color:#fff; }
		
.about h4 { text-align: center; font-size:1.59em; padding-bottom: 10px; text-align: center;  }

.about p { font-size: .95em; text-indent: 1em; padding-bottom: 5px; }

.aboutcontent {width: 540px; height:240px; padding:10px 0 15px 0; margin:0 auto;  position:relative; overflow: hidden; }  

/* =============================================================================
   Map
   ========================================================================== */
.col2a { padding: 0 0 5px 0;}
  
.map { margin-right:0px; overflow: hidden; color:#fff; }   


#map_canvas {
  height: 100%;
}


#map_canvas { border:3px solid #d6d9d4; position: relative; margin: 0 auto; } 


   
   
/* =============================================================================
   Sign Up
   ========================================================================== */

.col1b {
  color: #fff;
}

#join h6 {
	font-size: 1.1em; margin:0 0 0px 0; padding: 28px 0px 3px 10px; text-align: left; 
}

#join p {
	font-size: .8em; padding: 0px 0 0px 0; text-align: center; margin-bottom: 0px;

}



/* =============================================================================
   Locations
   ========================================================================== */
   
.col2b { text-align: center; color:#fff;}
.locationcontent { width:488px; position:relative; margin: 0 auto;}
.durango {   width:243px; }
.tamarron {  width:245px; }

#locations h1 { text-align: center; border-bottom:3px double #129212; padding-bottom: 0px; font-size: 2em; font-weight: bold; line-height: 1.28em; }

#locations h2 { padding-top: 5px; font-size: 1.5em; line-height: 1.1em; }

address { font-size: 1.25em; line-height: 1.1em; }


/* =============================================================================
   Footer
   ========================================================================== */
footer { line-height:3em; font-size:.8em; color:#DDD; padding: 1.5em 1em; clear:both; }
  
ul#footer { float:right; margin:0; padding:0; width:140px;  overflow: hidden; }
ul#footer li a { display:inline-block; margin-right:8px; text-indent:-999em; overflow: hidden;}
#footercontact a { width:40px; height:24px; overflow:hidden; margin-top:0px; padding-top:0px; background:url(../img/contactb.png) no-repeat top; float:left;}
#footercontact a:hover, a:active { background-position: bottom; }

#footerfaceBk a { width:75px; height:23px; overflow:hidden; padding-top:0px; background:url(../img/faceBkb.png) no-repeat top left; float:left;}
#footerfaceBk a:hover { background-position: 0px -24px; }

div.fb-like {position:relative; top:-42px; right:170px; float:right; display:block; width:50px; overflow:visible;} 



/* =============================================================================
   Contact Form
   ========================================================================== */
form * {
	background: transparent;
	behavior: url(PIE.htc);
}

.group:before, .group:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.group:after { clear: both; }  
.group { zoom: 1; }


#contactForm {
	width: 320px;
	
	margin: 0 auto;
	padding: 0px 0px 10px 0px;
	background:url(../img/noise.png) repeat;
	
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;  
	border-radius: 8px 8px 8px 8px; 
	-moz-box-shadow: inset 0 0 .5em rgba(0, 0, 0, .5);
	-webkit-box-shadow: inset 0 0 .5em rgba(0, 0, 0, .5);
	box-shadow: inset 0 0 .5em rgba(0, 0, 0, .5);
}

#contactForm.positioned {
	position:fixed;
	z-index: 995;
	margin:0 auto;
	left:35%;
	top:10%;
}

label {
	display: block;
	width: 250px;
	margin: 0 auto;
	font-weight: bold;
	color: #000;
	font-size: 1.2em;
	line-height: 30px;
	text-shadow: 0 -.075em 1px #ddd; 
	padding: 0px 0 0px 0;
}

input {
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	background: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 0;
	margin: 0;
	margin-bottom: 0;
}
			

input[type=text], input[type=email], textarea {

	display: block;
	width: 250px;
	margin: 0 auto;
	margin-bottom: 8px;
	padding: 5px ;
	background: #EEE;
	border: 1px solid #464E53;
	font-family: 'Ubuntu Mono', sans-serif;
	font-size: 16px;
	color: #666;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	background: -webkit-linear-gradient(#FFF,#DDD);
	background: -moz-linear-gradient(#FFF,#DDD);
	background: -o-linear-gradient(#FFF,#DDD);
	background: linear-gradient(#FFF,#DDD);
    -pie-background: linear-gradient(#FFF, #DDD);

	-webkit-box-shadow: inset 0px 2px 3px #666,inset 0px -5px 3px #EEE;
	-moz-box-shadow: inset 0px 2px 3px #666,inset 0px -5px 3px #EEE;
	box-shadow: inset 0px 2px 3px #666,inset 0px -5px 3px #EEE;
}


input[type=submit] {
	padding: 5px;
	text-shadow: 0 -.055em 1px #000;
	color:#fff;
	font-weight: bold;
	border:none;
	float: right;
	margin-right: 12px;
	margin-top: 10px;
	font-size: 1em;
	text-shadow: 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid rgb(72, 72, 72);
  -moz-box-shadow: inset 0 0 .3em rgba(0, 0, 0, .8);
  -webkit-box-shadow: inset 0 0 .3em rgba(0, 0, 0, .8);
  box-shadow: inset 0 0 .4em rgba(0, 0, 0, .6);
    opacity: .9;
  -webkit-appearance: none;
  -moz-transition: opacity .1s;
  -webkit-transition: opacity .1s;
  -o-transition: opacity .1s;
  transition: opacity .1s;	
	background: -webkit-gradient(linear, left top, left bottom, from(#2b8200), to(#6dca01));
	background: -moz-linear-gradient(top,  #2b8200,  #6dca01);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b8200', endColorstr='#6dca01');
}


input[type="submit"]:hover {
  cursor: pointer;
  opacity: 1;
  border: 1px inset rgb(72, 72, 72);
   -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .5) inset;
  -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .5) inset;
  box-shadow: 0 0 .5em rgba(0, 0, 0, .5) inset;
}

input[type="submit"]:active {
  -moz-box-shadow: inset .3em .3em .3em rgba(0, 0, 0, .6);
  -webkit-box-shadow: inset .3em .3em .3em rgba(0, 0, 0, .6);
  box-shadow: inset .3em .3em .4em rgba(0, 0, 0, .6);
}


input:focus, textarea:focus {
	outline: 1px solid green;
}

textarea { height:130px;}

input.required {
	background: url(required.png) no-repeat 5px 5px, -webkit-linear-gradient(#FFF,#DDD);
	background: url(required.png) no-repeat 5px 5px, -moz-linear-gradient(#FFF,#DDD);
	background: url(required.png) no-repeat 5px 5px, -o-linear-gradient(#FFF,#DDD);
	background: url(required.png) no-repeat 5px 5px, -ms-linear-gradient(#FFF,#DDD);
	background: url(required.png) no-repeat 5px 5px, linear-gradient(#FFF,#DDD);
	-pie-background: url(required.png) no-repeat 5px 5px, linear-gradient(#FFF, #DDD);
}

label:hover input[type=text], input[type=email]:hover, textarea:hover {
	outline: solid green;
}

input[type=button] {
	width:55px;
	text-align: right;
	color:red;
	border:none;
	float: left;
	position: relative;
	top:10px;
	left:10px;	
}

#contactForm h1 { font-size: 1.6em; font-weight: bold; text-align: left; padding:10px 0px 0 0px; text-shadow: 0 -.055em 1px #000; color:#ddd; line-height: 60px; border-bottom: 2px inset grey; 
background: url(../img/bg002.png) repeat; 
background: rgb(125,126,125); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkN2U3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTBlMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(14,14,14,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-8 */


	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;  
	border-radius: 8px 8px 0px 0px; 
	-moz-box-shadow: inset 0 0 .5em rgba(0, 0, 0, .5);
	-webkit-box-shadow: inset 0 0 .5em rgba(0, 0, 0, .5);
	box-shadow: inset 0 0 .5em rgba(0, 0, 0, .5);
}

#cancel { display: block; height:19px; background: url(../img/cancel.png) no-repeat left top; font-size: .53em; text-indent: 999em; }
#cancel:hover { background-position: 0 -20px; }


.statusMessage {
  color: #0000;
	background:url(../img/noise.png) repeat;
	
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;  
	border-radius: 8px 8px 8px 8px; 
	-moz-box-shadow: inset 0 0 .5em rgba(0, 0, 0, .5);
	-webkit-box-shadow: inset 0 0 .5em rgba(0, 0, 0, .5);
	box-shadow: inset 0 0 .5em rgba(0, 0, 0, .5);
}

.statusMessage {
  display: none;
  width:auto;
  z-index: 995;
  position: fixed;
  margin:0 auto;
  top:15%;
  left:35%;  
}

.statusMessage p {
	color: #000;
	font-size:1.2em;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 10px;
}




/* =============================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* =============================================================================
   Print Styles
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}