* {border:0; padding:0; margin:0; } 
body{font-size:14px; color:#ddd; font-family:'Roboto Slab', serif; background:#0a0d17;}

.container{}
.container2{width:100%;}

a{color:#d20}
a:hover{color:#ff0; text-decoration:none;}

/* p{padding-bottom:30px;} */

hr{border:0; color:#333; background-color:#666; height:1px;}
hr.two{ float:right; height:1px; width:30%; border:0; color:#333; background-color:#333; margin:0 10% 0 0}

#topbar{width:100%; height:186px; margin:0; padding:0 10%; background-color:#f00; background:url(/themes/images/header-waves.jpg); background-position:bottom; background-repeat:no-repeat; background-size:cover; box-shadow:inset 0 0 0 1000px rgba(255,0,0,0); border-top:20px solid #0f1139; border-bottom:5px solid #d20;}

.header_details_right{float:right; margin-bottom:10px; padding:0; text-align:right;}
.header_details_right a{color:#fff}
.header_details_right a:hover{color:#d20}
.search{padding-top:27px;}

.logo{margin-top:45px;}
.logo img{width:500px}

#mainmenu{float:right; margin:80px 0 0 0; padding:0; border:0; font-family:'Fjalla One', sans-serif; }
/* For both full and mobile menu (unless overriden) */
#mainmenu .navbar{margin:0; padding:0; border:0; min-height:20px;}
#mainmenu .navbar ul li{display:inline-block; position:relative; margin:0 30px 0 0; padding-bottom:3px;}
#mainmenu .navbar ul li:last-of-type{margin-right:0;}
#mainmenu .navbar ul li:last-child{margin-right:0;}
#mainmenu .navbar ul li a{padding:5px 20px; font-size:1.4em; color:#d20; transition:color .8s ease;}
#mainmenu .navbar ul li a:hover{color: #006; background:none}
#mainmenu .navbar ul li a.selected{color:#900; cursor:default; background:none}
#mainmenu .navbar a.childselected, #mainmenu .navbar a.childselected:hover{color:#900; cursor:pointer;}

#mainmenu .navbar ul li:after{content: ''; display:block; margin:auto; height:4px; width:0px; background:transparent; transition:width .4s ease, background-color .4s ease, color .4s ease}
#mainmenu .navbar ul li:hover:after{width:100%; background:#d20;}
#mainmenu .navbar ul li.active:after{border-bottom:4px solid #900; width:100%!important;}

/* this is the button that appears in mobile view to open or close for the mobile menu */
#mainmenu .navbar-toggle{color:#936; font-size:1.4em; float:none;}
#mainmenu .navbar-toggle .mobileMenuButton{float:left; padding-top:10px;}
#mainmenu .navbar-toggle .icon-bar{color:#936; background-color:#936;}

/* this is the mobile menu itself */
#mainmenu .navbar-collapse {padding:0px;}
#mainmenu .navbar-collapse.in{float:none; clear:both; max-height:none;}
#mainmenu .navbar-collapse.in ul{width:80%; margin-right:10%;}
#mainmenu .navbar-collapse.in ul li{margin-bottom:10px; text-align:center;}





#imagebanner-wrapper{height:590px; border-top:30px solid #0f1322; border-bottom:60px solid #0f1322;}
.imagebanner-left{height:500px; margin:0; padding:0; font-family:'Fjalla One', sans-serif; background-color:#0f1322}
.imagebanner-left h2{color:#fff; font-size:1.4em; margin:0 0 15px 0; padding:0;}
.imagebanner-left p{color:#757575; font-family:'Roboto Slab', serif; font-size:1em; margin:0 0 15px 0; padding:0;}
.imagebanner-left p a{color:#d20; font-family:'Fjalla One', sans-serif; font-size:0.9em; text-transform:uppercase;}
.imagebanner-left img{float:left; margin:0 20px 0 0; padding:0;}
.imagebanner-home{margin:0; padding:0;}

.home-banner-left-upper{height:167px; padding:15px 60px;}
.home-banner-left-upper:hover{background-color:#d20; cursor:pointer;}
.home-banner-left-upper:hover p a{color:#fff;}
.home-banner-left-mid{height:167px; padding:15px 60px;}
.home-banner-left-mid:hover{background-color:#d20; cursor:pointer;}
.home-banner-left-mid:hover p a{color:#fff;}
.home-banner-left-lower{height:166px; padding:15px 60px;}
.home-banner-left-lower:hover{background-color:#d20; cursor:pointer;}
.home-banner-left-lower:hover p a{color:#fff;}



#mid-homebar{height:400px; max-height:400px; padding:0; background:#d20 url(../../images/mid-bg.jpg) no-repeat right center;}
#home-banner2-wrapper{padding-top:90px; padding-left:180px;}
#home-banner2-wrapper h2{font-family:'Fjalla One', sans-serif; font-size:6em; color:#fff;}
#home-banner2-wrapper .read-more{padding:3px 20px; font-size:1.4em; font-weight:bold; font-family:'Fjalla One', sans-serif; text-align:right; color:rgba(221, 34, 0,1); background-color:#fff;}
.read-more:hover{color:rgba(0, 0, 0,0.8); background:rgba(255,255,255,1); text-decoration:none;}

#content{margin:120px auto;}
#content h1{font-size:2.6em; color:#d20; font-weight:100;}
#content h2{margin-bottom:60px; font-size:1.3em; color:#999;}
#content h3{margin-top:25px; margin-bottom:30px; font-size:3em;}
#content img.left{float:left; margin-right:60px;}

#lower-wrapper{width:100%; background-color:#0f1123;}
#lower-homebar{margin:0 auto; padding:60px 0; background-image:none;}
#lower-homebar h2{color:#fff; font-size:3em;  font-weight:100; text-align:center;}
#lower-homebar h3{color:#d20; font-size:1.8em;}


#footer{background:#0a0d17;}
#footer .container{padding:90px 0; background-image:url(../../images/rollthedice.png); background-repeat:no-repeat; background-position: right 380px; overflow:visible}
#footer p{font-size: 1.1em;}
#footer h3{color:#f00; margin-top:0; padding-top:0; font-size:1.8em;}


.footer1 {border-right:1px dashed #333;}
.footer1 p{color:#ccc;}
.footer2 {color:#fff; text-align:center; border-right:1px dashed #333;}

.footer3{padding-left:40px;}
.footer3 li{float:left; width:100%; list-style:none; padding:10px 0 2px 0; background-image:url(/themes/images/footer-bullet.png); background-repeat:no-repeat; background-position:0 20px; border-bottom:1px solid #999;}
.footer3 li:hover{border-bottom:1px solid #d20;}
.footer3 li a{padding:5px 30px; font-size:1.1em; color:#fff;}
.footer3 li a:hover{color:#fff; background:none;}
.footer3 li a.selected{color:#f00; border-left:6px solid #f00; background:none; cursor:default;}

#footer-end-bar-wrapper{width:100%; padding:30px 0 10px 0; background-color:#d20;}
#footer-end-bar{width:80%; margin:0 auto;}

.copyright{padding-bottom:0; font-size:0.9em; color:#ccc; text-align:left;}

.footer-links{float:right; text-align:right; color:#fff}
.footer-links a{color:#fff}
.footer-links a:hover{color:#000}


#gravity img{opacity:0.3; filter:alpha(opacity=10); -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#gravity img:hover{opacity:1; filter:alpha(opacity=0);}

#toTop{position:fixed; bottom:20px; right:20px; display:none; cursor:pointer; z-index:10; }
#toTop img{opacity:0.4; filter:alpha(opacity=40); -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#toTop img:hover{opacity:0.8; filter:alpha(opacity=80);}


#carousel{position:relative; width:100%; background-color:#936;}

#slides{position:relative; width:89%; overflow:hidden;}
#slides ul{position:relative; width:100%; list-style:none; margin:0 0 0 17%;}
#slides li{float:left; position:relative; width:100%; padding:10px 0 20px 0;}
#slides li h2{padding:0; margin:0; font-size:30px; color:#fff;}