html,
body{
margin:0;
padding:0;
height:100%;
font-family: 'PT Sans', sans-serif;
}

 #boxscroll2 {
	padding: 10px 40px 10px 10px;
	height: 470px;
	width: 450px;
	color:#ffffff;
	overflow: auto;
  position: fixed;
  top: 40px;
  left: 600px;
z-index:20;
}

a:link{color:#ffffff;text-decoration:none;}
a:visited{color:#ffffff;text-decoration:none;}
a:hover{color:#ffffff;text-decoration:none;}

a.nav:link{color:#ffffff;text-decoration:none;}
a.nav:visited{color:#ffffff;text-decoration:none;}
a.nav:hover{color:#ffffff;text-decoration:none;}

a.white:link{color:#ffffff;text-decoration:none;}
a.white:visited{color:#ffffff;text-decoration:none;}
a.white:hover{color:#95c93a;text-decoration:none;}

a.f:link{text-decoration:none;}
a.f:visited{text-decoration:none;}
a.f:hover{opacity:.70;filter: alpha(opacity=70); -moz-opacity: 0.7}


/* Smartphones (portrait and landscape) ----------- */
@media (min-width : 320px) and (max-width : 600px) {
/* Styles */

img.circle{
	display:none;
}

.leftside{
	width:90%;
	margin:0 5% 0 5%;
	top:20px;
	position:relative;
}

.content{
	padding:5%;
	width:90%;
	color:#ffffff;
	overflow: auto;
	margin:0;
	background:url(/img/blackbg.png);
}

.homecontent{
	padding:5%;
	width:90%;
	color:#ffffff;
	overflow: auto;
	margin:0;
	background:url(/img/blackbg.png);
}

img.cli{
	width:94%;
	border:1px solid #959595;
	padding:3%;
}

td.clients{
	width:23%;
	padding:0;
	margin-right:0;
}

.title{
	color:#95c93a;
	font-transform:uppercase;
	font-size:1.5em;
}

span.subtitle{
	color:#95c93a;
	font-transform:uppercase;
	font-size:1.2em;
}


img.weblogo{
	width:90%;
	margin:0 5%;
}

.navv{
	padding:8px;
	background:url(/img/blue2.png);
	width:95%;
	font-size:1.2em;
	font-family: 'bodonixtregular';
	color:#ffffff;
	margin:0 0 5px 0;
}

.navv:hover{
	padding:8px;
	background:url(/img/green.png);
	width:95%;
	font-size:1.2em;
	font-family: 'bodonixtregular';
	color:#ffffff;
	margin:0 0 5px 0;
}

.footer1{
	display:none;
}

.footer2{
	width:100%;
	text-align:center;
	font-size:.8em;
	font-style:italic;
	color:#ffffff;
	text-shadow: 1px 1px 3px #333333;
	padding:3% 0 3% 0;
}

.vio{
	width:100%;
	text-align:center;
	bottom:5px;
	right:5px;
	z-index:200;
}


}



/* iPads (portrait and landscape) ----------- */
@media (min-width : 600px) and (max-width : 1000px) {
/* Styles */

img.circle{
	position:relative;
	top:-200px;
	left:220px;
}

.leftside{
width:30%;float:left;margin:0 10% 0 5%;top:20px;position:relative;
}

.content{
	height: 470px;
	width: 50%;
	float:right;
	color:#ffffff;
	overflow: auto;
	top: 50px;
	position:relative;
}

.homecontent{
	height: 470px;
	width: 50%;
	float:right;
	color:#ffffff;
	overflow: auto;
	top: 150px;
	position:relative;
}

img.cli{
	width:94%;
	border:1px solid #959595;
	padding:3%;
}

td.clients{
	width:23%;
	padding:0;
	margin-right:0;
}

.title{
	color:#95c93a;
	font-transform:uppercase;
	font-size:1.5em;
}

span.subtitle{
	color:#95c93a;
	font-transform:uppercase;
	font-size:1.2em;
}

img.weblogo{
width:70%;
margin:0 15%;
}

.navv{
padding:8px;background:url(/img/blue2.png);width:100%;font-size:1.2em;font-family: 'bodonixtregular';color:#ffffff;margin:0 0 5px 0;}

.navv:hover{
padding:8px;background:url(/img/green.png);width:100%;font-size:1.2em;font-family: 'bodonixtregular';color:#ffffff;margin:0 0 5px 0;}

.footer1{
	width:100%;
	text-align:center;
	font-size:.8em;
	font-style:italic;
	color:#ffffff;
	text-shadow: 1px 1px 3px #333333;
	padding:3% 0 3% 0;
}

.footer2{
	display:none;
}

.vio{
	position:fixed;
	bottom:5px;
	right:5px;
	z-index:200;
}


}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1000px) {
/* Styles */

img.circle{
	position:relative;
	top:-200px;
	left:350px;
}

.leftside{
	width:30%;
	float:left;
	margin:0 20% 0 5%;
	top:20px;
	position:relative;
}

.content {
	padding: 10px 5% 10px 0;
	height: 490px;
	width: 40%;
	float:right;
	color:#ffffff;
	overflow: auto;
	top: 50px;
	position:relative;
}

.homecontent {
	padding: 10px 5% 10px 0;
	height: 490px;
	width: 40%;
	float:right;
	color:#ffffff;
	overflow: auto;
	top: 150px;
	position:relative;
}

img.cli{
	width:94%;
	border:1px solid #959595;
	padding:3%;
}

td.clients{
	width:23%;
	padding:0;
	margin-right:0;
}

.title{
	color:#95c93a;
	font-transform:uppercase;
	font-size:1.5em;
}

span.subtitle{
	color:#95c93a;
	font-transform:uppercase;
	font-size:1.2em;
}

.navv{
	padding:8px;
	background:url(/img/blue2.png);
	width:180px;
	font-size:1.2em;
	font-family: 'bodonixtregular';
	color:#ffffff;
	margin:0 0 3px 56px;
}

.navv:hover{
	padding:8px;background:url(/img/green.png);
	width:180px;
	font-size:1.2em;
	font-family: 'bodonixtregular';
	color:#ffffff;
	margin:0 0 3px 56px;
}

.footer1{
	width:100%;
	text-align:center;
	font-size:.8em;
	font-style:italic;
	color:#ffffff;
	text-shadow: 1px 1px 3px #333333;
	padding:3% 0 3% 0;
}

.footer2{
	display:none;
}

.vio{
	position:fixed;
	bottom:5px;
	right:5px;
	z-index:200;
}

}