* {
	margin:0;
	padding:0;
}
body  {
	font-size:12px;
	background:#3e4247;
	color:#535353;
}
img {
	border:0;
}
a {
	color:#2e5d99;
	text-decoration:underline;
}
a:hover {
	color:#2e5d99;
	text-decoration:none;
}

.horSeparator {
	border-top:1px solid #bdbfc0;
	height:1px;
	margin:20px 0;
	clear:both;
}
#container { 
	width: 800px;  
	margin: 0 auto;
} 
#header {
	padding:0 0 30px 0;
}
.logo {
	font-size:34px;
	color:#ffffff;
	padding:20px 0 0 0;
}
.logo a {
	color:#FFFFFF;
	text-decoration: none;
}
.logo a:hover {
	text-decoration: underline;
}
.logo span {
	color:#a9b1ba;
}
.searchBox {
	float:right;
	padding:30px 0 0 0;
}
.slogan {
	margin:0 340px 0 235px;
	color:#fc9700;
	font-size:24px;
	padding:45px 0 0 0;
}
.headimg {
	vertical-align:bottom;
}

.author a {
	color:#9fc435;
	font-size:12px;
	text-decoration:underline;
}
.author a:hover {
	color:#9fc435;
	font-size:12px;
	text-decoration:none;
}
.author {
	color:#a0a0a0;
	padding:4px 0;
}
.headerInfoBox {
	padding:80px 0 0 0;
}
.headerInfo {
	background:#3e4247;
	width:230px;
	padding:25px;
}
.info1 {
	font-size:48px;
	color:#fae108;
}
.info2 {
	color:#ffffff;
	font-size:30px;
	padding-left:90px;
}
.info3 {
	font-size:14px;
	color:#9eca2f;
}
.info4 {
	font-size:14px;
	color:#95989b;
}

#sidebar1 {
	float: left;
	width: 250px;
	background:#ffffff;
}
#sidebar1 h4 {
	font-size:14px;
	font-weight:bold;
	padding:20px 20px 0 20px;
}
#sidebar1 ul {
	margin: 10px 10px 20px 30px;
	padding: 0;
}
#sidebar1 ul li {
	padding: 8px 0;
}
.phoneBox {
	border-bottom:1px solid #bdbfc0;
	padding:20px;
}
.phoneBox p {
	padding:10px 0 0 0;
}
.phonePic {
	float:left;
	padding-right:10px;
}

#mainContent {
	width: 470px;
	float: right;
	background:#f6f7f7;
	padding:30px; 
} 
#mainContent h1 {
	font-size: 22px;
	margin-bottom: 8px;
}
#mainContent h2 {
	font-size: 21px;
	margin-bottom: 8px;
}
#mainContent h3 {
	font-size: 20px;
	margin-bottom: 8px;
}
#mainContent h4 {
	font-size: 20px;
	margin-bottom: 8px;
}
#mainContent .imgfull {
	max-width: 100%;
	margin:0 0 10px 0;
}
#mainContent .imgleft {
	float: left;
	max-width: 230px;
	margin:0 10px 10px 0;
}
#mainContent .imgright {
	float: right;
	max-width: 230px;
	margin:0 0 10px 10px;
}


#footer {
	background:#121210;
	color:#717171;
	padding:30px 0;
	margin:30px 0 0 0; 
}
#footer p {
	text-align:center;
} 
#footer a {
	color:#bababa;
	text-decoration:underline;
}
#footer a:hover {
	color:#bababa;
	text-decoration:none;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}










@media screen and (max-width: 680px) {

body  {
	font-size:12px;
	background:#3e4247;
	color:#535353;
}
img {
	border:0;
}
a {
	color:#2e5d99;
	text-decoration:underline;
}
a:hover {
	color:#2e5d99;
	text-decoration:none;
}

.horSeparator {
	border-top:1px solid #bdbfc0;
	height:1px;
	margin:20px 0;
}
#container { 
	width: 100%;  
	margin: 0 auto;
} 
#header {
	padding:0 0 30px 0;
}
.logo {
	font-size:26px;
	color:#ffffff;
	padding:20px 0 0 10px;
}
.logo span {
	color:#a9b1ba;
}

.slogan {
	margin:0 340px 0 235px;
	color:#fc9700;
	font-size:24px;
	padding:45px 0 0 0;
}
.headimg {
	vertical-align:bottom;
}
.headimg img{
	max-width: 100%;
}

.author a {
	color:#9fc435;
	font-size:12px;
	text-decoration:underline;
}
.author a:hover {
	color:#9fc435;
	font-size:12px;
	text-decoration:none;
}
.author {
	color:#a0a0a0;
	padding:4px 0;
}
.headerInfoBox {
	padding:80px 0 0 0;
}
.headerInfo {
	background:#3e4247;
	width:230px;
	padding:25px;
}
.info1 {
	font-size:48px;
	color:#fae108;
}
.info2 {
	color:#ffffff;
	font-size:30px;
	padding-left:90px;
}
.info3 {
	font-size:14px;
	color:#9eca2f;
}
.info4 {
	font-size:14px;
	color:#95989b;
}

#sidebar1 {
	float: none;
	width: 95%;
	background:#ffffff;
	margin: 20px auto;
	padding-bottom: 20px;
}
#sidebar1 h4 {
	font-size:14px;
	font-weight:bold;
	padding:20px 20px 0 20px;
}
#sidebar1 ul {
	margin: 10px 10px 20px 30px;
	padding: 0;
}
#sidebar1 ul li {
	padding: 8px 0;
	font-size: 14px;
}
.phoneBox {
	border-bottom:1px solid #bdbfc0;
	padding:20px;
}
.phoneBox p {
	padding:10px 0 0 0;
}
.phonePic {
	float:left;
	padding-right:10px;
}

#mainContent {
	width: calc(95% - 20px);
	float: none;
	background:#f6f7f7;
	padding:10px;
	margin: 0 auto;
} 
#mainContent h1 {
	font-size: 20px;
	margin-bottom: 8px;
}
#mainContent h2 {
	font-size: 18px;
	margin-bottom: 8px;
}
#mainContent h3 {
	font-size: 17px;
	margin-bottom: 8px;
}
#mainContent h4 {
	font-size: 17px;
	margin-bottom: 8px;
}
#mainContent .imgfull {
	max-width: 100%;
	margin:0 0 10px 0;
}
#mainContent .imgleft {
	float: left;
	max-width: 45%;
	margin:0 10px 10px 0;
}
#mainContent .imgright {
	float: right;
	max-width: 45%;
	margin:0 0 10px 10px;
}


#footer {
	background:#121210;
	color:#717171;
	padding:30px 0;
	margin:30px 0 0 0; 
}
#footer p {
	text-align:center;
} 
#footer a {
	color:#bababa;
	text-decoration:underline;
}
#footer a:hover {
	color:#bababa;
	text-decoration:none;
}


}