/***** BEGIN RESET *****/
* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    font-family:'roboto_condensedregular', Arial, sans-serif;
	box-sizing: border-box;
}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

/***** END RESET *****/

@font-face {
    font-family: 'roboto_condensedregular';
    src: url('../fonts/RobotoCondensed-Regular-webfont.eot');
    src: url('../fonts/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-Regular-webfont.woff') format('woff'),
         url('../fonts/RobotoCondensed-Regular-webfont.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensedbold';
    src: url('../fonts/RobotoCondensed-Bold-webfont.eot');
    src: url('../fonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-Bold-webfont.woff') format('woff'),
         url('../fonts/RobotoCondensed-Bold-webfont.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 {font-family: 'Oswald', sans-serif; font-size:72px; line-height:90px; text-transform:uppercase;}
h2 {font-size:40px; line-height:46px;}
h3 {font-family: 'Oswald', sans-serif; font-size:36px; line-height:46px;}
h5 {font-family: 'Oswald', sans-serif; color:#df1813; font-size:36px; margin-top:20px;}
h6 {font-family: 'Oswald', sans-serif; color:#df1813; font-size:24px; margin:20px 0 10px 0;}


p {font-size:16px; line-height:20px;}

a {text-decoration:none;}


/******** Basic Styles ********/
.show-menu-for-mobile {display:none;}  /* At most larger screen widths, the burger icon for the mobile menu won't be displayed. */
body {background:#d8d8d8; overflow-x: hidden; font-family: 'Roboto', sans-serif;}
#site-width {width:85%; margin:0 auto;}
#whiteblock {background:#fff;}
#blackblock {background:#000; color:#fff; padding-bottom:60px;}

/******** Header Styles ********/
#topcontent {
	background: url(../siteart/main.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-size:18px; 
	color:#fff; 
	text-align:center;
	width:100%;
	padding-bottom:250px;
}

#topcontent a {color:#fff; text-decoration:none;}
#topcontent a:hover {color:#df1813; text-decoration:none;}

header {background-color:rgba(255,255,255,0.6); padding:10px 0; margin-bottom:200px;}
#pageheader {background-color:rgba(255,255,255,0.6); padding:10px 0; margin-bottom:50px;}
.logo {float:left;}
.navwrap {float:right; margin-top:75px;}

.btn {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #fc2911; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fc2911, #f71a07); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fc2911, #f71a07); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fc2911, #f71a07); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fc2911, #f71a07); /* Standard syntax */
	padding:20px 30px;
	margin:10px auto;
	color:#fff;
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	font-size:28px;
}

.btn:hover {background:#000;}

/******** Content Styles ********/

.contentimg {float:left; width:27%; margin-left:50px; text-align:right;}
.content {float:left; width:49%; padding:40px 0 0 25px;}

#tagline {
	background: url(../siteart/main2.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#fff; 
	text-align:center;
	width:100%;
	padding:75px 0;
	
}

.taglinetext {font-family: 'Oswald', sans-serif; font-size:60px; border-top:2px solid #df1813; border-bottom:2px solid #df1813; padding:50px 0; width:60%; margin:0 auto;}

#specwrap {float:left; width:24%; padding:10px 0;}
.headings {background:#df1813; float:left; width:100%; padding:5px 5px; font-size:20px; font-family: 'Oswald', sans-serif;}
.block {width:100%; padding:5px 5px;}

#mapwrap {background:#000; position:relative;}
.maptext {float:left; padding:15px 0 0 30px; color:#fff;}
.maptext a {color:#fff; text-decoration:none;}
.maptext a:hover {color:#df1813; text-decoration:none;}
.map {float:right; width:70%; margin-bottom:-5px;}

#gal_container {
	padding:0 20px;
	margin:0 auto;
	text-align:center;
}
#gal_container img {  /*Style to make the thumbnail image style on the gallery page.*/
	height:90px;
	margin:0 5px 5px 0;
	border:1px #666666 solid;
}

.videoslot {float:left; width:31%; margin:30px 10px; border:1px solid #fff;}
    

footer {
    background: #d5d5d5; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#d5d5d5, #d8d8d8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#d5d5d5, #d8d8d8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#d5d5d5, #d8d8d8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#d5d5d5, #d8d8d8); /* Standard syntax */
	padding:20px 0;
	color:#000;
} 
.sandhillsfooter {float:left;}
.address {float:right; text-align:right;}
.address a {color:#000; text-decoration:none;}
.address a:hover {color:#df1813;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:none;font-size:13px;color:#000;}
a.footerlink:hover {text-decoration:none; font-size:13px; color:#df1813;}

.footertext{font-size:13px; color:#000;}

.smallfootertext{font-size:10px; color:#000;}

.divfooter {width:600px;}

/***** FORM STYLES *****/
#formpage {
vertical-align:top;
}

#formpage div {
vertical-align:top;
padding:3px 5px;
}
        
#formpage input {
	padding:6px 5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #8e8d8d;
	font-family:'roboto_condensedregular', Arial, sans-serif;
	color:#8e8d8d;
	font-size:12px;
}

#formpage textarea {
	padding:6px 5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #8e8d8d;
	font-family:'roboto_condensedregular', Arial, sans-serif;
	color:#8e8d8d;
	font-size:12px;
}

 
/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #8e8d8d;
	font-family:'roboto_condensedregular', Arial, sans-serif;
	color:#8e8d8d;
	vertical-align:middle;
	font-size:12px;
	line-height:normal;
	padding:5px;
}
   
#formpage input  {
    width:100%;
	background:#fff;
}
 
#formpage input.larger  {
    width:100%;
	background:#fff;
}

#formpage textarea {
    width:100%;
    height:85px;
	background:#fff;
}

/* focus states of various types of fields */

#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	background:#fff; 
	color:#000;
	border:1px solid #8e8d8d;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
	outline-style:none;
}

.submit {width:100%; margin:0 auto; text-align:center;}
 
#formpage input.button,
#formpage input.button:focus {
    width:200px; 
    margin:0 2px;
    padding:7px 0;
    background:#df1813 url('../siteart/submit_btn.jpg') repeat-x;
    border:2px #df1813 solid;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
    font-size:18px;
	line-height:14px;
	font-weight:bold;
	cursor: pointer;
    color:#fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.6);
	font-family: 'Oswald', sans-serif; 
	text-transform:uppercase;
}
#formpage input.button:hover {
	background:#F31712;
	color:#fff;
	text-shadow:none;
	border:2px #F31712 solid;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;	
}
 


/* for plain text next to an input field, if not using a table structure */
#formpage label.basic {
    color:#212121;
    font-size:13px;
    text-align:left;
}
#formpage label.checkbox {
  /*  color:#212121;*/
    font-size:13px;
    text-align:left;
    display:inline;
    padding:0;
}
 

/*control the Captcha */

.CaptchaPanel {
margin:0 0 0 0 !important;
padding:0 0 0 0 !important;
text-align: center;
line-height:normal !important;
}

.CaptchaImagePanel {
margin:0 0 0 0;
padding:0 0 0 0;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 0 0;
	padding:8px 0 8px 0 !important;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}
.captcha {width:50%; margin:0 auto;} 


.hovereffect {
  width: 25%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  padding:0;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background-color: rgba(75,75,75,0.7);
  -webkit-transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
  padding-top:50px;
}

.hovereffect:hover .overlay {
  background-color: rgba(253, 43, 18, 0.4);
}

.hovereffect img {
  display: block;
  position: relative;
}

.hovereffect h4 {
  text-transform: uppercase;
  color: #df1813;
  font-family: 'Oswald', sans-serif;
  text-align: center;
  position: relative;
  font-size: 22px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.4);
  -webkit-transform: translateY(45px);
  -ms-transform: translateY(45px);
  transform: translateY(45px);
  -webkit-transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
}

.hovereffect:hover h4 {
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}

.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
  font-weight: normal;
  margin: -52px 0 0 0;
  padding: 100px 150px;
}

.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}


/******MAIN NAVIGATION******/
#nav {
    position:relative;
    display:block;  
    z-index:9000;
    margin:0 auto 0 auto;
    padding:0 0 0 0;
    text-align:center;
}
  
#nav ul, #nav li {
    list-style: none;  
    margin:0 0 0 0;
    padding:0 0 0 0;  
}
  
#nav ul li {
    display: block;
    position: relative;
    float:left;
    text-align:center;
}
  
#nav li ul {
    display: none;
}
  
  
#nav ul li a { /* appearance of the first-level links */
    display: block;
    text-decoration: none;
    color: #000;
    font-weight:bold;
    font-size:24px;
    line-height:18px;
    transition:color .2s ease-in-out; -moz-transition:color .2s ease-in-out; -webkit-transition:color .2s ease-in-out;
    padding:8px 17px;  
    height: 1%;
    text-transform: uppercase;
    text-align:center;
   	font-family: 'Oswald', sans-serif; 
}
 
 
#nav ul li a:hover { /* appearance of the first-level links on hover */
    color:#000; 
	border-bottom:1px solid #fd2a12;
}
  
  
  
#nav ul li li a { /* appearance of the sub-level links */
    width:215px;
    padding:8px 0 8px 15px;
    text-align:left;
    background:#090909;
    border-bottom:1px #333 solid;
    border-right: 1px solid #333;
    border-left: 1px solid #333;    
}
#nav ul li li a:hover { /* appearance of the sub-level links on hover */
    color:#fff; 
    background:#4b0000 url("../siteart/nav-ro-bg.jpg") repeat-x;     
}
  
  
  
/* Optional-use, Begin targeting styles of first and last links */
#nav ul li:last-child  { /* Optional-use, this targets last li */
    border-right:0;
}
#nav ul li:last-child a {
    border-right:0;  /* Optional-use, this targets last link */
}
#nav ul li:first-child  { /* Optional-use, this targets first li */
    border-left:0;
}
  
/* Optional-use, cancells out border for subnav li containers*/
#nav ul li li:last-child  {
    border-left:0;
    border-right:0;
}
#nav ul li li:last-child a {
    border-right:0;
}
#nav ul li li:first-child  {
    border-left:0;
    border-right:0;
}
/* Optional-use, End targeting styles of first and last links */
  
  
  
/* Unless needing to do something extra or experimental, DON'T edit these positioning styles below! */
#nav ul ul {
    display: none;
    position: absolute; 
    top:100%;
    left:0;
}
  
#nav ul ul ul {
    position: absolute; 
    left: 100%;
    top:0; 
}
  
#nav ul li:hover > ul {  
    display: block;
    line-height:18px; /* make sure your line-height always matches that of your main link styles!*/
    z-index: 100;
    background:#4b0000; /* make sure your background color always matches your link styles!*/
}
  
#nav ul ul li {
    float: none; 
    position: relative;
}
  


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

@media screen and (max-width: 1480px) and (min-width:1024px) {
.show-menu-for-mobile {display:none;}

#site-width {width:95%;}
#nav ul li a {font-size:18px;}
.btn {padding:15px 20px;font-size:16px;}
.contentimg {float:left; width:30%; text-align:left;}
.contentimg img {width:100%;}
.content {float:left; width:60%; padding:40px 0 0 0px;}
.taglinetext {font-size:50px;}
.maptext {padding-top:20px; width:30%;}
.map {width:60%; float:right;}
h5 {font-size:30px; line-height:36px;}

.hovereffect a.info {padding: 50px 75px;}

h1 {font-size:66px;}
h3 {font-size:26px; line-height:36px;}

}



@media screen and (max-width: 1023px) and (min-width:768px) {
.show-menu-for-mobile {display: none;}

#site-width {width:95%;}
header {margin-bottom:50px;}
.logo {width:45%;}
.logo img {width:100%;}
#nav ul li a {font-size:17px; padding:8 10px;}
#topcontent {padding-bottom:100px;}
.btn {padding:15px 10px;font-size:13px;}
.contentimg {float:left; width:26%; margin-left:0; text-align:left;}
.contentimg img {width:100%;}
.content {float:left; width:65%; padding:40px 0 20px 0px;}
.taglinetext {font-size:36px;}
.hovereffect h4 {font-size:16px;}
.hovereffect a.info {padding: 50px 25px;}
.maptext {padding-top:20px; width:25%;}
.map {width:60%; float:right;}
.videoslot {float:none; width:100%; margin:30px auto; border:1px solid #fff;}


h1 {font-size:48px;}
h3 {font-size:20px; line-height:28px;}
h5 {font-size:28px; line-height:36px;}
.divfooter {width:400px;}


}



@media screen and (max-width: 767px) and (min-width:521px) {
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}

#site-width {width:95%;}
header {margin-bottom:50px;}
.logo {width:45%;}
.logo img {width:100%;}
.navwrap {margin-top:40px;}
#topcontent {padding-bottom:100px;}
.btn {padding:15px;font-size:12px;}
.contentimg {float:left; width:20%; margin-left:0; text-align:left;}
.contentimg img {width:100%;}
.content {float:left; width:80%; padding:40px 0 20px 0px;}
.hovereffect {width: 50%;}
.taglinetext {font-size:24px;}
.hovereffect h4 {font-size:16px;}
.hovereffect a.info {padding: 50px;}
.maptext {padding-top:20px; width:33%;}
.map {width:45%;}
#specwrap {float:left; width:50%;}
.videoslot {float:none; width:100%; margin:30px auto; border:1px solid #fff;}


h1 {font-size:36px; line-height:60px;}
h2 {font-size:28px; line-height:36px;}
h3 {font-size:16px; line-height:20px;}
h5 {font-size:22px; line-height:36px;}
.divfooter {width:400px;}
/******************styles for the main site navigation during mobile display*************/
#navicon {
	float: left;
	font-size: 32px;
	font-size: 2em;
	text-decoration: none;
	position: relative;
	z-index: 99999999999999999;
	margin: 0.25rem 0 0 0.5rem;
	color:#000;
}
#nav  {display:none;}

.divfooter {width:90%; margin:0 auto; text-align:center;}
.address {float:none; text-align:center; width:100%; padding-top:10px;}
}
 
 

@media screen and (max-width: 520px){
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}

#site-width {width:95%;}
header {margin-bottom:50px;}
#pageheader {margin-bottom:20px;}

.logo {width:60%;}
.logo img {width:100%;}
.navwrap {margin-top:20px;}
#topcontent {padding-bottom:50px;}
.btn {padding:15px;font-size:13px;}
.contentimg {display:none;}
.content {float:none; width:95%; margin:0 auto; padding:20px 0 20px 0px;}
.hovereffect {width: 100%;}
.hovereffect img {width:100%;}
#tagline {padding:30px 0;}
.taglinetext {font-size:18px;}
.hovereffect h4 {font-size:16px;}
.hovereffect a.info {padding: 40px 50px 20px 50px;}
#mapwrap {padding:0 0; position:relative;}
.maptext {padding:5px 0 40px 0; text-align:center; width:100%; margin:0 auto; float:none;}
.map {width:100%; float:none;}

#specwrap {float:none; width:100%;}
.videoslot {float:none; width:100%; margin:30px auto; border:1px solid #fff;}


h1 {font-size:24px; line-height:36px;}
h2 {font-size:20px; line-height:36px;}
h3 {font-size:18px; line-height:27px;}
h5 {font-size:18px; line-height:36px;}
.divfooter {width:90%; margin:0 auto; text-align:center;}
.address {float:none; text-align:center; width:100%; padding-top:10px;}


.captcha {width:95%; margin:0 auto;}
.submit {width:95%; margin:0 auto;}
#formpage input.button,
#formpage input.button:focus {width:100%; margin:2px auto;}
/******************styles for the main site navigation during mobile display*************/
#navicon {
	float: left;
	font-size: 32px;
	font-size: 2em;
	text-decoration: none;
	position: relative;
	z-index: 99999999999999999;
	margin: 0.25rem 0 0 0.5rem;
	color:#000;
}
#nav  {display:none;}
}