@charset "utf-8";
/* CSS Document */
@import url("reset.css");
html, body { height:100%; }
body, input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
}
a:link {
	color: #5A7B17;
	text-decoration: underline;
}
a:visited { color: #8A6CD9; }
a:hover { color: #FF3636; }
a:active { color: #666666; }
.wrapper {
	min-height:100%;
	height:auto !important;
	height:100%;
}
/*header*/
#header {
	height:331px;
	background-image:url(../images/header/bg.gif);
	background-color: #1F68BA;
	background-position: left bottom;
	background-repeat:repeat-x;
	position:relative;
}
#header .logo {
	position:absolute;
	top:0px;
	left:0px;
	background:url(../images/logo.jpg) no-repeat;
	width:328px;
	height:137px;
}
#header .menu {
	height:130px;
	background:url(../images/header/bg_sky.jpg) repeat-x;
	padding:60px 0px 0px 350px;
}
#header .menu ul {
	list-style:none;
	width:600px;
}
#header .menu li { float:left; }
#header .menu li a, #header .menu li a.current {
	text-decoration:none;
	color:#fff;
	display:block;
	width:157px;
	height:103px;
	padding:6px 10px;
	margin-right:23px;
	font-size:12px;
}
#header .menu li a:hover, #header .menu li a.current { background:url(../images/header/fon.gif) no-repeat top left; }
#header .menu li span { display:block; }
#header #ico_home, #header #ico_contact, #header #ico_projects, #header #ico_tools, #header #ico_map {
	width:151px;
	height:133px;
	position:absolute;
	top:198px;
	left:10px;
}

#header #ico_home { background:url(../images/icons/home.jpg) no-repeat top left; }
#header #ico_contact { background:url(../images/icons/contact.jpg)  no-repeat top left; }
#header #ico_projects { background:url(../images/icons/projects.jpg)  no-repeat top left; }
#header #ico_tools { background:url(../images/icons/tools.jpg)  no-repeat top left; }
#header #ico_map { background:url(../images/icons/uzbekistan.jpg)  no-repeat top left; }

/*main*/
#main { margin:30px 0 60px 46px; }
#content { width:864px; }
#content h1 {
	font-size:28px;
	font-weight:300;
	margin-bottom:20px;
	color:#858585;
}
#content p {
	margin:20px 0;
	line-height:20px;
}
/*footer*/
#footer, .wrapper .push {
	height:80px;
	clear:both;
}
.wrapper { margin:0 auto -80px; }
#footer {
	background: #EBE9D8 url(../images/footer/bg_footer.gif) repeat-x top left;
	width:100%;
}
#footer p {
	color:#5B485B;
	font-size:12px;
	padding:50px 0 0 46px;
}
/*propertys*/
.clear { clear:both; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml25 { margin-left:25px; }
.lh20 { line-height:20px; }
.fl { float:left; }
.fr { float:right; }
.fs12 { font-size:12px;}
/* projects */
#projects_box div.fl, #projects_box div.fr { width:46%; }
#projects_box div.fl div, #projects_box div.fr div {
	height:160px;
	min-height:130px;
	padding:6px 0 0 160px;
	background-repeat:no-repeat;
	background-position:top left;
	position:relative;
}
#projects_box div div.myspace { background-image: url(../images/projects/myspace.jpg); }
#projects_box div div.teennights { background-image: url(../images/projects/teennights.jpg); }
#projects_box div div.promplans { background-image: url(../images/projects/promplans.jpg); }
#projects_box div div.com123 { background-image: url(../images/projects/1231com.jpg); }
#projects_box div div.afterprom { background-image: url(../images/projects/afterprom.jpg); }
#projects_box div div.nycbed { background-image: url(../images/projects/nycbed.jpg); }
#projects_box div div.nycmattress { background-image: url(../images/projects/nycmattress.jpg); }
#projects_box div div.nydwr { background-image: url(../images/projects/nydwr.jpg); }
#projects_box div div.loftbed { background-image: url(../images/projects/loftbed.jpg); }
#projects_box div div.bigapplefuton { background-image: url(../images/projects/bigapplefuton.jpg); }
#projects_box div div.bitoill { background-image: url(../images/projects/bitoill.jpg); }
/* tools */
#tools_box { width:725px; }
#tools_box div {
	background-position:left center;
	background-repeat:no-repeat;
	padding:0 0 0 70px;
}
#tools_box div.php { background-image:url(../images/icons/tools/php.gif); }
#tools_box div.frameworks { background-image:url(../images/icons/tools/frame.gif); }
#tools_box div.standarts { background-image:url(../images/icons/tools/aj.gif); }
#tools_box div.ides { background-image:url(../images/icons/tools/ides.gif); }
#tools_box div.skils { background-image:url(../images/icons/tools/frame.gif); }
#tools_box div.databases { background-image:url(../images/icons/tools/data_base.gif); }
#tools_box div.opensours { background-image:url(../images/icons/tools/frame.gif); }
/* erorr*/
.bad_request {
	font-size:150px;
	text-align:center;
}
.error { color:red; }
/* form */
input.your_name, input.e_mail, input.subject, input.captcha, textarea.message {
	width:300px;
	border-style:solid;
	border-width:1px;
	border-color:#339933;
	background-repeat:no-repeat;
	background-image: url(../images/input_fields.gif);
	padding-left:80px;
	height:18px;
	line-height:18px;
	margin-right:5px;
	
}
input.your_name { background-position:5px -1px; }
input.e_mail { background-position:5px -21px; }
input.subject { background-position:5px -40px; }
input.captcha {
	padding-left:160px;
	width:160px;
	height:28px;
	line-height:28px;
	font-size:24px;
}
textarea.message {
	background:none;
	height:300px;
	width:760px;
	padding:0;
}
input#submit {
	border:1px solid #339933;
	background-color:#FFFFFF;
}
/* Google Maps*/
div#map {
	width:100%;
	height:600px;
}
#map_lnk {
	/*background:url(../images/icons/maps_tashkent.jpg) no-repeat;
	padding-left:125px;
	height:110px;
	width:126px*/
}

#welcome {width:610px; }

/*Light box*/
span.ligth_box{
	position:absolute;
	top:0px;
	left:0px;
	width:155px;
	height:130px;
}
span.ligth_box a {
	display:block;
	width:155px;
	height:130px;
}