/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	body {
		background: #18264e url(../images/bgpage.jpg);
		font-family:Verdana, Geneva, sans-serif;
	}
	
	h1, h2, h3, h4 {
		font-family: 'Questrial', serif;
		font-weight: normal;
	}
	
	h2 {
		color: #6F99A8;
	}
	
	.mainbox {
		max-width: 1140px;
		min-width: 755px;
		margin: 0 auto;
		-moz-box-shadow:    0px 0px 5px 5px #222;
  		-webkit-box-shadow: 0px 0px 5px 5px #222;
  		box-shadow:         0px 0px 5px 5px #222;
	}
	
	.mainpic {
		min-height:300px;
		background:url(../images/bruce.jpg) no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		background-size:cover;
	}
	
	.headerarea {
		background:none;
	}
	
	.headercontact {
		text-align:right;
		color:#FFF;
	}
	
	.headercontact h2 {
		color:#FFF;
	}
	
	.headerespanol {
		color: #A8B5BF;
	}
	
	.getpadded {
		padding: 25px;
	}
	
	.getpaddedsmall {
		padding: 20px;
	}
	
	.feature {
		background-color: #e4e7ef;
		border-bottom: 1px solid #8291b7;
	}
	
	.feature h2 {
		color: #8F755A;
		margin-bottom: 10px;
	}
	
	ul {
		margin-left: 20px;
	}
	
	li {
		font-size:17px;
	}
	
	.footer {
		background: #c0c6d5 url(../images/bgfooter.jpg) repeat-x;
		color:#38495E;
		border-top: 1px solid #8291b7;
	}
	
	.footer a {
		color: #039;
	}
	
	.footer a:hover {
		color:#000;
		text-decoration:none;
	}
	
	a {
		color:#8F755A;
	}
	
	a:hover {
		color: #38495E;
		text-decoration:none;
	}
	

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
	}
	
	.mainbox {
		max-width: 767px;
		min-width: 0px;
		margin: 0 auto;
	}
	
	.headerarea {
		padding: 0px;
	}
	
	.headercontact {
		text-align:center;
		padding: 5px;
		font-size: .8em;
	}
	
	.mainpic {
		background: none;
		min-height:0px;
	}
	
	li {
		font-size:14px;
	}
	
	.getpadded {
		padding: 10px;
	}
	
	.listspacer {
		display: none;
	}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}