@charset "utf-8";

body { margin:0; padding:0; width:100%; background:#e9e9e9;}

html { padding:0; margin:0;}



/* main */

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

.resize { width:953px; margin:0 auto;}



/********** header **********/

.header { }

.block_header {margin:0 auto; width:953px;}

/* logo */

.logo { float:left; padding:0; margin:10px 20px; width:258px;}

/* menu */	

.menu { padding:0; margin:55px 0 0 0; width:450px; float:right; height:41px; background:url(images/menu_bg.gif) top repeat-x;}

.menu div { height:41px; background:url(images/menu_l_img.gif) left no-repeat;}

.menu div div { height:41px;  background:url(images/menu_r_img.gif) right no-repeat; padding:0 10px;}

.menu ul { padding:0; margin:0; list-style:none; border:0;}

.menu ul li { float:left; margin:2px 0 0 0; padding:0; border:0;}

.menu ul li a { float:left; margin:2px 1px 0 0; padding:10px 14px; color:#000; font:normal 11px  Arial, Helvetica, sans-serif; text-decoration:none;}

.menu ul li a:hover {

	color:#fff;

	text-decoration:underline;

	background: #cccccc;

}


 h1 { 
	 font:normal 24px  Tahoma, Geneva, sans-serif; 
	 color:#3a3c3c; 
	 
	 padding:10px 40px;
	 margin:0 0 5px 0;
}
 h2{ 
	 font:normal 20px  Tahoma, Geneva, sans-serif; 
	 color:#3a3c3c; 
	 
	 padding-left : 40px;
	 margin:0 0 5px 0;
}

h3 { 
	 font:normal 18px  Tahoma, Geneva, sans-serif; 
	 color:#3a3c3c; 
	 padding-left : 40px;
	 
	 margin:0 0 5px 0;
}
.menu ul li a.active {background:#cccccc; color:#fff; text-decoration:underline; }

/********** slider **********/

.slider {margin:0 auto; width:953px; padding:0; background: url(images/simple_bg.gif) top repeat-y; }

/* header_text */

.header_text { margin:0 auto; width:953px; padding:0; background:url(images/simple_img_top.gif) top no-repeat;}

.header_text h2 { margin:20px 40px; padding:0;}

.header_text .div {width:953px; margin:0; padding:0;}

.header_text .div .left1 { float:left; width:450px;}

.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:300px;}

.header_text p { font:normal 11px  Tahoma, Geneva, sans-serif; color:#5e5e5e; padding:0 0 0 40px; margin:0; line-height:1.6em;}

.header_text ul.buttons { float:left; padding:20px 0 10px 25px; margin:0; list-style:none;}

.header_text ul.buttons li { float:left; padding:0 5px; margin:0;}

/*toppik*/

.toppik {margin:0 auto; width:953px; padding:10px 0; background: url(images/bg_toppik.gif) top repeat-y; height:25px;}

.toppik p { padding:0; margin:0; }

.toppik p.lastes { width:100px; float:left;color:#5e5e5e; font:bold 16px Arial, Helvetica, sans-serif; margin:0 0 0 20px; background:url(images/tip_img_lastes.gif) left no-repeat; padding:7px 30px;}

.toppik a {width:100px; float:right; float:right; font: normal 11px Arial, Helvetica, sans-serif; color:#1f63a3; background:url(images/tip_a_bg.gif) left no-repeat; padding:5px 20px;}

/*blog_body*/

.blog_body { width:953px; background:url(images/blog_body_bg_top.gif) top repeat-y; margin:0 auto 20px auto; padding:0;}

.blog_body p { margin:0; font:normal  11px Tahoma, Geneva, sans-serif; color:#6f6f6f; padding:0 10px;}

.blog_body img { margin:5px 10px; padding:0;}

.blog_body .lorem {

	width:210px;

	float:left;

	margin:15px 10px;

	padding:0;

	text-align: center;

}


.blog_body h4{
    margin: 0;
    font: normal 11px Tahoma, Geneva, sans-serif;
    color: #6f6f6f;
    padding: 0 10px;
    
}




.blog_bottom { margin:0 auto; padding:0; float:left;}

.blog_bottom img { margin:0; padding:0;}

/********** block index **********/

.body { padding:0; width:953px; margin:0 auto; background: url(images/simple_bg.gif) top repeat-y;}

.body_bottom { width:953px; margin:0 auto; padding:0;}

.body_bottom img { margin:0; padding:0;}

.body_resize { width:933px; margin:0 auto; padding:0 10px; background:url(images/simple_img_top.gif) top no-repeat;}

.body h2 { font:normal 22px  Tahoma, Geneva, sans-serif; color:#3a3c3c; border-bottom:1px solid #cccccc; padding:10px 40px; margin:0 0 5px 0;}

.body a { font:bold 11px  Tahoma, Geneva, sans-serif; color:#1575a9; text-decoration:none;}

.body p {

	font:normal 11px   Tahoma, Geneva, sans-serif;

	color:#666666;

	line-height:1.8em;

	padding:5px;

	margin:0;

	font-size: 11px;

}

.body ul {

	padding:5px 0;

	margin:0 30px;

	color: #333;

}

.body ul li {

	font:normal 11px Tahoma, Geneva, sans-serif;

	color:#666666;

	line-height:1.8em;

	padding:1px 10px;

	margin:0;

	text-align: left;

}

/*News*/

.News { width:300px; margin:5px 0; padding:5px 10px; float:left;}

.News  h2 { background:url(images/h2_News.gif) left no-repeat;}

.News span { font:bold 14px Tahoma, Geneva, sans-serif; color:#2c2c2c;}

/*Welcome*/

.Welcome { width:580px; margin:5px 0; padding:5px 10px; float:left;}

.Welcome h2 { background: url(images/h2_welcome.gif) left no-repeat;}

.Welcome h3 {font:normal 11px   Tahoma, Geneva, sans-serif;

 	color:#666666;

	line-height:1.8em;

	padding:5px;

	margin:0;

	font-size: 11px;
}

/*Port*/

.Port { width:890px; margin:5px 0; padding:5px 10px; float:left;}

.Port h2 { background:url(images/h2_port.gif) left no-repeat;}

.Port img {

	margin:5px;

	padding:0;

	text-align: center;

}

.Port p {

	padding:5px;

	margin:0;

	text-align: left;

	font-size: 12px;

}

.Port .blog_port {

	width:270px;

	float:left;

	margin:5px;

	padding:5px;

	text-align: center;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 18px;

	font-weight: bold;

}

/*about*/

.about { width:580px; margin:5px 0; padding:5px 10px; float:left;}

.about h2 { background:url(images/h2_welcome.gif) left no-repeat;}

.about img { margin:5px; padding:0;}

.about p { padding:5px; margin:0;}

.about p.pad { padding:0 0 0 70px;}

.about span { font: normal 19px Tahoma, Geneva, sans-serif; color:#6f6f6f;}

.about .blog_port { width: 270px; float: left; margin:5px; padding:5px;}

/*Sub*/

.Sub { width:300px; margin:5px 0; padding:5px 10px; float:left;}

.Sub h2 { padding:10px}

.Sub ul { margin:5px 10px; padding:0; list-style:none;}

.Sub li { font: normal 13px Arial, Helvetica, sans-serif; color:#484848; background:url(images/Sub_ul_li.gif) left no-repeat;}

.Sub li a { color:#1575a9; font: normal 11px  Arial, Helvetica, sans-serif; text-decoration:underline;}

.Sub li a:hover { text-decoration:none;}

.Sub img { margin:5px 10px; padding:0;}

/********** contact form **********/

#contactform { margin:0; padding:5px 10px;}

#contactform * { color:#222222;}

#contactform ol { margin:0; padding:0; list-style:none;}

#contactform li { margin:5px 0; padding:0; background:none; border:none; display:block;}

#contactform li.buttons { margin:5px 0;}

#contactform label { margin:0; width:110px; display:block; padding:5px 0; font:bold 11px Arial, Helvetica, sans-serif; color:#8d8d8d; text-transform:capitalize; float:left;}

#contactform label span { display:block; font:normal 10px Arial, Helvetica, sans-serif;}

#contactform input.text { width:360px; border:1px solid #dcdcdc; margin:5px 0; padding:5px 2px; height:16px; background:#f5f5f5; float:left;}

#contactform textarea { width:360px; border:1px solid #dcdcdc; margin:5px 0; padding:2px; background:#f5f5f5; float:left;}

#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 { width:900px; color:#9c9c9c; font:normal 11px Tahoma, Geneva, sans-serif; text-align:left; margin:0 auto; padding:20px 0; }

.footer p { padding:0; margin:0; float:right; width:50%; text-align:right;}

.footer ul { padding:0; margin:0; float:left; list-style:none; width:50%;}

.footer ul li { padding:0; margin:0 5px; float:left;}

.footer a { color:#9c9c9c; font:normal 11px Tahoma, Geneva, sans-serif; padding:0 1px;}
.footer h3 {color:white;}
.text_left { text-align:left; }



p.clr, .clr { clear:both; padding:0; margin:0; background:none;}

li.bg, .bg { clear:both; border-top:1px solid #eaeaea; padding:0; margin:5px 0; background:none;}