body{
	background:#fff;
	color:#ccc;
	font-family:"Oswald",Helvetica,Arial,sans-serif;
	font-size:13px; 
	line-height:1.5em;
}
#page{
	background:url(img/band-bg-01.jpg) no-repeat center top fixed;
	background-size:cover;
	margin:0 auto 30px;
	position:relative;
	text-align:center;
}
#main
{
	margin:0 auto;
	max-width:980px;
	padding:50px 30px;
}
#header{ 
	background:#666;
	font-weight:300;
	height:64px;
	text-transform:uppercase;
}
#header a{
    color:#ccc;
}
#logo{
    display:inline;
	padding:0 15px 0 0;
	position:relative;
	top:11px;
}
#header p{
    display:inline;
	position:relative;
	top:-7px
}
#header em{
    color:#53c039;
	font-style:normal;
}
#banner{
    background:#cfcfcf;
	background: -webkit-linear-gradient(#cfcfcf, #ababab); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#cfcfcf, #ababab); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#cfcfcf, #ababab); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#cfcfcf, #ababab); /* Standard syntax */
	box-shadow:0px -6px 8px #999 inset;	
	padding:40px 30px 20px;
}
#banner .small{
    color:#666;
	font-size:12px;
}
#banner .quote{
    color:#000;
    font-family:Lato,Helvetica,Arial,sans-serif;
	font-size:22px;
	line-height:1.25em;
	margin:30px auto;
	max-width:900px;
	text-shadow:1px 1px 0 #fff;
}
#banner .credit{
    color:#333;
	font-size:20px;
	text-shadow:1px 1px 0 #eee;
}
#banner .credit span{
    display:block;
    font-size:14px;
}
#footer{
	color:#666;
	font-size:12px;
	text-transform:uppercase;
}
#footer span{
    padding:0 8px;
}
.phone a{
    display:none;
}

/* STANDARD ELEMENTS -------------------------------------- */

h1{
	color:#fff;
	font-size:3em;
	font-weight:300;
	margin-bottom:.75em;
	text-transform:uppercase;
}
h2{
	color:#fff;
	font-size:2em;
	font-weight:400;
	margin-bottom:.75em;
}
h3{
	color:#fff;
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:1em;
	text-transform:uppercase;
}
h4{
	color:#333;
	font-size:1.2em;
	margin-bottom:1em;
}
h5{
	color:#000;
	font-size:1.1em;
	font-weight:400;
	margin-bottom:.75em;
	text-transform:uppercase;
}
h6{
	color:#333;
	font-size:1em;
	margin-bottom:.5em;
}
a{ 
	color:#666;
	text-decoration:none;
}
a:hover{
	color:#328d1c;
}
ul, ul.custom{
	padding-left:0;
}
ul li, ul.custom li{
	list-style:none;
	background:url(img/plus-red-round.png) no-repeat 2px 4px;
	background-size:14px auto;
	margin-bottom:.75em;
	padding-left:1.75em;
}
ol li, ol.custom li{
	margin-bottom:.75em;
}
ol.custom{
	counter-reset:li;
	list-style:none;
	padding-left:0;
}
ol.custom > li{
	margin-bottom:1em;
	margin-left:2.25em;
	position:relative;
}
ol.custom > li:before {
    border-right: 2px solid #ccc;
    color: #d00;
    content: counter(li, decimal);
    counter-increment: li;
    font-size: 1.25em;
    font-weight: bold;
    left: -2em;
    line-height: 1em;
    position: absolute;
    text-align: center;
    top: 0.1em;
    width: 1.5em;
}
iframe{
	max-width:100%;
}


/* CUSTOM GENERIC CLASSES --------------------------------- */

.left{
	float:left;
	margin:0 1.5em 1.5em 0;
}
.right{
	float:right;
	margin:0 0 1.5em 1.5em;
}
.clear{
	clear:both;
}
.big{
	color:#666;
	font-size:1.65em;
	font-weight:300;
	line-height:1.25em;
	margin-bottom:20px;
}
.center{
	text-align:center;
}
a.btn{
	background:url(img/arrow-red.png) no-repeat right 13px center;
	border:1px solid #f00;
	border-radius:4px;
	color:#f00;
	display:inline-block;
	font-size:1.143em;
	padding:.75em 2.5em .75em 1.5em;
	text-transform:uppercase;
}
a.btn:hover{
	border:1px solid #c00;
	color:#c00;
}
ul.inline.dot li:before{
	content:"â€¢";
	padding:0 .5em 0 .3em;
}
ul.inline.pipe li:before{
	color:#aaa;
	content:"|";
	padding:0 .5em 0 .3em;
}
ul.inline.dot li:first-child:before,
ul.inline.pipe li:first-child:before{
	content:normal;
}
.chunk{
	border-top:1px dotted #444;
	margin-bottom:1.5em;
	padding-top:1.5em;
}
.chunk:first-child{
	border:none;
	padding-top:0;
}
.chunk .title{
	font-family:"Open Sans",Helvetica,Arial,sans-serif;
	font-size:1em;
	font-weight:bold;
	margin-bottom:.5em;
}
.chunk .date{
	font-size:.8em;
}
.chunk .excerpt{
	margin:.5em 0;
}
.chunk .more{
	font-weight:bold;
}

/* COLUMN & GRID CLASSES -------------------------------- */

.col {
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
    float: left;
	margin-bottom:1.5em;
    padding: 0 1.5em;   
}
.col-wrap{
	margin-left:-1.5em;
}
.col-wrap .col{
	padding:0 0 0 1.5em;
}
.d-2{
	width:50%;
}
.d-3{
	width:33.3333%;
}
.d-4{
	width:25%;
}
.d-5{
	width:20%;
}
.d-6{
	width:16.6666%;
}
.d-7{
	width:14.2857%;
}
.equal-3{
	padding:0 1px;
	width:30%;
}
.equal-3.mid{
	padding:0 2.5%;
	margin:0 2.5% 1.5em;
	width:35%;
}
.col.first{
	padding-left:0;
}
.col.last{
	padding-right:0;
}

/* CUSTOM SPECIFIC CLASSES -------------------------------- */







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

@media screen and (max-width: 960px) {
	


}

@media screen and (max-width: 800px) {

.col.t-1{ width:100%; }
.col.t-2{ width:50%; }
.col.t-3{ width:33.333%; }
.col.t-4{ width:25%; }
.col.t-5{ width:20%; }
#header{ height:20px; }
#header *{ display:none !important; }
#banner .quote{ font-size:20px; }
#footer{ font-size:14px; font-weight:300; text-transform:none; }
#footer span{ display:block; height:6px; visibility:hidden; }
#footer a.link{ color:#328d1c; display:block; font-size:20px; margin-top:10px; }

}

@media screen and (max-width: 650px) { 


#logo img{ display:block; margin:0 auto; }
#content{ padding-left:1em; padding-right:1em; }
.col.m-1, .d-2, .equal-3, .equal-3.mid{ border:none; float:none; margin:0 0 1.5em; padding:0; width:100%; }
.col-wrap .m-1{ padding-left:1.5em; }
.col.m-2{ width:50%; }
.col.m-3{ width:33.333%; }
.col.m-4{ width:25%; }
.col.m-5{ width:20%; }
.mh{ display:none; }
.mc{ text-align:center; }
#banner .quote{ font-size:18px; }
.phone img{ display:none; }
.phone a, .phone a img{ display:inline; }
#main{ padding-bottom:20px; }

}

