html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0;	border: 0; outline: 0; font-size: 100%;	vertical-align: baseline;background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none;}
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; font-size: 0px; line-height: 0px; visibility: hidden; }
.clearfix {display: inline-block;}  /* for IE/Mac */


body,html { text-align: center;  font-family: Tahoma, Arial; font-size: 12px; color: #383838 }
.clear  { clear: both; font-size: 0px; height: 0px }
a { text-decoration: none}

#main    { width: 924px; margin: auto }
#top     { height: 234px; overflow: hidden }
#panel 	 { height: 30px; background: url(../images/blue_line.png) no-repeat; }

#panel label { float: left; margin: 8px 0 0 0; text-transform:uppercase; color: #ffffff  }
#panel ul { float: right; position: relative; }
#panel li { display: inline; float: left; position: relative; padding: 0 7px 0 62px; cursor:pointer }
#panel li label { float: left; cursor: pointer }
#panel li img { position: absolute; top: -8px; left: 0px }
#panel .png { position: absolute; top: -8px; left: 0px; cursor: pointer }
#panel .inp { float: left; margin: 6px 10px 0 15px; font-size: 10px; padding: 0px 3px 0 3px;  height: 15px}
#panel .sub { float: left; margin: 6px 0 0 0; cursor: pointer; background: transparent; border:0px; text-transform:uppercase; color: #ffffff  }

#tiny    { width: 172px; float: left  }
	#menu ul {width: 172px;  padding: 20px 0 50px 0; background: url(../images/menu_bottom.jpg) no-repeat bottom }
	#menu ul li ul { display: none; background: transparent; padding: 0; clear:both; line-height: 12px; padding: 5px 0 0 0 }
	#menu {  background: url(../images/menu_bg.jpg) repeat-y; line-height: 19px}
	#menu li { clear: both }	
	#menu a { color: #ffffff; border-bottom: 1px solid #637fa1; padding-bottom: 4px; width: 130px; float: left; text-align: left; margin-left: 18px; padding-left: 3px}
	#menu a.selected, #menu a:hover { color: #f2c83b  }	
	#menu ul li ul a { color: #90afd4; border: 0; font-size: 10px }
	
	.email { background: url(../images/mail_bg.jpg) no-repeat -1px 0; color: #0c3d77; text-align: left; margin: 20px 0 20px 0; width: 125px; padding: 4px 0 0 47px; height: 41px  }
	.email p { font-size: 16px; font-family: "Myriad Pro"; text-transform: uppercase;  }
	.email span { font-size: 11px; font-family: Arial }
	
#big   { width: 525px; padding: 30px 22px 40px 22px; float: left; text-align: left; line-height: 16px  }
#big.news li { padding-bottom: 25px; }
#big h2 { color: #e86019; position: relative;font-family: Arial; font-size: 16px; font-weight: normal; padding-bottom: 20px}
#big h3,#big h4 { color: #0c3d77; font-weight: bold; padding: 5px 0 5px 0 }
#big h3 span, #big h4 span { color: #e35100 }
#big h4 { font-weight: normal }
#big h2 a { position: absolute; right: 0px; top: 0px; padding-left: 10px; font-size: 11px; cursor:pointer; background: url(../images/arrow_l.gif) no-repeat 0 6px; color: #E05500;  }

.text { line-height: 15px; text-align: left; }

#big li .text a { color: #E35100; }

#info    { width: 147px;  font-family: Arial; font-size: 11px; padding: 20px 18px 15px 18px; margin-bottom: 10px; float: left; line-height: 15px; background: #f6f0dd; color: #707070; text-align: left }
#info h2 { color: #03326b; font-size: 12px; padding-bottom: 12px }
#info .text2 { padding-bottom: 15px}
#footter {  dispaly: block; clear:both; width: 100%; margin-top: 10px; background: url(../images/sep.jpg) repeat-x; padding: 10px 0 30px 0}
/*
#footter li { display: inline; }
#footter li a { color: #1d4678; font-size: 11px; dispaly: inline; margin: 0 9px 0 9px }
*/
#footter a { color: #b4b4b4; font-size: 11px; font-family: Tahoma  }
#footter .copyright { float: left; margin-top: 4px }
#footter .blue_focus { float: right; width: 200px; text-align: right }
#footter .blue_focus img { margin: 0px 5px 0 5px; }

/* texts */
.img { float: left; margin: 3px 15px 5px 0 }

/* list */
.list ul { border-top: 1px solid #b2b2b2 }
.list ul li { border-bottom: 1px solid #b2b2b2; padding: 4px 0 4px 0 }
.list .l2 { background: #f4f4f4  }
.list li a { color: #393939 }

/* gallery */
.gallery ul { padding: 10px 5px 25px 0;   }
.gallery li { dispaly: inline; float: left; margin: -2px 0 0 -2px; background: url(../images/img_border.png) no-repeat; width: 131px; height: 90px; padding-top:14px; vertical-align: middle; text-align: center }
.gallery li a {display: inline;  margin: auto;   }
.gallery li a img { dispaly: inline }

/* formular */

 	 .formular { width: 420px; padding-top: 10px; margin:auto; text-align: left; font-family: Arial; font-size: 11px; color: #77818a }
	 .formular ul { width: 410px; margin-top: 15px  }
	 .formular li { clear: both }
	 .formular input, .formular select, .formular textarea { color: #77818a }
	 .formular label { float: left; width: 160px; text-align: left; height: 20px; line-height: 20px; margin-bottom: 6px }
	 .formular .inp { float: left; width: 200px; margin-bottom: 4px; height: 16px; padding: 1px 0px 0px 3px; font-size: 11px; border-top: 1px solid #dedede; border-left: 1px solid #dedede; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5}
	 .formular textarea { float: left; width: 200px; margin-bottom: 4px; padding: 1px 0px 0px 3px; font-size: 11px; border-top: 1px solid #dedede; border-left: 1px solid #dedede; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5}	 
	 .formular .med { float: left; width: 93px; margin-bottom: 4px; height: 16px; padding: 1px 0px 0px 3px; font-size: 11px; border-top: 1px solid #dedede; border-left: 1px solid #dedede; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5 }
	 .formular span { float: left; margin: 0 3px 0 3px } 
	 .formular select { float: left; width: 205px; font-size: 11px } 
	 .formular .chk { float: left; margin-left: 0px }
	 .formular .rad {  float: left; width: 200px;}
	 .formular .rad input { float: left; height: 14px;  margin: 0 5px 0 0px }
	 .formular .rad label { width: 170px; line-height: 14px }
	 .formular .rad2 input { float: left;  height: 14px; margin: 0 5px 0 0px }
	 .formular .rad2 label { width: 70px;  line-height: 14px }
	 .formular .sub { float: left; display: inline; cursor: pointer; height: 23px; margin: 5px 46px 5px 160px; width: 80px; border: 1px solid #7a92b0 ; background: url(../images/send_bg.png) no-repeat center; padding-bottom: 2px; font-size: 12px; font-family: Tahoma;  line-height: 12px; color: #ffffff;    }




a.more { color: #e05500; padding-right: 15px; background: url(../images/arrow_r.gif) no-repeat right }



















