@charset "utf-8";
/* CSS Document */


html { 
    height:100%;
}
 /*background effects*/
body{
	margin:0;
	padding:0;
	min-height:100%;
	background:#ffffff/*262c26*/;
	background-size:cover;
	scrollbar-face-color: #000000;
	scrollbar-shadow-color: #2D2C4D;
	scrollbar-highlight-color:#7D7E94;
	scrollbar-3dlight-color: #7D7E94;
	scrollbar-darkshadow-color: #2D2C4D;
	scrollbar-track-color: #7D7E94;
	scrollbar-arrow-color: #C1C1D1;	
	}
a{color:inherit; text-decoration:none;}

a:hover{color:inherit;text-decoration:none;}

	
::-webkit-scrollbar {
    width: 9px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #fff; 
    border-radius: 10px;
}
 /*scroll bar effects*/
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #67af43; 
}

.top-bar{ position:fixed; top:0; height:30px;line-height:30px; background:#fff; width:100%; z-index:99999; padding:0 10px 0 10px; border-bottom:0px solid #8d1104;}

.top-bar img{ border-left:0px solid #dadbda; height:30px; padding:2px; width:35px; display:line-block; margin-right:-4px; background:;}

.top-bar img:hover{ border-left:1px solid #02bff9; height:30px; padding:2px; width:35px; display:line-block; background:#f0f0f0;}

nav{ margin-bottom:-9px;}		
nav ul{
	/*margin:125px 0 0 0;*/
	padding:0;
	width:100%;
	background:#050303;
	min-height:200px;	
	/*border-top:3px solid #fff;*/
		/*border:1px solid #fff;*/
	}	
nav ul li{
	padding:0 0 0 0;
	list-style:none;
	margin-bottom:0;
	background:#050303;
    border-bottom:1px solid #AC6A28;
	border-right:2px solid #AC6A28;
	border-top:1px solid #463120;
	}
nav ul li a{
	font-family:century gothic, Arial;
	width:100%;
	display:block;
	color:#fff;
	padding:3px 4px 5px 14px;
	text-decoration:none;
	font-size:1.1em;
	text-align:left;
	letter-spacing:2px;
	}
nav ul li a:hover{
	display:block;
	color:#fff;
	font-weight:bold;
	background:#AC6A28;
	padding:3px 4px 5px 14px;
	text-decoration:none;
	font-size:1.1em;
	transition:all 200ms ease-in-out;
	
	}	

nav ul li a.current, nav ul li a.current:hover{
	display:block;
	color:#AA6428;
	font-weight:bold;
	background:#6ECACE;
	padding:3px 4px 5px 14px;
	text-decoration:none;	
	font-size:1.1em;
	transition:all 200ms ease-in-out;
	
	}	


@media(max-width: 760px){
	
	nav ul li a{
	font-family:century gothic, Arial;
	width:100%;
	display:block;
	color:#fff;
	padding:3px 4px 3px 24px;
	text-decoration:none;
	font-size:0.7em;
	text-align:center;
	letter-spacing:2px;
	}
	
   nav ul li a:hover{
	display:block;
	color:#fff;
	font-weight:bold;
	background:#050303;
	padding:3px 4px 3px 24px;
	text-decoration:none;
	font-size:0.7em;
	transition:all 200ms ease-in-out;
	
	}	

nav ul li a.current, nav ul li a.current:hover{
	display:block;
	color:#fff;
	font-weight:bold;
	background:#67af43;
	padding:3px 4px 3px 14px;
	text-decoration:none;
	font-size:0.7em;
	transition:all 200ms ease-in-out;
	
	}	
				
		
}

@media(max-width: 500px){

    #designers-area, #content-box {
		height:auto;
		 width:100%;position:relative; 
		 margin-top:165px; 
		 border-bottom:5px solid #000; 
		 border-bottom:3px solid #fff; 
		 border-top:3px solid #fff; 
		 padding:8px 15px 15px 15px; 
		 font-family:arial;
		 }

}



/*---------------xxxxxxxxxxxxxxxxxxxxxx--------------------*/


.sponsors{
	/*position:fixed;
	bottom:0;*/
	height:auto;
	min-height:30px;
	width:100%;
	background:rgba(38, 44, 38, 0.17);
	padding:2px 0 2px 0;
border:0px solid #000;
	}

.headache{ 
	color:#fff;
	letter-spacing:6px;
	font-size:1.2em;
	font-family:century gothic;
	text-align:center;
   }
.footer{ 
	color:#000000;
	letter-spacing:6px;
	font-size:1.2em;
	font-family:century gothic;
	text-align:center;
   }
  #scroller {
        position: relative;
		width: 100%; height: 100px; margin: 0 auto;
		background:#fff;
    }
    #scroller .innerScrollArea {
        overflow: hidden;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
    #scroller ul {
        padding: 0;
        margin: 0;
        position: relative;
    }

    #scroller li {
        padding: 0;
        margin: 0;
        list-style-type: none;
        position: absolute;
    }
	
.innerScrollArea ul li img{	
    width:100px;
	height:70px;
	margin-right:10px;
	margin-top:10px;
	border:2px solid #fff;
	}

/*------------------------------------------------------------*/

.cycle-slideshow {width:100%; max-width:987/*1200*/px; height:100%; height:468/*440*/px; display:block; position:relative; overflow:hidden; border:0px solid #333;background:#000; margin:0 auto;}

.cycle-slideshow  img{max-width:100%; position:absolute; height:100%;}

.cycle-caption { top: 10px }

.slider .cycle-caption { bottom: 0; top: auto; font-size: 20px; font-weight: bold }


/* overlay */
.cycle-overlay { 
    font-family: tahoma, arial;
    position: absolute; bottom: 0; width: 100%; z-index: 600; font-weight:bold;
    background:url(images/trnsp.png); color: white; padding:15px;
}

@media(max-width: 900px){
	.cycle-slideshow{width:100%; max-width:800px; height:100%; max-height:300px; display:block; position:relative; overflow:hidden; border:1px solid #333;background:#000; margin:0 auto;}
}

@media(max-width: 600px){
	.cycle-slideshow{width:100%; max-width:800px; height:100%; max-height:200px; display:block; position:relative; overflow:hidden; border:1px solid #333;background:#000; margin:0 auto;}
}

/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 300; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(http://malsup.github.com/images/left.png) 0 50% no-repeat;}
.cycle-next { right: 0; background: url(http://malsup.github.com/images/right.png) 100% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

.disabled { opacity: .5; filter:alpha(opacity=50); }

.title, .title1, .title2{
	text-align: center;
    color: #fff;
    padding: 35px 0 35px 0;
    letter-spacing: 14px;
    font-family: century gothic;
    width: 100%;
	}


.title{background:#AA6428;font-size:1.6em;}

	/*CHANGE HEADER BAR*/
.title1{background: url(images/bannerr.gif) repeat;font-size:1.6em;}

.title2{background:#000;color:#6ECACE;font-size:1.1em;}

.box{padding:10px 10px 0 10px; color:#000000;}

.boxy{padding:10px 10px 0 10px; color:#333; background:#fff; border-radius:3px; border:0/*2*/px solid #333;}

.boxy h4, h5{ background:#AA6428; padding:3px; height:50px;}
.boxy a{ color:#ffffff;}
.boxy a:hover{ color:#000; text-decoration:none;}

@media(max-width: 700px){

.title{font-size:0.8em;}
}

/*-----------------------------------*/
.designers-box{
	width:100%;
	margin:0 auto;
	display:block;
	height:auto;
	}

.designers-box ul{
	padding:0;
	text-align:center;
	}

.designers-box ul li{
	display:inline-block;
	list-style:none;
	margin:5px;
	text-align:center;	
	}

.designers-box ul li a{
	display:block;	
	width:110px;
	height:110px;
	box-shadow:1px 2px 3px #AA6428;
	}
.designers-box ul li a img{
	width:100%;
	height:100%;
	border:2px solid #fdf0f9;
    }
.designers-box ul li a img:hover{	
    opacity:0.5;
   }

.line{border-bottom:1px solid #AA6428; padding:6px 0 6px 6px; border-left:1px solid #AA6428;}


/*-----------------------*/



.spns ul{
	padding:0;
	margin:0;
	width:100%;
	text-align:justify;
	}
	
.spns ul li{
	list-style:none;
	/*float:left;*/
	display:inline-block;
	width:170px;
	height:130px;
	margin:3px;
	/*border:2px solid #fdf0f9;*/
	text-align:center;
	}
	
.spns ul li img{
	width:168px;
	height:130px;
	
	}

.inbox{width:99.7%; height:480px; overflow:auto;}

.init{width:99%; height:410px; overflow:auto;}

.inside{height:auto; max-height:300px; overflow:auto;}

.pad{ padding:7px;}

@media(max-width: 700px){
	 .init{width:99%; height:300px; overflow:auto;}
	}
	
.gala a{
	color: #f1ed96;
	padding:10px 10px 10px 10px;
	/*border:1px solid #777;*/
	border-radius:13px;
	background:#050303;
	font-size:1.2em;
	}

.gala a:hover{
	color: #777;
	padding:4px 7px 4px 7px;
	/*border:1px solid #777;*/
	border-radius:13px;
	background:#030200;
	}