/* Page Design -------------------*/
html, body {min-width:300px;}
body {background:url('images/gray.jpg');}
body {background-repeat:repeat; background-attachment:fixed; background-position:center center;}
body {margin:0px;}

/* Layout Styles ----------------------------------------------------------*/
.container {position:relative; max-width:900px; margin-left:auto; margin-right:auto;}

.header {position:relative; width:100%; background:#aa1414; background:url('images/rednoise.png'); text-align:center;
	-moz-box-shadow:0px 0px 6px #333; -webkit-box-shadow:0px 0px 6px #333; box-shadow:0px 0px 6px #333;}
.header .inside {padding:35px 30px;}
.header h1 {font-size:52px; text-shadow:none; color:white; line-height:1.1; font-weight:normal;}
.header h2 {font-size:18px; color:white; font-style:italic;}
.bolt1, .bolt2, .bolt3, .bolt4 {width:30px; position:absolute;}
.bolt1 {top:15px; left:15px;} .bolt2 {top:15px; right:15px;} .bolt3 {bottom:15px; left:15px;} .bolt4 {bottom:15px; right:15px;}

.navigation {width:100%; background:#951111; margin-bottom:30px;
	-moz-box-shadow:0px 0px 6px #333; -webkit-box-shadow:0px 0px 6px #333; box-shadow:0px 0px 6px #333;}
.navigation .inside {padding:0px 20px; text-align:center;}
.navigation .inside a {font-family:'ChunkFive', Arial; font-size:18px; color:white; text-decoration:none;
	padding:15px 10px; line-height:48px;}
.navigation .inside a:hover {border-bottom:4px solid white; padding-bottom:9px;}

.content {background:#e1e1e1; overflow:hidden;
	-moz-box-shadow:0px 0px 6px #333; -webkit-box-shadow:0px 0px 6px #333; box-shadow:0px 0px 6px #333;}
.graphic {width:100%; height:250px; overflow:hidden; text-align:center;}
.graphic img {height:100%;}
.transition {background:url('images/transition.png'); height:27px; width:100%; margin-top:-20px;
	background-position:top center; z-index:200; position:relative;}
.pagetitle {margin-top:-5px; background:white;}
.pagetitle .inside {padding:20px 30px 10px;}
.pagetitle .inside h1 {font-size:34px;}
.mainbar {float:left; width:70%;
	font-family:'Lato', Arial; font-size:18px; line-height:1.5; font-weight:normal; color:#333;}
.mainbar .inside {padding:30px;}
.sidebar {float:right; width:30%; margin-top:-60px;}
.sidebar .inside {padding-right:30px;}
.sidebar .box {background:#333; width:100%; margin-bottom:30px;
	-moz-box-shadow:0px 0px 2px #333; -webkit-box-shadow:0px 0px 2px #333; box-shadow:0px 0px 2px #333;}
.sidebar .box .sidetitle {padding:15px 15px 10px; font-family:'Lato', Arial; color:white; background:#555; font-size:18px;}
.sidebar .box .sidetext {padding:15px; font-family:'Lato', Arial; color:white; font-size:16px; line-height:1.4;}
.sidebar .sideimage {width:100%; margin-bottom:30px;
	-moz-box-shadow:0px 0px 2px #333; -webkit-box-shadow:0px 0px 2px #333; box-shadow:0px 0px 2px #333;}

.fullwidth {padding:30px; text-align:center;}
.map {position:relative;}
.map .transition {position:absolute; bottom:-3px;}

.footer {margin-top:30px; width:100%; background:#333;
	-moz-box-shadow:0px 0px 6px #333; -webkit-box-shadow:0px 0px 6px #333; box-shadow:0px 0px 6px #333;}
.footer .inside {padding:30px; position:relative;}
.footer h1 {color:white; font-size:28px;}
.footer h2 {color:white; font-size:16px;}
.footer h3 {color:white;}
.footer .creditcards {position:absolute; top:30px; right:30px; width:240px;}

/* Font Styles ------------------------------------------------------------*/
h1 {font-family:'ChunkFive', Arial; font-size:26px; line-height:1.5; font-weight:normal; color:#333; display:inline;}
h2 {font-family:'Lato', Arial; font-size:20px; line-height:1.5; font-weight:normal; color:#333; display:inline;}
h3 {font-family:'Lato', Arial; font-size:13px; line-height:1.3; font-weight:normal; color:#333; display:inline;}

ul li {font-family:'Lato', Arial; font-size:18px; line-height:1.5; color:#333;}

.link {color:#333; text-decoration:none; border-bottom:1px dashed #333;}
.link:hover {border-bottom:1px solid #333;}

.whitelink {color:white; text-decoration:none; border-bottom:1px dashed white;}
.whitelink:hover {border-bottom:1px solid white;}

/* RESPONSIVE ------------------------------------------------------------*/

@media screen and (max-width: 960px) {
	.container {width:auto; margin-left:30px; margin-right:30px;}
	.header h1 {font-size:42px;}
	.pagetitle .inside {padding:20px 20px 10px;}
	.mainbar .inside {padding:20px;}
	.sidebar .inside {padding-right:20px;}
	.sidebar .box {margin-bottom:20px;}
	.sidebar .sideimage {margin-bottom:20px;}
	.sidebar .box .sidetitle {font-size:16px;}
	.sidebar .box .sidetext {font-size:14px;}
	.fullwidth {padding:20px;}
	.footer .inside {padding:20px;}
	.footer .creditcards {top:20px; right:20px;}
}

@media screen and (max-width: 800px) {
	.header h1 {font-size:36px;}
	.navigation .inside {padding:15px;}
	.navigation .inside a {font-family:Georgia; font-weight:normal; padding:0px 10px; line-height:1.6;}
	.navigation .inside a:hover {border-bottom:none; padding:0px 10px;}
	.pagetitle .inside {text-align:center;}
	.mainbar {width:100%; float:none;}
	.sidebar {width:100%; float:none; margin-top:0px;}
	.sidebar .inside {padding:0px 20px;}
	.footer .inside {text-align:center;}
	.footer .creditcards {position:relative; top:0px; right:0px; margin-top:15px; margin-left:-5px;}
}

@media screen and (max-width: 520px) {
	.container {margin:0px;}
	.header .inside {padding:55px 30px;}
	.header h1 {font-size:24px;}
	.header h2 {font-size:14px;}
	.navigation {margin-bottom:0px;}
	.navigation .inside {padding:10px;}
	.navigation .inside a {font-size:16px;}
	.graphic {height:180px;}
	.graphic img {height:180px;}
	.pagetitle .inside {padding-top:10px;}
	.pagetitle .inside h1 {font-size:24px;}
	.mainbar {font-size:16px;}
	.footer {margin-top:0px;}
	.footer .inside {text-align:center;}

	h2 {font-size:16px;}
	ul li {font-size:16px;}
}

/* Universal Settings --------------*/
.shadow {-moz-box-shadow:0px 0px 6px #333; -webkit-box-shadow:0px 0px 6px #333; box-shadow:0px 0px 6px #333;}
img {border:0;}
.clear {clear:both;}