body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 87.5%; /* Base font size is 14px */
	line-height: 1.5;
	color: #666;
	text-align: left;
	background-color: #FFF;
}

a {
	text-decoration: none;	
}

a:link, a:visited {
	color: #CF5C3F;
}
a:hover, a:active {
	color: #CF5C3F;
}

a.light {
	text-decoration:none; 
}
a.light:link, a:visited {
	color: #FF974C;
}
a.light:hover, a:active {
	color: #BCBCBC;
}

.body {
	margin: 0 auto;
	clear: both;
	width: 100%;
}
.mainHeader img {
	width: 40%;
	height: auto;
	margin: 0 0 1% 3%;
	float: left;
}
.mainHeader nav {
	font-size: 100%;
	height: 40px;
	float: left;
	margin-top: 13%;
}

.mainHeader nav ul{
	list-style: none;
	margin: 0 auto;	
}

.mainHeader nav ul li {
	float: left;
	display: inline;	
}
.mainHeader nav a:link, .mainHeader nav a:visited {
	color: #666;
	padding: 0 10px 0 0;
}
.mainHeader nav a:hover, .mainHeader nav a:active,
.mainHeader nav .active a:link, .mainHeader nav .active a:visited {
	color: #CF5C3F;	 
}
.content {
	width: 100%;
	clear: both;
}
.topcontent {
	line-height: 1.6;
	background-color: #666;
	margin: 4% 0 4% 0;
	font-size: 130%;
	padding: 3% 10%;
	color: #FFF;
}
.bottomcontent {
	line-height: 10px;
	margin: 5% 0 0 0;
}
.first-client {
	width: 47%;
	float: left;
	margin: 0 1.5% 2% 1.5%;
}
.second-client {
	width: 47%;
	float: left;
	margin: 0 1.5% 2% 1.5%;
}
.break {
	width:100%
	float: left;
}
.third-client {
	width: 47%;
	float: left;
	margin: 0 1.5% 2% 1.5%;
}
.fourth-client {
	width: 47%;
	float: left;
	margin: 0 1.5% 2% 1.5%;
}
.first-client img {
	width: 100%;
	float: left;
	margin: 0% 2% 2% 0;
	}
.second-client img {
	width: 100%;
	float: right;
	margin: 0% 0 2% 2%;
	}
.third-client img {
	width: 100%;
	float: left;
	margin: 0% 2% 2% 0;
	}
.fourth-client img {
	width: 100%;
	float: left;
	margin: 0% 2% 2% 0;
	}

@media only screen and (min-width: 150px) and (max-width: 419px) {
.body {
	width: 100%;
	font-size: 85%;
}
.mainHeader {
	width: 100%;
}
.mainHeader img {
	margin: 0 0 0 2%;
	width: 80%;
}
.mainHeader nav {
	font-size: 9px;
	margin-top: 0;
	width: 100%;
}
.mainHeader nav ul{
	padding-left: 2%;
	margin: 1% 0 0 2%;
	width: 290px;
	height: 40px;
}
.content {
	margin-top: 2%;
}
.topcontent {
	margin: 0 0 10% 0;
	padding: 3% 5%;
	font-size: 100%;
	line-height: 1.5;
}
.post-info {
	display: none;
}
.first-client {
	width: 94%;
	margin: 0 0 2% 0%;
	padding: 0 3%;	
}
.second-client {
	width: 94%;
	margin: 2% 0 2% 0%;
	padding: 2% 3%;	
}

.third-client {	
	width: 94%;
	margin: 2% 0 2% 0%;
	padding: 2% 3%;	
}
.fourth-client {	
	width: 94%;
	margin: 2% 0 2% 0%;
	padding: 2% 3%;	
}
}
@media only screen and (min-width: 420px) and (max-width: 599px) {
.body {
	width: 100%;
	font-size: 85%;
}
.mainHeader {
	width: 100%;
}
.mainHeader img {
	margin: 0 0 0 2%;
	width: 60%;
}
.mainHeader nav {
	clear: both;
	margin: 1% 0 0 0;
	width: 100%;

}
.mainHeader nav ul{
	height: 40px;
	margin: 0 0 0 2%;
	padding-left: 2%;
}
.content {
	margin-top: 2%;
}
.topcontent {
	margin: 0 0 7% 0;
	padding: 3% 5%;
	font-size: 100%;
	line-height: 1.5;
}
.post-info {
	display: none;
}
.top-sidebar {
	width: 94%;
	margin: 0 0 0 0;
	padding: 0 3%;	
}
.middle-sidebar {
	width: 94%;
	margin: 2% 0 2% 0%;
	padding: 2% 3%;	
}

.bottom-sidebar {
	width: 94%;
	margin: 2% 0 2% 0%;
	padding: 2% 3%;	
}
}

@media only screen and (min-width: 600px) and (max-width: 890px) {
.body {
	width: 100%;
}
.mainHeader nav {
	clear: both;
	margin-top: 0;
}
.mainHeader nav ul{
	padding-left: 5%;
}
}