@font-face {
    font-family: DeliciousRoman;
    src: url(fonts/ARBERKLEY.ttf);
    font-weight:400;
}


@font-face {
    font-family: DeliciousRoman1;
    src: url(fonts/Sansation_Light.ttf);
    font-weight:400;
}

@font-face {
    font-family: DeliciousRoman2;
    src: url(fonts/Exo2.0-Medium.otf);
}

@font-face {
    font-family: DeliciousRoman3;
    src: url(fonts/FreightSansCmpPro-Light.otf);
    font-weight:400;
}


@font-face {
    font-family: DeliciousRoman4;
    src: url(fonts/Aachenb.TTF);
    font-weight:400;
}


@font-face {
    font-family: DeliciousRoman5;
    src: url(fonts/GoudyStM-webfont.ttf);
    font-weight:400;
}


@font-face {
    font-family: DeliciousRoman6;
    src: url(fonts/Sansation_Bold.ttf);
    font-weight:400;
}


@font-face {
    font-family: DeliciousRoman7;
    src: url(fonts/Oswald-light.ttf);
    font-weight:400;
}



 




/* Let's get this party started */

::-webkit-scrollbar { width: 12px; } /* Track */ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-webkit-border-radius: 10px; border-radius: 10px; } /* Handle */
::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(5,0,0,0.8);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } ::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,0,0,0.4); }







outline: 1px solid slategrey;
}





h1 {
    color:#fff;
}


img {
    /*width:100%;
    height:100%;*/
}

/*HEADER*/

#header {
    width:100%;
    height:auto;
    overflow:hidden;
    background-color:#2d2e5e;
    background-image:url(../images/opacity2.png);
}

#header .top {
    width:100%;
    min-height:100px;
    background-image:url(../images/opacity3.png);
    position:relative;
    margin-top:50px;
    z-index:9999;
}


#header .top #logo {
    height:100px;
    background:url(../images/logo.png) no-repeat 50% 50%;
    background-size:auto auto;
}


#footer {
    width:100%;
    
    overflow:hidden;
    background-color:#2d2e5e;
    background-image:url(../images/opacity2.png);
    margin-top:50px;
    border-top:4px solid #111;
}

#footer p {
    color:#c0c0c0;
    margin:15px;
    font-size:12px;
}

#footer p a {
    color:orange;
    text-decoration:none;
}

#navWrapper {
   padding:30px;
}

#navWrapper ul {
    float:right;
}

.intro {
    text-align:center;
    margin:.3em;
    padding:1.5em;
    font-family:'Dosis';
    
}

.intro h1 {
    font-size:4em;
    color:#b7b7b7;
    
    text-shadow:1px 2px 0px #000;
    
}

/*BLOCKS*/
.block {
    margin:15px;
    padding:10px;
    background:#f8f8f8;
    border:1px solid #ebebeb;
    overflow:hidden;
}

.title {
    
	
    padding:30px 30px 0px 0px;
    
    
    
   
    
}

.title h2,.title h3 {
    font-family:DeliciousRoman6,arial,sans-serif;
	color:#ffffff;text-transform:uppercase;
    font-size:45px;
text-shadow: 1px 1px 1px #000;background:rgba(0,0,0,.6);padding:20px;
}

.title1 {
    
	
    padding:30px 30px 0px 30px;
    
    
    
   
    
}

.title1 h2,.title1 h3 {
    font-family:DeliciousRoman,arial,sans-serif;
	color:#ffffff;
    font-size:45px;
}

.bigTitle {
    margin:15%;
    color:#999;
    font-size:42px;
    font-weight:normal;
    text-shadow:0px 0px 5px #f1f1f1;
    

}


.tooltips p {
    display:block;
    padding:10px;
    background:#eee5ff;
    cursor:pointer;
    border:1px solid #ccc;
    margin-bottom:10px;
}

.tooltips p:hover {
    background:#e8e8e8;
}


.grid_system p {
    /*background:#ccc;*/
    padding:5px;
    font-size:10px;
    overflow:hidden;
    white-space:nowrap;
    text-align:center;
}




/*SLIDER*/
#slideShow {
    width:100%;
    height:531px;
}

#slideShow img {
    width: 100%;
    height: 531px;
}

.content {
    font-family:DeliciousRoman2,arial,sans-serif;
	padding:10px;margin-left:30px;
    background:rgba(20,0,20,.8);
    color:#fff;font-weight:400;font-size:16px;
}

.content1 {
    font-family:DeliciousRoman2,arial,sans-serif;
	padding:10px;margin-left:30px;
    background:rgba(20,0,20,.8);
    color:#fff;font-weight:400;font-size:16px;
}

.content2 {
    font-family:DeliciousRoman2,arial,sans-serif;
	padding:10px;margin-left:30px;MARGIN-TOP:10px;
    background:rgba(20,0,20,.8);
    color:#fff;font-weight:400;font-size:16px;
}










ul.slideControl {
    list-style:none;
    background:#efefef;
    padding:5px;
    margin:0 auto;
    width:50%;
    overflow:hidden;
    width:200px;
    border:5px solid #ccc;
    border-top:none;
    opacity:.5;
    border-radius:0 0 20px 20px;
    
}

ul.slideControl li {
    float:left;
    padding:13px;
    background:#ccc;
    margin:9px;
    cursor:pointer;
}

ul.slideControl li:hover, ul.slideControl li.current {
    background:#555;
}


div.opt {
    margin:10px;
    background:#eee;
    padding:5px;
}

span.option {
    font-weight:700;
}

span.description {
    margin-left:10px;
}



/*===========================================================================*/
/*				Responsive Grid				     */
/*===========================================================================*/



.grid_1,.grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 {
	float:left;
	margin:0;
	min-height:1px;
}



/*===========================================================================*/
/*				12 Grid system				     */
/*===========================================================================*/




.push_1 { margin-left:8.33333% !important; }
.push_2 { margin-left:16.66667% !important; }
.push_3 { margin-left:25% !important; }
.push_4 { margin-left:33.33333% !important; }
.push_5 { margin-left:41.66667% !important; }
.push_6 { margin-left:49.99999% !important; }
.push_7 { margin-left:58.33333% !important; }
.push_8 { margin-left:56.66667% !important; }
.push_9 { margin-left:75% !important; }
.push_10 { margin-left:83.33333% !important; }
.push_11 { margin-left:91.66667% !important; }
.push_12 { margin-left:100% !important; }

/*===========================================================================*/
/*				16 Grid system				     */
/*===========================================================================*/

.g16 .grid_1 { width: 6.25%; }
.g16 .grid_2 { width: 12.5%; }
.g16 .grid_3 { width: 18.75%; }
.g16 .grid_4 { width: 25%; }
.g16 .grid_5 { width: 31.25%; }
.g16 .grid_6 { width: 37.5%; }
.g16 .grid_7 { width: 43.75%; }
.g16 .grid_8 { width: 50%; }
.g16 .grid_9 { width: 56.25%; }
.g16 .grid_10 { width: 62.5%; }
.g16 .grid_11 { width: 68.75%; }
.g16 .grid_12 { width:75%; }
.g16 .grid_13 { width: 81.25%; }
.g16 .grid_14 { width: 87.5%; }
.g16 .grid_15 { width: 93.75%; }
.g16 .grid_16 { width: 100%; }


.g16 .push_1 { margin-left: 6.25% !important; }
.g16 .push_2 { margin-left: 12.5% !important; }
.g16 .push_3 { margin-left: 18.75% !important; }
.g16 .push_4 { margin-left: 25% !important; }
.g16 .push_5 { margin-left: 31.25% !important; }
.g16 .push_6 { margin-left: 37.5% !important; }
.g16 .push_7 { margin-left: 43.75% !important; }
.g16 .push_8 { margin-left: 50% !important; }
.g16 .push_9 { margin-left: 56.25% !important; }
.g16 .push_10 { margin-left: 62.5% !important; }
.g16 .push_11 { margin-left: 68.75% !important; }
.g16 .push_12 { margin-left:75% !important; }
.g16 .push_13 { margin-left: 81.25% !important; }
.g16 .push_14 { margin-left: 88.5% !important; }
.g16 .push_15 { margin-left: 93.75% !important; }
.g16 .push_16 { margin-left: 100% !important; }