@charset "utf-8";
body { margin:0; padding:0; background: none; width:100%; background:#dadede url(images/main_bg.jpg) top repeat-x;color:#4c4c4c;font:normal 12px Arial, Helvetica, sans-serif;}
td{color:#4c4c4c;font:normal 12px Arial, Helvetica, sans-serif;}
html { padding:0; margin:0;}
.clr {clear:both;}

/* main */
.main {width:900px; padding:0; margin:0 auto; }

/* header */
.header { width:897px; margin:0; padding:0;}
.logo { width:350px; height:95px; margin:0 0 0 10px; padding:0; float:left;}
.text_smal { width:500px; padding:0; margin:0; float:right;}
.text_smal p { font:normal 14px Arial, Helvetica, sans-serif; color:#4c4c4c; padding:20px 20px 0 180px; text-align:right; line-height:20px;}
.text_smal a {color:#4c4c4c; text-decoration:none; font-size:11px;}
.text_smal a:hover {color:#4c4c4c; text-decoration:underline;}
.red{color:#ce0707;}

/* menu */
.menu { width:880px; margin:0 0 0 15px; padding:0; height:35px;}
.menu ul { margin:0; padding:0; list-style:none; float:left;}
.menu li { margin:0; padding:0; float:left;}
.menu a {float:left; font:normal 13px Arial, Helvetica, sans-serif; color:#fff; padding:9px 36px 13px 36px; margin:0; text-decoration:none; height:12px; background:url(images/menu_br.jpg) right no-repeat;}
.menu a:hover {color:#ffffff; background:#fff url(images/menu_hover.jpg) repeat-x; padding:9px 36px 13px 36px; margin:0;}
.menu a.active {color:#ffffff; background:#fff url(images/menu_hover.jpg) repeat-x; padding:9px 36px 13px 36px; margin:0;}
.menu a.last {color:#ffffff; background:none; padding:9px 36px 13px 36px; margin:0;}
.menu a.last:hover {color:#ffffff; background:#fff url(images/menu_hover.jpg) repeat-x; padding:9px 36px 13px 36px; margin:0;}

/* header_text */
.header_text { height:280px; width:980px; margin:0; padding:0; border:none;}
.header_text img { float:right; margin:0; padding:0;}
/* header_text2 */
.header_text2 {height:69px; width:958px; background:url(images/simple_text2.gif) top no-repeat; margin:0; padding:0; border:11px solid #fff;}
.header_text2 h2 { font:bold italic 30px Arial, Helvetica, sans-serif; color:#fff; margin:0; padding:20px 0 0 30px;}
.header_text2 p {font:normal 16px Arial, Helvetica, sans-serif; color:#fff;  margin:10px 300px 10px 40px; padding:0;}
.header_text2 img { float:right; margin:15px 100px 15px 10px; padding:1px; max-width:195px; max-height:178px;}

/*body_grey*/
.body_grey { background:#fff;width:868px; margin:10px auto; padding:0;}
.body_top { background:#fff url(images/body_toop.jpg) right top no-repeat; margin:0; padding:0; width:868px; height:9px;}
.body_mid { background:#fff url(images/body_mid.jpg) repeat-y center; margin:0; padding:0; width:868px;}
.body_bottom { margin:0 0 10px 0; padding:0; width:868px; background:url(images/body_bottom.jpg) bottom no-repeat; border:none; height:9px;}
.body_grey h2 { color:#252525; font: bold 24px  Arial Narrow; margin:5px 0; padding:10px 0;}
.body_grey h3 { color:#252525; font: bold 22px  Arial Narrow; margin:5px 0; padding:10px 0; border-bottom:#999 dashed 1px;}
.body_grey .hs { color:#ce0707; font: bold 20px  Arial Narrow; margin:5px 0; padding:10px 0;}
.body_grey p { font:normal 12px  Arial, Helvetica, sans-serif; color:#5e5e5e; line-height:1.8em; padding:5px; margin:0;}
.body_grey p.arial_bold { font:bold 14px Arial, Helvetica, sans-serif; color:#027aa7;}
.body_grey p.blye_color { color:#027aa7;}
.body_grey p span { font: normal 15px Arial, Helvetica, sans-serif; color:#5e5e5e; line-height:1.8em; padding:0px; margin:0;}
.body_grey a { text-decoration:underline; color:#027aa7; line-height:1.8em;}
.body_grey a:hover { text-decoration:none;}
.body_grey img { float:left; margin:2px 15px 2px 0px; padding:0;}
.body_grey ul {list-style:none; padding:0 0 0 5px; margin:10px 0;} 
.body_grey ul li {font: normal 12px Arial, Helvetica, sans-serif; color:#027aa7; margin:0; padding:0 10px 11px 15px; background:url(images/arr.jpg) top left no-repeat;}
.body_grey ol { list-style:decimal; padding:0 0 0 25px;} 
.body_grey ol li { font: normal 12px Arial, Helvetica, sans-serif; color:#4c4c4c; margin:0; padding:0 10px 5px 10px; line-height:18px;}
/*left*/

.left { width:470px; float:left; margin:10px 0; padding:0 30px; border-right:1px solid #ddd; min-height:530px;}
/*right*/
.right { width:290px; float:right; margin:10px 0; padding:0 20px;}
.subpage { width:825px; float:left; margin:10px 0; padding:0 20px;font: normal 12px Arial, Helvetica, sans-serif; }

.right p img { float:left; margin:2px 10px 2px 0px; padding:0;}
.right .projects { margin:12px 0 0 0;}



/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#4c4c4c;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block; margin-bottom:4px; width:450px;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:80px; display:block; padding:5px 0; font:bold 12px Arial, sans-serif; width:130px;}
#contactform label span {  font:normal 12px Arial, Helvetica, sans-serif;}
#contactform input.text { width:200px; margin:0 0 10px 0; padding:5px 2px; height:14px; font:normal 12px Arial, Helvetica, sans-serif;}
#contactform select.text { margin:0 0 10px 0; padding:3px 2px; height:26px; font:normal 12px Arial, Helvetica, sans-serif;}
#contactform textarea { width:300px; margin:0 0 10px 0; padding:2px; height:120px;font:normal 12px Arial, Helvetica, sans-serif;}
#contactform li.buttons input { padding:10px 0; margin:0 0 0 130px; border:0; color:#FFF;}


#lform { margin:0; padding:5px 10px;}
#lform  ol { margin:0; padding:0; list-style:none;}
#lform  li { margin:0; padding:0; background:none; border:none; display:block; height:30px;}
#lform label { float:left; margin:0; width:80px; display:block; padding:5px 0; font:bold 12px Arial, sans-serif; color:#666666; text-transform:capitalize; width:100px;}
#lform input.text { width:200px; margin:0 0 10px 0; padding:5px 2px; height:14px; font:normal 12px Arial, Helvetica, sans-serif;}
#lform li.buttons input { padding:10px 0; margin:0 0 0 100px; border:0; color:#FFF;}

/********** footer **********/
.footer {  margin:0 auto; padding:0; background: #dadede; height:57px;}
.footer_resize { width:880px; margin:0 auto; padding:10px;}
.footer ul { margin:0; padding:10px 10px; list-style:none; float:left;}
.footer ul li { margin:0; padding:0 10px; float:left;}
.footer p { margin:0; padding:10px 20px; float:right; color:#4e4e4e; font:normal 11px  Arial, Helvetica, sans-serif; line-height:1.8em; text-align:right;}
.footer a { color:#4e4e4e; font:normal 11px  Tahoma, Geneva, sans-serif; line-height:1.8em; text-decoration:underline;}
.footer a:hover { color:#027aa7;text-decoration:none; }

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #cecece; padding:0; margin:8px 0; background:none;}
li2.bg2, .bg2 { clear:both; border-top:1px solid #cecece; padding:0; margin:15px 0; background:none; width:85%; float:left;}