@charset "utf-8";
/* CSS Document */

body {
  background: #272727;
  color: #333;
  font-size: 11px;
  height: auto;
  padding-bottom: 20px;
}


p {
  border: 1px solid #666;
  overflow: hidden;
  padding: 10px 0;
  text-align: center;
}


.headerHeight{
	margin-bottom:0px !important;
	height:60px;
}

/******************Navigation*************************/
#navContainer{position:relative;}

.topNav{
	text-align:right; 
	margin:0 !important; 
	position:absolute; 
	right:0;
	bottom:12px;
}
.topNav li{
	list-style:none;
	float:right;
	margin:0 0 0 18px;
}

.topNav li > a, .topNav li > a:visited{
	display:block;
	color:#454340;
	font-size:17px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;	
}

.topNav li > a:hover{color:#8a8a8a; text-shadow: 1px 1px 1px #FFF;}


/*********************Hero Slider*************************/
.heroTitle{
	margin-top:86px;
}

.heroCopy{
	border:0;
	margin:0;
	padding:3px 0 12px 0;
	color:#454340;
	text-shadow: 0px 1px 1px #fff;
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
}

/***********************JQuery TOOLS Styles********************************/

/* overlay trigger */
#see {
	background:transparent url(../../../img/seeitinaction.png) no-repeat scroll 0 0;
	display:block;
	height:44px;
	overflow:hidden;
	text-indent:-999em;
	width:159px;
	margin:30px 0 0 0;
	cursor:pointer;
}

#see:hover {
	background-position:0 -44px ;
}

#see:focus {
	background-position:0 -88px ;
}


/* overlay root element */
#sheet { 
	z-index:2;
	width:800px;
	height:550px;
	position:absolute;
	font-size:11px;
	display:none;
	-webkit-box-shadow: 0 0 30px #777; 
	-moz-box-shadow: 0 0 30px #777; 	
}

/* some border radius for various elements and different browsers. CSS isn't perfect */
.rounded, #sheet input, #sheet textarea, .error { 
	border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	-o-border-radius: 5px; 
	-khtml-border-radius: 5px; 
}


/* tab pane layout */
.pane {
	padding:50px; 
	display:none;
	padding-top:350px; 
}

.description {
	font-size:11px;
	color:#555;	
	padding:10px 20px;
}

/* adjust for browsers that support range input 
input[type=range] {
	width:230px;	
	height:28px;
	background-color:#777;
	padding:0;
	margin:0;
	border:0;
}

input[type=date] {
	font-size:14px;		
}
*/

/* individual panes */
#pane1 { 
	padding-top:50px; 
	display:block; 
	background:#fff url(../img/template/closeupFly.jpg) no-repeat 0 0;
}

#pane5 .description {
	background-color:#fff;
	margin:-9px;
}


/*******************Social************************/
#facebookLink{
	display:block;
	float:left;
	background-image:url(../img/template/iconFB.png);
	width:53px; 
	height:53px;
}
#twitterLink{
	display:block;
	float:right;
	background-image:url(../img/template/iconTwitter.png);
	width:53px; 
	height:53px;
}

#facebookLink:hover, #facebookLink.active{background-image:url(../img/template/iconFB_over.png);}
#twitterLink:hover, #twitterLink.active{background-image:url(../img/template/iconTwitter_over.png);}

#facebookDiv{display:none;}
#twitterDiv{display:none;}

h2{
	color:#454340;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-weight:bold;
	font-style:italic;
	margin-bottom:0;
}

/***********************Quotes****************************/
#quoteChanger{padding-top:27px;}

blockquote{
	font-family:Georgia, "Times New Roman", Times, serif;
	text-shadow: 0px 1px 1px #fff;	
	font-size:17px;
	font-style:italic;
	background:url(../img/template/textured_BG.gif);
}

blockquote span.author{
	display:block;
	text-align:right;
}

/****************************Footer***********************/
.copyright{
	display:block;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#454340;
	padding: 10px 0;	
}

.gfFooter{
	height:40px;
	background-image:url(../img/template/gfFooter.png);
	background-repeat:no-repeat;
	background-position:20px 0;
}



/*******************Form*****************************/

#overlayScreen{
	width:100%; 
	height:100%; 
	background:black; 
	z-index:50; 
	position:absolute; 
	top:0; 
	left:0; 
	display:none;
}
/* Add some margin to the page and set a default font and colour */

#content h2 {
  line-height: 1.5em;
}


/* Add curved borders to various elements */

#contactForm, .statusMessage, input[type="submit"], input[type="button"] {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;  
  border-radius: 10px;
}


/* Style for the contact form and status messages */

#contactForm, .statusMessage {
  color: #666;
  background-color: #ebedf2;
  background: -webkit-gradient( linear, left bottom, left top, color-stop(0,#dfe1e5), color-stop(1, #ebedf2) );
  background: -moz-linear-gradient( center bottom, #dfe1e5 0%, #ebedf2 100% );  
  border: 1px solid #aaa;
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  opacity: .95;
}


/* The form dimensions */

#contactForm {
  z-index:51;
  width: 40em;
  height: 33em;
  padding: 0 1.5em 1.5em 1.5em;
  margin: 0 auto;
}

#sendingMessage, #successMessage, #failureMessage, #incompleteMessage{
	z-index:52;	
}

/* Position the form in the middle of the window (if JavaScript is enabled) */

#contactForm.positioned {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: auto;
  margin-bottom: auto;
}


/* Dimensions and position of the status messages */

.statusMessage {
  display: none;
  margin: auto;
  width: 30em;
  height: 2em;
  padding: 1.5em;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.statusMessage p {
  text-align: center;
  margin: 0;
  padding: 0;
  border:0;
}


/* The header at the top of the form */
#contactForm{
  background:url(../img/template/textured_BG.gif);
}

#contactForm h2 {
  font-size: 2em;
  font-style: italic;
  letter-spacing: .05em;
  margin: 0 0 1em -.75em;
  padding: 1em;
  width: 19.5em;  
  color: #aeb6aa;
  background-color:#272727;
/*  background: #dfe0e5 url('../img/stamp.jpg') no-repeat 15em -3em; /* http://morguefile.com/archive/display/606433 */
  border-bottom: 1px solid #aaa;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;  
  border-radius: 10px 10px 0 0;
}


/* Give form elements consistent margin, padding and line height */

#contactForm ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#contactForm ul li {
  margin: .9em 0 0 0;
  padding: 0;
}

#contactForm input, #contactForm label {
  line-height: 1em;
}


/* The field labels */

label {
  display: block;
  float: left;
  clear: left;
  text-align: right;
  width: 28%;
  padding: .4em 0 0 0;
  margin: .15em .5em 0 0;
  font-weight: bold;
}


/* The fields */

input, textarea {
  display: block;
  margin: 0;
  padding: .4em;
  width: 67%;
  font-family: "Georgia", serif;
  font-size: 1em;
  border: 1px solid #aaa;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;    
  border-radius: 5px;
  -moz-box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
  -webkit-box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
  box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
  background: #fff;
}

textarea {
  height: 13em;
  line-height: 1.5em;
  resize: none;
}


/* Place a border around focused fields, and hide the inner shadow */

#contactForm *:focus {
  border: 1px solid #66f;
  outline: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}


/* Display correctly filled-in fields with a green background */

input:valid, textarea:valid {
  background: #dfd;
}


/* The Send and Cancel buttons */

input[type="submit"], input[type="button"] {
  float: right;
  margin: 2em 1em 0 1em;
  width: 10em;
  padding: .5em;
  border: 1px solid #666;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;  
  border-radius: 10px;
  -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  color: #fff;
  background: #0a0;
  font-size: 1em;
  line-height: 1em;
  font-weight: bold;
  opacity: .7;
  -webkit-appearance: none;
  -moz-transition: opacity .5s;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
}

input[type="submit"]:hover,
input[type="submit"]:active,
input[type="button"]:hover,
input[type="button"]:active {
  cursor: pointer;
  opacity: 1;
}

input[type="submit"]:active, input[type="button"]:active {
  color: #333;
  background: #eee;
  -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
  -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
  box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
}

input[type="button"] {
  background: #f33;
}


/* Header/footer boxes */

.wideBox {
  clear: both;
  text-align: center;
  margin: 70px;
  padding: 10px;
  background: #ebedf2;
  border: 1px solid #333;
}

.wideBox h1 {
  font-weight: bold;
  margin: 20px;
  color: #666;
  font-size: 1.5em;
}

/*******************Utility************************/
.posRel{position:relative;}
.posAbs{position:absolute;}
.floatLeft{float:left;}
.floatRight{float:right;}