@import "reset.css";

/* main settings */
body { 
	font: 13px/1.231 Lucida Sans; *font-size: small; *font: x-small;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
	line-height: 1.4em;
	color: #fff; 
	background: url(../i/assets/back.png); 
} 
a:link, a:visited {
	color: #ccc; text-decoration: underline;
}
a:hover {
	color: #999;
}

/* utils */
.clearfix { 
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 1px;
	width: 100%;
	overflow: hidden;
}

.border-radius {
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;
}
.border-radius-x5 {
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;
}
.border-radius-x3 {
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;
}

.box-shadow
{
	-moz-box-shadow: rgba(0,0,0,.5) 0 20px 30px;
	-webkit-box-shadow: rgba(0,0,0,.5) 0 4px 18px;
	-khtml-box-shadow: rgba(0,0,0,.5) 0 4px 18px;
	box-shadow: rgba(0,0,0,.5) 0 4px 18px;	
}

#wrapper
{
	margin: 20px auto;
	width: 990px;
	border: 1px solid #222;
	background: url(../i/assets/main-content-bg.png);
	border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px;
}

	#header
	{
		position: relative;
		padding: 20px 0;
	}
	
		#header #logo
		{
			position: absolute;
			margin: 70px 0 20px 90px;
			width: 71px;
			height: 123px;
			z-index: 1001;
		}
	
		#header #lang-switch
		{
			position: absolute;
			right: 70px;
			top: 20px;
			z-index: 1000;
			margin: 10px 10px 0 0;
			color: #999;
			font-size: .83em;
			text-transform: uppercase;
		}
		
			#header #lang-switch ul li
			{
				display: inline;
			}		
	
		#header #main-navigation
		{
			width: 100%;
		}
			
			#header #main-navigation ul.navi
			{
				padding: 135px 0 80px 300px;
				color: #fff;
				font-size: 1.1em;
				text-transform: uppercase;
			}
			
			#header #main-navigation ul.navi li
			{
				float: left;
				margin: 0 5px 0 0;
				width: 150px;
				text-align: center;
			}
			
			#header #main-navigation ul.navi a
			{
				color: #fff;
				text-decoration: none;
			}
			
			#header #main-navigation ul.navi li a span
			{
				display: block;
				padding: 10px;
				background: url(../i/assets/navi-bg.png);
				border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;
				-moz-box-shadow: rgba(0,0,0,.3) 0 20px 30px; -webkit-box-shadow: rgba(0, 0, 0,.3) 0 4px 18px;-khtml-box-shadow: rgba(0, 0, 0,.3) 0 4px 18px; box-shadow: rgba(0, 0, 0,.3) 0 4px 18px;
			}
			
			#header #main-navigation ul.navi li a:hover span
			{
				background: url(../i/assets/navi-over-bg.png);
			}
			
			#header #main-navigation ul.navi ul.active-item
			{
				margin: 10px 0 20px;
			}
			
			#header #main-navigation ul.navi ul.active-item a span
			{
				padding: 0;
				color: #999;
				background: none;
			}
			
			#header #main-navigation ul.navi ul li span.active
			{
				color: #fff;
				background: url(../i/assets/active-sub-navi.png) no-repeat 5px 5px;
			}	
			
			#header #main-navigation ul.navi ul li a:hover span
			{
				color: #fff;
			}
			
			#header #main-navigation ul.navi ul li
			{
				float: none;
				padding: 5px 0;
				font-size: .9em;
				border-bottom: 1px dotted #666;
			}
			
			
	
	#main-content	
	{
		 
		padding: 40px 0;
		
	}
	
		#main-content #content
		{
			margin: 0 80px 50px 310px;
		}
		
		#main-content #content .result
		{
			color: #777;
			margin: 15px 0 5px;
			width: 450px;
		}
		
		#main-content #content h1
		{
			margin: 10px 0 5px;
			font-family: Georgia;
			font-size: 1.5em;
			color: #999;
		}	
		
		#main-content #content h2
		{
			margin: 10px 0 5px;
			font-family: Georgia;
			font-size: 40px;
			color: #999;
		}
		
		#main-content #content h2.small-title
		{
			margin: 10px 0 5px;
			font-family: Georgia;
			font-size: 30px;
			color: #999;
		}
		
		#main-content #content h3
		{
			margin: 10px 0 5px;
			font-family: Georgia;
			font-size: 1.1em;
			color: #999;
		}	
		
		#main-content #content  p
		{
			margin: 10px 0 5px;
			font-family: Tahoma;
			font-size: .9em;
			color: #ccc;
		}
		
		#main-content #content  .news
		{
			border-bottom: 1px dotted #777;
			margin: 20px 0 15px;
			padding: 0 0 20px 0;
		}
		
		#main-content #content  .news p
		{
			margin: 10px 30px 5px 0;
			font-family: Tahoma;
			font-size: 1.1em;
		}	
			
		#main-content #content  .news p.date
		{
			margin: 0 0 5px;
			color: #777;
			font-size: .9em;
		}	
				
		#main-content #content .news h2
		{
			font-size: 1.7em;
		}	
		
		#main-content #content .page-nav a {
			color:#999;
		}
		#main-content #content .page-nav ul.nav-pages {
			margin:20px 0 0;
		}
		#main-content #content .page-nav ul.nav-pages li {
			color:#999999;
			float:left;
			margin:0 2px 0 0;
		}
		#main-content #content .page-nav ul.nav-pages em {
			background:#3e3e3e none repeat scroll 0 0;
			color:#FFFFFF;
			font-style:normal;
		}
		#main-content #content .page-nav ul.nav-pages span.first {
			margin:0;
			padding:7px 7px 7px 0;
		}
		#main-content #content .page-nav ul.nav-pages a:hover span {

			background:#999 none repeat scroll 0 0;
			color:#FFFFFF;
		}
		#main-content #content  .page-nav ul.nav-pages a span.first, #main-content #content  .news .page-nav ul.nav-pages a span.last, #main-content #content  .news .page-nav ul.nav-pages a span {
			text-decoration:underline;
		}
		#main-content #content  .page-nav ul.nav-pages a:hover span.first, #main-content #content  .news .page-nav ul.nav-pages a:hover span.last {
			background:transparent none repeat scroll 0 0;
			color:#666;
		}
		#main-content #content .page-nav ul.nav-pages em, #main-content #content .page-nav ul.nav-pages span {
		display:block;
		padding:7px;
		}		
		
		#main-content #content form.form-message
		{
			border-top: 1px dotted #ccc;
			margin: 50px 0;
			padding: 40px 0 0;
		}	
		
		#main-content #content form.form-message dt
		{
			margin: 30px 0 0;
		}
		
		#main-content #content form.form-message label
		{
			display: block;
			margin: 15px 0 5px;
			width: 300px;
			color: #777;
		}
	
		#main-content #content form.form-message label.error
		{
			margin: 5px 0;
			color: #ff6f7d;
		}
			
	
		#main-content #content form.form-message input
		{
			color: #ccc;
			padding: 10px;
			width: 300px;
			background: #000;
			border: 1px solid #555;
		}
		
		#main-content #content form.form-message input.error
		{
			border: 1px solid #ff003c;
		}
		
		#main-content #content form.form-message textarea
		{
			color: #ccc;
			padding: 10px;
			width: 400px;
			background: #000;
			border: 1px solid #555;
		}	

		#main-content #content form.form-message input.btn
		{
			color: #ccc;
			margin: 20px 0;
			padding: 10px;
			width: 100px;
			background: #000;
			border: 1px solid #333;
		}
		
		#main-content #content .about .about-img
		{
			float: left;
			margin: -100px 0 0 -300px;
		}	
		
		#main-content #content .about .about-description
		{
			float: left;
			margin: 30px 0 0 10px;
			width: 300px;
		}	

		#main-content #content .about .about-description h2
		{
			margin: 10px 0 5px;
		}			
		

		#main-content .main-footer		
		{
			margin: 40px 20px 40px 100px;
			padding: 50px 0 0 0;
			border-top: 1px dotted #777;
		}
		
		#main-content .main-footer h2
		{
			margin: 0 0 20px;
		}
		
		#main-content .main-footer p
		{
			margin: 3px 0;
			font-family: Georgia;
			color: #ccc;			
		}	
		
		#main-content .main-footer .fashion p
		{
			margin: 3px 0;
			font-family: Georgia;
			color: #777;			
		}
		
		#main-content .main-footer .asc-contacts	
		{
			float: left;
			width: 400px;
		}	
		
		#main-content .main-footer .fashion	
		{
			float: left;
			width: 350px;
		}	
		
		#main-content #collections
		{
		}
		
			#main-content #collections #brand-logo
			{
				float: left;
				margin: 0 0 50px 50px;
				width: 250px;
			}
			
			#main-content #collections #brand-logo img.main
			{
				margin: 40px 0 50px -49px;
			}	
			
			#main-content #collections #brand-logo p
			{
				margin: 30px 50px 10px 0;
				text-align: left;
				color: #ccc;
				font-family: Georgia;
			}
			
			#main-content #collections #brand-logo p.link
			{
				margin: 0 50px 0 0;
				font-family: Tahoma;
				font-size: .9em;
			}
			
			#main-content #collections #brand-logo p.link a
			{
				color: #999;
			}	
			
			#main-content #collections #collections-thumbs
			{
				float: left;
				width: 680px;
			}
			
				#main-content #collections #collections-thumbs h2
				{
					padding: 0 0 10px 0;
					height: auto;
					font-size: 40px;
				}
			
				#main-content #collections #collections-thumbs ul.thumbs li 
				{
					float: left;
					margin: 0 10px 10px 0;
					cursor: pointer;
				}
				
				#main-content #collections #collections-thumbs  ul.thumbs li span
				{
					position: relative;
					overflow: hidden;
					display: block;
					width: 200px;
					height: 230px;
				}
				
				#main-content #collections #collections-thumbs  ul.thumbs li a span h2
				{
					position: absolute;
					bottom: 30px;
					margin: 0px 0 0;
					padding: 11px 5px 15px;
					width: 100%;
					color: #fff;
					font-size: 1.2em;
					background: url(../i/assets/h2-bg.png);
				}
				
				#main-content #collections #collections-thumbs  ul.thumbs li img
				{
					margin: 0 0 2px;
				}
				
				#main-content #collections #collections-thumbs  ul.thumbs li a:hover span h2
				{
					background: url(../i/assets/main-content-bg.png);
				}	
				
				#main-content #collections #collections-thumbs  ul.thumbs li span .overlay
				{
					position: absolute;
					top: 0;
					width: 100%;
					height: 100%;
					background: url(../i/assets/overlays.png) no-repeat;
				}
			
			#main-content #collections #collection-full
			{
				float: left;
				width: 680px;
				display: none;
			}
			
				#main-content #collections .collection-image
				{
					margin: 20px 0;
				}
				
				#main-content #collections .collection-image .preloader
				{
					display: block;
					position: absolute; 
					margin: 10px 10px 10px 12px;
					padding: 10px; 
					background: #000; 
					opacity: 0.8; 
					*filter: alpha(opacity=80);  
					-moz-border-radius: 5px; 
					-webkit-border-radius: 5px; 
					-khtml-border-radius: 5px; 
					border-radius: 5px; 
					

				}
				
				#main-content #collections .collection-image .preloader .loader
				{
					
					margin:0 auto;
				}
				
				#main-content #collections .collection-image ul li
				{
					float: left;
				}		
				
						
				#main-content #collections span.full
				{
					
					display: block;
					float:left;
					width: 700px; 
				}				
								
				#main-content #collections .collection-image ul li span.thumb
				{
					display: block;
					margin: 0 10px 5px 0;
					width: 75px;
/*					height: 75px; */
					opacity: .8; 
				}	
				
				#main-content #collections .collection-image ul li span.thumb.active
				{
					margin: 0 10px 0 0;
					border: 2px solid #ccc;
					opacity: 1;
				}		
				
				
							
		#main-content #page-navi
		{
			margin: 20px 0 20px 250px;
		}	
			#main-content #page-navi span
			{
				display: block;
				float: left;
				width: 50px;
				height: 50px;
				text-indent: -9999px;
				background: url(../i/assets/next-prev.png);
			}	
			
			#main-content #page-navi a span.prev
			{
				background-position: 0 -50px;
			}
			
			#main-content #page-navi a span.next
			{
				background-position: 0 0;
			}
			
			#main-content #page-navi span.prev, #main-content #page-navi a:hover span.prev
			{
				background-position: 0 -150px;
			}
			
			#main-content #page-navi span.next, #main-content #page-navi a:hover span.next
			{
				background-position: 0 -100px;
			}
	
	#footer
	{
		margin: 40px auto 50px;
		width: 990px;
		height: 100px;
	}
		#footer #footer-navi ul
		{
			float: left;
			margin: 0 0 0 50px;
		}	
		
		#footer #footer-navi ul li
		{
			float: left;
			margin: 0 10px 0 0;
		}	
		
		#footer #copyright
		{
			float: left;
			margin: 5px 10px 0 50px;
			color: #999;
			font-size: .9em;
		}	
		
		#footer #team-logo
		{
			float: right;
			margin: -40px 20px 0 10px;
		}