/* Reset Styles
***********************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q demo
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}



/* General
***********************/
body {
	background: #fff; font: 100% sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
	height: auto;
	background: #000 url(../vs/tile.png);
    }
a {color: #fff; text-decoration: none;}

p {
	margin: 0 0 1.2em;
	padding: 0;
    color:#fff;
    line-height:1.4em;
}


/* headings */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	margin: 20px 0 .4em;
	color: #fff;
    font-family: "youngblood",sans-serif;
    font-style: normal;
    font-weight: 400;
}

h1 {
	font-size: 5em;
}
h2 {
	font-size: 2em;  
}
h3 {
	font-size: 1.4em;
    color:#a09144;

}
h4 {
	font-size: 1.2em;
font-family: "trajan-pro", sans-serif;
font-weight: 700;
    color:#fff;
    color:#a09144;
}
h5 {
	font-size: 1.1em;

}
h6 {
	font-size: 1em;

   
}

.colr {color:#a51d45;}


#slider {margin: 0 0 10px!important;}



/* Loading
***********************/
.loading aside {opacity: 0;}
aside {width: 100%; float: left; opacity: 1; -webkit-transition: opacity 1s ease;}
aside h3 {float: left;}

/* Layout
***********************/
nav {
position:absolute; 
top:140px;
left:0;
width:100%;
z-index:1000;
}
#mobNav {display:none;width:100%;
}

/************************************************************************************
HEADER
*************************************************************************************/
#dark {
position:absolute; 
top:0;
left:0;
background: url(../vs/blk.png);
height: 178px;
z-index:400;
width:100%;
}





h1#site-logo {
position:absolute; 
top:50px;
left:25px;
  width:304px;
  height:32px;
  z-index:450;
}


#site-logo a {
	color: #fff;
	text-decoration: none;
}

/* site description */
#site-description {
	color: #000;
position:absolute; 
top:0;
right:0;
    text-align:right;
  z-index:451;
    height:136px;
    line-height:136px;
    margin:0;
}
#site-description h2 {
height:136px;
    padding:0 30px 0 0;
    color:#fff;
    line-height:136px;
    margin:0;
      font-family: "youngblood",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size:2.6em;
}
#intro {
	width: 100%;
    background: url(../vs/brown.png);
    position:absolute; 
bottom:0;
left:0;
width:100%;
   z-index:1000;
}
#intro h2 {
height:1px;
margin:0;padding:0;
}
#intro h2 a {
display:block;
	overflow:hidden;
	text-indent:-9999px;
}
#intro p {
	padding:2%;
    margin:0;
    color:#fff;
    font-size:0.8em;
}
#container {padding: 0;	position:relative;max-width:1025px;min-height:420px;margin:0 auto;}
#header, header {width: 100%;height:200px;}
#main {width:100%;max-height:600px;margin:0;padding:0;overflow: hidden;clear:both;}
#mainContent {width:100%;min-height:400px;margin:0;padding:0;clear:both;}
#contentL {width:47%;margin:0;padding:2%;float:left;}
#contentL p {font-size:0.8em; line-height:1.4em;}
#contentR {width:43%;margin:0;padding:2%;float:right;height:auto;}
/* Header
***********************/
header h1 { font-family: Helvetica, Arial, sans-serif; margin: 0 0 10px; text-shadow: 0 1px 0 #2F4C63; color: #fff; font-size: 42px; }
header h2 { margin: 0 0 30px; font: normal 20px Helvetica, Arial, sans-serif; text-shadow: 0 1px 1px #555; color: #fff; }
header .button { margin: 0 0 50px; padding: 10px 15px 10px 15px; display: block; float: left; position: relative; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease;}

#contentL h2 {color:#a09144;}
/************************************************************************************
FOOTER
*************************************************************************************/
#footer {
clear: both;
color: #ccc;
padding:0;
}
#footer p {
color: #fff;
font-size: 100%;
}
ul#social {width:1025px;margin:10px auto;border-top:#575c60 solid 1px;}
#social i {display:none; font-style:normal;}
#social {height:30px; padding-bottom:0;}
#social li {float:left; margin-right:30px;display:block; outline:none; font:11px Tahoma, Helvetica, Arial, sans-serif; color: #959aa2;}
#social li a {outline:none; float:left;color: #959aa2;}
#social li span {float:left;padding:9px 0 0 0;}
#social li.youtube, #social li.youtube a {display:block; height:30px; min-width:50px; float:right;outline:none;margin-right:0;}

#social li.youtube a {background:url(../vs/youtube.png) no-repeat 0 0;}
#social li.twitter a {background:url(../vs/twitter.png) no-repeat 0 0;}
#social li a:hover {background-position:0 100%;}

.addthis_default_style {
height:16px;overflow:hidden;}

/* --Clearfix */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}

/* Mobile Nav
***********************/

#mobNav {}
#mobNav ul {text-align:center;}
#hde {display:none;}
#mobNav ul li {color:#000;background:#d7a945;padding:10px;}
#hde ul li {color:#d7a945;background:#000;padding:10px;}
#hde ul li a:link, #hde ul li a:visited {color:#d7a945;}

/* Mobile Nav
************************************************************************************
FORM STYLING
*************************************************************************************/


form#payment {
		
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;
		border-radius: 4px;
		counter-reset: fieldsets;
		padding: 20px;
		
		}
		
		form#payment fieldset {
			border: none;
			margin-bottom: 10px;
			}
		
		form#payment fieldset:last-of-type {
			margin-bottom: 0;
			}
			
			form#payment legend {
				color: #fff;
				font-size: 16px;
				font-weight: bold;
				padding-bottom: 10px;
				text-shadow: 0 1px 1px #000;
				}
				
				form#payment > fieldset > legend:before {
					content: "Step " counter(fieldsets) ": ";
					counter-increment: fieldsets;
					}
				
				form#payment fieldset fieldset legend {
					color: #fff;
					font-size: 13px;
					font-weight: normal;
					padding-bottom: 0;
					}
			
			form#payment ol li {
			
				background: #333;
				
				border-color: #000;
				border-style: solid;
				border-width: 1px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-khtml-border-radius: 5px;
				border-radius: 5px;
				line-height: 30px;
				list-style: none;
				padding: 5px 10px;
				margin-bottom: 2px;
				}
							
				form#payment ol ol li {
					background: none;
					border: none;
					float: left;
					}
			
			form#payment label {
				float: left;
				font-size: 13px;
				width: 110px;
                color:#fff;
				}
				
			form#payment fieldset fieldset label {
				background:none no-repeat left 50%;
				line-height: 20px;
				padding: 0 0 0 30px;
				width: auto;
				}
					
				form#payment label[for=visa] {
					background-image: url(visa.gif);
					}
				form#payment label[for=amex] {
					background-image: url(amex.gif);
					}
				form#payment label[for=mastercard] {
					background-image: url(mastercard.gif);
					}
					
				form#payment fieldset fieldset label:hover {
					cursor: pointer;
					}
				
			form#payment input:not([type=radio]),
			form#payment textarea {
				background: #ffffff;
				border: none;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				-khtml-border-radius: 3px;
				border-radius: 3px;
				font: italic 13px "Helvetica Neue", sans-serif;
				outline: none;
				padding: 5px;
				width: 200px;
				}
					
				form#payment input:not([type=submit]):focus,
				form#payment textarea:focus {
					background: #d6a53d;
					}
					
				form#payment input[type=radio] {
					float: left;
					margin-right: 5px;
					}
						
			form#payment button {
				background: #d6a53d;
				border: none;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
				-khtml-border-radius: 6px;
				border-radius: 6px;
				color: #ffffff;
				display: block;
				font:bold 16px "Helvetica Neue", sans-serif;
				
				margin: auto;
				padding: 7px 20px;
				text-shadow: 0 1px 1px #000000;
				text-transform: uppercase;
				}
					
				form#payment button:hover {
					background: #ffad00;
					cursor: pointer;
					}






/* Media Queries
***********************/
@media screen and (max-width: 1025px) {
  
  #container {width: 100%;}
#site-description h2 {font-size: 1.6em;}
/* main nav */
ul#social {width:100%;padding:0 4px;}
ul#social li, #social li.youtube, #social li.youtube a, #social li a  {float:none;}
.sf-menu {
width:100%;
font-size: 0.4em;
}
.sf-menu li {
font-size: 1.6em;
}
    
#site-description {margin:0;}

	.video embed,
	.video object,
	.video iframe {
		width: 100%;
		height: auto;
		min-height: 300px;
	}
}
@media screen and (max-width: 768px) {
 h1#site-logo {
    margin:50px auto;
    float:none;
}
#site-description {width:96%;line-height:auto;clear:both;display:block;text-align:center;margin:0;}
#site-description h2 {font-size: 1.4em;line-height:1em;height:auto;}
nav {display:none;}
#mobNav {display:block;}
#dark {display:none;}
#contentL {width:90%;margin:0 auto;padding:2%;float:none;}
#contentR {width:90%;margin:0 auto;padding:2%;float:none;}
}
@media screen and (max-width: 500px) {
  header h1 {width: 246px;  }
 
}