* {
	box-sizing: border-box; 
}

/* NEW STYLE SHEET */

@font-face {
	font-family: MuseoSans900;
	src: url(type/MuseoSans_900-webfont.eot?#iefix) format("embedded-opentype"), url(type/MuseoSans_900-webfont.woff) format("woff"), url(type/MuseoSans_900-webfont.ttf) format("truetype"), url(type/MuseoSans_900-webfont.svg#MuseoSans900) format("svg");
	font-weight: bold;
	font-style: normal;
}


#video_background {
	position: fixed;
	bottom: 0px;
	right: 0px;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -1000;
	overflow: hidden;
}



#video_pattern {
	background-image: url(pattern.png);
	/*background-image: url(drkptrn.jpg);*/
	position: fixed;
	opacity: 0.7;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: -2;
}


body {
	background-color:#fff;
	background-repeat:no-repeat;
    color: #fff;
	font-family: 'Oswald', sans-serif;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.25);
	-webkit-font-smoothing: antialiased;
    line-height: 1.62857;
	
margin:0px;
padding:0px:	
}


.AudioTop {
	display:block;
	width:100%;
	margin-bottom:2.0em;
	margin-top:2.0em;
	padding:2px;
	background:#333333;
}

.AudioTop h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.7em;
	color:#FFFFFF;
	text-transform:uppercase;
}

audio {
	width:80%;
}


.VideoTop {
	display:block;
	width:100%;
	margin-bottom:2.0em;
	padding:2px;
	background:#333333;
}

.VideoTop h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.7em;
	color:#FFFFFF;
	text-transform:uppercase;
}

video {
	width:80%;
}


.top-container{
	width: 100%; 
	max-width: 100%;   
	margin: 0 auto;	
	background-image: url(drkptrn.jpg);
	opacity: 0.7;
	
}


.TopLogo {
	float:inherit;
	display:block;
	height:270px;
	width:100%;
	z-index:2;

}

.TopLogo img {
	max-width: 100%; 
 	height: auto;
	padding:12px;
	
}

h1 {
	margin: 7px 0 0 0;
	padding: 0px;
	outline: 0px;
	border: 0px currentColor;
	border-image: none;
	text-transform:uppercase;
	font-size: 220%;
	vertical-align: text-top;
	line-height: 1.2em;
	color:#FC0;
}


h2 {
	margin: 12px 0 0 0;
	padding: 0px;
	outline: 0px;
	border: 0px currentColor;
	border-image: none;
	font-size: 180%;
		text-transform:uppercase;
	vertical-align: baseline;
	color:#FC0;
	line-height: 1.2em;
}
h3 {
	margin: 0px;
	padding: 0px;
	outline: 0px;
	border: 0px currentColor;
	border-image: none;
	font-size: 100%;
	vertical-align: baseline;
}
h4 {
	margin: 0px;
	padding: 0px;
	outline: 0px;
	border: 0px currentColor;
	border-image: none;
	font-size: 100%;
	vertical-align: baseline;
}
h5 {
	margin: 0px;
	padding: 0px;
	outline: 0px;
	border: 0px currentColor;
	border-image: none;
	font-size: 100%;
	vertical-align: baseline;
}
h6 {
	margin: 0px;
	padding: 0px;
	outline: 0px;
	border: 0px currentColor;
	border-image: none;
	font-size: 100%;
	vertical-align: baseline;
}
p {
	margin: 0px;
	padding: 7px 0px 0px 0px;
	outline: 0px;
	border: 0px currentColor;
	border-image: none;
	font-size: 110%;
	/*text-transform:capitalize;*/
	vertical-align: baseline;
	margin-bottom:1.0em;
}
blockquote {
	margin: 0px;
	padding: 0px;
	outline: 0px;
	border: 0px currentColor;
	border-image: none;
	font-size: 100%;
	vertical-align: baseline;
}
pre {
	margin: 0px;
	padding: 0px;
	outline: 0px;
	border: 0px currentColor;
	border-image: none;
	font-size: 100%;
	vertical-align: baseline;
}
a {
	margin: 0px;
	padding: 0px;
	outline: 0px;
	border: 0px currentColor;
	border-image: none;
	font-size: 90%;
	vertical-align: baseline;
	color:#FC0;
}



.container{
	width: 100%; 
	max-width: 1100px;   
	margin: 0 auto;	
}
.row {
	background-image: url(drkptrn.jpg);
	border-radius:0 0 22px 22px;
	/*opacity: 0.7;*/
}
.row:before, 
.row:after {
	content:"";
	display: table ;
	clear:both;
}

.col-1{ width: 33.33%; float: left; min-height: 1px; padding: 10px;}
.col-2{ width: 66.66%; float: left; min-height: 1px; padding: 10px;}
.col-3{ width: 100%; float: left; min-height: 1px; padding: 10px; }




img {
 	max-width: 100%; 
 	height: auto;
 	}
.img {
 	max-width: 100%; 
 	height: auto;
 	}





.scrollup {
    width: 120px;
    height: 100px;
    position: fixed;
    bottom: 10px;
    right: 120px;
    display: none;
    text-indent: -9999px;
    background: url('http://www.southwest-live.com/bensite/media/core/arrow_up_4.png') no-repeat;
    /*background-color:#FC0;*/
}




.post-short img {
	padding:12px 12px 32px 24px;
}



input#addbutton{
	cursor:pointer;
	padding:10px 25px; 
	background:#F30; 
	margin:24px 0 10px 0;
	border:none;

	

	color:#fff;
	font-size:0.7em;
	text-transform:uppercase;
}
/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
input#addbutton:hover, input#addbutton:focus{
background-color:#C30;
/*-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
box-shadow: 0 0 1px rgba(0,0,0, .75);*/
}


input#gobutton{
	cursor:pointer; 
	padding:9px 25px; 
	background:#35b128; 
	border:1px solid #33842a;
	margin-bottom:24px;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
	box-shadow: 0 0 4px rgba(0,0,0, .75);

	color:#f3f3f3;
	font-size:0.9em;
	text-transform:uppercase;
}

input#gobutton:hover, input#gobutton:focus{
background-color :#399630;

-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
box-shadow: 0 0 1px rgba(0,0,0, .75);
}







/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 23.8%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
	#video_background {
		display:none;
	}
}





@media all and (max-width:800px){
	.col-1{ width: 100%; }
	.col-2{ width: 100%; }
	.col-3{ width: 100%; }
	
	
	#video_background {
		display:none;
	}
	
}

.box {
	padding: 10px 20px;
	border: 0px solid #ddd;
}




/*.container{
	width: 100%; 
	max-width: 1200px;   
	margin: 0 auto;
}
.row {
	background-image: url(drkptrn.jpg);
	
	border-radius:0 0 22px 22px;
}

.row img {
	padding:12px;
}

.row:before, 
.row:after {
	content:"";
	display: table ;
	clear:both;
}

.col-1{ width: 33.33%; float: left; min-height: 1px; padding: 10px;}
.col-2{ width: 66.66%; float: left; min-height: 1px; padding: 10px;}
.col-3{ 
	width: 100%; 
	float: left; 
	min-height: 1px; 
	padding: 10px;
	 }



img {
 	max-width: 100%; 
 	height: auto;
 	}
.img {
 	max-width: 100%; 
 	height: auto;
 	}

.map {
 	max-width: 100%; 
 	height: auto;
	opacity:none;
 	}
	
.map p {
	color:#000;
 	}	


.gm-style .gm-style-iw {
    color:#000;
}


.box {
	padding: 20px 20px;
	border: 0px solid #ddd;
}


@media all and (max-width:800px){
	.col-1{ width: 100%; }
	.col-2{ width: 100%; }
	.col-3{ width: 100%; }
	
	
.box {
	padding: 10px 10px;
	border: 0px solid #ddd;
}
	
}

@media all and (max-width:600px){
	.col-1{ width: 100%; }
	.col-2{ width: 100%; }
	.col-3{ width: 100%; }
	
	
.box {
	padding: 4px 4px;
	border: 0px solid #ddd;
}

.TopLogo {

	height:180px;
	z-index:1;
	

}

.TopLogo img {
	max-width: 90%; 
 	height: auto;
	padding:12px;
	
}
	
}


@media all and (max-width:320px){
	.col-1{ width: 100%; }
	.col-2{ width: 100%; }
	.col-3{ width: 100%; }
	
	
.box {
	padding: 4px 4px;
	border: 0px solid #ddd;
}

.TopLogo {

	height:100px;
	z-index:1;
	

}

.TopLogo img {
	max-width: 70%; 
 	height: auto;
	padding:12px;
	
}
	
	
	ul.tabbernav li a
{	
	width:100%;
}
	
}*/