/* 
HTML5/CSS3/Responsive Design Layout Stylesheet
v1.0.0
Last Updated: 2012-05-24
Author: Matthew Briede
*/

/*
================================================ 
	Imports
================================================
*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);


/*
================================================ 
	Responsive Styles
================================================
*/

body { font-size: 100%; background: #808080; }
img, embed, object, video { max-width: 100%; }


/*
================================================ 
	Typography
================================================
*/

h1 { display: none; }
h2 { color: #860003; font-size: 1.5em; font-family: 'Open Sans', sans-serif; font-weight: 700; text-transform: uppercase; }
h3 { color: #393838; font-size: 1.5em; font-family: 'Open Sans', sans-serif; font-weight: 700; text-transform: uppercase; }
h4 {  }
h5 { font-family: Arial, Helvetica, sans-serif; font-size: 0.875em; color: #000; font-weight: bold; padding: 20px 0 0 0; }
h6 {  }
p { font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; line-height: 1.5em; padding: 10px 0 0 0; }
q:before { display: block; content: '\201C'; font-size: 1.25em; }
q:after { display: block; content: '\201D'; font-size: 1.25em; }
a {  }


/*
================================================ 
	HTML5 Styles
================================================
*/

header { margin: 0 auto; text-align: left; width: 986px; }

nav { float: right; margin-top: 35px; }
nav ul { position: relative; }
nav li { display: inline; list-style: none; }
nav a { font-family: 'Open Sans', sans-serif; font-weight: 700; color: #fff; padding: 10px; font-size: 0.875em; line-height: 2em; text-decoration: none; text-transform: uppercase; }
nav a.active { background: #860003 url(../img/bg-nav-active.jpg) top left repeat-x; border: 1px #2c0000 solid; }
nav a.active:hover { background: #860003 url(../img/bg-nav-active.jpg) top left repeat-x; border: 1px #2c0000 solid; color: #fff; }
nav a:hover, nav a:focus { color: #860003; }

footer { margin: 0 auto; text-align: left; width: 986px; }
footer p { color: #fff; font-family: 'Open Sans', sans-serif; font-size: 0.625em; padding: 20px 20px 0px 20px; }
footer a { color: #fff; text-decoration: none; }


/*
================================================ 
	Custom Styles
================================================
*/

#header-wrapper { width: 100%; height: 100px; background: #454545 url(../img/bg-header.jpg) top left repeat-x; margin: 0 auto; }
#main-wrapper { width: 100%; margin: 0 auto; text-align: center; background: #dfdfdf url(../img/bg-main.jpg) top left repeat; }
#main { margin: 0 auto; text-align: left; width: 986px; background: #fff; border-left: 1px #939393 solid; border-right: 1px #939393 solid; }
#main-container { padding: 20px; }
.left-col { width: 676px; }
.right-col { width: 250px; background: #939393; }
.tri-col { width: 33%; }

#rotator { width: 676px; height: 242px; background: #c5c5c5; margin-bottom: 20px; }
#rotator img { margin: 20px; }

#location { padding: 20px; text-align: right; color: #393939; }
#location img { margin: 10px 0; border: 1px #393838 solid; }
#location a { font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; line-height: 1.25em; color: #393939; }

#footer-wrapper { width: 100%; height: 50px; background: #454545 url(../img/bg-footer.jpg) top left repeat-x; margin: 0 auto; }


/*
================================================ 
	Form Styles
================================================
*/

label { font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; line-height: 1.5em; }
input { width: 50%; padding: 5px; background: #eee; color: #000; border: 1px #000 solid; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; line-height: 1.5em; }
textarea { width: 50%; padding: 5px; background: #eee; color: #000; border: 1px #000 solid; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; line-height: 1.5em; }
input[type=submit] { width: auto; background: #939393; cursor: pointer; font-weight: bold; padding: 5px 10px; color: #fff; }


/*
================================================ 
	CSS3 Custom Styles
================================================
*/

.rounded { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.shadow { text-shadow: 1px 1px 2px rgba(0, 0, 0, .5); }
.drop-shadow { -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .5); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .5); box-shadow: 1px 1px 2px rgba(0, 0, 0, .5); }
.opacity { opacity: 0.5; }


/*
================================================ 
	Custom Styles
================================================
*/

.left { float: left; }
.right { float: right; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.uppercase { text-transform: uppercase; }
.display-none { display: none; }
.invisible { visibility: hidden; }
.small { font-size: 0.6875em; }

.red { color: #850003; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; line-height: 1.5em; padding: 10px 0 0 0; }
.arrow { color: #850003; }
.pad-right { margin-right: 10px; }
.size-bump { font-size: 1.125em; }
.img-border { border: 5px #939393 solid; width: 75%; }
.text-center { text-align: center; }

.about-img { margin: 20px 20px 0 0; border: 5px #939393 solid; }

/* Enclosed Floats */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; clear: both; }


/*
================================================ 
	Media Queries
================================================
*/

/* iPhone Landscape */
@media screen and (max-width: 480px) {
	
}

/* iPad Portrait */
@media screen and (max-width: 768px) {
	
}

/* Larger Screen Sizes */
@media screen and (min-width: 1200px) {
	nav, header, .content { max-width: 986px; }
}