/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

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

/* #Site Styles
================================================== */
video {
  width: 100%    !important;
  height: auto   !important;
}

h1, h2, h3, h4, h5 {
	font-family: 'Runda',sans-serif;
	font-weight: 500;
	text-align: left;
	}

p {
	font-family: 'Runda',sans-serif;
	font-weight: 100;
	text-align: left;
	letter-spacing: .04em;
	}
	
.fade{
    position: relative;
	}

.container.removespace {line-height:0;}

img, img.scale-with-grid { 
	outline: 0; 
	max-width: 100%; 
	height: auto; 
	}
	
.embed-container{
	 position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    height: 0;
    overflow: hidden;
}	

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.overlay-link {
    display: block;
    position: relative;
    width:100%;
	}

.overlay-link p {
    font-size:15px;
	}	

.overlay-link .caption {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: 0.5s opacity;
    -moz-transition: 0.5s opacity;
    -o-transition: 0.5s opacity;
    transition: 0.5s opacity;
    background: #101417;
    padding-top:20px;
    padding-left:25px;
    font-size:18px;
    line-height:24px;
	}

.overlay-link:hover .caption {
    opacity: 0.9;
    filter: Alpha(opacity=0.9);
    color: #fff;
    font-size:18px;
    line-height:24px;
    }

.overlay-link img {
    display: block;
	}
		
.logo {
	margin-top:3px;
	margin-left:10px;
	}
	
.header {
	margin-top:25px;
	margin-bottom: 20px;
	}	

header { 
	height: 60px;
    position: fixed;
    width: 100%;
    z-index: 30;
    background-color:rgba(255, 255, 255, 100.0);
    padding-top:13px;
	}
	
header ul {
    float: right;
    padding-top: 15px;
    text-decoration: none;
    margin-right:10px;
	}
	
header li {
    display: inline;
    margin: 0 0 0 24px;
    font-weight: 500;
	font-size: 21px;
	text-decoration: none;
	}

header a {
	color:#101417;
	}
	
header a:hover {
	color:#9b9b9b;
	}			
	
header a:visited {
	}
	
.fullwidth {
	text-align: center;
	line-height: 0px;
}	

.animated {
    display: none;
}	
	
.band.message  {
	width: 100%; 
	position:fixed; 
	top:88px;
	background: url(../images/) repeat scroll 0 0 / cover transparent;
	background-color: #fff; 
	height:410px;
	}	
	
.band.message img  {
	display:block;
	position:relative; 
	top:0;
	margin:0 auto;	
	}	
	
.band.message h1 {
	padding-top:20px; 
	padding-bottom: 6px;
	text-align: left;
	font-size: 83px;
	line-height:90px;
	font-weight: 400;
	color:#101417;
	}		
	
.band.main {
	background-color: #fff; 
	padding-top:25px; 
	position: relative;
	top:340px;
	}
	
.band.main.interior {
	background-color: #fff; 
	padding-top:25px; 
	position: relative;
	top:93px;
	}	
		
.band.main.contact {
	background-color: #fff; 
	padding-top:25px; 
	position: relative;
	top:93px;
	}		

.container.main.contact a {color:#101417; text-decoration: underline;}
.container.main.contact a:hover {color:#949494; text-decoration: underline;}

.desc {
	font-size: 21px;
	padding-bottom: 33px;
	}

.container.main {
	text-align: center;
	color: #101417;
	font-size: 21px;
	line-height:28px;
	z-index: 20;
	padding-top:0px;
	padding-bottom:0px;	
	}
	
.container.main.interior {
	padding-bottom:33px;	
	}			
			
.container.main img, img.scale-with-grid {  
	outline: 0; 
	width: 100%; 
	height: auto;
	display: block; 
	margin-bottom: 25px;
	}		

.band.secondary  {
	width: 100%; 
	background-color: #fff; 
	position:relative;
	text-align: left;
	padding-top:65px;
	}	
	
.band.secondary h1 {
	padding-top:10px; 
	font-size: 42px;
	font-family: 'Runda', sans-serif;
	line-height:45px;
	color: #101417;
	}	
	
.band.secondary p {
	font-size: 21px;
	font-family: 'Runda', sans-serif;
	font-weight: 100;
	color: #101417;
	}
	
.line {border-top: 1px solid #101417;
	padding-top:10px;
	}	
	
.band.footer {
	width: 100%; 
	background-color: #fff; 
	position:relative;
	text-align: left;
	padding-bottom:30px;
	padding-top:50px;
	}
	
.band.footer p {	
	font-size: 16px;
	font-family: 'Runda', sans-serif;
	font-weight: 500;
	color: #101417;	
	}
	
.band.footer a {	
	color: #101417;	
	}
	
.band.footer a:hover {	
	color: #9b9b9b;	
	}	
	
.band.footer h4 {	
	font-family: 'Runda', sans-serif;
	font-weight: 700;
	color: #101417;	
	}					
		
.newbutton {
	text-align: left;
	}
	
.newbutton a {    
	background-color: #101417;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: 'Runda',sans-serif;
    font-weight:500;
    font-size: 18px;
    line-height: normal;
    margin-bottom: 40px;
    padding: 8px 20px;
    text-decoration: none;
    }
   
.newbutton a:hover {    
	background-color: #767A7D;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: 'Runda',sans-serif;
    font-weight:500;
    font-size: 18px;
    line-height: normal;
    margin-bottom: 40px;
    padding: 8px 20px;
    text-decoration: none;
    }	
    
.workbutton {
	text-align: center;
	margin-top:60px;
	margin-bottom:60px;
	}
	
.workbutton a {    
	background-color: #101417;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: 'Runda',sans-serif;
    font-weight:500;
    font-size: 18px;
    line-height: normal;
    margin-bottom: 40px;
    padding: 8px 20px;
    text-decoration: none;
    }
   
.workbutton a:hover {    
	background-color: #767A7D;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: 'Runda',sans-serif;
    font-weight:500;
    font-size: 18px;
    line-height: normal;
    margin-bottom: 40px;
    padding: 8px 20px;
    text-decoration: none;
    }
    
.featurebutton {
	text-align: center;
	background-color: #101417;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'Runda',sans-serif;
    font-weight:500;
    font-size: 18px;
    line-height: normal;
    margin-bottom: 25px;
    padding: 8px 20px;
    text-decoration: none;
	}
	
h3 {font-family: 'Runda',sans-serif;
    font-weight:700;
	}	
	
form.email p {
font-size: 21px;
font-weight: 500;
padding: 0 0 10px 0;
margin: 0;
}

form.email input, form.email textarea {
font-family: 'Runda', sans-serif;
font-size: 16px;
margin: 0 0 20px 0;
color:#101417;
}

form.email input {
background: #fff;
padding: 5px;
}

form.email textarea {
background: #fff;
padding: 5px;
width: 90%;
height: 200px;
}

form.email input.send {
-webkit-appearance: none;
background-color: #101417;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
font-family: 'Runda',sans-serif;
font-size: 18px;
line-height: normal;
margin-bottom: 40px;
padding: 8px 20px;
text-decoration: none;
border: 1px solid #fff;
}	

form.email input.send:hover {
-webkit-appearance: none;
background-color: #767A7D;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
font-family: 'Runda',sans-serif;
font-size: 18px;
line-height: normal;
margin-bottom: 40px;
padding: 8px 20px;
text-decoration: none;
border: 1px solid #fff;
}	

/* #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) {.two.columns.offset-by-four.hide, .two.columns.hide, .sixteen.columns.hide {display: none;}}

	/* 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) {
	
	.band.message h1 {font-size: 27px; line-height: 28px; padding-bottom: 0px; padding-top:16px;}
	.band.main { top: 130px; padding-top: 15px;}
	header {height: 50px; padding-bottom: 6px; padding-top:0px;}
	.band.message {top:46px;}
	header img {max-width: 40px;}
	.logo {margin-top:8px; margin-left: 0px;}
	header ul {padding-top: 19px; margin-right: 0px;}
	.band.main.interior {top:56px;}
	.band.main.contact {top:56px;}
	.two.columns.offset-by-four.hide, .two.columns.hide, .sixteen.columns.hide {display: none;}
	.band.secondary {padding-top:30px;}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px){
	
	.band.message h1 {font-size: 24px; line-height: 26px; padding-bottom: 0px; padding-top:20px;}
	.band.main { top: 120px; padding-top: 15px;}
	.header {margin-top:15px; margin-bottom: 10px;}	
	header {height: 50px; padding-bottom: 6px; padding-top:0px;}
	.band.message {top:44px;}
	header img {max-width: 40px;}
	.logo {margin-top:8px; margin-left: 0px}
	header li {font-size: 16px; margin: 0 0 0 10px;}
	header ul {padding-top: 18px;margin-right: 0px;}
	.band.secondary {padding-top:30px;}
	.band.secondary p {font-size:18px;}
	.band.secondary h1 {font-size:24px; line-height: 26px;}
	.band.main.interior {top:56px;}
	.band.main.contact {top:56px;}
	.two.columns.offset-by-four.hide, .two.columns.hide, .sixteen.columns.hide {display: none;}
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/