/* CSS Document */

/*---------MainPage & Template Layout---------------------------------------------*/

body {
	background-color: black;
	margin-left: 0px;
	margin:0; padding:0;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 12px !important;
	color: #000000 !important;
	font-family: Georgia, "Times New Roman", Times, serif  !important; 
}


#PrimaryPageContainer{
	background-color: black;
	padding: 0px;
	margin: 0px;
	text-align: center;
	width: 100%;
	vertical-align:middle;
}


#PrimaryHeaderContainer{
	padding: 0px;

	text-align: center;

	vertical-align:middle;
	background:black;
	min-height:140px;
}

#HeaderContainer{

}

#HeaderLogoContainer{
	padding: 0px;

	width: 200px;
	display: inline-block;
	height: 64px;
	float: left;
}

#HeaderMenuContainer{

}


#HeaderROMContainer{
	padding: 0px;
	width: 126px;
	display: inline-block;
	margin-top:32px;
}

a:link.HeaderMenu {
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif; 
	color: white; 
	font-weight: bold; 
	text-decoration: none;
	padding: 5px;
}

a:visited.HeaderMenu {
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;	
	color: white; 
	font-weight: bold; 
	text-decoration: none;
	padding: 5px;
}

a:active.HeaderMenu {
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif; 
	color: white; 
	font-weight: bold; 
	text-decoration: none;
	padding: 5px;
}

a:hover.HeaderMenu {
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif; 
	color: white; 
	font-weight: bold; 
	text-decoration: underline;
	padding: 5px;
}




#PrimaryFooterContainer{
	padding: 0px;
	text-align: center;
	width: 100%;
	vertical-align:middle;
	background:black;
	padding-bottom:15px; padding-top:15px;
	min-height:200px;
}

#FooterContainer{
	max-width:980px;


}

#FollowContainer{
	float: right;
	text-align:center;
	color:white;

}

#FacebookContainer{
	
	text-align:center;
	color: white;
}

/*---------Home Page Specific------------------------------------------------------------------*/
#PrimaryHomeContainer{
	padding: 0px;
	margin: 0px;
	text-align: center;
	width: 100%;
	vertical-align:middle;
	margin-top: 0px;
	background-image:url('../images/HomeImage2014_spring.jpg');
	background-size:cover;
	height:600px;
}

#HomeContainer {
	padding: 0px;
	margin: 0 0%;
	display: inline-block;
	border: 0px #C6C4BB solid;
	text-align:center;
	vertical-align:middle;
	background-color:black;
	height:600px;
	width: 100%;
}

#PrimaryGoldContainer{
	padding: 0px;
	text-align: center;
	width: 100%;
	height:19px;
	vertical-align:middle;
	background-image:url('../images/HomeGoldBack.png');
	background-repeat:repeat-x;
	margin-bottom:0px;
}

#PrimaryGoldContainerFooter{
	padding: 0px;
	margin-top: 0px;
	text-align: center;
	width: 100%;
	height:19px;
	vertical-align:middle;
	background-image:url('../images/HomeGoldBack.png');
	background-repeat:repeat-x;
	margin-bottom:0px;
}


.HomeLogo{
	margin-top: 100px;
}
#HomeLogoContainer{
}

img.bg {
	margin-top:150px;
	margin-bottom:75px;
	/* Set rules to fill background */
	min-height: 500px;
	min-width: 1024px;
	
	/* Set up proportionate scaling */
	width: 100%;
	height: 500px;
	
	max-height:500px;
	
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
	img.bg {
		left: 50%;
		margin-left: -512px;   /* 50% */
	}
}/*------Content Specific---------------------------------------------------------------------------------------*/

h1{
	color:#333333;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:25px;
	font-weight:bold;
}

hr{
     border-top: 3px solid #7C8F0E;

}

a:link {

	color: #7C8F0E; 
	text-decoration: none;
}

a:visited {

	color: #7C8F0E; 
	text-decoration: none;
}

a:active {

	color: #7C8F0E; 
	text-decoration: none;
}

a:hover {
 
	color: #7C8F0E; 
	text-decoration: underline;
}

.SubTitle {
	font-size:12px;
	color: #000000;
	font-weight:bold;
	text-decoration:underline;
}

.Pricing {
	font-size:12px;
	color:#000000;
	font-style:italic;
}
#MenuSpacer{

}
/*---------Main Nav Dropdown Menu--------------------------------------------------------------------------*/
#HeaderNav {
    list-style:none;
    font-weight:bold;
    margin-bottom:2px;
    float:left;
    width:620px;
    position:relative;
    z-index:1;
    font-size: 15px;
	font-family: Georgia, "Times New Roman", Times, serif; 
	left: -15px; margin-top:7.4%;


   }
#HeaderNav li{
    float:left;
    margin-right:2px;
    position:relative;
}
#HeaderNav a{
    display:block;
    padding:2px;
    color:#fff;
    background:black;
    text-decoration:none;
	font-weight:bold;
}
#HeaderNav a:hover{
    color:#BFCE68;
    background:black;
    text-decoration:underline;
}

/*--- DROPDOWN ---*/
#HeaderNav ul{

    background:rgba(255,255,255,0); 
    list-style:none;
    position:absolute;
    left:-9999px; 
    padding:5px;
    text-align:left;
	font-size:14px !important;
}
#HeaderNav ul li{
    padding-top:1px; 
    float:none;
}
#HeaderNav ul a{
    white-space:nowrap; 
	font-size:16px !important;
}
#HeaderNav li:hover ul{ 
    left:5%; 
}
#HeaderNav li:hover a{ 
    background:black;
    text-decoration:underline;
}
#HeaderNav li:hover ul a{ 
    text-decoration:none;
}
#HeaderNav li:hover ul li a:hover{ 
    background:#333;
}

#homefooter {
	color: #FFF;
	float:left;
	text-align:left;
}
.homefooter {
	color: #FFF;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
}
.video-container iframe, .video-container param, .video-container embed, .video-container object {
    height: 100%;
    left: 0;
    margin: 0 auto;
    max-height: 720px;
    max-width: 960px;
    position: absolute;
    top: 0;
    width: 100% !important;
}
.banner {
    float: left;
    position: relative;
    width: 100%;}
.spacer{ clear:both; width:100%; height:30px;}	

	
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

.display-mob{ display:none ;}
#mob_hide{ display:none; }
@media only screen and (max-width: 1199px) {
#HeaderROMContainer{ display:none;}
#mob_hide{ display:inline-block ; float:right; margin-top:10px;}
#HeaderNav{ margin-top:4%; }
}


@media (min-width:768px)and (max-width:800px) { .col-sm-3{ width:30%;} .col-sm-6{ width:40%;}}

@media only screen and (max-width: 767px) { .navbar-header{ height:120px;} #HeaderROMContainer{ text-align:center;} #HeaderNav{ width:auto; padding:0px; margin:0px;}
#mob_hide{ display:none;}
#HeaderROMContainer{  margin:0 auto; float:none; width:200px;  display:block; width:100% !important; }
#homefooter{ text-align:center; margin-bottom:10px;}
.nav>li {
	position:relative;
	display:block;
	width:100%;
	

}
#HeaderNav ul { text-align:left !important; position:static; }
#HeaderNav a{ padding:6px; text-align:left; border-bottom:1px solid #111111; display:block;}
.navbar-nav{ width:107% !important;}
#navbar-header{ height:170px; position:relative;}
.caret{ display:inline-block; position:absolute; right:30px; margin-top:10px;   }
	.MenuSpacer{ display:none !important;}
	#FooterContentContainer{ text-align:center !important; margin-bottom:20px;}
	#PrimaryHomeContainer{ height:100% !important;}
	.display-mob{ display:block;}
	
}




@media only screen and (max-width: 480px) {.h1, h1{ font-size:24px !important;}

.h2, h2{ font-size:18px !important;}
#FacebookContainer .ww-storefront-badge{ width:40px !important;}
#FacebookContainer .ww-storefront-badge img{ width:17% !important; height:auto !important;}
#FacebookContainer  img{ width:40%; height:auto !important;}
.spacer{ clear:both; width:100%; height:5px;}#FacebookContainer img{ padding:0; margin:0 30px 0 0;}
#FacebookContainer a{ margin-left:30px;	}}

@media only screen and (max-width: 480px){
.navbar-toggle{ margin-right:5px !important;}}