/* ===============================================
* Casey inc. V1 
* Copyright 2013, Scott Hampton
* www.dennisecasey.com
* 3/28/2014
*/




/* #Color Guide
================================================== 
#efecca
# Med-Lt Grey for (rules): #D3D3D3
# Lt Grey for (aside background): #E8E8E8
# Straw Yellow (navigation):  #efecca
# Dark Green (text): #313d2e
# Slate Grey (logo): #5b6870
# Dark Grey (text-aside): #363636
# Tangerine (alerts): #ED2C0A
 
================================================== */


/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */



/* #Page Styles
================================================== */

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

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
	@font-face {
 			font-family: 'LeagueGothicRegular';
		    src: url('../fonts/League_Gothic-webfont.eot');
		    src: url('../fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
		         url('../fonts/League_Gothic-webfont.woff') format('woff'),
		         url('../fonts/League_Gothic-webfont.ttf') format('truetype'),
		         url('../fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
		    font-weight: normal;
		    font-style: normal;
}

/* #Page Styles
================================================== */
.line {
	height: 6px;
	width: 100%;
	border-top: 7px solid #efecca;
	top: 0px;
	position: fixed;
	z-index: 1;
	
}

div#fixed 	{
	background-color: #fff;
	width: 100%;
	position: fixed;
	top: 6px;
	margin: 0 auto;
	z-index: 2;
	
	
}
nav {

	height: 55px;
	border-bottom: 3px double #D3D3D3;
    margin-bottom: -5px;
    font-size: 20px;
    min-height: 35px;
  	text-align: center;
	-webkit-overflow-scrolling: touch

}

ul#nav {position: relative;
}

nav ul {
	display: block;
	margin-bottom: 0px;
}

nav ul li {
	/*margin: 10px auto 0;*/
	margin-top: 0px;
	line-height: 55px;
	display: inline-block;
	padding: 0 0px;
	width: 89px;
	vertical-align: baseline;

	}

nav ul li a {
	display: block;
	text-decoration: none;
	background-color: white;
	-moz-transition: 0.35s ease-in-out;
	width: 89px;
	}

nav ul a:hover {
	height: 55px;
	-webkit-transition: 0.35s ease-in-out;
	-webkit-transition-timing-function: 0.35s ease-in;
	transition: 0.35s ease-in-out;
	transition-timing-function: 0.35s ease-in;
	-moz-transition: 0.35s ease-in-out;
	-moz-transition-timing-function: 0.35s ease-in;
	width: 89px;
	display: inline-block;
	background-color: #efecca;
}

nav ul a:active {
	height: 55px;
	transition: 0.35s ease-in-out;
	transition-timing-function: 0.35s ease-in;
	-moz-transition: 0.35s ease-in-out;
	-moz-transition-timing-function: 0.35s ease-in;
	width: 89px;
	display: inline-block;
	background-color: #efecca;
}

#nav .current a {	
	height: 55px;
	width: 89px;
	display: inline-block;
	background-color: #efecca;
	}

.branding 	{
	
	min-height: 225px;
	text-align: center;

}	

h1#logo 	{
	background-image: url(../images/Casey-logo.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 380px;
	height: 180px; 
	margin-top: 118px;
}

hgroup {
	border-top: 3px double #D3D3D3;
	border-bottom: 3px double #D3D3D3;
    display: block;
    /*margin: 10px auto 0;*/
    min-height: 70px;
    text-align: center;
}
hgroup#sub-head h2  {
 	text-align: center;
	display: inline;
}
  

ul.sub-head li {
	display: inline;
	text-align: center;
}


h2	{
	letter-spacing: 1.2px;
	padding: 0px;
	text-align: center;
}
	
p.summery {
	margin: 50px 35px 50px 35px;}	
#contact {
	min-height: 450px;
	
}

.get-in-touch {
	
}

#phone {
	margin-bottom: 60px;
}

#email {
	width: 280px;
	margin: 0 auto;
	margin-bottom: 30px;}

h3.heading {
	margin-bottom: 48px;
	border-bottom: 1px solid #D3D3D3;
    border-top: 1px solid #D3D3D3;
    display: block;
    min-height: 70px;
    text-align: center;
}

h4.contact-info  {
	
	width: 280px;
	padding-left: 2px;
	position: relative;
	text-align: left;
	font-family: "League Gothic", "League_Gothic", "LeagueGothicRegular", sans-serif;
	color: #363636;
	font-size: 20px;
	line-height: 20px;

}

h5  {
	
	width: 280PX;
	text-align: left;
	margin: 0 auto;
	color: ;
	
}
ul.maven {
	margin: 30px 0 0 0;
}

li.forte {
	line-height: 30px;
	letter-spacing: .7px;
	background-color: #E8E8E8;
	padding: 5px 10px 5px 10px;
	font-size: 26px;
	color: #363636;
	font-family: "League Gothic", "League_Gothic", "LeagueGothicRegular", sans-serif;
}

img.icon{ 
	
	display: block;
	margin-right: auto;
	margin-left: auto;
	}

.contact-info {
	color: white;
	letter-spacing: .6px;}

h2.contact-info{	
	padding-top: 40px;
	letter-spacing: .9px;

	}

footer {
	height: 50px;
	background-color: #efecca;
	
}

section {margin-bottom: 40px;}

.hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

a {text-decoration: none;}
nav ul a:hover {
	background-color: #efecca;
}

aside#reach-out  {
	
}

p.contact-email, .contact-phone  {
	line-height: 30px;
	letter-spacing: .7px;
	padding-left: 2px;
	font-size: 20px;
	color: #777;
	font-family: "Times New Roman", "Times", Georgia, serif;
	text-align: left;
}



p.copywrite { 
	margin: 0 auto;
	font-size: 12px;
	color: #363636;
	text-align: center;
	padding-top: 22px;
	}


/* links
================================================== */

a.link {color: #5b6870; }
a.link:hover {color: #363636; text-decoration: underline;}


/* form
================================================== */


::-webkit-input-placeholder {
    color: #313d2e;
   
}

::-moz-placeholder {
    color: #313d2e;
}


form {margin-top: 0px;}
.home {display: none;}

textarea {
	border: 1px solid #D3D3D3;
	font: 16px "Times New Roman", "Times", serif;
	color: #777;
	resize: none;
	width: 98%;
	height: 250px;
	padding: 4px;}
	
	


input.error {
	border: 1px #313d2e;
	box-shadow: 0 0 3px #313d2e;
	-moz-box-shadow: 0 0 3px #313d2e;
	-webkit-box-shadow: 0 0 3px #313d2e;	
	
}	

label.error  {
	cursor: pointer;
	opacity: 0.87;
	border: 1px solid #D3D3D3;
	background-color: #efecca;
	line-height: 28px;
	text-align: center;
	font-family: "Times New Roman", "Gerogia", serif;
	letter-spacing:;
	font-size: 16px;
	color: #313d2e;
	width: 60%;
	box-shadow: 2px 3px 5px #313d2e;
	-moz-box-shadow: 2px 3px 5px #313d2e;
	-webkit-box-shadow: 2px 3px 5px #313d2e;
}

input[type="email"] { border: 1px solid #D3D3D3;
	padding: 6px 4px;
	outline: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	font: 16px "Times New Roman", "Times", Georgia, serif;
	color: #777;
	margin: 0;
	width: 98%;
	max-width: 100%;
	display: block;
	margin-bottom: 20px;
	background: #fff;
}
	
input[type="email"] { border: 1px solid #D3D3D3;
	padding: 6px 4px;
	outline: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	font: 16px "Times New Roman", "Times", serif;
	color: #777;
	margin: 0;
	width: 98%;
	max-width: 100%;
	display: block;
	margin-bottom: 20px;
	background: #fff;
}

.fte_blurb {font-size: 10px; }

.inc {font-size: 13px; font-weight:;}

/* images
================================================== */

.headshot {
	display: block;
	border: 3px double #D3D3D3;
	margin: 19px auto;
}

/* button
================================================== */

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	background: #E8E8E8; /* Old browsers */
	border: 1px solid #D6D6D6;
  	color: #363636;
	-webkit-appearance: none;
	border-radius: 0px 0px 0px 0px;
  	display: inline-block;
  	font-weight: normal;
  	text-decoration: none;
	cursor: pointer;
  	margin-bottom: 20px;
  	line-height: normal;
  	padding: 8px 10px;
	letter-spacing: 1px;
	font-size: 18px;
  	font-family: "League Gothic", "League_Gothic", "LeagueGothicRegular", sans-serif; }
	
	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		background: #D6D6D6; /* Old browsers */
		color: #363636;
	   }
   	
	.button:active,
   	button:active,
input[type="submit"]:active,
   	input[type="reset"]:active,
   	input[type="button"]:active {
   	border: 1px solid #666;
	background: #D6D6D6; /* Old browsers */
	color: #363636;

}


/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}




/* jquery ios bug fix
================================================== */


.header { 
    position: fixed; 
    height: 100px; 
    width: 100%; 
    top: 0; 
    z-index: 1000; 
    background: #bada55; 
} 



.fixfixed { 
    position: static; 
}