@charset "utf-8";

* {margin:0; padding:0;}
body {
	font:62.5% Tahoma, Geneva, sans-serif;
	color:#000;
	}
img {border:none; padding:0; margin:0;}
:focus {outline:none;}

#wrap {
	position:relative;
	width:950px;
	padding-top:140px;
	margin:0 auto;
	}

#logo {
	display:block;
	position:absolute;
	top:40px;
	left:40px;
	width:130px;
	height:12px;
	padding-top:30px;
	background:url(../img/logo.jpg) no-repeat;
	font: normal 1em Verdana, Geneva, sans-serif;
	color:#7fc6eb;
	text-decoration:none;
	}
#contacts {
	position:absolute;
	top:10px;
	right:0px;
	width:174px;
	height:73px;
	padding:50px 0 0 100px;
	background:url(../img/contacts-bg.jpg) no-repeat;
	font: normal 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#999;
	}
	#contacts span {color:#000;}
	.name {
		position:absolute;
		display:block;
		top:18px;
		left:28px;
		width:250px;
		font-family: Monotype Corsiva;
		font-style:  normal;
		font-weight: normal;
		src: url(MONOTYP0.eot);
		font-size:1.85em;
		color:#999 !important;
		}
/* menu */
#menu {
	float:left;
	width:220px;
	background:url(../img/menu-bg.jpg) 100% 30px no-repeat;
	}
	#menu ul {
		display:block;
		padding: 60px 0 30px 0;
		}
		#menu ul li {
			display:block;
			list-style:none;
			padding:2px 0;
			}
			#menu ul li a {
				padding: 2px 5px;
				font: bold 1.4em/2em "Trebuchet MS", Arial, Helvetica, sans-serif;
				color:#2d9cd3;
				text-decoration:none;
				}
			#menu ul li a:hover, #menu ul li a:hover span, #menu .active, #menu .active span { background:#2d9cd3; color:#fff;}
				#menu ul li a span {color:#999;}
/* content */
#content {
	position:relative;
	overflow:hidden;
	float:left;
	width:700px;
	height:365px;
	padding-left:30px;
	font: normal 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#656667;
	}
	.title-1 { color:#030303;}
	#box-html,	#box-art, #box-design, #box-contact {
		display:none;
		position:absolute;
		top:0px;
		left:30px;
		width:700px;
		height:365px;
		background:#fff;
		}
	#content .active {display:block;}
	
	/* html */
	#box-html {
		float:left;
		background:url(../img/html-fruit.jpg) 100% 100% no-repeat;
		}
		.html-col1 {
			float:left;
			width:165px;
			}
		.html-col2 {
			float:left;
			width:230px;
			}
			.html-col2 .title-1 { padding-bottom:10px;}
		#box-html h2 {
			padding-top:10px;
			font-size:1.21em;
			font-weight:normal;
			color:#7fc6eb;
			}
	/* art */
	#box-art {
		}
		.art-block {
			}
			.art-block a {
				display:block;
				float:left;
				text-align:center;
				text-decoration:none;
				margin: 0 10px 9px 0;
				font-size:0.79em;
				color:#66ccff;
				}
				.art-block img { display:block;}
			.art-block a:hover { background:#ebf8ff;}
	
	/* contact */
	#box-contact {
		background: url(../img/contacts-grusha.jpg) 100% 20px no-repeat;
		}
	#box-contact form {
		border: 0;
		}
		#box-contact p {
			position:relative;
			width:130px;
			height:20px;
			line-height:20px;
			padding-bottom:18px;
			text-align:right;
			color:#656667;
			}
			#box-contact p input {
				position:absolute;
				top:0px;
				left:140px;
				width:150px;
				padding:2px;
				border:solid 1px #7fc6eb;
				}
				#fm_subject {width: 300px !important;}	
			#box-contact p textarea {
				position:absolute;
				overflow:hidden;
				top:0px;
				left:140px;
				width:300px;
				padding:2px;
				border:solid 1px #7fc6eb;
				}
			#form_submit {
				position:relative;
				display:block;
				top:140px;
				left:140px;
				padding:2px 5px;
				background:#2d9cd3;
				border: 0;
				font-weight:bold;
				color:#fff;
				cursor:pointer;
				}
	/* design */
	.design-title {	margin: 10px 0 20px 0;}
/* footer */
#footer {
	clear:both;
	height:20px;
	padding:20px 0 20px 0;
	font-size:1.2em;
	color:#666;
	text-align:center;
	}

/* */
.clear {clear:both;}