/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;}
	
.clearfix:after { /* clear floats */
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

.noborder{
 border:none !important;}

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/

#wrap{
	width:1024px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
#logo{
	background:url(../img/logo.png) no-repeat top left;
	width:382px;
	height:162px;
	
}
#logo a{
	width:382px;
	height:162px;
	display:inline-block;s
}
#menu{
	background:url(../img/menu.png) top left no-repeat;
	width:559px;
	height:44px;
	position:absolute;
	top:55px;
	right:40px;
	padding:10px 0 0 15px;
}

#menu a{
	background:url(../img/menu-items.png) no-repeat top left;
	height:17px;
	display:inline-block;
	float:left;
	margin-right:11px;
}
#menu a.home{
	background-position:0px 0px;
	width:49px;
}
#menu a:hover.home{
	background-position:0px -28px;
}
#menu a.home-active{
	background-position:0px -58px;
	width:49px;	
	height:21px;
}
#menu a.profile{
	background-position:-65px 0px;
	width:55px;
}
#menu a:hover.profile{
	background-position:-65px -28px;
	width:55px;
}
#menu a.profile-active{
	background-position:-65px -58px;
	width:55px;
	height:21px;	
}
#menu a.gallery{
	background-position:-133px 0px;
	width:59px;
}
#menu a:hover.gallery{
	background-position:-133px -28px;
	width:59px;
}
#menu a.gallery-active{
	background-position:-133px -58px;
	width:59px;
	height:22px;
}
#menu a.video{
	background-position:-203px 0px;
	width:59px;
}
#menu a:hover.video{
	background-position:-203px -28px;
	width:59px;
}
#menu a.video-active{
	background-position:-203px -58px;
	width:59px;
	height:22px;
}
#menu a.blog{
	background-position:-270px 0px;
	width:59px;
	height:23px;
}
#menu a:hover.blog{
	background-position:-270px -28px;
	width:59px;
	height:23px;
}
#menu a.blog-active{
	background-position:-270px -58px;
	width:59px;
	height:23px;
}
#menu a.store{
	background-position:-331px 0px;
	width:55px;
	height:23px;
}
#menu a:hover.store{
	background-position:-331px -28px;
	width:55px;
	height:23px;
}
#menu a.store-active{
	background-position:-331px -58px;
	width:55px;
	height:23px;
}
#menu a.events{
	background-position:-393px 0px;
	width:55px;
	height:23px;
}
#menu a:hover.events{
	background-position:-393px -28px;
	width:55px;
	height:23px;
}
#menu a.events-active{
	background-position:-393px -58px;
	width:55px;
	height:23px;
}
#menu a.contact{
	background-position:-462px 0px;
	width:65px;
	height:23px;
}
#menu a:hover.contact{
	background-position:-462px -28px;
	width:65px;
	height:23px;
}
#menu a.contact-active{
	background-position:-462px -58px;
	width:65px;
	height:23px;
}

#menu2{
	width:559px;
	height:44px;
	position:absolute;
	top:95px;
	right:80px;
	text-align:right;
	padding:10px 0 0 15px;
	color:#cccccc;
	font-size:14px;	
}
#menu2 a{
	color:#cccccc;
	font-size:14px;
}

/*#menu ul li{
	padding:0px 18px 0 0;
	display:inline-block;
	font-size:15px;
	color:#fff;
	font-weight:bold;
	float:left;
}
#menu ul li a{
	color:#fff;
	font-weight:bold;
}
#menu ul li a:hover{
	color:#cc33cc;
}
#menu ul li a.active{
	color:#fff;
	border-bottom:2px solid #fff;
}*/

#thumbs{
	float:left;
	background:#000;
	border:1px solid #521452;
	width:289px;
	width:308px;
	padding:3px 16px;
	margin-left:20px;
	position:relative;
	padding-bottom:15px;
	margin-right:10px;

}
#thumbs .thumb-area{
	margin-top:30px;
}
#thumbs .thumb-area a img{
	border:4px solid #000;
}
#thumbs .thumb-area a{	
	margin:0!important;
}
#thumbs .thumb-area a:hover img{
	border:4px solid #fff;
}
#thumbs h1{
	font-size:28px;
	color:#cccccc;
	font-weight:normal;
	padding-top:12px;
	padding-left:5px;
	
}
#thumbs .types{
	font-size:20px;	
	position:absolute;
	text-align:right;
	top:40px;
	right:19px;
	color:#cc33cc;
}
#thumbs .types a{
	color:#ccc;
	font-size:21px;
}
#thumbs .types a:hover, #thumbs .types a.active{
	color:#cc33cc;
	
}
#thumbs p.right{
	position:relative;
}
#thumbs p.right a{
	margin-left:3px;
	font-size:15px;
	color:#cc33cc;
	border:0px solid #fff;
}
#thumbs p.right a:hover{
	border:0px solid #fff;
}
#thumbs p.right span{
	position:absolute;
	right:3px;
	top:0px;
}


#big-thumb{
	width:630px;
	float:right;
}
#big-thumb p{
	position:relative;
	padding-top:5px;
}
#big-thumb p a{
	color:#858384;
}
#big-thumb p a em{
	text-decoration:underline;
}
#big-thumb p a img{
	vertical-align:middle;
}
#big-thumb p span{
	position:absolute;
	top:3px;
	right:3px;
	text-align:right;
}
#big-thumb p span a{
	font-size:18px;
	color:#9a269a!important;
	
}
#big-thumb p span a:hover{
	color:#fff!important;	
}


#big-thumb .pic{
	margin-top:60px;
	
}

#footer{
	clear:both;
	margin-top:120px;
	padding-left:70px;
	padding-bottom:25px;
}
#footer p {
	font-size:11px;
	color:#808080;
	position:relative;
}
#footer p a{
	color:#808080;	
}
#footer p a:hover{
	text-decoration:underline;
}
#footer p span{
	position:absolute;
	right:3px;
	top:0px;
}
#footer p img{
		vertical-align:middle;
}