html{
	background:#D1D1D1 url(../images/background_gradient.png) repeat-x;	
	margin:0;padding:0;	
}
body{
	background: url(../images/background_visual.jpg) center top no-repeat;
	text-align:center;
	color:#454545;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;	
	margin:0;padding:0;
}
#main{
	width:890px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;	
}
#header{
	height:1%;
	overflow:hidden;
	height:175px;
}
#header a.logo{
	width:218px;
	height:49px;
	display:block;
	background: url(../images/logo.png) no-repeat;
	margin-left: 0px;
	margin-top:42px;
	cursor:pointer;
}
#header .phones{
	width:161px;
	height:42px;
	margin-left:22px;
	margin-top:42px;
}


#content {
	text-align:left;
	height:1%;	
	overflow:hidden;
	padding-top:58px;
}
#content .leftcolumn{
	width:220px;
	float:left;
	padding-top:45px;
}
#content ul.leftmenu{
	margin:0px;
	padding:0px;
	background: url(../images/suko.gif) top repeat-x;
}
#content ul.leftmenu li{
	padding-top:8px;
	padding-bottom:10px;
	background: url(../images/suko.gif) bottom repeat-x;
}
#content ul.leftmenu li a{
	display:block;
	background: url(../images/arrow.png) left center no-repeat;
	padding-left:20px;
	font-size:14px;
	font-weight:bold;
}
#content ul.leftmenu li .current {
	color: #ED182C;
}
#content ul.leftbottommenu{
	margin:50px 0px 0px 0px;
	padding:0px;
	background: url(../images/suko.gif) top repeat-x;	
}
#content ul.leftbottommenu li{
	padding-top:8px;
	padding-bottom:10px;
	background: url(../images/suko.gif) bottom repeat-x;	
}
#content ul.leftbottommenu li a{
	display:block;
	background: url(../images/undercover.png) left center no-repeat;
	height: 90px;
	color: #ED182C;
	padding-left:80px;
	font-size:11px;
	line-height: 1.7em;
}

#content ul.leftbottommenu li div.date{
	position: absolute;
	width: 63px;
	color: #28628D;
	margin-top: 24px;
	text-align:center;
}

#content ul.leftbottommenu li div.date .numeric{
	font-weight:bold;
	font-size:18px;
}

#content ul.submenu{
	margin:0px;
	padding:0 0 0 20px;
	list-style: none;
	background: none;		
}
#content ul.submenu li{
	padding-top:6px;
	padding-bottom:6px;
	background: none;	
}
#content ul.submenu li a{
	display:block;
	font-size:12px;
	font-weight:normal;
	background: none;
}
#content ul.submenu li .current {
	color: #ED182C;
}
#content a.map{
	width:212px;
	height:46px;
	background: url(../images/map.png) no-repeat;
	display:block;
	margin-top:40px;	
}


#content .maincolumn{
	width:640px;
	float:right;
}
#content .readtext{
	font-size:14px;
	line-height:165%;
	text-align:justify;
}
#content .maincolumn .path{
	margin-bottom: 20px;
}

#content .products{
	height:1%;
	overflow:hidden;
	text-align:center;
}
#content .products a{
	text-decoration: none;
	text-align:left;
	font-size:10px;
	font-family: Arial, Regular, sans-serif;
}
#content .products span{
	display:block;
}
#content .products img{
	margin-bottom:5px;
}
#content .product{
	background:#28628D;
	padding:10px;
	margin-right:25px;
	float:left;
}
#content .productlast{
	background:#28628D;
	padding:10px;
	float:left;
}

#content .gallery{
	width: 640px;
	height: 1%;
	overflow:hidden;
}

#content .galleryitem{
	float: left;
	margin-right: 30px;
}

#content .galleryitemlast{
	float: left;
}

#content .gallerylink{
	margin-top: 10px;
	font-size: 11px;
	text-align:right;
}

#footer{
	background: url(../images/suko1.gif) top repeat-x;
	overflow:hidden;
	text-align:left;
	font-size:11px;
	line-height:160%;
	color:#898C8F;
	padding-top:10px;
	margin-top:20px;
}
#footer a{
	color:#898C8F;
}
#footer .contacts{
	width:400px;
	float:left;
}
#footer .copyrights{
	width:150px;
	float:right;
	background: url(../images/webzabota_logo.png) left center no-repeat;
	padding:10px 0 10px 50px;
}
h1,h2{
	margin:20px 0;
	padding:0 0 10px 0;
	background: url(../images/suko.gif) bottom repeat-x;
	font-size:14px;
	font-weight: bold;
	text-transform: uppercase;
	text-align:left;
	color: #989A9D;
}
.clear{
	clear:both;
	height:1px;
}
a img, :link img, :visited img {
	border: 0;
}
a{
	color:#898C8F;
}
a:hover{
	color:#ED182C;
}





/* WYSIWYG EDITOR ALIGNMENT CLASSES */
.readtext .left {
	text-align:left;
}
.readtext .center {
	text-align:center;
}
.readtext .right {
	text-align:right;
}
.readtext img.right {
	float:right;
}
.readtext img.left {
	float:left;
}

.readtext p.MsoNormal, .readtext p.MsoBodyText {
	margin: 0;
}










/* GENERIC FORM STYLING */
.readtext form {
	background: #C7C7C7;
	padding:15px ;
}
.readtext form fieldset {
		border:0;
		padding:0px;
}
.readtext .message {
		color:#ffffff;
		background:#FFA200;
		padding:5px;
		margin-top:5px;
		width:95%;
}

.readtext span.middleColumn {
		float:right;
		width:330px;
}
.readtext form .field {
		padding:5px;
		overflow:hidden;
		_height:1%;				
}			
				
.readtext form div {
		margin-top:10px;
}
.readtext form label {
		font-size:1.1em;
		color:#fff;
}
.readtext form label.left {
		float:left;
		width:250px;
}
.readtext form label.right {
		float:right;
		width:330px;		
}			
.readtext form p input {
		float:left;			
}
.readtext form label.FormHeading {
		font-size:1.3em;
		color:#ff7200;
		font-weight:bold;
}
.readtext form input.text,
.readtext form textarea,
.readtext form select {
		width:95%;
		color:#000;
		background:#ffffff;
		border:1px solid #A7A9AC;
		padding:5px;
}
		
.readtext form input.numeric {
		width:20px;
		background:#f0f0f0;
		border:1px solid #aaa;
		padding:3px;
		color:#000;
		margin-right:4px;
}
.readtext form input.year {
		width:35px;
}
.readtext form p.Actions {
		text-align:right;
		padding:0 22px 15px 0;
}
.readtext form p.Actions input {
		padding:2px;
}
