@charset "utf-8";
body {
	margin:0;
	padding:0;
	width:100%;
	color:#999999;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}
html, .main {
	padding:0;
	margin:0;
}
.main {
	background:#f9fbfa url(../images/main_bg.gif) repeat-x left top;
}

h1 , h2 , h3 , h4 {
	font-weight:normal;
	color:#232323;
}
p {
	margin:8px 0;
	padding:0 0 8px 0;
}
a {
	color:#3447ff;
	text-decoration:underline;
}
.header, .content, .menu_nav, .footer, ol, ol li, ul, .content .mainbar, .content .sidebar {
	margin:0;
	padding:0;
}
.header {
}
.header_resize {
	margin:0 auto;
	padding:0;
	width:960px;
}
.logo {
	padding:0;
	float:none;
	width:auto;
	margin:0;
	padding:40px 0 30px;
	font-size:40px;
	font-weight:normal;
	line-height:1.2em;
	text-align:center;
}
.logo a, .logo a:hover {
	color:#747474;
	text-decoration:none;
}
.logo small {
	margin-left:16px;
	padding-left:16px;
	font-size:25px;
	line-height:1.2em;
	letter-spacing:normal;
	text-transform:uppercase;
	color:#c2c4c3;
}
.mainimg {
	padding:0;
	clear:both;
}
.content {
	padding:18px 0 24px;
}
.content_resize {
	margin:0 auto;
	padding:0;
	width:960px;
}
.content .mainbar {
	margin:0;
	padding:0;
	float:left;
	width:660px;
}
.content .article h1 {
	margin-bottom:0;
	padding-bottom:0;
	font-size:29px;
	line-height:1.2em;
	color:#3f3f3f;
}
.content .article h2 , .content .article h3 {
	margin-bottom:0;
	padding-bottom:0;
	font-size:27px;
	line-height:1.2em;
	color:#3f3f3f;
}
.content .mainbar .article {
	margin:0 0 32px;
	padding:0 0 24px;
	border-top:1px solid #d3d3d3;
	clear:both;
}


.content .mainbar .article .img {
	padding:12px 0 0;
	margin:0;
	max-width:645px;
	height:auto;
}

.content .mainbar .article .img img.lf {
	float:left;
	margin: 0 25px 25px 0;
	max-width:300px;
	height:auto;
}

.content .mainbar .article .img img.lr {
	float: right;
	margin: 0 0 25px 25px;
	max-width:300px;
	height:auto;
}

.content .mainbar .article p {
font-size:14px;
line-height:1.85em;
margin: 5px 0 10px;
}


.content .mainbar .article:first-child {
	border:none;
}
.content .sidebar {
	padding:0;
	float:right;
	width:260px;
}
.content .sidebar .gadget {
	margin:0 0 12px;
	padding:12px 20px 24px;
}
.content .sidebar h3 {
	color:#3f3f3f;
}
ul.menu {
	margin:0;
	padding:0;
	list-style:none;
	color:#959595;
}
ul.menu li {
	margin:0;
}
ul.menu li {
	padding:8px 0;
	width:220px;
	border-bottom:1px solid #d3d3d3;
}
ul.menu li a {
	color:#9a9a9a;
	text-decoration:none;
	margin-left:-16px;
	padding:4px 8px 4px 16px;
}
ul.menu li a:hover {
	color:#3447ff;
	font-weight:bold;
	text-decoration:none;
}
.footer {
	background:#e8e8e8;
	clear:both;
	min-height:70px;
}
.footer_resize {
	margin:0 auto;
	padding:0 20px;
	width:920px;
	line-height:1.5em;
	color:#6b6b6b;
}
.footer_resize p {
	margin:24px 0;
	padding:0;
	line-height:normal;
	white-space:nowrap;
	text-indent:inherit;
}
.footer_resize a {
	color:#232323;
	font-weight:normal;
	margin:0;
	padding:0;
	border:none;
	text-decoration:underline;
	background-color:transparent;
}
.footer_resize a:hover {
	color:#232323;
	background-color:transparent;
	text-decoration:none;
}
.footer_resize .lf {
	float:left;
}
.footer_resize .rf {
	float:right;
}
a {
	outline:none;
}

@media screen and (max-width: 680px) {
		
		body {
		}
		html, .main {
		}
		.main {
		}
		
		h1 , h2 , h3 , h4 {
		}
		p {
			margin:8px 0;
			padding:0 0 8px 0;
		}
		a {
			color:#3447ff;
			text-decoration:underline;
		}
		.header, .content, .menu_nav, .footer, ol, ol li, ul, .content .mainbar, .content .sidebar {
		}
		.header {
		}
		.header_resize {
			margin:0;
			padding:0;
			width:100%;
		}
		.logo {
			padding:0;
			float:none;
			width:auto;
			margin:0;
			padding:20px 10px 10px;
			font-size:1.5em;
			font-weight:normal;
			line-height:1.2em;
			text-align:left;
		}
		.logo a, .logo a:hover {
			color:#747474;
			text-decoration:none;
		}
		.logo small {
			margin-left:5px;
			padding-left:5px;
			font-size:0.9em;
			line-height:1.2em;
			letter-spacing:normal;
			color:#c2c4c3;
		}
		.mainimg {
			padding:0;
			margin:0;
			clear:both;
		}
		.mainimg img {
			padding:0;
			margin:0;
			width:100%;
			height:auto;
		}
		.content {
			padding:18px 0 24px;
		}
		.content_resize {
			margin:0;
			padding:0;
			width:100%;
		}
		.content .mainbar {
			margin:0 1%;
			padding:0;
			float:none;
			width:98%;
		}
		.content .article h1 {
			margin-bottom:0;
			padding-bottom:0;
			font-size:1.5em;
			line-height:1.2em;
			color:#3f3f3f;
		}
		.content .article h2 , .content .article h3 {
			margin-bottom:0;
			padding-bottom:0;
			font-size:1.4em;
			line-height:1.2em;
			color:#3f3f3f;
		}
		.content .mainbar div.img {
			padding:12px 0 20px;
			margin: 0;
			float:none;
		}
		.content .mainbar img {
		}
		.content .mainbar img.fl {
		}
		.content .mainbar .article {
			margin:0 0 25px;
			padding:0 0 20px;
			border-top:1px solid #d3d3d3;
			clear:both;
		}
		
		.content .mainbar .article .img {
			padding:12px 2% 0;
			margin:0;
			max-width: inherit;
			width:96%;
			height:auto;
		}
		
		.content .mainbar .article .img img.lf {
			float:none;
			max-width: inherit;
			width:96%;
			height:auto;
			margin: 0 2%;
		}
		
		.content .mainbar .article .img img.lr {
			float: none;
			max-width: inherit;
			width:96%;
			height:auto;
			margin: 0 2%;
		}
		
		.content .mainbar .article:first-child {
			border:none;
		}
		.content .sidebar {
			padding:0;
			margin: 0 1%;
			float:none;
			width:98%;
		}
		.content .sidebar .gadget {
			margin:0 0 12px;
			padding:12px 0 24px;
		}
		.content .sidebar h3 {
			color:#3f3f3f;
			width:96%;
			margin:0 2%;
		}
		ul.menu {
			margin:5px 2% 0;
			padding:0;
			width:96%;
			list-style:none;
			color:#959595;
		}
		ul.menu li {
			margin:0;
		}
		ul.menu li {
			padding:8px 0;
			border-bottom:1px solid #d3d3d3;
			width:100%;
		}
		ul.menu li a {
			color:#9a9a9a;
			text-decoration:none;
			margin-left:-16px;
			padding:4px 8px 4px 16px;
		}
		ul.menu li a:hover {
			color:#3447ff;
			font-weight:bold;
			text-decoration:none;
		}
		.footer {
			background:#e8e8e8;
			clear:both;
			min-height:50px;
			margin:0;
			padding:0;
		}
		.footer_resize {
			margin:0;
			padding:3% 4% 1%;
			width:92%;
			line-height:1.5em;
			color:#6b6b6b;
		}
		.footer_resize p {
			margin:10px 0;
			padding:0;
			line-height:normal;
			white-space:nowrap;
			text-indent:inherit;
		}
		.footer_resize a {
			color:#232323;
			font-weight:normal;
			margin:0;
			padding:0;
			border:none;
			text-decoration:underline;
			background-color:transparent;
		}
		.footer_resize a:hover {
			color:#232323;
			background-color:transparent;
			text-decoration:none;
		}
		.footer_resize .lf {
			float:none;
			padding-top: 5px;
		}
		.footer_resize .rf {
			float:none;
		}
		a {
		}
		
		


}