/*
 * HTML5 Boilerplate
 *
 */

/* Helpers */
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
    *zoom: 1;
}
html,
button,
input,
select,
textarea {
    color: #333;
}
body {
    font-size: 100%;
    line-height: 1; 
	background: #333 url(../images/back.png); 
	margin: 0; 
	padding: 0; 
}

/* Page furniture */
header {
	width:100%;
	background: #fff; 
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5);
	height: auto;
	overflow: visible;
}
footer {
	width:100%;
	color: #fff; 
}
.wrapper {
	width: 95%;
	max-width: 960px; 
	margin: 0 auto; 
	padding:1.5em 0;
	position: relative;
	text-align:center;
}


/* HTML Styles */
/*
font-family:'chaparral-pro-display';
*/
body, caption, th, td, input, textarea, select, option, legend, fieldset {
	font-family:"chaparral-pro-display",sans-serif;	
}
h1 {
	font-weight: normal;
	font-size: 2em; 
	color: #555; 
	text-shadow: 1px 1px 1px rgba(255, 255, 255, .5);
}
a { 
	-webkit-transition: background 0.3s ease-in-out; 
	-moz-transition: background 0.3s ease-in-out; 
	-o-transition: background 0.3s ease-in-out; 
	transition: background 0.3s ease-in-out;	
	color:#fff;
}

/* redefine bold and italics for web fonts */
strong, 
b {
	font-weight: normal;
}
em, 
i {
	font-style: normal;
}
strong em, 
em strong, 
b i, 
i b {
	font-weight: normal; 
	font-style: normal;
}
.logo {
	max-width: 250px;
	margin: 0 auto;
	padding: 0 0 1.5em;
}
.location {
	max-width: 17px;
	margin: 0 auto;
	padding: 0;
}
.greyBtn {
	margin:0 auto;
}
.greyButton {
	background-color:#333;     
	display:inline-block;
	color:#fff;
	font-size:1.250em;
	font-weight:normal;
	font-style:italic;
	padding:14px 24px;
	text-decoration:none;
}
.greyButton:hover {
	background-color:#666;
}
.greyButton:active {
	position:relative;
	top:1px;
}    
footer p {
	padding: 0.625em 0 00;
	margin: 0;
}
footer .small {
	font-size:.875em;
	padding: 1.5em 0 0;
}

/* image styles */
img {
	max-width: 100%; 
	height: auto; 
	display: block;
}


/* IE bits */
.lt-ie9 img { /* fix image bits for older IE */
  	height: auto !important; 
  	width: auto\9; /* IE 8 */
}


@media screen and (min-width: 700px) {

/* HTML elements */

/* IE bits */
.lt-ie7 .logo img {
	width: 100% !important; 
}

  
}/* /mediaquery */

@media screen and (min-width: 900px) {


  
}/* /mediaquery */

@media screen and (min-width: 1300px) {


}/* /mediaquery */

/* the following media query is a fix for a bug in older iOS devices on rotation */
@media screen and (orientation:landscape) and (device-width:320px) and (device-height: 480px) {
	body {
		width: 480px;
	}
}