@charset "utf-8";



/* 	KICASSO		Basic pages

	Author: 	Sterlin Vladislav
	E-mail: 	vladislav.sterlin@gmail.com
	
	-------------------------------------------------- */



/*	CONTENT

	1.	Global
	2.	Page
	3.	Header
	4.	Main
	5.	Misc
	
	-------------------------------------------------- */



/* 	1.	GLOBAL
	-------------------------------------------------------- */

	* {
		margin: 0;
		padding: 0;
		}
	a:link {
		color: #EFB13A;
		text-decoration: none;
		}

	a:link {
		color: #EFB13A;
		text-decoration: none;
		}
	a:visited {
		color: #EFB13A;
		text-decoration: none;		
		}
	a:hover {
		color: #EFB13A;
		text-decoration: underline;
		}
		
	a img {
		border: none;
		}
	
	
	
/* 	2.	PAGE
	-------------------------------------------------------- */
	
	body {
		background: #00061F;
		font-family: Verdana, sans-serif;
		padding-bottom: 25px;
		}
	
	.outer {
		background: url(../img/page-bg-middle.png) repeat-y;
		overflow: hidden;
		width: 970px;
		}
		
		
		
/* 	3.	HEADER
	-------------------------------------------------------- */
	
	.header {
		background: url(../img/page-bg-up.png) no-repeat;
		float: left;
		height: 130px;
		width: 970px;
		}
		.logo {
			background: url(../img/logo.png) no-repeat;
			display: block;
			height: 127px;
			margin-left: 624px;
			text-indent: -9999px;
			width: 281px;
			}



/* 	4.	MAIN
	-------------------------------------------------------- */
		
	.main {
		background: url(../img/page-bg-down.png) no-repeat bottom left;
		float: left;
		margin-top: -44px;
		width: 970px;
		}	
		
		
	/* 	4.1	Content
		------------------------------------------------ */
		
		.content {
			float: right;
			padding-top: 38px;
			width: 624px;
			}
			.content h1 {
				color: #FFF;
				font-size: 32px;
				font-weight: normal;
				overflow: hidden;
				}
			.content h2 {
				color: #FFF;
				font-size: 15px;
				font-weight: bold;
				padding-top: 18px;
				margin: 0;
				}
			.content h3 {
				color: #FFF;
				font-size: 13px;
				font-weight: bold;
				padding-top: 9px;
				margin: 0;
				}
			.content p {
				color: #FFF;
				font-size: 13px;
				}
			
			/* -- last works -- */
			.last-works-design,
			.last-works-art,
			.last-works-me {
				overflow: hidden;
				margin-left: -50px;
				width: 600px;
				}
				.last-works-design li,
				.last-works-art li,
				.last-works-me li {
					float: left;
					margin-left: 50px;
					list-style: none;
					}
					.last-works-design li a,
					.last-works-art li a,
					.last-works-me li a {
						display: block;
						height: 100px;
						overflow: hidden;
						position: relative;
						width: 100px;
						}
						.last-works-design li a span,
						.last-works-art li a span,
						.last-works-me li a span {
							background: url(../img/corners.png) no-repeat;
							display: block;
							height: 100px;
							width: 100px;								
							position: absolute;
							top:0; left:0;
							}
			
			.last-works-design {
				padding-top: 13px;
				}						
			.last-works-art {
				margin-top: 108px;
				}
			.last-works-me {
				margin-top: 88px;
				}
				
			/* -- works list, other works -- */
			.works-list,
			.other-works {
				overflow: hidden;
				margin-left: -50px;
				width: 600px;
				}
				.works-list dl,
				.other-works dl {
					float: left;
					margin-left: 50px;
					}
					.works-list dt a,
					.other-works dt a {
						display: block;
						height: 100px;
						overflow: hidden;
						position: relative;
						width: 100px;								
						}
						.works-list dt a span,
						.other-works dt a span {
							background: url(../img/corners.png) no-repeat;
							display: block;
							height: 100px;
							width: 100px;							
							position: absolute;
							top:0; left:0;
							}																	
					.works-list dd,
					.other-works dd  {
						height: 47px;
						line-height: 15px;
						margin: 8px 0 13px;
						overflow: hidden;
						width: 100px;
						}						
						.works-list dd a,
						.other-works dd a {
							color: #EFB13A;
							font-size: 13px;
							}
							
			.works-list {
				margin-top: 51px;
				}
			.other-works {
				margin-top: 12px;
				}

			/* -- work -- */
			.work {
				overflow: hidden;
				margin-top: 23px;
				}
				.work .img {
					float: left;
					overflow: hidden;
					max-width: 450px;
					position: relative;
					}
					.work .img span {
						font-size: 13px;
						position: absolute;
						bottom: 10px; right: 10px;
						}		
				
				.work .info {
					float: left;
					margin:0 17px 0 14px;
					width: 143px;
					}
					.work .info h2 {
						margin: -4px 0 1px 0;
						padding-top: 0;
						}
					.work .info .category,
					.work .info .year {
						margin-top: 5px;
						}
					.work .info .desc {
						margin-top: 59px;
						}
						
			/* -- controls -- */
			.controls {
				margin: 30px 0 64px 0;
				text-align: center;
				width: 425px;
				}	
				.controls span {
					color: #EFB13A;
					font-size: 13px;
					font-weight: bold;
					}				
					.controls .larr a {
						font-weight: normal;
						padding: 0 36px 0 3px;
						}
					.controls .rarr a {
						font-weight: normal;
						padding: 0 3px 0 0;
						}



	/* 	4.2	Navbar
		------------------------------------------------ */
		
		.navbar {
			float: left;
			width: 345px;			
			}		

			.navbar ul li {
				display: block;
				list-style: none;
				}
				.navbar ul li a {				
					display: block;
					min-height: 185px;
					}
				
				.navbar ul li.design a {
					background: url(../img/design-p.png) no-repeat 42px 2px;
					text-indent: -9999px;
					width: 255px;
					}
					.navbar ul li.design a:hover,
					.navbar ul li.design a.active {
						background: url(../img/design-a.png) no-repeat 0 2px;
						}
				.navbar ul li.art a {
					background: url(../img/art-p.png) no-repeat 40px -2px;
					margin-top: 27px;
					text-indent: -9999px;
					width: 225px;
					}
					.navbar ul li.art a:hover,
					.navbar ul li.art a.active {
						background: url(../img/art-a.png) no-repeat 0 -2px;
						}
				.navbar ul li.me a {
					background: url(../img/me-p.png) no-repeat 35px 8px;
					margin-top: 13px;
					text-indent: -9999px;
					width: 225px;
					}
					.navbar ul li.me a:hover,
					.navbar ul li.me a.active {
						background: url(../img/me-a.png) no-repeat 0 8px;
						}
						
				/* --- if flash embed --- */					
				.navbar ul li.design object  {
					display: block;
					width: 255px;
					}
				.navbar ul li.art object  {
					display: block;
					margin-top: 27px;
					width: 225px;
					}
				.navbar ul li.me object  {
					display: block;
					margin-top: 13px;
					width: 225px;
					}
						
					.navbar ul li ul {
						margin-left: 184px;
						font-size: 13px;
						overflow: auto;
						}	
												
						.navbar ul li.design ul {
							margin-top: -99px;
							min-height: 99px;
							}
						.navbar ul li.art ul {
							margin-top: -100px;	
							min-height: 100px;
							}
						.navbar ul li.me ul {
							margin-top: -110px;
							min-height: 110px;
							}																		
						.navbar ul li ul li {
							color: #EFB13A;
							display: block;
							font-weight: bold;
							padding-top: 11px;			
							}	
													
							.navbar ul li ul li a {
								background: url(../img/menu-bullet-l2-p.png) no-repeat 1px 6px !important;
								margin-top: 0 !important;
								min-height: 0 !important;
								padding-left: 14px;
								text-indent: 0 !important;
								width: 109px !important;
								}
								.navbar ul li ul li a.active	{
									color: #FFF !important;
									}
								.navbar ul li ul li a.active {
									background: url(../img/menu-bullet-l2-a.png) no-repeat 1px 6px !important;
									}
								
							.navbar ul li ul li ul {
								margin: 4px 0 0 0 !important;
								min-height: 0 !important;
								}
								.navbar ul li ul li ul li {
									font-weight: normal;
									padding: 1px 0 0 14px;
									}
									.navbar ul li ul li ul li a {
										background: url(../img/menu-bullet-l3-p.png) no-repeat 1px 6px !important;
										}	
									.navbar ul li ul li ul li a.active {
										background: url(../img/menu-bullet-l3-a.png) no-repeat 1px 6px !important;
										}	
										
									.navbar ul li ul li ul li ul {
										margin-bottom: 4px !important;
										}
										.navbar ul li ul li ul li ul li a {
											background: url(../img/menu-bullet-l4-p.png) no-repeat 1px 8px !important;
											}											
										.navbar ul li ul li ul li ul li a.active {
											background: url(../img/menu-bullet-l4-a.png) no-repeat 1px 8px !important;
											}

			
	/* 	4.3	Copyright
		------------------------------------------------ */
		
		.copyright {
			color: #FFB572;
			clear: both;
			font-size: 13px;
			padding: 81px 0 0 660px;
			}
			
			
			
/* 	5.	Misc
	------------------------------------------------ */
			
	.mtop {
		margin-top: 10px;
		}
		
	#pagetop{
		font-size: 13px;
		font-weight: bold;
		margin-top: 20px;
		}

	/* --- email form --- */
	#email-form{
		color: #FFF;
		font-size: 13px;
		margin-top: 20px;
		width: 70%;
		}
		#email-form div{
			margin-bottom: 5px;
			}
		#email-form #button{
			margin-top: 10px;
			padding: 0 10px;
			}

	/* --- email form --- */
	#sitemap{
		color: #EFB13A;
		font-size: 14px;
		margin: 25px 0 40px 0;
		}
		#sitemap li{
			font-weight: bold;
			}
		#sitemap ul{
			margin: 0 0 5px 25px;
			}
		#sitemap ul li{
			font-weight: normal;
			}