* {margin:0; padding:0;}

body {
	margin:0;
	padding:0;
	border: 0;
	font: 75% Arial, Helvetica, sans-serif;
	width: 100%;
	text-align: center;
	color: #323131;

}

h1{font: 1.8em/1.2em Arial, Helvetica, sans-serif;  margin-bottom:5px; }
h2, .h2{font: 1.4em/1.6em Arial, Helvetica, sans-serif;  margin-bottom:5px; }
h3{font: 1.2em/1.4em Arial, Helvetica, sans-serif;  text-align: center; }
h4{font-size: 1em; }
form h3{
	text-align: left;
	margin: 0 0 5px 2px;
	clear: left;
}

img {border: none;}


#wrapper{
	text-align: left;
	margin: 0 auto;
	
	width:916px; 
	
}
#wrap{
	margin-top: 20px;
	padding: 10px 23px 0 23px;
	
	background: url(../i/back1.png) top center repeat-y;	
	
}

#head{
	
	
	height: 300px;
}

#special-offers{
	background-color: #e6880c;
	border: 1px solid #e05714;
	padding: 10px;
	
}

#special-offers h2{
	color: #fff;
}

#special-offers p{
	margin-bottom: 10px;
	color: #fff;
}


#special-offers a{
	color: #fff;
}


#foot{
	/*background: url(../i/foot.jpg) top left repeat-x;*/
	background: url(../i/foot_bg.gif) top left repeat-x;
	width: 870px;
	
	/*margin: 5px 0;
	*/
	padding: 5px 0;
}

#foot div.network{
	width: 100%;	
	height: 50px;
	background: url(../i/foot_name_bg.gif) bottom left repeat-x;
	
}


#foot div{
	width: 290px;
	float: left;
	height: 75px;
	margin-bottom: 10px;
}

#foot div p{
	/*margin: 5px 10px;*/
	text-align: center;
	margin: 5px 0;
}	
	
#foot p, #foot li, #foot a{
	color: #fff;
		/*margin: 5px 0;*/
}	

#foot ul{
	margin: 5px 0 5px 25px;
	list-style: none;
}

#foot li{
	list-style: none;	
	margin: 2px;
	
}

#foot li a {
	display: block;	
	height: 24px;
	padding: 2px 0 2px 28px;
	vertical-align: middle;
}

.vkontakte{
	background: url(../i/vkontakte.png) left center no-repeat ;	
}
.twitter{
	background: url(../i/twitter.png) left center no-repeat ;	
}



#foot  p.copyright{
		margin: 10px 0 5px 50px;
}
#nav {
	height: 43px;	
	/*background:  url(i/menu1.jpg) center bottom  no-repeat;*/	
	margin: 5px 0;
}

#nav ul  li{
		display:inline;
		float:left;
}

#nav a {
		height:43px;
		display:block;
		text-indent:-5000px;
		outline:none;
		text-decoration:none;
}
.nav1{
	width: 129px;
	background: url(../i/nav.gif)  0 0;
}
.nav1:hover
{
	background-position:  0 -43px;
}

.nav2{
	width: 111px;
	background: url(../i/nav.gif)  -129px 0;
}

.nav2:hover
{
	background-position:  -129px  -43px;
}

.nav3{
	width: 71px;
	background: url(../i/nav.gif)  -240px 0;
}

.nav3:hover
{
	background-position:  -240px  -43px;
}


.nav4{
	width: 85px;
	background: url(../i/nav.gif)  -311px 0;
}

.nav4:hover
{
	background-position:  -311px  -43px;
}


.nav5{
	width: 85px;
	background: url(../i/nav.gif)  -396px 0;
}

.nav5:hover
{
	background-position:  -396px  -43px;
}


.nav6{
	width: 119px;
	background: url(../i/nav.gif)  -481px 0;
}

.nav6:hover
{
	background-position:  -481px  -43px;
}

.nav7{
	width: 103px;
	background: url(../i/nav.gif)  -600px 0;
}

.nav7:hover
{
	background-position:  -600px  -43px;
}


.nav8{
	width: 72px;
	background: url(../i/nav.gif)  -703px 0;
}

.nav8:hover
{
	background-position:  -703px  -43px;
}

.nav9{
	width: 95px;
	background: url(../i/nav.gif)  -775px 0;
}

.nav9:hover
{
	background-position:  -775px  -43px;
}

*/
/* clearfix



======================================= */







/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */



/* simply add the clearfix class to any containter that must enclose floated elements */



/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */



.clearfix:after {



    content: ".";              /* the period is placed on the page as the last thing before the div closes */



	display: block;          /* inline elements don't respond to the clear property */ 



    height: 0;                  /* ensure the period is not visible */



    clear: both;               /* make the container clear the period */



    visibility: hidden;	     /* further ensures the period is not visible */



}







.clearfix {display: inline-block;}   /* a fix for IE Mac */







/* next a fix for the dreaded Guillotine bug in IE6 */



/* Hides from IE-mac \*/



* html . clearfix {height: 1%;}



.clearfix{display: block;}



/* End hide from IE-mac */



/* end of "no-extra-markup" clearing method */


#content {
	padding: 10px 5px 0 5px;	
	/*height: 500px;*/
		
}

#content p{
	text-align: justify;
}

#content a{

	font-weight: bolder; 
	
}

#content .news a{
	color: #B83E01;
}


.news div{
	margin: 7px 0;
}

.date{
	color: #8F8F8F; 
	float: left;
	width: 70px;
}

.article{
	margin-left: 70px;
}
.article strong{
	color: #B83E01;
}




hr{
	width: 860px;
	visibility: hidden;
	clear: left;
	margin-bottom: 10px;
}

blockquote{
	font-style: italic;
}

.photo{
	width: 210px;	
	float: left;
}
.photo img{
	margin: 0 5px 5px 5px;
}
.note {
	margin: 0 10px 10px 220px;
}

.story {
	margin: 0 10px 10px 10px;
}

.bold {	font-weight: bold;}
.note p{
	text-align: justify;
	margin: 0 0 10px 0;	
}
.note ul, .note ol, .story ul, .story ol{
	margin: 0 0 5px 18px;
}
ol li{
	margin-left: 5px;
}



table{
	border-collapse: collapse;
	margin: 15px 0;
	font-size: 100%;
	width: 627px;
	border-top: 1px solid  #B83E01;/*#3873ad;*/
}

.story table {width: 837px;}
table.clean{
border: 0;
width:auto;
}


td, th{
	padding: 7px 5px;
	border-bottom: 1px solid #B83E01;/*#3873ad;*/
}

.clean td{padding: 2px; border:0; }

th{
	font-weight: bold;
	text-align: center;
	
}



table.tbl{
	border: 1px solid #B83E01;
}



.tbl td, .tbl th{
	border-bottom: 1px solid #B83E01;
	border-right: 1px solid #B83E01;
	
}

thead{
	background-color: #e6880c;
	border: 1px solid #e05714;
}

tbody.high {
	background-color: #f9ce95;

}



.more a{
	display: block;
	width: 134px;
	height: 25px;
	background: url(../i/more.jpg) bottom center  no-repeat;
}

.more a:hover{
	background: url(../i/more.jpg) top center  no-repeat;
}


.more span{
		display: none;	
}

.thumbnail {display: block; height: 135px; width: 170px;}
.thumbnail img{ padding: 5px 10px 2px 10px;	}
.thumbnail {float: left; margin: 0 40px 20px 0;}
.thumbnail p {text-align: center; margin: 0;	padding: 0;}


div.fmField{
	margin: 2px 0;
	clear: left;
}
.fmField label, .fmField p.lbl{
    clear: both;
    float:left;
    width: 200px;
    padding: 2px 0 2px 0;
    text-align: left;
}



.fmField input, .fmField select {
    float: left;
    width: 200px;
    margin: 0 2px 8px 0;
    padding-left: 6px;
	/*border: 2px solid #325615;*/
	/*padding: 2px;*/
	padding-bottom: 2px;
}

input.check{
	width: 15px;
}

.fmField option{margin: 2px;}
#fmButton{
	width: auto;
	padding: 2px;
	
}

.intro h1{
	margin: 7px 2px;
}
.intro h3{
	text-align: left;
	margin: 5px 2px;
}