/* www.verstkahtml.ru | 2009 */

/* --- HTML --- */

body{font-family: Georgia,"Times New Roman",Times,serif; color: #fff; min-width:997px; font-size:100.01%; background:#060606;margin:0;
padding:0;}
html, body{height: 100%;}
table, th, td {font-size:100%; border-collapse: collapse;}
table,img {border:0;}
a{color: #fff; text-decoration: none;}
a:hover{text-decoration: none;}
h1{font-size: 24px; margin-bottom:10px; color:#00a3e6;}
h2{color:#d8f1fe;font-style:italic;font-size:1.6em;font-weight:400;line-height:1.5em;margin-left:30px;padding:1px 0 2px 10px;}
h2.nobg{background:none !important;}
h2 b{color:#89d6ff;}
h3{font-style:italic;font-size:1.5em;font-weight:400;margin-bottom:0;}
h4{font-size: 14px; margin-bottom:12px; color:#fff; font-style:italic;}


.clear{ clear: both; height: 1px; font-size: 1px;}

.green{color: #35a845;}
.red{color: #ff0000;}
.grey{color: #bfc2c6;}
.pink{color: #c79cb7;}

ul{ list-style:none;}
ul li{}

small{font-size:0.9em;}

#main{position:relative; min-height:100%; margin: 0; min-width:997px;font-size:1em; background:#010e14 url(../images/background.jpg) top center repeat-y;}
/*For IE*/* html #main{width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?'997px':'100%'); height:100%;}


div#menu{background: url(../images/dark_bg.jpg) no-repeat 50% 25px;font-size:1.8em;line-height:1.2em;margin:0 32px 0px 40px;font-style:italic;font-weight:400;line-height:1.5em;padding:25px 0 2px 10px;}
div#menu a{color:#fff;;margin-right:47px;}
div#menu a.end{margin-right:0; margin-left:1px}
div#menu a:hover, div#menu a#hover_menu{color:#89d6ff;}

#header h1 {margin:0;padding:0;line-height:8em;height:239px;width:960px;position: relative;}

#header h1 span {background:url(../images/brian_murchison.jpg) center top no-repeat;position:absolute;width:100%;height:100%;}

#container {text-align:left;width:960px;margin:0 auto;}
#container_in{ padding-top:14px}

.portfolio {background:#00263c url(../images/dark_bg.jpg);color:#FFF;font-size:1.8em;line-height:1.2em;margin:50px 32px 20px 40px;}

#mainContent {padding-right:33px;}
#mainContent p {font:.825em Tahoma,Arial,Helvetica,sans-serif;line-height:1.4em;}
#mainContent p a {background:#195f83;border-bottom:1px dashed #999;padding:0 2px;}
#mainContent p a:hover{background:none; border-bottom:none;}
#mainContent h2 {background:url(../images/dark_bg.jpg);color:#FFF;font-size:1.9em;line-height:1.2em;margin:0;}
#mainContent ul,#mainContent td {font:.825em Tahoma,Arial,Helvetica,sans-serif;line-height:1.4em;margin-top:0;}

.left {float:left;position:relative;height:360px;width:428px;padding:0 0 0 40px;}

.right {float:right;position:relative;height:360px;width:428px;}

.button {background:#001f31 url(../images/arrow.gif) 95% 55% no-repeat;border:1px dashed #43525b;font-size:11px;bottom:50px;right:0;padding:2px 13px 2px 4px;}
.button:hover {border:1px dashed #7791a1;}

#mainContent .buttons img {background:none;border:none;}

ul.tick{padding:0; margin:0;}
ul.tick li{background:url(../images/tick.gif) 0 3px no-repeat;padding-left:16px;margin-left:24px; margin-bottom:2px;}
* html ul.tick{padding:3px 0 0 0; margin:0;}
* html ul.tick li{ background:none; display:inline; padding:0; margin:0;}
* html ul.tick li b{display:block;padding-left:14px; margin-right:0; background:url(../images/tick.gif) no-repeat 0 3px; margin-left:24px;}

.site {background:#00263c url(../images/dark_bg.jpg);border:1px solid #023957;display:block;height:193px;width:417px;margin:10px 0;padding:5px;}

.site img {border:1px solid #38444d;}

.site:hover {border:1px solid #0c6899;}

.featured td {padding:10px;}

#contact-area input,#contact-area textarea {background:#024466 url(../images/dark_bg.jpg) top right;border:none;border-bottom:1px dashed #999;color:#FFF;width:416px;margin:0 0 5px;padding:5px;}
#contact-area textarea {height:140px;}
#contact-area textarea:focus,#contact-area input:focus {background:#003350;border-bottom:1px dashed #CCC;}
#contact-area input.submit {background:#00263c;border:1px dashed #858585;cursor:pointer;margin-top:5px;width:90px;}
#contact-area input.submit:hover {background:#003350;border:1px dashed #CCC;}

label {float:left;font-family: Tahoma,Arial,Helvetica,sans-serif;margin-right:15px;width:300px;padding:0;}

textarea {overflow:auto;}


/*--- CONTENT ---*/
strong.laquo{position: absolute; font-size:3em; font-weight:normal; margin-top:-10px}
strong.raquo{position: absolute; font-size:3em; font-weight:normal; margin-top:-40px; right:20px;}
	p.otziv{padding:0 40px; margin-bottom:0;}
	p#otziv_about{padding:0 50px 0 40px !important;}
	p.author{text-align:right; font-size:0.8em; padding-right:45px; font-style:italic !important; padding-top:10px}
	p.author_in{text-align:right; font-size:0.8em; padding-right:40px; padding-bottom:0px; margin-bottom:0;}
	p.author_in big{font-size:1.3em; display:block; font-weight:normal; margin-bottom:6px}
	div.otziv_block{padding-bottom:16px;}
		div#otziv_block_in{padding:20px 0 0 0;}
		div.ostzvit_otziv{padding:35px 0 0 0;}
		
			p.data{font-size:0.8em; font-style:italic !important; padding-right:70px; text-align:right; margin-top:0px;  padding-top:4px}

div#portfolio_block{padding:25px 10px 0 36px;}
div#sort{padding:1px 0 20px 2px; text-align:right; font-size:0.8em; font-family:Tahoma, Geneva, sans-serif;}
div#sort a{margin:0 16px 0 0px;}
	a.date{background:url(../images/icon_date.gif) no-repeat 0 0; padding-left:25px; padding-bottom:3px; padding-top:2px}
	a.date:hover{background-position: 0 -40px; color: #89d6ff;}
	a.date#hover_port{background-position: 0 -40px; color:#006aa5;}
	div#sort strong{font-weight:normal;background:url(../images/up_down.gif) no-repeat 100% -47px; padding-right:16px;}
	div#sort strong.up{background-position:100% 3px;}
	a.yroven{background:url(../images/icon_rate.gif) no-repeat 0 0; padding-left:27px; padding-bottom:3px; padding-top:2px}
	a.yroven:hover{background-position: 0 -41px;color:#89d6ff;}
	a.yroven#hover_port{background-position: 0 -41px; color:#006aa5;}
	a.name{background:url(../images/icon_name.gif) no-repeat 0 1px; padding-left:20px; padding-bottom:3px; padding-top:2px}
	a.name:hover{background-position: 0 -39px;color:#89d6ff;}
	a.name#hover_port{background-position: 0 -39px; color:#006aa5;}
	/*a.name.hover{background-image:url(../images/icon_name_h.gif);}
	a.name.hover:hover{background-image:url(../images/icon_name_h_hov.gif);color:#89d6ff;}*/
	
	div.portfolio_in{margin-bottom:25px;}
		div.port_image{float:left; width:460px;}
		div.port_text{float:left; width:421px; padding-top:6px;}
		div.port_text h3{ margin-top:0; padding-top:0; padding-right:16px;}
			img.rating{float:right; padding-top:6px;}
			
			a.html{background:#001f31 url(../images/arrow.gif) 97% 54% no-repeat;border:1px dashed #43525b;font-size:11px;padding:2px 13px 2px 4px; float:right; margin-right:13px;}
			a.html:hover {border:1px dashed #7791a1;}


	div#partners{height:200px; position:relative;}
		a#yandex{width:118px; height:104px; background:url(../images/part_ya.gif) no-repeat 0 0; position:absolute; display:block; cursor:hand; cursor:pointer; margin:16px 0 0 40px;}
		a#yandex:hover{background-position:0 -104px;}
		
		a#agava{width:155px; height:36px; background:url(../images/part_agava.gif) no-repeat 0 -36px; position:absolute; display:block; cursor:hand; cursor:pointer; margin:24px 0 0 210px;}
		a#agava:hover{background-position:0 0;}
		
		a#sbuilder{width:213px; height:36px; background:url(../images/part_sb.gif) no-repeat 0 0; position:absolute; display:block; cursor:hand; cursor:pointer; margin:76px 0 0 180px;}
		a#sbuilder:hover{background-position:0 -36px;}
		
		
	div.browsers{padding:3px 0; line-height:2.1em;}	
		a.brow_ie{background:url(../images/brow_ie.gif) no-repeat 0 2px; padding:6px 0 5px 30px; border:0;}
		a.brow_ie:hover{background-position:0 -36px;}
		a.brow_ff{background:url(../images/brow_ff.gif) no-repeat 0 2px; padding:6px 0 5px 30px; border:0;}
		a.brow_ff:hover{background-position:0 -36px;}
		a.brow_opera{background:url(../images/brow_opera.gif) no-repeat 0 2px; padding:6px 0 5px 30px; border:0;}
		a.brow_opera:hover{background-position:0 -36px;}
		a.brow_safari{background:url(../images/brow_safari.gif) no-repeat 0 2px; padding:6px 0 5px 30px; border:0;}
		a.brow_safari:hover{background-position:0 -36px;}
		a.brow_chrome{background:url(../images/brow_chrome.gif) no-repeat 0 2px; padding:6px 0 5px 30px; border:0;}
		a.brow_chrome:hover{background-position:0 -36px;}
		
	
	div#price p{padding-left:12px;}
	div#price div{clear:both; margin-bottom:6px; font-size:0.9em; padding-left:42px; padding-top:6px}
	div#price div img{float:left; margin-right:4px}
	
	
	div#num{font-size:0.8em; font-family:Tahoma, Geneva, sans-serif; text-align:center; padding:2px 0;}
		div#num span{margin:0 16px 0 12px; font-size:2em;color:#00263b; position:relative; top:3px}
		div#num span a{color: #fff;}
		div#num span#predv{margin-right:18px;}
		div#num span#sled{margin-left:12px;}
		div#num strong{background:#00263b;border:1px solid #999; padding:1px 4px;}
		div#num a{ border:none; padding:2px 5px;}
		div#num a:hover{padding:1px 4px; border:1px solid #999;}
		div#num span a{background:none; border:0; padding:0;}
		div#num span a:hover{padding:0; border:0;}
	

#footer {background:url(../images/footer_bg.jpg) 50% 53px no-repeat;padding-top:50px; min-height:62px}
* html #footer{height:62px;}

#footer p{color:#999;font-size:.75em;text-align:left;width:900px;margin:0 auto;padding:28px 0 0 40px;}

#footer a{color:#999}

#footer span{margin-left:20px;}

.clearfloat{clear:both;height:0;font-size:1px;line-height:0;}
.clearfloat2{clear:both;height:52px;font-size:1px;line-height:0;}

#mainContent .right h2,.right .site {background-position:right;}

	input#maket{width:426px; cursor:hand; cursor:pointer;}