@charset "utf-8";
body {
margin : 0;
padding : 0;
width : 100%;
background-image : url(images/bg.jpg);
background-color : #eeeeee;
background-repeat : repeat-x;
}
html {
padding : 0;
margin : 0;
}
.main {
width : 100%;
padding : 0;
margin : 0 auto;
}
.block_header {
margin : 0 auto;
padding : 0;
width : 959px;
background : #000;
}
.logo {
float : left;
padding : 20px 0 0 30px;
margin : 0;
width : 929px;
height : 59px;
background-image : url(images/top-bg.jpg);
}
.logo h2 {
font : normal bold 28px Arial;
color : #3382bd;
padding : 4px 10px -5px 17px;
margin : 0;
line-height : 1.5em;
}
.logo h2 a {
font : normal 18px Arial;
color : #3382bd;
padding : 5px 10px 5px 5px;
margin : 0;
line-height : 1.8em;
text-decoration : none;
}
.logo h2#font-family a:hover {
color : #555;
}
.search {
padding : 0;
margin : 40px 50px 0 0;
float : right;
}
.search span#font-family {
display : block;
float : left;
}
.search#font-family form {
display : block;
float : left;
padding : 5px 0;
}
.search form .keywords {
float : left;
background : url(images/search_bg.gif) no-repeat left top;
border : 0;
height : 14px;
width : 204px;
padding : 4px 5px;
margin : 0;
font : normal 11px Arial, Helvetica, sans-serif;
color : #a1a1a1;
}
.search form .button {
float : left;
margin : 0;
padding : 0;
}/* menu */	
.menu { padding:0 0 0 25px; margin:0; width:870px; height:25px;}
.menu ul { padding:0 0 0 0; margin:0; list-style:none; border:0;}
.menu ul li { text-align:center; border-right:1px solid #737373; float:right; margin:0; padding:0;}
.menu ul li a { float:left; text-align:center; padding:0; margin:0; color:#444; text-decoration:none; text-transform:uppercase;
opacity:1;}



.menu ul li a span { padding:14px 10px; margin:0;}
.menu ul li a:hover { color:#126AC8;}
.menu ul li a:hover span {color:#126AC8;}
.menu ul li a.active {color:#444;}
.menu ul#font-family li a.active span {color:#444;}
/* header_text */
.header_text2 { margin:0 auto; padding:0; width:959px; background-image:url(images/headerbg.png); height:163px;}
.header_text3 { margin:0 auto; padding:0; width:959px; background-image:url(images/top-bbg.jpg); height:231px;}
.header_text3 .left2 { width:499px; float:left; margin:20px !important; margin:20px 20px 20px 10px; padding:0;}
.header_text3 .right3 { width:279px; float:left; margin:0; padding:20px;}
.header_text3 .left3 p { font: normal 12px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:5px 10px 0 20px; margin:0; line-height:1.8em;}

.header_text2 h2 { width:200px; float:left; font: normal 34px Arial, Helvetica, sans-serif; color:#0287be; margin:0; padding:40px 0 0 30px;}
.header_text2 p{ width:660px; float:right; font: normal 13px Arial, Helvetica, sans-serif; color:#666; margin:0 51px 20px 0; padding:19px 20px 0 15px; text-align:right;}
.header_text3 p{ width:670px; float:right; font: normal 13px Arial, Helvetica, sans-serif; color:#666; margin:0 51px 20px 0; padding:19px 20px 0 0; text-align:right;}
.header_text { height:270px; margin:0 auto; padding:0; width:958px; background:#fff;}
.header_text .div .left1 { float:left; width:475px; padding:0; margin:0 auto; }
.header_text .div .left1 h2 {font:normal 34px  Arial, Helvetica, sans-serif; color:#535353;  padding:30px 0 0 45px; margin:0;}
.header_text .div .left1 h2 span { color:#0287be;} 
.header_text p { font:normal 13px  Arial, Helvetica, sans-serif; color:#000; padding:10px 0 0 45px; margin:0; line-height:1.8em;}
/*top_header*/
.top_header { height:174px; width:958px; background:url(images/header_bottom_bg.gif) top repeat-x; margin:0 auto; padding:0;}
.top_header h2 { font: normal 24px Arial, Helvetica, sans-serif; color:#f3f4f4; padding:10px 10px; margin:0;}
.top_header p { font: normal 11px Arial, Helvetica, sans-serif; color:#f3f4f4; margin:3px 0; padding:7px 10px;}
.top_header p.backg { background:#0b618c; font: normal 11px Arial, Helvetica, sans-serif; color:#f3f4f4; margin:3px 5px; padding:2px 10px;}
.top_header a { color:#0385bb; text-decoration:underline; float:right;}
.top_header .bloga { width:277px; float:left; margin:15px 15px; padding:0;}
.top_header .bloga2 { width:277px; border-left:1px solid #3b738f; border-right:1px solid #3b738f; float:left; margin:15px 15px; padding:0;}
/* body*/
.body { width:959px; margin:0 auto; padding:0; background-image:url(images/topbody-bg.jpg); background-repeat:no-repeat; }
.body h2 { font: normal 24px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:10px; margin:0; border-bottom:1px solid #c5c5c5;}
.body h3 {font: normal 24px Arial, Helvetica, sans-serif; color:#3e4f59; padding:10px; margin:0; border-bottom:1px solid #dfdfdf;}
.body p { font: normal 14px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:10px 10px 0 17px; margin:0; line-height:1.6em;}
.body p span { font: normal 12px Arial, Helvetica, sans-serif; color:#666666; text-transform:none; padding:1px 10px 0 17px; margin:0; line-height:1.8em;}
.body h4 { font: bold 14px Arial, Helvetica, sans-serif; color:#4593CD; padding:10px 10px 8px 17px; margin:0; line-height:1.8em;}
.body a { font: bold 13px Arial, Helvetica, sans-serif; color:#3f91b4; text-decoration:underline;}
.body em { font: normal 11px Arial, Helvetica, sans-serif; line-height:1.8em;}
.body img.floated { float:left; margin:10px 15px; padding:0;}
.body floated { float:left; margin:10px 15px; padding:0; width:351px; height:295;}
.body .left1 { width:279px; float:left; margin:0; padding:20px;}
.body .right1 { width:596px; float:left; margin:20px !important; margin:20px 10px 20px 20px; padding:0;}
.body .bgg1 {background:url(images/bbg.jpg); padding:0; margin:0 auto; width:959px;}
.body .bgg2 {background: #cfcfcf url(images/bg2.jpg) no-repeat; padding:0; margin:0 auto; width:959px; }
.body .left2 { width:708px; float:left; margin:10px !important; margin:20px 20px 20px 10px; padding:0 0 0 15px;}
.body .ad { width:400px; float:left; margin:15px !important; margin:10px 10px 10px 10px; padding:0; font: normal 14px Verdana; color:#6f6f6f;}
.body .left2 img.floated { float:left; margin:5px; padding:7px 0 5px 15px;}
.body .left2 img.floated2 { float:left; margin:5px 0 0 5px; padding:0;}
.body .left2 img.floated3 { float:left; margin:5px 0 4px 8px; padding:0;}
.body .left2 img.floated4 { float:left; margin:5px 0 0 15px; padding:0;}

.body .left2 .portfolio { width:150px; float:left; margin:10px 10px; padding:0;}
.body .left2 .portfolio a { text-decoration:none; font: bold 11px Tahoma, Geneva, sans-serif; color:#4a4a4a; padding:3px 5px; margin:2px 3px; background:#d9d9d9; border-left:1px solid #e2e2e2; border-top:1px solid #d1d1d1;}
.body .left2 .portfolio a:hover { color:#529cbb;}
.body .right2 { width:186px; float:left; margin:0; padding:52px 20px 0 0;}
.body .right2 ul { font: normal 11px Tahoma, Geneva, sans-serif; color:#6e6e6e; margin:5px 1px; padding:0; list-style:none;}
.body .right2 li { background:#f4f4f4 url(images/right2_bg_ul_li.gif) left no-repeat; margin:5px 2px; padding:5px 10px;}
.body .right2 a { color:#6e6e6e; text-decoration:none;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
  text-shadow: 0px 2px 0px #fff;
   /* For IE 8 */
   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color=#fff)";
   /* For IE 5.5 - 7 */
   filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#fff'); font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Tahoma, Geneva, sans-serif}



.body .right2 a:hover { color:#4593CD; text-decoration:none;}
.body .right2 li a.active {color:#444;}


/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#2e2e2e;}
#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 { float:left; margin:0; width:80px; display:block; padding:5px 0; font:normal 11px Tahoma, Geneva, sans-serif; color:#6e6e6e; text-transform:capitalize;}
#contactform label span {  font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:400px; border:1px solid #c5c5c5; margin:5px 0; padding:5px 2px; height:16px; background:#fff;}
#contactform textarea { width:400px; border:1px solid #c5c5c5; margin:10px 0; padding:2px; background:#fff; height:300px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 80px; border:0; color:#FFF;}
p.response { text-align:center; color:#F00; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/********** footer **********/
.footer {  margin:0 auto; padding:0; background:url(images/bbg.jpg) top no-repeat; width:959px; height:90px;}
.footer_resize { width:940px; margin:0 auto; padding:10px 0 0 0;}
.footer ul { margin:0; padding:25px 25px; list-style:none; float:left;}
.footer ul li { margin:0; padding:0 7px; float:left;}
.footer ul li a { color:#727272; font:normal 12px  Tahoma, Geneva, sans-serif; text-decoration:none; line-height:1.8em;}
.footer ul li a:hover { color:#126AC8;}
.footer img { margin:5px 5px; padding:0;}
.footer p { margin:0; padding:25px 27px; text-align:right; float:right; color:#9eaebd; font:normal 11px  Arial, Helvetica, sans-serif; line-height:1.6em;}
.footer a { color:#9eaebd; font:normal 11px  Tahoma, Geneva, sans-serif; text-decoration:none; line-height:1.8em;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;}
.footer a:hover { color:#126AC8;}

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 #c7c7c7; padding:0; margin:0 5px 0 17px;}@charset "utf-8";
body { margin:0; padding:0; width:100%; background-image:url(images/bg.jpg); background-color:#eeeeee;background-repeat:repeat-x;}
html { padding:0; margin:0;}

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

/********** header **********/
.header { }
.block_header {margin:0 auto; padding:0; width:959px; background: #000;}
/*logo*/
.logo { float:left; padding:20px 0 0 30px; margin:0; width:929px; height:76px; background-image:url(images/top-bg.jpg);}
/* search */
.search { padding:0; margin:40px 50px 0 0; float:right;}
.search span { display:block; float:left;}
.search form { display:block; float:left; padding:5px 0;}
.search form .keywords { float:left; background: url(images/search_bg.gif) left top no-repeat; border:0; height:14px; width:204px; padding:4px 5px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#a1a1a1;}
.search form .button { float:left; margin:0; padding:0;}
/* menu */	
.menu { padding:0 0 0 25px; margin:0; width:870px; height:25px;}
.menu ul { padding:0 0 0 0; margin:0; list-style:none; border:0;}
.menu ul li { text-align:center; border-right:1px solid #737373; float:right; margin:0; padding:0;}
.menu ul li a { float:left; text-align:center; padding:0; margin:0; color:#444; text-decoration:none; text-transform:uppercase;
opacity:1; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Tahoma}



 .menu ul li a span { padding:14px 10px; margin:0;}
.menu ul li a:hover { color:#126AC8; opacity:0.9;}
.menu ul li a:hover span {color:#126AC8;}
.menu ul li a.active {color:#444;}
.menu ul li a.active span {color:#444;}
/* header_text */
.header_text2 { margin:0 auto; padding:0; width:959px; background-image:url(images/headerbg.png); height:183px;}
.header_text3 { margin:0 auto; padding:0; width:959px; background-image:url(images/top-bbg.jpg); height:231px;}
.header_text3 .left2 { width:499px; float:left; margin:20px !important; margin:20px 20px 20px 10px; padding:0;}
.header_text3 .right3 { width:279px; float:left; margin:0; padding:20px;}
.header_text3 .left3 p { font: normal 12px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:5px 10px 0 20px; margin:0; line-height:1.8em;}

.header_text2 h2 { width:200px; float:left; font: normal 34px Arial, Helvetica, sans-serif; color:#0287be; margin:0; padding:40px 0 0 30px;}
.header_text2 p{ width:660px; float:right; font: normal 13px Arial, Helvetica, sans-serif; color:#666; margin:0 51px 20px 0; padding:19px 20px 0 15px; text-align:right;}
.header_text3 p{ width:670px; float:right; font: normal 13px Arial, Helvetica, sans-serif; color:#666; margin:0 51px 20px 0; padding:19px 20px 0 0; text-align:right;}
.header_text { height:270px; margin:0 auto; padding:0; width:958px; background:#fff;}
.header_text .div .left1 { float:left; width:475px; padding:0; margin:0 auto; }
.header_text .div .left1 h2 {font:normal 34px  Arial, Helvetica, sans-serif; color:#535353;  padding:30px 0 0 45px; margin:0;}
.header_text .div .left1 h2 span { color:#0287be;} 
.header_text p { font:normal 13px  Arial, Helvetica, sans-serif; color:#000; padding:10px 0 0 45px; margin:0; line-height:1.8em;}
/*top_header*/
.top_header {
height : 174px;
width : 958px;
background : url(images/header_bottom_bg.gif) repeat-x top;
margin : 0 auto;
padding : 0;
}
.top_header h2 {
font : normal 24px Arial, Helvetica, sans-serif;
color : #f3f4f4;
padding : 10px 10px;
margin : 0;
}
.top_header p {
font : normal 11px Arial, Helvetica, sans-serif;
color : #f3f4f4;
margin : 3px 0;
padding : 7px 10px;
}
.top_header#font-family p.backg {
background : #0b618c;
font : normal 11px Arial, Helvetica, sans-serif;
color : #f3f4f4;
margin : 3px 5px;
padding : 2px 10px;
}
.top_header a {
color : #0385bb;
text-decoration : underline;
float : right;
}
.top_header .bloga {
width : 277px;
float : left;
margin : 15px 15px;
padding : 0;
}
.top_header .bloga2 {
width : 277px;
border-left : 1px solid #3b738f;
border-right : 1px solid #3b738f;
float : left;
margin : 15px 15px;
padding : 0;
}
.body {
width : 959px;
margin : 0 auto;
padding : 0;
background-image : url(images/topbody-bg.jpg);
background-repeat : no-repeat;
}
.body h2 {
font : normal 24px Arial, Helvetica, sans-serif;
color : #6f6f6f;
padding : 10px;
margin : 0;
border-bottom : 1px solid #c5c5c5;
}
.body h3 {
font : normal 24px Arial, Helvetica, sans-serif;
color : #3e4f59;
padding : 10px;
margin : 0;
border-bottom : 1px solid #dfdfdf;
}
.body p {
font : normal 14px Arial, Helvetica, sans-serif;
color : #6f6f6f;
padding : 10px 10px 0 17px;
margin : 0;
line-height : 1.6em;
}
.body p span {
font : normal 12px Arial, Helvetica, sans-serif;
color : #666666;
text-transform : none;
padding : 1px 10px 0 17px;
margin : 0;
line-height : 1.8em;
}
.body h1 {
font : bold 22px Arial, Helvetica, sans-serif;
color : #4593cd;
padding : 10px 0 8px 17px;
margin : 0;
line-height : 1.8em;
}
.body a {
font : bold 13px Arial, Helvetica, sans-serif;
color : #3f91b4;
text-decoration : underline;
}
.body em {
font : normal 11px Arial, Helvetica, sans-serif;
line-height : 1.8em;
}
.body img.floated {
float : right;
margin : 10px 0;
padding : 0;
}
.body floated {
float : left;
margin : 10px 15px;
padding : 0;
width : 351px;
}
.body .left1 {
width : 279px;
float : left;
margin : 0;
padding : 20px;
}
.body .right1 {
width : 596px;
float : left;
margin : 20px !important ;
margin : 20px 10px 20px 20px;
padding : 0;
}
.body .bgg1 {
background : url(images/bbg.jpg);
padding : 0;
margin : 0 auto;
width : 959px;
}
.body .bgg2 {
background : #cfcfcf url(images/bg2.jpg) no-repeat;
padding : 0;
margin : 0 auto;
width : 959px;
}
.body .left2 {
width : 708px;
float : left;
margin : 10px !important ;
margin : 20px 20px 20px 10px;
padding : 0 0 0 15px;
}
.body .ad {
width : 700px;
float : left;
margin : 15px !important ;
margin : 10px 10px 10px 10px;
padding : 0;
font : normal 14px Verdana;
color : #6f6f6f;
}
.body .block {
width : 708px;
float : center;
font : normal 16px Verdana;
margin : 0px !important ;
margin : 10px 10px 10px 10px;
padding : 0;
color : #000000;
}
.body .left2 img.floated {
float : left;
margin : 5px;
padding : 20px 0 8px 0;
width : 242px;
}
.body .left2 img.floated2 {
float : left;
margin : 5px 0 4px 8px;
padding : 0;
}
.body .left2 img.floated3 {
float : left;
margin : 5px 0 4px 8px;
padding : 0;
}
.body .left2 img.floated4 {
float : left;
margin : 5px 0 4px 15px;
padding : 0;
}
.body .left2 span.floated4 {
float : left;
margin : 5px 0 4px 15px;
padding : 0;
}
.body .left2 ul {
font : normal 11px Tahoma, Geneva, sans-serif;
color : #6e6e6e;
margin : 5px 10px 5px 20px;
padding : 0;
list-style : none;
}
.body .left2 li {
background : #f4f4f4 url(images/right2_bg_ul_li.gif) no-repeat left;
margin : 5px 2px;
padding : 5px 10px;
}
.body .left2 a {
font : normal 11px Tahoma, Geneva, sans-serif;
color : #6e6e6e;
text-decoration : none;
}
.body .left2 a:hover {
color : #4593cd;
text-decoration : none;
}
.body .left2 .portfolio {
width : 150px;
float : left;
margin : 10px 10px;
padding : 0;
}
.body .left2 .portfolio a {
text-decoration : none;
font : bold 11px Tahoma, Geneva, sans-serif;
color : #4a4a4a;
padding : 3px 5px;
margin : 2px 3px;
background : #d9d9d9;
border-left : 1px solid #e2e2e2;
border-top : 1px solid #d1d1d1;
}
.body .left2 .portfolio a:hover {
color : #529cbb;
}
.body .right2 {
width : 186px;
float : left;
margin : 0;
padding : 52px 20px 0 0;
}
.body .right2 ul {
font : normal 11px Tahoma, Geneva, sans-serif;
color : #6e6e6e;
margin : 5px 1px;
padding : 0;
list-style : none;
}
.body .right2 li {
background : #f4f4f4 url(images/right2_bg_ul_li.gif) no-repeat left;
margin : 5px 2px;
padding : 5px 10px;
}
.body .right2 a {
font : normal 11px Tahoma, Geneva, sans-serif;
color : #6e6e6e;
text-decoration : none;
}
.body .right2 a:hover {
color : #4593cd;
text-decoration : none;
}
.body .right2 li a.active {
color : #444;
}
#contactform {
margin : 0;
padding : 5px 10px 5px 20px;
}
#contactform * {
color : #2e2e2e;
}
#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 19px;
}
#contactform label {
float : left;
margin : 0;
width : 100px;
display : block;
padding : 8px 0;
font : normal 12px Tahoma, Geneva, sans-serif;
color : #6e6e6e;
text-transform : capitalize;
}
#contactform label span {
font : normal 12px Arial, Helvetica, sans-serif;
}
#contactform input.text {
width : 400px;
border : 1px solid #c5c5c5;
margin : 5px 0;
padding : 5px 2px;
height : 16px;
background : #fff;
}
#contactform textarea {
width : 400px;
border : 1px solid #c5c5c5;
margin : 10px 0;
padding : 2px;
background : #fff;
height : 300px;
}
#contactform li.buttons input {
padding : 3px 0;
margin : 0 0 0 80px;
border : 0;
color : #FFFFCC;
}
p.response {
text-align : center;
color : #f00;
font : bold 11px Arial, Helvetica, sans-serif;
line-height : 1.8em;
width : auto;
}
.footer {
margin : 0 auto;
padding : 0;
background : url(images/bbg.jpg) no-repeat top;
width : 959px;
height : 90px;
}
.footer_resize {
width : 940px;
margin : 0 auto;
padding : 10px 0 0 0;
}
.footer ul {
margin : 0;
padding : 25px 25px;
list-style : none;
float : left;
}
.footer ul li {
margin : 0;
padding : 0 7px;
float : left;
}
.footer ul li a {
color : #727272;
font : normal 12px Tahoma, Geneva, sans-serif;
text-decoration : none;
line-height : 20px;
}
.footer ul li a:hover {
color : #126ac8;
}
.footer img {
margin : 0px 2px;
padding : 0;
}
.footer p {
margin : 0;
padding : 25px 27px;
text-align : right;
float : right;
color : #9eaebd;
font : normal 11px Arial, Helvetica, sans-serif;
line-height : 1.6em;
}
.footer a {
color : #9eaebd;
font : normal 11px Tahoma, Geneva, sans-serif;
text-decoration : none;
line-height : 1.8em;
}
.footer a:hover {
color : #126ac8;
}
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 #c7c7c7;
padding : 0;
margin : 0 5px 0 17px;
}


#right_form{ 
float: right; width: 300px; margin-top: 0px; 
}

#right_form .text{
font-family:Arial, Helvetica, sans-serif;
color:#999;
font-size:12px;
	
}