@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#edeae2;}
html { padding:0; margin:0;}

/* main */
.main {width:100%; padding:0; margin:0 auto;}

/********** header **********/
.header_full { background:url(images/header_bg.jpg) top center; border-bottom:1px solid #36635e;}
.header { margin:0 auto; width:980px; padding:0;}

/* twitter */
.twitter { float:left; width:300px; height:35px;}
.twitter img { float:left; padding:0 5px 0 10px;}
.twitter span { display:block; color:#665b44; font:normal 11px Arial, Helvetica, sans-serif; line-height:1.8em; padding:7px 0 0 0;}
/* top menu */
.top_menu { float:right; width:100px; height:28px; padding:7px 0 0 0; color:#665b44; font:normal 11px Arial, Helvetica, sans-serif; line-height:1.8em;}
.top_menu a { color:#665b44; font:normal 11px Arial, Helvetica, sans-serif; line-height:1.8em;}

/* logo */
.logo { float:left; padding:0; margin:23px 0; width:300px;}

/*simple_text_top*/
.simply_text { height:104px; margin:0 30px; padding:0; font:normal 11px Arial, Helvetica, sans-serif; color:#fff; line-height:1.8em;}
.simply_text h2 { margin:10px 0; padding:0; font:bold 32px Arial, Helvetica, sans-serif; color:#fff; line-height:1.2em;}
.simply_text p { margin:0; padding:0;}

/* menu */	
.menu { float:right; padding:0; margin:40px 0 0 0; width:450px; height:35px; background:url(images/menu_bg.gif) top no-repeat;}
.menu ul { float:right; padding:0; margin:0; list-style:none; border:0;}
.menu ul li { float:left; margin:1px 0 0 0; padding:0;}
.menu ul li a { float:left; margin:0 3px; padding:10px 0 9px 0; color:#fff; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; line-height:14px;}
.menu ul li a span { padding:10px 15px 9px 15px;}
.menu ul li a:hover { background:url(images/menu_r.gif) right no-repeat;}
.menu ul li a:hover span { background:url(images/menu_l.gif) left no-repeat;}
.menu ul li a.active { background:url(images/menu_r.gif) right no-repeat;}
.menu ul li a.active span { background:url(images/menu_l.gif) left no-repeat;}

/********** slider **********/
.header_title { background:#e6e3db url(images/slider_bg.jpg) center no-repeat; margin:1px 0 0 0; padding:16px 0; height:269px; clear:both; border-top:1px solid #cecbc2; border-bottom:1px solid #cecbc2;}

/*simple text*/
.slider_block { margin:0 auto; width:980px; padding:14px 0 15px 0; height:239px; background:url(images/slider_fon_bg.png) no-repeat;}
.slider_block img.screen { float:left; width:603px; border-right:1px solid #FFF;}
.slider_block div.text { margin:0 0 0 604px; padding:0 0 0 10px; border:0; height:235px; width:282px; background:#000;}
.slider_block div.text h2 { text-transform:uppercase; font:normal 30px Arial, Helvetica, sans-serif; color:#FFF; margin:0; padding:10px 10px 0 10px; line-height:1.2em;}
.slider_block div.text p { font:normal 11px Arial, Helvetica, sans-serif; color:#FFF; margin:0; padding:10px; line-height:1.8em;}
.slider_block div.text a { color:#ff7e00; text-decoration:none;}

/* block box */
.block_box { background:url(images/box_bg.gif); width:980px; margin:0 0 10px 0; padding:0;}
.block_box_t { background:url(images/box_top.jpg) no-repeat top;}
.block_box_b { background:url(images/box_f.gif) no-repeat bottom; padding:0 5px 10px 5px !important; padding:0 0 10px 0;}

/********** block index **********/
.body { margin:0 auto; padding:10px 0 0 0; clear:both; width:980px;}
.body_footer { margin:10px auto; padding:0; clear:both; width:980px;}
.body h1 { font:bold 14px Arial, Helvetica, sans-serif; color:#FFF; padding:15px 10px; margin:0 10px;}
.body h2 { font:normal 22px Arial, Helvetica, sans-serif; color:#4e4a38; padding:10px; margin:0;}
.body h3 { font:normal 18px Arial, Helvetica, sans-serif; color:#8d8d8d; padding:10px; margin:0;}
.body p { font:normal 11px Arial, Helvetica, sans-serif; color:#8d8d8d; line-height:1.8em; padding:5px 10px; margin:0;}
.body p.name { font:bold 11px Arial, Helvetica, sans-serif; color:#704ca3; line-height:1.8em; text-align:right;}
.body a { color:#55300f; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; text-decoration:underline;}
.body .spec { color:#518884; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em;}
.body .date { background:url(images/bg_data.gif) no-repeat left; margin:0 10px; padding:5px 20px;}
.body ul.list { margin:10px; padding:0 20px; list-style:none;}
.body ul.list li { margin:0; padding:2px 0 2px 20px; border-left:5px solid #e6e6e6; font:normal 11px Arial, Helvetica, sans-serif; color:#8d8d8d; line-height:1.8em;}
.body img.img { float:left; padding:10px; clear:left;}

/* side */
.left { width:303px; margin:5px; padding:5px; float:left;}
.center { width:303px; margin:5px; padding:5px; float:left;}
.right { width:303px; margin:5px; padding:5px; float:left;}
.big_side { width:626px; margin:5px; padding:5px; float:left;}

/* testi */
.testi { background:url(images/testi.png) no-repeat top left; padding:20px 0 0 0;}
.testi p { font-style:italic;}

/* subscribe */
.subscribe { float:left; width:290px; padding:5px 10px;}
.subscribe input.text { background:#FFF; border:1px solid #bfbfbf; width:260px;}

/* about */
h1.about { background:url(images/h1_title_about.gif) no-repeat left center; padding-left:40px;}
/* contact */
h1.contact { background:url(images/h1_title_contact.gif) no-repeat left center; padding-left:40px;}
/* welcome */
h1.latest { background:url(images/h2_title_latest.gif) no-repeat left center; padding-left:40px;}
div.but { float:right; padding:10px;}

/* sub nav */
ul.sub_nav { margin:0; padding:0 10px; list-style:none;}
ul.sub_nav li { margin:0; padding:0 0 0 20px; background:url(images/sub_nav.gif) no-repeat left;}
/* portfolio */
h3.portfolio { background:url(images/h3_title.gif) no-repeat left; padding:5px 10px 5px 25px; margin:0 0 0 290px;}

/* lister */
.lister { clear:both; padding:10px;}
.lister ul { float:right; margin:0; padding:0; list-style:none;}
.lister ul li { float:left; width:22px; height:22px; margin:1px 3px; text-align:center;}
.lister ul li a { display:block; width:22px; height:22px; background:url(images/lister.gif) no-repeat; color:#7f7f7f; text-decoration:none;}
.lister ul li a:hover { background:url(images/lister_h.gif) no-repeat; color:#FFF; text-decoration:underline;}
.lister ul li a.active { background:url(images/lister_h.gif) no-repeat; color:#FFF; font-weight:bold;}

/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#6e6e6e;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { width:120px; float:left; display:block; padding:5px 10px; margin:0; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; color:#6e6e6e; text-transform:capitalize; text-align:right;}
#contactform label span { display:block; font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:430px; border:1px solid #d1d1d1; margin:5px 0 10px 0; padding:5px 2px; height:16px; background:#fff;}
#contactform textarea { width:430px; border:1px solid #d1d1d1; margin:10px 0; padding:2px; background:#fff;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 140px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/*************footer**********/
.footer { padding:0; margin:0;}
.footer_resize { width:980px; margin:0 auto; padding:10px 0; border-top:1px solid #d1ccc1; }
.footer p { font:normal 11px Tahoma, Geneva, sans-serif; color:#050706;}
.footer a { font:normal 11px Tahoma, Geneva, sans-serif; color:#050706; text-decoration:underline; padding:0 2px;}
.footer p.leftt { text-align:left; width:50%; margin:0; padding:0; float:left;} 
.footer p.rightt { text-align:right; width:50%; margin:0; padding:25px 0; float:right;} 

.no_border { border:0px;}
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #d2d2d2; padding:0; margin:10px 0; background:none; line-height:0;}
li.bg2, .bg2 { clear:both; border-top:1px solid #d2d2d2; padding:0; margin:5px 0; background:none; line-height:0;}