@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#ffffff url(images/bg_footer.gif) bottom repeat-x;}
html { padding:0; margin:0;}

/* main */
.main {width:100%; padding:0; margin:0 auto; background:url(images/bg_t.jpg) repeat-x  top ;}

/********** header **********/
.flash { margin:0 auto; width:1000px; padding:0;}


/********** block index **********/
.body { background:#ffffff url(images/body_bottom.gif) bottom repeat-x; margin:0 auto; padding:0; clear:both; width:1000px;}
.body_bottom { background:url(images/body_bg.gif) no-repeat top; padding:10px;}
.body h2 {  font:normal 22px Tahoma, Geneva, sans-serif; color:#4e4a38; padding:10px; margin:5px 0; border-bottom:1px solid #e1e1e1;}
.body h3 { font:normal 22px Tahoma, Geneva, sans-serif; color:#4e4a38; padding:5px 10px; margin:0;}
.body p { font:normal 11px Arial, Helvetica, sans-serif; color:#695834; 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:#704ca3; font:normal 11px Arial, Helvetica, sans-serif; line-height:1.8em; text-decoration:underline;}
.body .spec { color:#898989; font:normal 14px Arial, Helvetica, sans-serif; line-height:1.4em;}
.body .date { background:url(images/bg_data.gif) no-repeat left; margin:0 10px; padding:5px 20px;}
.body ul.list { margin:10px; padding:0; list-style:none;}
.body ul.list li { margin:0; padding:2px 0 2px 20px; background:url(images/str_body.gif) no-repeat left;}
.body img.img { float:left; padding:10px; clear:left;}

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

/* bottom_block */
.bottom_block { clear:both; width:943px; padding:0; margin:10px auto; background:url(images/block_bg.gif) repeat-y;}
.bottom_block .top { background:url(images/block_t.gif) no-repeat top;}
.bottom_block .bottom { background:url(images/block_b.gif) no-repeat bottom; padding:10px;}

/* testi */
.testi { float:left; width:590px; border-right:1px solid #c5c5c5; padding:5px 10px;}
.testi h2 { background:url(images/h2_testimonials.gif) no-repeat left; padding:10px 10px 10px 60px;}
/* subscribe */
.subscribe { float:left; width:290px; padding:5px 10px;}
.subscribe input.text { background:#FFF; border:1px solid #bfbfbf; width:260px;}

/* welcome */
h2.welcome { background:url(images/h2_welcome.gif) no-repeat left; padding:10px 10px 10px 60px;}
/* welcome */
h2.what_we { background:url(images/h2_what.gif) no-repeat left; padding:10px 10px 10px 60px;}
/* welcome */
h2.latest { background:url(images/h2_lastes.gif) no-repeat left; padding:10px 10px 10px 60px;}
/* 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:90px; float:left; display:block; padding:5px 10px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; line-height:1.8em; color:#6e6e6e; text-transform:capitalize; text-align:right;}
#contactform label span {  font:normal 11px Arial, Helvetica, sans-serif;}
#contactform input.text { width:450px; border:1px solid #d1d1d1; margin:5px 0; padding:5px 2px; height:16px; background:#fff;}
#contactform textarea { width:450px; border:1px solid #d1d1d1; margin:10px 0; padding:2px; background:#fff;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 110px; 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:900px; margin:0 auto; padding:10px 0; }
.footer p { font:normal 11px Tahoma, Geneva, sans-serif; color:#414141;}
.footer a { font:normal 11px Tahoma, Geneva, sans-serif; color:#704ca3; text-decoration:underline; padding:0 6px 0 5px; border-right:1px solid #414141;}
.footer a.no_border { border:0;}
.footer p.leftt { text-align:left; width:50%; margin:0; padding:20px 0; float:left;} 
.footer p.rightt { text-align:right; width:50%; margin:0; padding:20px 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;}