/*	CSS-Framework

	Version		: 0.3.1
	Author		: Aleksej Romanovskij (http://css-framework.ru)
	License		: Creative Commons Attribution 3.0 Unported License (http://creativecommons.org/licenses/by/3.0/)

------------------------------ */

/* Utilites
------------------------------ */

* { margin: 0; padding: 0; }

*:focus { outline: none; }
.hidden { display: none; }
.show { display: block!important; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.no-bg { background: none!important; }
.no-border, a img { border: none!important; }
.container:after, .columns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.img-repl { text-indent: -9999px; overflow: hidden; display: block; }
.cc { clear: both; }

/* Main styles
------------------------------ */

html { height: 100%; color: #000; background: #fff; font: 0.75em/1.5 Georgia,"Times New Roman",Arial, Helvetica, sans-serif; }
body { height: auto !important; height: 100%; min-height: 100%; font-size:14px; color:#707070 } /* body height 100% */

a { color: #0066сс; }
a:visited {  }
a:hover {  }
a:active {  }

#page{
    width:900px;
    margin:0 auto;
    padding:30px 0 0 0;
	overflow:hidden;
}

#slideshow{float:left}
#slideshow, .slide{width:570px;}
#slideshow, #slidesContainer, .slide{height:586px; overflow:hidden}

#arrow-left{float:left}
#arrow-right{float:right}

.nav-box{
	width:165px;
	float:left;
	overflow:hidden;
	height:586px;
}
#arrow-left, #arrow-right{position:relative; top:236px; cursor:pointer}

h1, h2{color:#177645; font-family: Georgia,"Times New Roman", sans-serif; margin:30px 0; font-size:24px; font-weight:normal}
label{display:block; width:70px; float:left; color:#707070; font-size:14px}
from {
	display:block;
	width:400px;
}
form p{display:block; }
form input, form textarea{
    font-size:14px;
    border:#d8d8d8 solid 1px;
    width:300px;
    margin-bottom:10px;
	padding:3px 2px;
	font-family: Georgia,"Times New Roman", sans-serif
}
textarea{height:95px;}

label small{position:relative; top:-10px; left:-25px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999}
#submit{padding:0; margin:10px 0 0 -28px; border:none; width:207px; height:45px;}

#brief{margin:0 auto 37px auto; width:570px; clear:both; font-size:24px; color:#000; line-height:normal}
#counter{
	width:150px;
	position: relative;
	top:-250px;
	left:425px;
	text-align:center;
	font-size:24px;
	color:#000;
	line-height:30px;
	margin-bottom:-90px;
}

#counter a, #counter span{
    font-size:48px; color:#177645; text-decoration:none;
}
#counter a{background:url(./../i/dott.gif) repeat-x 0 47px;}

ul{display:block; overflow:hidden}
td{	vertical-align:top;
	width:250px;
	padding-bottom:30px;
	padding-right:35px;
}
td.odd{padding-left:35px; padding-right:0;}
td h3{color:#000; font-size:18px; font-weight:normal}
#under{
	width:570px; margin:0 auto;
	background: no-repeat scroll 300px 325px;
}

.errors{display:block; background:#FFDFDF; border:red dashed 1px; padding:10px; color:red; margin-bottom:15px; width:570px; margin:10px auto;}
.errors li{list-style:none}

#letter{
	background:url(./../i/letter-bg-left.gif) top left repeat-y;
	width:645px;
	margin:0 auto;
}
	#letter div{background:url(./../i/letter-bg-right.gif) top right repeat-y;}
		#letter div div{background:url(./../i/letter-bg-top.gif) top left no-repeat;}
			#letter div div div{
				background:url(./../i/letter-bg-bottom.gif) bottom left no-repeat;
				padding:40px;
			}

#letter p{
	color:#333;
	margin:0 0 20px 0
}

#after-words {padding:20px 0 0 0}
#after-words p{font-size:12px; width:400px; margin:0 0 10px 0}
#download{
	width:155px;
	padding:0 0 0 40px;
	background:url(./../i/pdf.jpg) left top no-repeat;
	position: relative;
	left:410px;
	height:40px;
	margin:0 0 -40px 0;
	color:#000;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:normal

}
#download a{color:#0066cc}