@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#fff url(images/main_bg.jpg) top repeat-x;}
html { padding:0; margin:0;}

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

/********** header **********/
.header { }
.block_header {margin:0 auto; width:1000px; padding:0;}
/* logo */
.logo { float:left; padding:0; margin:0; width:308px;}
/*Simple_text*/
.Simple_text { border-left:2px solid #99d5ff; font:normal 11px Arial, Helvetica, sans-serif; color:#fff; padding:10px 10px; margin:50px 0 0 0; float:right; width:300px;}
.Simple_text a { color:#99d5ff; text-decoration:underline;}
/* menu */	
.menu { padding:0; margin:0 auto; width:1000px; height:47px; background:url(images/menu_bg.gif) top no-repeat;}
.menu ul { padding:0 20px; margin:0 30px 0 0; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:5px 3px; border:0;}
.menu ul li a { float:left; margin:0 1px 0 0; padding:13px 0; color:#fff; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:13px 10px; background:none;}
.menu ul li a:hover { background:url(images/r_menu.gif) no-repeat right ;}
.menu ul li a:hover span { background:url(images/l_menu.gif) no-repeat  left ;}
.menu ul li a.active {background:url(images/r_menu.gif) no-repeat  right ;}
.menu ul li a.active span {  background:url(images/l_menu.gif) no-repeat  left ;}
a { color:#3497c4; font:normal 11px Tahoma, Geneva, sans-serif;}
a:hover {color:#3497c4; font:normal 11px Tahoma, Geneva, sans-serif;}
a:active{color:#3497c4; font:normal 11px Tahoma, Geneva, sans-serif;}
/********** slider **********/
.slider {margin:0 auto; width:1000px; padding:0; background:url(images/slider_bg.jpg) top no-repeat; }
.slider2 {margin:0 auto; width:1000px; padding:50px 0 0 0; background:url(images/slider2_bg.gif) 0px 50px  no-repeat; height:125px; }
.slider2 h2 { margin:0; padding:15px 0 0 45px; font:normal 37px Arial, Helvetica, sans-serif; color:#3e95d4;}
.slider2 h2.pan { padding:0; margin:5px 0 0 45px; font:normal 19px Arial, Helvetica, sans-serif; color:#565656;}
/* header_text */
.header_text { margin:0 auto; width:1000px; padding:0; background:url(images/simple_img_top.gif) top no-repeat;}
.header_text h2 { margin:15px 0 0 45px; padding:0; font:normal 37px Arial, Helvetica, sans-serif; color:#3e95d4;}
.header_text h2.pan { padding:0; margin:5px 0 0 45px; font:normal 19px Arial, Helvetica, sans-serif; color:#565656;}
.header_text .div {width:1000px; margin:0; padding:0;}
.header_text .div .left1 { float:left; width:530px;}
.header_text strong { display:block; margin:0; color:#a1e2e6; font:normal 12px Arial, Helvetica, sans-serif; line-height:16px;}
.header_text span { float:right; margin:0; padding:0; width:400px;}
.header_text p { font:normal 11px  Arial, Helvetica, sans-serif; color:#3d3f41; padding:10px 0 0 45px; margin:0; line-height:1.6em;}
.header_text ul.buttons { float:left; padding:20px 0 10px 45px; margin:0; list-style:none;}
.header_text ul.buttons li { float:left; padding:0 5px; margin:0;}
/*blog_body*/
.blog_body_top { width:1000px; margin:0 auto; padding:0; background:url(images/topi_bg.gif) top repeat-y; }
.blog_body { width:1000px;background:url(images/top_img_topi.gif) top no-repeat; margin:0 auto; padding:0;}
.blog_bottom { margin:0; padding:10px 20px; width:960px; float:left; background:url(images/topi_bottom_img.gif) bottom no-repeat;}
.blog_body p { margin:0; padding:0; font:normal 11px  Arial, Helvetica, sans-serif; line-height:1.8em; color:#828282; padding:0 10px; margin:0;}
.blog_body img { float:left; margin:0 10px; padding:0;}
.blog_body .lorem { width:240px; float:left; margin:0; padding:0;}
/********** block index **********/
.body { padding:0 10px; width:980px; margin:0 auto;}
.body h2 { font:normal 19px  Tahoma, Geneva, sans-serif; color:#4e4a38; border-bottom:1px solid #d5d5d5; padding:10px 40px; margin:5px 0; background:url(images/h2_body.gif) left no-repeat;}
.body h3 { font:normal 22px  Tahoma, Geneva, sans-serif; color:#4e4a38; padding:5px 5px; margin:0;}
.body h4 { font:normal 17px  Tahoma, Geneva, sans-serif; color:#4e4a38; padding:5px 5px; margin:0;}
.body a { font:normal 11px Arial, Helvetica, sans-serif; color:#3497c4; text-decoration:underline;}
.body p { font:normal 11px Arial, Helvetica, sans-serif; color:#414141; line-height:1.8em; padding:5px 5px; margin:0;}
.body span { font:normal 15px Arial, Helvetica, sans-serif; color:#898989; padding:15px 0; margin:0;}
.body .welcome { width:300px; float:left; margin:10px 10px; padding:5px 5px;}
.body .welcome ul { margin:0; padding:0; list-style:none;}
.body .welcome li { padding:3px 25px; background:url(images/ul_li.gif) left no-repeat; margin:0;}
.body .News { width:290px; float:left; margin:10px 10px; padding:5px 5px;}
.body .News em { font:italic 13px Arial, Helvetica, sans-serif; color:#838383; padding:0; margin:0; line-height:1.8em;}
.body .News h2.test { background:url(images/h2_body_test.gif) left no-repeat;}
.body .News ul {margin:0; padding:0; list-style:none;}
.body .News li  {font:normal 11px Arial, Helvetica, sans-serif; color:#3497c4; padding:5px 25px; margin:0;}
.body .News p.data {line-height:1.8em; width:70px; padding:2px 5px; font:bold 14px Arial, Helvetica, sans-serif; color:#3895d5; background:#eeeeee; margin:10px 0;}
.body .News a.clock { background:url(images/news_a_bg.gif) left no-repeat; padding:5px 20px;}
/*blog_body2*/
.blog_body_top2 { width:1000px; margin:0 auto; padding:0; background:url(images/FBG_bg.gif) top repeat-y; }
.blog_body2 { width:1000px;background:url(images/FBG_img_top.gif) top no-repeat;}
.blog_bottom2 { margin:0; padding:10px 20px; float:left; width:960px; background:url(images/FBG_bottom_img.gif) bottom no-repeat;}
.blog_body2 p { font:normal  11px  Arial, Helvetica, sans-serif; color:#828282;  padding:0 10px; margin:0; line-height:1.8em;}
.blog_body2 img { float:left; margin:5px 10px; padding:0;}
.Testi { width:280px; padding:0 20px; float:left; margin:0;}
.Testi h2 { font:normal 22px  Tahoma, Geneva, sans-serif; color:#4e4a38; padding:10px 50px; margin:5px 0; background:url(images/h2_test.gif) left no-repeat;}
.Testi p { font:italic 13px Arial, Helvetica, sans-serif; color:#838383; padding:0; margin:0; line-height:1.8em;}
.Testi a { font:bold 11px Arial, Helvetica, sans-serif; color:#7a7a7a; float:right; text-decoration:none; line-height:1.8em; }
.Featured { width:93%; padding:0 20px; float:left; margin:0;}
.Featured a { font:normal 11px Arial, Helvetica, sans-serif; color:#3497c4; text-decoration:underline;}
.Featured h2 { font:normal 19px  Tahoma, Geneva, sans-serif; color:#4e4a38; padding:10px 10px; margin:5px 0;}
.Featured ul { margin:0 5px; padding:0; list-style:none; display:inline;}
.Featured li { display:inline; font:normal 11px Arial, Helvetica, sans-serif; line-height:1.8em; color:#7c7c7c; padding:5px; margin:0;}
/*portfolio*/
.portfolio img { float:left; padding:0; margin:5px 10px;}
.portfolio { width:630px; margin:10px 10px; float:left; padding:5px 5px;}
.portfolio h2 { background:url(images/h2_port.gif) left no-repeat;padding:10px 50px; margin:5px 0; }
.portfolio .item { width:300px; float:left; margin:5px 5px; padding:0;}
.portfolio .item img { float:left; margin:5px 5px; padding:0;}
/*bottomms*/
.bottomms { width:100px; float:right; margin:10px 10px; padding:0;}
.bottomms a { font:normal 10px Arial, Helvetica, sans-serif; color:#fff; background:#9e9e9e; padding:2px 2px; margin:0 0 0 5px; text-decoration:none;}
.bottomms a:hover { color:#3497c4; text-decoration:none; background:none;}
/********** 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 { text-align:right;  margin:0 10px 0 0; width:150px; display:block; padding:5px 0; font:normal 11px Tahoma, Geneva, sans-serif; color:#6e6e6e; float:left;}
#contactform img { text-align:right;  margin:2px 10px 0 0; display:block; padding:0px 0; }
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:380px; border:1px solid #c5c5c5; margin:2px 0; padding:3px 2px; height:14px; background:#fff; float:left;}
#contactform textarea { width:380px; border:1px solid #c5c5c5; margin:2px 0; padding:3px 2px; background:#fff; float:left;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 160px; border:0; color:#FFF;}
p.response { text-align:left; color:#2c2c2c; font:12px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}
p.loading img { margin-left:240px;}
/********** footer **********/
/*Twitter*/
.Twitter { width:1000px; margin:0 auto; padding:0;}

.footer { padding:20px 0 0 0; margin:0 auto; background:url(images/footer_bg.gif) 0 20px repeat-x;}
.footer .resize { width:960px; margin:0 auto;}
.footer .resize p { float:left; width:50%; padding:20px 0; margin:0; color:#959595; font:normal 11px Tahoma, Geneva, sans-serif; }
.footer .resize a { color:#3497c4; font:normal 11px Tahoma, Geneva, sans-serif; padding:0 4px; }
.text_left { text-align:right; }

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px  dashed #c7c7c7; padding:0; margin:5px 0; background:none;}

/* Buttons */
.button {	
	border-radius: 20px;	
	color: #FFF;
	display: inline-block;
	filter:alpha(opacity=90);
	font-size: 1.2em;
	font-weight: bold;
	opacity:.90;
	padding: 5px 15px;
	text-decoration: none !important;
	vertical-align: middle;
	white-space: nowrap;
	-moz-border-radius: 20px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;	
	-moz-opacity:.90;
	-webkit-opacity:.90;
	-khtml-opacity:.90;
}
.button:hover, .button:focus {
	filter:alpha(opacity=100);
	opacity:1;
	-moz-opacity:1;
	-webkit-opacity:1;
	-khtml-opacity:1;
}
.button:active {
	padding: 5px 14px 5px 16px;
}
.button span { padding: 0 25px 0 0; }	
.button.b1 { 
	background: #27B6EC url('/images/button_bg_1.png') 0px -30px repeat-x; 
	border: 1px solid #159CCF;
	border-top-color: #28C4FF;
	border-left-color: #28C4FF;		
	text-shadow: #159CCF 0 1px 0;
}
.button.b1:active { 
	background-position: 0px 0px; 
	border: 1px solid #28C4FF;
	border-top-color: #159CCF;
	border-left-color: #159CCF;
}
	.button.b1 span { background: transparent url('/images/button_ar_1.png') right center no-repeat; }
.button.b2 { 
	background: #000 url('/images/button_bg_2.png') 0px -30px repeat-x; 
	border: 1px solid #000;
	border-top-color: #212121;
	border-left-color: #212121;
	text-shadow: #000 0 1px 0;
}
.button.b2:active { 
	background-position: 0px 0px; 
	border: 1px solid #212121;
	border-top-color: #000;
	border-left-color: #000;
}
	.button.b2 span { background: transparent url('/images/button_ar_2.png') right center no-repeat; }	
.button.tiny {
	border-radius: 12px;
	font-size: 1em;
	padding: 2px 10px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
}
.button.tiny:active { padding: 2px 9px 2px 11px; }
.button.signup { position: relative; top: -5px; }
a.free-green-btn {
	display:block; 
	width:156px;
	height:44px;
	padding:4px 0 0;
	color:#fff;
	font:bold 16px/19px Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
  background-image: url(images/green-btn.gif);
  background-repeat: no-repeat;
}
.alert_css, .comment_css {
border: 1px solid
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.alert_css {
color: #2E2D2D;
background-color: #D25F66; -moz-border-radius-topleft: 18px; -moz-border-radius-topright: 18px; -moz-border-radius-bottomright: 18px; -moz-border-radius-bottomleft: 18px;
background-image: url("images/warning.png");
}
.comment_css {
color: #2E2D2D;
background-color: #A6C8D2; -moz-border-radius-topleft: 18px; -moz-border-radius-topright: 18px; -moz-border-radius-bottomright: 18px; -moz-border-radius-bottomleft: 18px;
background-image: url("images/comment.png");
}