@charset "utf-8";
/*
Design by http://www.templateaccess.com
Released for free under a Creative Commons Attribution 3.0 License
*/

body {
	margin: 0;
	padding: 0;
	width: 100%;
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 1.8em;
	font-weight: normal;
	font-variant: normal;
	padding-left: 0px;
}
html, .main { padding:0; margin:0; background:#e7e9eb url(images/main_bg.gif) top repeat-x;}
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
.logo {
	width: 1168px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: -60px;
}
.logo img {
	float: left;
	margin: 0 2px 0 0;
}
h1 {
	margin: 0;
	padding: 5px 0;
	width: 400px;
	color: #1f7fbb;
	font: normal 46px/1.2em Arial, Helvetica, sans-serif;
}
h1 a, h1 a:hover { color:#1f7fbb; text-decoration:none;}
h1 span { color:#fff;}
h1 small { text-align:left; float:right; width:130px;  color:#fff; display:block; padding:25px 0 0 10px; font:normal 12px/1.2em Arial, Helvetica, sans-serif; letter-spacing:normal;}
h2 {
	padding: 0;
	margin: 5px 0;
	color: #0066ff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
p {
	margin: 8px 0;
	padding: 0 0 8px 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 1.8em;
	font-weight: normal;
	font-variant: normal;
	color: #000;
}
p.spec { text-align:right;}
a { color:#2cadff; text-decoration:none;}
a:hover { text-decoration:underline;}
a.rm, a.com { margin-left:8px; padding:9px 12px; background:url(images/a_bg.gif) repeat-x top; text-decoration:none; color:#fff;}

.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar { margin:0; padding:0;}

/* header */
.header { }
.header_resize {
	margin: 0 auto;
	padding: 0;
	width: 1165px;
}
/* menu */
.menu_nav {
	margin: 5px auto;
	padding: 10px 20px;
	float: left;
	width: 1168px;
	padding-left: -80px;
}
.menu_nav ul {
	list-style: none;
	width: 850px;
	float: left;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.menu_nav ul li { margin:0; padding:0 10px; float:left; }
.menu_nav ul li a { display:block;  margin:0; padding:2px 10px 2px 15px; color:#fdfdfd; text-decoration:none; font:normal 13px Arial, Helvetica, sans-serif;}
.menu_nav ul li.active a, .menu_nav ul li a:hover { color:#fdfdfd; text-decoration:underline;}
.menu_nav ul li.last a { border:0;}
/* search */
.search {
	float: right;
	margin: 0;
	padding: 0;
	width: 300px;
}
.search form { padding:0; margin:0; }
.search span { display:block; float:left; background:#fff; border:1px solid #dcdcdd; width:200px; padding:0 10px; height:29px; margin:0;}
.search form .keywords { width:250px; line-height:13px; height:13px; float:left; background:none; border:0; padding:8px 0px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#767676; }
.search form .button { float:left; margin:0; padding:0; border:0; position:relative; }
/* content */
.content { padding:10px 0 0 0;}
.content_resize { margin:0 auto; padding:0; width:970px;}
.content .mainbar { margin:0; float:left;}
.content .mainbar img { float:left; padding:4px; margin:0 10px 0 0; border:1px solid #eaecec; background-color:#fff;}
.content .mainbar .article {
	margin: 0 0 20px 0;
	padding: 30px 20px;
	width: 800px;
	border: 1px solid #d8d6d6;
	background: #fefefe url(images/post_bg.gif) top repeat-x;
}
.content .mainbar .article span.butons a { margin:0 5px 0 0; float:right; color:#9a9a9a; padding:1px 10px; text-decoration:none;  border:1px solid #ebe8e8; background:#fbfbfc;}
.content .mainbar .article span.butons a:hover { border:1px solid #d9f0ff; background:#40b5ff; color:#fff; text-decoration:none;}
.content .mainbar .article span.butons a.active {  border:1px solid #ebe8e8;  background:#40b5ff; color:#fff; text-decoration:none;}
.content .sidebar { margin:0; padding:0; float:right; }
.content .sidebar .gadget { margin:0 0 20px 0; padding:30px 20px; width:230px; border:1px solid #d8d6d6; background:#fefefe url(images/post_bg.gif) top repeat-x;}
ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none; color:#959595;}
ul.sb_menu li, ul.ex_menu li { margin:0; border-bottom:1px solid #dedede;}
ul.sb_menu li { padding:4px 0 4px 12px; width:220px;}
ul.ex_menu li { padding:4px 0 8px 12px;}
ul.sb_menu li a, ul.ex_menu li a { color:#959595; text-decoration:none; margin-left:-12px; padding-left:12px;}
ul.sb_menu li a:hover, ul.ex_menu li a:hover { color:#2cadff; text-decoration:underline;}
ul.sb_menu li a:hover { text-decoration:underline;}
ul.ex_menu li a:hover { text-decoration:none;}

/* subpages */
.content .mainbar .comment { margin:0; padding:16px 0 0 0;}
.content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}

/* fbg */
.fbg { padding:10px 0 0 0; background:#434343;}
.fbg_resize { margin:0 auto; padding:20px 20px; width:930px; }
.fbg  h2 { color:#dedddd;}
.fbg  p { color:#959595;}
.fbg  img { padding:4px; border:1px solid #cfd2d4; background-color:#fff;}
.fbg .col { margin:0; float:left;}
.fbg .c1 { padding:0 16px 0 0; width:266px;}
.fbg .c2 { padding:0 16px; width:300px;}
.fbg .c3 { padding:0 0 0 16px; width:260px;}
.fbg .c1 img { margin:8px;}
.fbg .c3 img { margin:8px 16px 4px 0; float:left;}

/* footer */
.footer { width:970px; margin:0 auto; padding:40px 0;}
.footer p.lf { margin:0; padding:4px 0; float:right; width:auto; text-align:right; line-height:1.5em; color:#959595;}
.footer p.lf a { color:#2cadff;}
.footer p.lr { margin:0; padding:4px 0; float:left; width:auto; line-height:1.5em; color:#888787;}
.footer p.lr a { color:#2cadff;}


/* form */
ol {
	list-style: none;
	font-family: Verdana, Geneva, sans-serif;
}
ol li { display:block; clear:both;}
ol li label { display:block; margin:0; padding:16px 0 0 0;}
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px; height:16px; background:#fff;}
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#fff;}
ol li .send { margin:16px 0 0 0;}




.nav {
	position:relative;
	top:0px;
	left:260px;
	display:inline-block;
	font-size:20px;
	font-weight:900;
}
.nav-list {
	list-style:none; 
}
.nav-item {
	float:left;
	*display:inline;
	zoom:1;
}
.nav-item a {
	display:block;
	padding:10px 10px;
}
.nav-item:first-child a {
	border-radius:5px 0 0 5px;
}
.nav-item:last-child a {
	border-radius:0 5px 5px 0;
}
.nav-item a:hover {
	text-decoration:none;
	background-color:#333;
	color:#fff;
}
/* Mobile Navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:fixed;
	top:0;
	right:0;
	background:#34495E url(../img/nav.svg) no-repeat center center;
	height:40px;
	width:40px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media only screen and (min-width: 320px) and (max-width: 768px) {
	.nav-mobile {
		display:block;
	}
	.nav {
		width:100%;
		padding:40px 0 0;
	}
	.nav-list {
		display:none;
	}
	.nav-item {
		width:100%;
		float:none;
	}
	.nav-item a {
		background:#34495E;
		padding:10px;
	}
	.nav-item:first-child a {
		border-radius:5px 0 0;
	}
	.nav-item:last-child a {
		border-radius:0 0 5px 5px;
	}
	.nav-active {
		display:block;
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
}