@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#e9e9e9; background-image:url(images/bgbody.jpg); background-repeat:no-repeat;}
html { padding:0; margin:0;}
ol,ul{list-style:none;}

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

/********** header **********/
.header { width:100%; padding:0; margin:0 auto; background-image:url(images/bgheader.gif); background-repeat:repeat-x; }
.block_header {margin:0 auto; width:953px;}
/* logo */
.logo { float:left; padding:0; margin:0; width:258px; height:118px;}

/* MAIN NAVIGATION */
.navigation {
	background-image: url(images/navigation-bg.png);
	background-repeat: repeat-x;
	height: 28px;
	background-position: top;
	width: auto;
	float: right;
	padding-top: 6px;
	right: -5px;
}

.navigation ul {
	display: inline;
}
.navigation ul li {
	display: inline;


}
.navigation ul li a {
	text-decoration: none;
	color: #dbdbdb;
	width: auto;
	padding-right: 25px;
	padding-left: 25px;
	font-size: 11px;
	text-transform: uppercase;
	display: block;
	float: left;
	padding-top: 9px;
	padding-bottom: 5px;
	letter-spacing: 0.1em;
}
.nav-right-corner {
	height: 34px;
	width: 15px;
	background-image: url(images/nav-right-corner-bg.png);
	float: right;
	right: -5px;
	position:relative;
}
.nav-left-corner {
	height: 34px;
	width: 69px;
	background-image: url(images/nav-left-corner-bg.png);
	float: right;
	right: -5px;
	position:relative;
}

.navigation-wrap {
	float: right;
	width: 680px;
	background-repeat: repeat-x;
	background-position: bottom;
	z-index: 999;
	padding:0;
	margin:70px 0 0 0;
}

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
	position:relative;
	z-index:50;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			185px; /* left offset of submenus need to match (see below) */
	z-index:100;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
		

}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left:			0;
	top:2em; /* match top ul list item height */
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	left:			185px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
	left:			185px; /* match ul width */
	bottom: 10em;
	top:			0;
}
.sf-menu {
	float:right;
	margin-bottom:	0;
	z-index: 50;
	position:relative;
	right:-5px;
	background-image: url(images/navigation-bg.png);
	background-repeat: repeat-x;
	background-position: top;
	height:34px
}
.sf-menu a {
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
	text-decoration: none;
	color: #dbdbdb;
	width: auto;
	padding-right: 25px;
	padding-left: 25px;
	font-size: 10px;
	text-transform: uppercase;
	display: block;
	float: left;
	padding-top: 15px;
	padding-bottom: 5px;
	letter-spacing: 0.1em;
}
.sf-menu li {

}
.sf-menu li ul {
	padding:1px;
	padding-bottom:15px;
	background-color: #1b1b1b;
	background-image: url(images/sub-nav-bg.png);
	background-repeat: repeat-x;
	background-position: top;
	border: 1px solid #4e4e4e;

}
.sf-menu li li {
	padding-bottom: 5px;
	padding-top: 0px;
	height:25px;
	background-image: url(images/sub-nav-li-ul-bg.png);
	background-repeat: no-repeat;
	background-position: center 8px;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color:#fff;
	outline:		0;
}
.sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	color:#fff;
	outline:		0;
}
/* Active Page Status CSS for all the browsers*/	
.sf-menu li.current-cat a, .sf-menu li.current_page_item a {
	color:#dbdbdb;
}
.sf-menu li.current-cat a:visited, .sf-menu li.current_page_item a:visited {
	color:#C4C4C4;
}
.sf-menu .current_page_item a {
	background-image: url(images/active-glow.jpg);
	background-repeat: no-repeat;
	background-position: center 5px;
	font-weight: bold;
	color: #FFF;
}
.sf-menu  li.current_page_item ul li a {
	background-image: none;

}
.sf-menu  li.current_page_item ul li a:hover {
	background-image: none;
	color:#FFF

}
/* MAIN NAVIGATION END */

.vr-divider {
	float: right;
}
/* menu */	
.menu { padding:0; margin:55px 0 0 0; width:600px; 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:none; background: #cccccc;}
.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:430px;}
.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;}
.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:#F00; text-decoration:none;}
.body p { font:normal 11px   Tahoma, Geneva, sans-serif; color:#666666; line-height:1.8em; padding:5px; margin:0;}
.body ul { padding:5px 0; margin:0 30px;}
.body ul li { font:normal 11px Tahoma, Geneva, sans-serif; color:#666666; line-height:1.8em; padding:1px 10px; margin:0;}
/*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:#666;}
/*Welcome*/
.Welcome { width:580px; margin:5px 0; padding:5px 10px; float:left;}
.Welcome h2 { background: url(images/h2_welcome.gif) left no-repeat;}
/*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;}
.Port p { padding:5px; margin:0;}
.Port .blog_port { width:270px; float:left; margin:5px; padding:5px;}
/*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;}
.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;}