body		 
{
	background-color: #ffffff; 
	background: -moz-linear-gradient(#878787, white); /* FF 3.6+ */ 
	background: -ms-linear-gradient(#878787, white); /* IE10 */ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #878787), color-stop(100%, #ffffff)); /* Safari 4+, Chrome 2+ */ 
	background: -webkit-linear-gradient(#878787, white); /* Safari 5.1+, Chrome 10+ */ background: -o-linear-gradient(#878787, white); /* Opera 11.10 */ 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#878787', endColorstr='#ffffff'); /* IE6 & IE7 */ 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#878787', endColorstr='#ffffff')"; /* IE8+ */ 
	background: linear-gradient(#878787, white); /* the standard */ 
	font-family:Arial; 
	background-repeat:no-repeat; 
	font-size:10pt;
}

/* Smartphone screens ----------- */
@media only screen 
and (min-width : 320px) {
/* Styles */
#superwrap
{	width: 300px; margin: 30px auto; background-image: url('../images/sp_header_BG.fw.png'); background-repeat:no-repeat; background-color: #FFFFFF; background-position: 0% 12% ; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; height: 700px; border:0; }
#header
{	text-align:center; z-index: 100; position: absolute; margin-top:-30px; margin-left: -4px; }
#logo
{	width: 172px; height: 121px; background-image: url('../images/smartphones.png'); background-repeat: no-repeat; background-position:25.6% 84%; margin-left: 80px;}
#header span
{ font-size: 8pt; margin-left: 20px; color: #FF0015; letter-spacing: 1pt;}
#nav_menu
{	list-style:none; text-align:center; margin-left:-20px; }
#nav_menu li
{	float:left; padding: 0 10px; }
#nav_menu li a
{	text-decoration:none; color: #000000; }
#nav_menu li a:hover
{	color: #FF0015; }
#content
{	z-index: 2;	position:absolute; width: 300px; margin-top:180px; min-height: 500px; padding: 60px 0; background-image: url('../images/sp_content_BG.fw.png'); background-repeat:no-repeat; background-position:top; }
#wwa
{	margin-top: 45px; }
#wwa span
{	font-size:12pt;}
#wwd
{	margin-top: 55px; }
#wwd span
{	font-size:12pt;}
#ttu
{	margin-top: 60px; }
#ttu span
{	font-size:12pt;}
p
{	margin-left: 20px; width: 280px; }
#phones
{	max-width: 400px;}
#android
{	z-index: 3; position: absolute; margin-top: 150px; margin-left: -5px;  width: 400px; height: 37px; background-image: url('../images/smartphones.png'); background-repeat: no-repeat; background-position:99.5% 32%;}
#iphone
{}
.icon
{
	z-index: -1; position: relative; margin-left: 20px; width: 102px; height: 88px; background-image: url('../images/smartphones.png'); background-repeat: no-repeat; background-position:1.5% 69%; float: left;}
}



/* iPads (landscape) ----------- */
@media only screen 
and (min-width : 768px) 
 {
/* Styles */
#superwrap
{	width: 768px; margin: 30px auto; background-image: url('../images/t_header_BG.fw.png'); background-repeat:no-repeat; background-color: #FFFFFF; background-position: left top; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; height: 700px; border:0; }
#header
{	text-align:center; z-index: 100; position: absolute; margin-top:-30px; margin-left: 180px; }
#header span
{ font-size: 8pt; margin-left: 20px; color: #FF0015; letter-spacing: 2pt;}
#logo
{	width: 172px; height: 121px; background-image: url('../images/tablets.png'); background-repeat: no-repeat; background-position:85.1% 88.5%; margin-left: 95px;}
#nav_menu
{	list-style:none; text-align:center; padding-left: 40px; }
#nav_menu li
{	float:left; padding: 0 15px; }
#nav_menu li a
{	text-decoration:none; color: #000000; }
#nav_menu li a:hover
{	color: #FF0015; }
#content
{	z-index: 2;	position:absolute; width: 768px; margin-top:180px; min-height: 500px; padding: 60px 0; background-image: url('../images/content_BG_tablets.jpg'); background-repeat:no-repeat; background-position:9% 6%; }
#wwa
{	margin-top: 45px; }
#wwd
{	margin-top: 55px; }
#ttu
{	margin-top: 60px; }
p
{	margin-left: 20px; width: 748px; }
#phones
{	max-width: 1000px;}
#android
{	z-index: 3; position: absolute; margin-top: 150px; margin-left: -50px;  width: 850px; height: 85px; background-image: url('../images/tablets.png'); background-repeat: no-repeat; background-position:45.5% 88%;}
#iphone
{	z-index: 2; position: absolute; margin-left: -100px; width: 192px; height: 300px; background-image: url('../images/tablets.png'); background-repeat: no-repeat; background-position:98.5% 5%;}
.icon
{
	z-index: -1; position: relative; margin-left: 20px; width: 102px; height: 88px; background-image: url('../images/tablets.png'); background-repeat: no-repeat; background-position:78.5% 25%; float: left;}
}



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

#superwrap
{	width: 960px; margin: 30px auto; background-image: url('../images/Cell1.html'); background-repeat:no-repeat; background-color: #FFFFFF; background-position: left top; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; height: 900px; border:0; }
#header
{	text-align:center; z-index: 100; position: absolute; margin-top:-30px; margin-left: 280px; }
#header span
{ font-size: 8pt; margin-left: 20px; color: #FF0015; letter-spacing: 2pt;}
#logo
{	width: 173px; height: 121px; background-image: url('../images/desktop.png'); background-repeat: no-repeat; background-position:83.1% 58%; margin-left: 95px;}
#nav_menu
{	list-style:none; text-align:center; }
#nav_menu li
{	float:left; padding: 0 20px; }
#nav_menu li a
{	text-decoration:none; color: #000000; }
#nav_menu li a:hover
{	color: #FF0015; }
#content
{	z-index: 2;	position:absolute; width: 960px; margin-top:225px; min-height: 500px; padding: 60px 0; background-image: url('../images/content_BG.jpg'); background-repeat:no-repeat; background-position:top; }
#wwa
{	margin-top: 45px; z-index: 2; position: relative;}
#wwd
{	margin-top: 55px; z-index: 2; position: relative;}
#ttu
{	margin-top: 60px; z-index: 2; position: relative;}
p
{	margin-left: 20px; width: 920px; }
#phones
{	max-width: 1100px;}
#android
{	z-index: 3; position: absolute; margin-top: 150px; margin-left: -50px;  width: 1100px; height: 109px; background-image: url('../images/desktop.png'); background-repeat: no-repeat; background-position:56.5% 100%;}
#iphone
{	z-index: 2; position: absolute; margin-left: -100px; width: 250px; height: 390px; background-image: url('../images/desktop.png'); background-repeat: no-repeat; background-position:98.5% 5%;}
.icon
{
	z-index: -1; position: relative; margin-left: 20px; width: 102px; height: 88px; background-image: url('../images/desktop.png'); background-repeat: no-repeat; background-position:79.5% 17%; float: left;}
}