/*-----Prevents iPhone from resizing in landscape mode -----*/
html {-webkit-text-size-adjust: none; }

/*-----BODY -----*/
body {
	background-color: #eee;
	font-size: 16px;
	font-weight: 400;
	background-color: #bf9004;	
}


/*-----CONTAINER -----*/
#container {
	background-color: #fff;   /*becomes the nav background color*/
	min-width: 320px;
	max-width: 960px;
}

/*-----HEADER -----*/
header {
	background-color: #030304;
	padding-bottom: 5%;
}

header div#phone {
	margin: .6em 2% 0 0;	
	float: right;
	font-size: 1.2em;
	color: #fff;
}
header div#phone a {
	color: #fff;	/*this is for the iphone and itablet*/
}

/*Company logo*/
header img {
	padding-right: 3%;
	padding-left: 3%;
	padding-top: 3%;
	padding-bottom: 3%;
	width: 98px;
	float: left;
}


header h1 {
	font-size: 2.3em;
	font-weight:700;
	color:#BF9004;
	padding: 1em 0 0 1%;
}

header h2 {
	font-size: 1em;
	font-weight:700;
	color:#BF9004;
	padding: .5em 0 .7em 1%;
}




/*-----NAVigation -----*/

nav {
	padding: .5em 0;
	background: #333;
}

nav ul{display: none;}


nav select{
	display: block;
	width: 96%;
	margin: 0 2%;
}





/*-----CONTENT -----*/
#content {
	min-height: 15em;
	background-color: #bcbfab;
}

#content h2{
	font-size: 1.7em;
	font-weight:700;
	color: #033e8c;
	padding-top: 1.2em;
	border-bottom: 2px solid #a4b9eb;
}

#content h3{ 
	font-size: 1.5em;
	font-weight:700;
	color: #333;
	padding-top: 1.1em;
}

#content p {
	font-size: 1.1em;
	color: #333;
	padding-top:.5em;
	line-height:130%;	
}

#content a {
	color: #0046eb;	
}

#content strong {font-weight: 700;}

#content ul li {
	margin-left: 3%;
	padding: .3em;
	font-size: 1em;
	list-style-type:square;
	color: #444;
	line-height: 120%;
}

/*COLUMNS*/
article {
	padding: .5em 2%;
	clear:both;	
}

figure.w50 img {
	width: 100%;
}
figure.w50 {
	background-color: #fff;
	width: 41.666%;
	border: 1px solid #999;	
	box-shadow: 2px 2px 5px rgba(63, 63, 63, 0.5);
	margin-top:.5em;
}
figcaption {
	text-align:center;
	font-size:.7em;
	padding: .3em;
	}
figure.right {float: right;}





/*----- SOCIAL LINKS -----*/
div.links {
	background-color: #222;
	clear:both
		
}
div.links div.social a {
	width: 29.3333%;	
	margin: 1em  2%;
	float: left;
	border-radius: 10px;
	height: 2em;
	text-align:center;
	color: #222;
	padding-top: .7em;
	text-decoration:none;
	
	background: #f2e205;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2e205), color-stop(100%,#b27e00)); /*Android*/
	background: -webkit-linear-gradient(top,  #f2e205 0%,#b27e00 100%); /*Safari, Chrome*/
	background: -o-linear-gradient(top,  #f2e205 0%,#b27e00 100%); /*Opera on Windows*/
	background: linear-gradient(to bottom,  #f2e205 0%,#b27e00 100%);
}
div.links div.social a:hover {
	background:#B7301E;
}

/*----- FOOTER -----*/
footer {
	clear: both;
	background-color:#eba600;
}


footer p {
	padding: 0.8em;
	text-align: center;
	font-size: 0.6em;
	color: #333;
}
footer a {
	color: #333;
		
}





/*OTHER STUFF*/
div.keepOpen {clear: both;}




/*----- FOOTER -----*/
footer {
	clear: both;
	text-align: center;
	padding: 1em;
}