hr {color: #882D17}
p {margin-left: 20px}

BODY { background-image: url(pictures/backgrounds/meppiblue.png); background-repeat: no-repeat; background-color: black; background-position: 50% 0%}


.a {color: #3366CC; font: italic 10pt/18pt georgia, serif;}
.b {color: #ffffff; font: italic 10pt/22pt georgia, serif;}
.d {color: #D8D8D8; font: italic 11pt/18pt Lucida Grande;}
.i {color: #FFFF99; font: italic 10pt/18pt georgia, serif;}
.e2 {color: #FFFFFF; font: 12pt/18pt georgia, serif;}
.e {color: #C0C0C0; font: 12pt/18pt georgia, serif;}
.f {color: #C0C0C0; font: italic 10pt/22pt georgia, serif;}
.g {color: #333333; font: italic 10pt/22pt georgia, serif;}
.h {color: #FF0080; font: italic 12pt/18pt  Lucida Grande;}
.h2 {color: #2E9AFE; font: italic 12pt/18pt  Lucida Grande;}

.m {color: #666666; font: italic 9pt/18pt georgia, serif;}
.n {color: #666666; font: italic 9pt/22pt georgia, serif;}
.u {color: #333333; font: italic 13pt/22pt georgia, serif;}
.w {color: #000000; font: italic 13pt/22pt georgia, serif;}
.v {color: #ffffff; font: italic 13pt/22pt georgia, serif;}
.x {color: #FFFFFF; font: italic 11pt/14pt georgia, serif;}
.y {color: #00CCFF; font: italic 11pt/14pt georgia, serif;}
.z {color: #FFFFFF; font: italic 11pt/10pt georgia, serif;}

.o {color: #99FF00; font: 12pt/18pt georgia, serif;}
.o2 {color: #E55451; font: 12pt/18pt georgia, serif;}
.p {color: #FF0066; font: 12pt/18pt georgia, serif;}
.p3 {color: #FF0066; font: 10pt/5pt georgia, serif;}
.r {color: #FF9331; font: 12pt/18pt georgia, serif;}

.t {color: #FDD017; font: italic  13pt/16pt georgia, serif;}


.p2 {color: #6633FF; font: 14pt/18pt georgia, serif;}
.q {color: #C0C0C0; font: italic 10pt/18pt georgia, serif;}
.a3 {color: #0099CC; font: italic 15pt/18pt georgia, serif;}

a:link {color: #3366FF; font: italic 12pt/18pt  Lucida Grande; padding: 0px 0px 0 0px; text-decoration: none}
a:active {color: #00FF33; font: italic 12pt/18pt  Lucida Grande; padding: 0px 0px 0 0px; text-decoration: none}
a:visited {color: #3366FF; font: italic 12pt/18pt  Lucida Grande; padding: 0px 0px 0 0px; text-decoration: none}
a:hover {color: #33FF66; font: italic 12pt/18pt  Lucida Grande; padding: 0px 0px 0 0px; text-decoration: none}
a.white {color: #FFFFFF; font: italic 10pt/18pt georgia, serif;}
a.pink {color: #FF0066; font: italic 10pt/18pt georgia, serif;}
a.pinks {color: #FF0066; font: italic 8pt/10pt georgia, serif;}
a.pinki {color: #FF0066; font: italic 12pt georgia, serif;}

a.rollovernews {
	display: block;
	width: 48px;
	height: 20px;
	text-decoration: none;
	background: url("pictures/backgrounds/rollovers/news.png");
	}

a.rollovernews:hover {
	background-position: 0 -25px;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

a.rollovernewsactive {
	display: block;
	width: 48px;
	height: 20px;
	text-decoration: none;
	background: url("pictures/backgrounds/rollovers/newsactive.png");
	}

.displace {
	position: absolute;
	left: -5000px;
	}
	
a.rolloverfeatures {
	display: block;
	width: 85px;
	height: 20px;
	text-decoration: none;
	background: url("pictures/backgrounds/rollovers/features.png");
	}

a.rolloverfeatures:hover {
	background-position: 0 -25px;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

a.rolloverfeaturesactive {
	display: block;
	width: 85px;
	height: 20px;
	text-decoration: none;
	background: url("pictures/backgrounds/rollovers/featuresactive.png");
	}

.displace {
	position: absolute;
	left: -5000px;
	}
	
a.rolloverreviews {
	display: block;
	width: 70px;
	height: 20px;
	text-decoration: none;
	background: url("pictures/backgrounds/rollovers/reviews.png");
	}

a.rolloverreviews:hover {
	background-position: 0 -25px;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

a.rolloverreviewsactive {
	display: block;
	width: 70px;
	height: 20px;
	text-decoration: none;
	background: url("pictures/backgrounds/rollovers/reviewsactive.png");
	}

.displace {
	position: absolute;
	left: -5000px;
	}
	
a.rolloverinterviews {
	display: block;
	width: 94px;
	height: 20px;
	text-decoration: none;
	background: url("pictures/backgrounds/rollovers/interviews.png");
	}

a.rolloverinterviews:hover {
	background-position: 0 -25px;
	}

.displace {
	position: absolute;
	left: -5000px;
	}
	

a.rolloverinterviewsactive {
	display: block;
	width: 94px;
	height: 20px;
	text-decoration: none;
	background: url("pictures/backgrounds/rollovers/interviewsactive.png");
	}

.displace {
	position: absolute;
	left: -5000px;
	}
	
a.rollovermagazines {
	display: block;
	width: 95px;
	height: 20px;
	text-decoration: none;
	background: url("pictures/backgrounds/rollovers/magazines.png");
	}

a.rollovermagazines:hover {
	background-position: 0 -25px;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

a.rollovermagazinesactive {
	display: block;
	width: 95px;
	height: 20px;
	text-decoration: none;
	background: url("pictures/backgrounds/rollovers/magazinesactive.png");
	}

.displace {
	position: absolute;
	left: -5000px;
	}
	
a.rolloverforum {
	display: block;
	width: 60px;
	height: 20px;
	text-decoration: none;
	background: url("pictures/backgrounds/rollovers/forum.png");
	}

a.rolloverforum:hover {
	background-position: 0 -25px;
	}

.displace {
	position: absolute;
	left: -5000px;
	}
	
a.rolloverFAQ {
	display: block;
	width: 40px;
	height: 20px;
	text-decoration: none;
	background: url("pictures/backgrounds/rollovers/FAQ.png");
	}

a.rolloverFAQ:hover {
	background-position: 0 -25px;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

a.rolloverFAQactive {
	display: block;
	width: 40px;
	height: 20px;
	text-decoration: none;
	background: url("pictures/backgrounds/rollovers/FAQactive.png");
	}

.displace {
	position: absolute;
	left: -5000px;
	}
	

a.rolloveripod1024 {
	display: block;
	width: 186px;
	height: 65px;
	text-decoration: none;
	background: url("pictures/backgrounds/rollovers/iPod1024.png");
	}

a.rolloveripod1024:hover {
	background-position: -186px 0;
	}

a.rolloverphone1136 {
	display: block;
	width: 186px;
	height: 65px;
	text-decoration: none;
	background: url("pictures/backgrounds/rollovers/Phone1136.png");
	}

a.rolloverphone1136:hover {
	background-position: -186px 0;
	}

a.rollovertablet1600 {
	display: block;
	width: 186px;
	height: 65px;
	text-decoration: none;
	background: url("pictures/backgrounds/rollovers/Tablet1600.png");
	}

a.rollovertablet1600:hover {
	background-position: -186px 0;
	}

a.rolloverportable1600 {
	display: block;
	width: 186px;
	height: 65px;
	text-decoration: none;
	background: url("pictures/backgrounds/rollovers/Portable1600.png");
	}

a.rolloverportable1600:hover {
	background-position: -186px 0;
	}
	

	
a.rolloverhirez1920 {
	display: block;
	width: 186px;
	height: 65px;
	text-decoration: none;
	background: url("pictures/backgrounds/rollovers/HiRez1920.png");
	}

a.rolloverhirez1920:hover {
	background-position: -186px 0;
	}
	
a.rollovermaxrez2400 {
	display: block;
	width: 186px;
	height: 65px;
	text-decoration: none;
	background: url("pictures/backgrounds/rollovers/MaxRez2400.png");
	}

a.rollovermaxrez2400:hover {
	background-position: -197px 0;
	}
	
a.rollovermaxrez2560 {
	display: block;
	width: 186px;
	height: 65px;
	text-decoration: none;
	background: url("pictures/backgrounds/rollovers/MaxRez2560.png");
	}

a.rollovermaxrez2560:hover {
	background-position: -186px 0;
	}
	
a.rolloverbuythismagazine {
	display: block;
	width: 186px;
	height: 65px;
	text-decoration: none;
	background: url("pictures/backgrounds/rollovers/buythismagazine.png");
	}

a.rolloverbuythismagazine:hover {
	background-position: -186px 0;
	}
	
a.rolloverallversions {
	display: block;
	width: 186px;
	height: 65px;
	text-decoration: none;
	background: url("pictures/backgrounds/rollovers/allversions.png");
	}

a.rolloverallversions:hover {
	background-position: -186px 0;
	}


/*
*	Setup
*/
ul.cssmenu {
	list-style: none;
	padding: 0;
margin: 0;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

ul.cssmenu li {
	float: left;
	}

ul.cssmenu li a {
	display: block;
	width: 191px;
	height: 80px;
	background: url('pictures/systems/downlink.png');
	}

/*
*	Normal Links
*/
ul.cssmenu li.iDev a {
	background-position: 10px -80px;
	}

ul.cssmenu li.Mac2560 a {
	background-position: -200px -80px;
	}

ul.cssmenu li.buy a {
	background-position: -420px -80px;
	}

ul.cssmenu li.Tablet a {
	background-position: 10px -240px;
	}

ul.cssmenu li.Mac a {
	background-position: -200px -240px;
	}


	
/*
*	Hover Links
*/
ul.cssmenu li.iDev a:hover {
	background-position: 10px 0px;
	}

ul.cssmenu li.Mac2560 a:hover {
	background-position: -200px 0px;
	}

ul.cssmenu li.buy a:hover {
	background-position: -420px 0px;
	}

ul.cssmenu li.Tablet a:hover {
	background-position: 10px -160px;
	}

ul.cssmenu li.Mac a:hover {
	background-position: -200px -160px;
	}



ul.cssb {
	list-style: none;
	padding: 0px;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

ul.cssb li {
	float: left;
	}

ul.cssb li a {
	display: block;
	width: 190px;
	height: 25px;
	background: url('pictures/systems/featuresbar-navigation.png');
	}


/*
*	Normal Links
*/

ul.cssb li.hw a {
	background-position: 0px -155px;
	}

ul.cssb li.ts a {
	background-position: -210px -155px;
	}
/*
*	Hover Links
*/

ul.cssb li.hw a:hover {
	background-position: 0px -183px;
	}

ul.cssb li.ts a:hover {
	background-position: -210px -183px;
	}
	

/*
*	Selected/Active Links
*/
ul.cssb li.hw a.selected {
	background-position: 0px -183px;
	}

ul.cssb li.ts a.selected {
	background-position: -210px -183px;
	}
	
	
	ul.cssc {
	list-style: none;
	padding: 0px;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

ul.cssc li {
	float: left;
	}
	
	ul.cssc li a {
	display: block;
	width: 30px;
	height: 15px;
	background: url('pictures/systems/featuresbar-navigation.png');
	}


/*
*	Normal Links
*/

ul.cssc li.AG a {
	background-position: 0px -210px;
	}

ul.cssc li.HQ a {
	background-position: -50px -210px;
	}

ul.cssc li.RS a {
	background-position: -100px -210px;
	}

ul.cssc li.TZ a {
	background-position: -150px -210px;
	}
	
ul.cssc li.space a {
	background-position: -603px -168px;
	}
/*
*	Hover Links
*/

ul.cssc li.AG a:hover {
	background-position: 0px -230px;
	}

ul.cssc li.HQ a:hover {
	background-position: -50px -230px;
	}

ul.cssc li.RS a:hover {
	background-position: -100px -230px;
	}

ul.cssc li.TZ a:hover {
	background-position: -150px -230px;
	}
	

/*
*	Selected/Active Links
*/
ul.cssc li.AG a.selected {
	background-position: 0px -230px;
	}

ul.cssc li.HQ a.selected {
	background-position: -50px -230px;
	}

ul.cssc li.RS a.selected {
	background-position: -100px -230px;
	}

ul.cssc li.TZ a.selected {
	background-position: -150px -230px;
	}

.imagedropshadow2 {
	padding: 0px;
	border: solid 1px #606060;
		}