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

}
a, img {
    border:none;
}
#main_navigation{
	width:100%;top:30px;left:0px;font-size:8px;height:44px;float:left;padding-left:40px;
	outline:none;
	position:relative;
	margin-bottom:25px;
	}
	.main-menu{position:relative;z-index:2222;font-family: 'ft87regular', tahoma, serif;left:10px;letter-spacing:3pt;}
.main-menu ul li a, .main-menu ul li a:link, .main-menu ul li a:visited{border-bottom:0pt solid black;padding-bottom:10px;padding-top:8px;}
.main-menu ul {
	margin:0;
	padding:0px;
	list-style-type:none;
	z-index:10000;
}

.main-menu ul li {
	position:relative;
	display:inline;
	float:left;
	z-index:10;
}

.main-menu ul li > ul {
	z-index:0;
	visibility:hidden;
	display:inline;
	opacity:0;
	padding:0px;margin:0px;
	position:absolute;
   top:50px;
	left:-20px;
	color:#FFF;
	width:185px;	
			    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:width 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}

.main-menu ul li:hover > ul {
	display:block;
	visibility:visible;
	left:0px;
	display:block;
	opacity:1;
	
}
.main_list_item {
	height:20px;
	z-index:0;
}
.main-menu ul li a.main_list_link,.main-menu ul li a.main_list_link:link{
	line-height:30px;
	text-shadow:none;
	font-size:10px;	
	text-transform:uppercase;	
			    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:width 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}



.main-menu ul li > a {
	display:block;
	text-decoration:none;
	overflow:hidden;
	padding:0px 24px; /*18.6px spacing for smaller monitor adjust for large screens with media query
	/*border-radius:3px;*/
}
* html .main-menu ul li a {
	display:inline-block;
}

.main-menu ul li ul li {
	display:list-item;
	float:left;
	border-right:none!important;
	color:#FFF;	
	padding:0px;margin:0px;
}
.main-menu ul li ul li a {
	margin:0px;
		    -webkit-transition:all 1.8s ease-in-out;
    -moz-transition:width 1.8s ease-in-out;
    -o-transition:all 1.8s ease-in-out;
    transition:all 1.8s ease-in-out;
	
	}

.main-menu ul li ul li{
	 -webkit-transition:all 0.1s ease-in-out;
    -moz-transition:all 0.1s ease-in-out;
    -o-transition:all 0.1s ease-in-out;
    transition:all 0.1s ease-in-out;
	border-bottom:solid 1px #ececec;
	width:100%;
	
	}

.main-menu ul ul {
	background:#FFF;
	border:1px solid #e0e0e0;
	-moz-box-shadow:0px 3px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.1);
	box-shadow:0px 3px 3px rgba(0,0,0,0.1);
	z-index:101;
	color:#707070;	
}

.main-menu ul ul li a,.main-menu ul ul li a:link,.main-menu ul ul li a:visited {
	height:100%;
	text-transform: capitalize;
	margin-right:0px!important;
	margin-left:0px!important;
	font-size:10px;	
	color:#707070;		
	z-index:1000;
	
	
}
.main-menu ul ul li:hover > a{
	cursor:pointer;
	text-decoration:none!important;
	padding-left:30px;
}

.main-menu ul ul  li > a:after{
content:"";
opacity:0;
position:absolute;
left:40px;top:16px;
	width: 0; 
	height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent; 
	
	border-left:5px solid #FEFEFE; 	
		 -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}


.main-menu ul ul li:hover > a:after{
content:"";
opacity:1;
position:absolute;
left:0px;top:14px;
	width: 0; 
	height: 0; 
	
	
	border-left:5px solid #FEFEFE; 
}
.main-menu ul ul ul {

	position:absolute;
	left: 5px;
	top :-5px;
}






/* COLORS */
/* *********************************************************************************************************** */


/* BLACK */
.black{
background:#000; border:2px solid #000;
}

.black .main_list_item:after{
content:"";
z-index:-1;
position:absolute;
border-right:1px solid #353b3f;
height:25px;
top:13px;
background:#FFF;
}
.black ul li > a{
color:#FFF;
}
.black ul ul li:hover > a{
	text-decoration:none!important;
	color:#FFF!important;
	background:#333;
	padding-left:30px;
	text-shadow:1px 0px 0px #3080b0;
}
.black ul li a:hover,.black ul li:hover a{
	color:#707070!important;	
}
.black ul ul{
border-top:2px solid #ce462b;
}

/*FIXING border */
.main_list_item:first-child:after{
border-right:none;
}
/* PAGE ELEMENTS */
.resbox {
float:right;
background-color:#000;
position:relative;
right:60px;padding-right:20px
}
.resboxph {
	background: rgba(0,0,0,0.5);
	opacity: 0.9;
	background-color: #000;
	position: relative;
	left:-40px;
	top: 60px;
margin: auto; 
width:700px;
	overflow: hidden;
	width: 75%;
	padding:10px;
	padding-left:50px;
}
.rescontentbox {
	float: right;
	width: 30%;
	height: 512px;
	background-color: #000;
	position: absolute;
	right: 60px;
padding-right:60px
z-index:444;
	padding-right: 20px;
}
.rstimage {
float:right;
position:relative;
left:-8%;	
padding-top:55px;
}
.rsttext {
float:right;
position:relative;
left:-8%;	
padding-top:35px;
font-family:ft87regular;
font-size:13px;
line-height:12px;
width:80%;
text-align:right;
color:#CCC;
}
.rsttextv2 {
float:right;
position:relative;
left:2%;	
padding-top:35px;
font-family:ft87regular;
font-size:13px;
width:80%;
text-align:right;
color:#FFF;
}
.gthumbs {
float:right;
position:relative;
left:-8%;
padding-top:30px;	
}
.gallerybox {
	border: 1px solid #333333;
}
.restab {
float:right;
padding-top:20px;
padding-right:40px;
padding:4px;

}
.contbox {
float:left;
	background-color:#000;
width: 60%;
height: 504px;
padding:4px;
padding-left:10px;
position:relative;
left:60px;
opacity:0.7;
}
.contslidebox {
float:left;
	background-color:#000;
width: 1020px;
height: 500px;
padding:4px;
padding-left:10px;
position:relative;
left:60px;
opacity:0.7;
}
.rscontbox {
float:left;
	background-color:#000;
width: 95%;
height: 512px;
padding:4px;
padding-left:10px;
position:relative;
left:60px;
opacity:0.7;
}
.rsinnerright {
	background-color:#000;
width: 85%;
padding-left:10px;
padding-right:5px;
position:relative;
right:-45%;
opacity:1.0;
}
.contbox2 {
float:left;
	background-color:#CCC;
width: 60%;
height: 512px;
padding:4px;
padding-left:10px;
position:relative;
left:60px;
opacity:0.7;
}
.sitetext {
	font-family: 'ft87regular', tahoma, serif;
	color:#CCC;
	font-size:12px;
}
.style4 {
	color: #FFFFFF
}
.style3 {
	font-size: 10px;
	font-weight: bold;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
  body { /* iPads force landscape */
    -webkit-transform: rotate(90deg);
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
  }

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation : landscape) 

{
/* Styles */

/* IPad Styles */
#main_navigation{
	width:100%;top:30px;left:-20px;font-size:8px;height:44px;float:left;padding-left:0px!important;
	outline:none;
	position:relative;
	margin-bottom:25px;
	}
	.main-menu{position:relative;z-index:2222;font-family: 'ft87regular', tahoma, serif;left:8px;letter-spacing:3pt;}
.main-menu ul li a, .main-menu ul li a:link, .main-menu ul li a:visited{border-bottom:0pt solid black;padding-bottom:10px;padding-top:8px;}
.main-menu ul {
	margin:0;
	padding:0px;
	list-style-type:none;
	z-index:10000;
}
.main-menu ul li > a {
	display:block;
	text-decoration:none;
	overflow:hidden;
	padding:0px 10px; /*18.6px spacing for smaller monitor adjust for large screens with media query
	/*border-radius:3px;*/
}
.black ul ul li:hover > a{
	text-decoration:none!important;
	color:#FFF!important;
	background:#333;
	padding-left:2px;
	text-shadow:1px 0px 0px #3080b0;
}
#twitterlogo { display:none; }
#twitterlogoimg { display:none; }
}


/* Large screens ----------- */
@media screen and (min-width: 1250px) {
/* Styles */
.royalSlider img {
    width: 200%;
    height: auto;
    margin: 0px auto;
}
.main_navigation{
	width:100%;top:30px;font-size:14px;height:44px;float:left;padding-left:0px!important;
	outline:none;
	position:relative;
	margin-bottom:25px;
	}
	.main-menu{position:relative;z-index:2222;font-family: 'ft87regular', tahoma, serif;left:8px;letter-spacing:3pt;}
.main-menu ul li a, .main-menu ul li a:link, .main-menu ul li a:visited{border-bottom:0pt solid black;padding-bottom:10px;padding-top:8px;}
.main-menu ul {
	margin:0;
	padding:0px;
	list-style-type:none;
	z-index:10000;
}
.main-menu ul li > a {
	display:block;
	text-decoration:none;
	overflow:hidden;
	padding:0px 10px; /*18.6px spacing for smaller monitor adjust for large screens with media query
	/*border-radius:3px;*/
}
.black ul ul li:hover > a{
	text-decoration:none!important;
	color:#FFF!important;
	background:#333;
	padding-left:2px;
	text-shadow:1px 0px 0px #3080b0;
}
.rescontentbox {
	float: right;
	width: 45%;
	height: 512px;
	background-color: #000;
	position: absolute;
	right: 60px;
padding-right:60px
z-index:444;
	padding-right: 20px;
}
.rsttext {
float:right;
position:relative;
left:-8%;	
padding-top:35px;
font-family:ft87regular;
font-size:15px;
line-height:14px;
width:80%;
text-align:right;
color:#CCC;
}
.badge img {
padding-top: 60px;
padding-left: 65px;	
}

}