/* CSS Document */

html, body{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 100%; 
	font-family: BenchNineLight;
}

header, section, footer, aside, nav, main, article, figure, img {
	display: block;
}

.clearfix{
	clear:both;
}

p{
	font-family: BenchNineLight;
	font-size: 1em;
}

h1{
	font-family: BenchNineRegular;
	font-size: 1.8em;
}
	
h2{
	font-family: BenchNineRegular;
	font-size: 1.6em;	
}

h3{
	font-family: BenchNineRegular;
	font-size: 1.4em;		
}

h4{
	font-family: BenchNineRegular;
	font-size: 1.2em;		
}
	
a, a:link, a:visited{
	font-family: BenchNineBold;
	font-size: 1em;	
	color: #0099cb;
	text-decoration: none;
}

a:hover{
	font-family: BenchNineBold;
	font-size: 1em;	
	color: #377693;	
	text-decoration: none;
}

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

li{
	font-family: BenchNineBold;
	font-size: 1.8em;	
	color: #377693;	
	display: inline;
	margin: 0 5% 0 5%;
}

form{
	background: #6c6c6c;
	width: 30%;
	height: auto;
	margin: 0 auto;	
	padding: 2%;
}

input[type=text]
{
    background-color: #EEEEEE;
    color: #377693;
    height: 6%;
	margin-left: 25%;
	width: 45%;
	padding-left: 2%;
	outline: none;
}

input[type=button]
{
    background-color: #0099cb;
    color: #979797;
    height: 6%;
    width: 25%;
    color: #EEEEEE;
    text-transform:uppercase;
    box-shadow:-1px 2px #6E6B6A inset;
	margin: 0 auto;
	margin-left: 35%;
	outline:none;
}

input[type=button], input[type=text]
{
    border: 0;
    border-radius:5px;
    font-family: BenchNineLight;
	font-size: 1em;
}


blockquote{
	font-family: BenchNineRegular;
	font-size: 1em;	
	width: 20%;
}

b{
	font-family: BenchNineBold;
	font-size: 1em;	
}

i, em {
	font-family: BenchNineRegular;
	font-size: 1em;
}

.grey{
	color: #6C6C6C;
}

.lightBlue{
	color: #0099cb;
}

.darkBlue{
	color: #377693;
	}
	
.white{
	color: #EEEEEE;
	}

div{
	width: 100;
	max-width: 70em;	
	margin: 0 auto;
}

img{
	border: none;	
	width: 100%;
	height: auto;
}

@font-face {
    font-family: BenchNineLight;
    src: url(benchnine/BenchNine-Light-webfont.woff);
}

@font-face {
    font-family: BenchNineRegular;
    src: url(benchnine/BenchNine-Regular-webfont.woff);
}

@font-face {
    font-family: BenchnineBold;
    src: url(benchnine/BenchNine-Bold-webfont.woff);
}

@media (max-width: 640px) { 
	body {
		font-size: .8rem;
	} 
} 

@media (min-width: 640px) { 
	body {
		font-size: .6rem;
	} 
} 

@media (min-width:960px) { 
	body {
		font-size:.8rem;
	} 
} 

@media (min-width:1100px) { 
	body {
		font-size:1rem;
	}
}