body {
	background: #16191d url(/images/bgBody.gif) left -30px repeat-x;
	font-family: 'Helvetica Neue','HelveticaNeue',Helvetica, Arial, sans-serif;
	font-size: 90%;
	color: #eee;
}

/*---------------------/
  BASE STYLES         /
--------------------*/


h2 {
	font: normal 1.5em 'Helvetica Neue','HelveticaNeue',Helvetica, Arial, sans-serif;
	margin: 0 0 .5em 0;
	text-shadow: #000 0px 1px 4px;
}

h3 {
	font: normal 1.2em 'Helvetica Neue','HelveticaNeue',Helvetica, Arial, sans-serif;
	margin: 0 0 .5em 0;
}

p {
	color: #ccc;
	margin: .5em 0 2.5em 0;
	font-size: .95em;
	line-height: 145%;
}

p.intro {
	font-size:1.1em;
	line-height:140%;	
	margin-bottom: 20px;
	text-shadow: #333 0px 1px 4px;
	text-align: justify;
	}
	
ul, li { 
margin: 5px 0 5px 10px;
}



a:link {color:#FF9522;}
a:hover {color:#FF9522;}
a:visited {color:#FF9522;}

a.imgZoom { background:url(/images/zoom/zoomOff.png) right bottom no-repeat;}
a.imgZoom:hover { background:url(/images/zoom/zoom.png) right bottom no-repeat;}

img { 
	-ms-interpolation-mode:bicubic;     
}

img.imgLight {
	background: url(/images/bgImgLight.png) bottom center no-repeat;
	padding-bottom: 30px;
}

.left {
	float: left;
	margin-right: 30px;
}

.right {
	float: right;
	margin-left: 30px;
}

.clear {
	clear: both;
}
.clearleft {
	clear: left;
}
.clearright {
	clear: right;
}

/*---------------------/
  MAIN BOXES          /
--------------------*/

#width {
	background: url(/images/bgSpot.jpg) -40% -30px no-repeat;
	min-height: 600px;
}
#main {
	width: 955px;
	margin: 0 auto;
	overflow: hidden;
}

#content {
	color: #fff;
	margin: 0 62px;
	overflow: hidden;
}


/*---------------------/
  DEV STUFF           /
--------------------*/

#contentdev {
	background:#fff;
	color:#121212;
	overflow:hidden;
	padding:20px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#contentdev h2 {
	text-shadow:none;
}

#contentdev h3 {
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom: 1px solid #ccc;
	color:#3f3f3f;
}

#contentdev p {
	margin: .5em 0 1em 0;
	color: #121212;
	}

#devLeft  { float:left; width:48%; }
#devRight { float:right; width:48%; }

ul.list_downloadDev { float:left; margin:0 15px 10px 0;width:120px;}

.list_downloadDev li {
	float:left;
	width:120px;
	margin:5px 0 5px 0 !important;
	display: block;
}

.btnDownloadDev, .btnViewDev {
	display: block;
	width:120px;
	height:34px;
	text-indent: -9999em;
	background:url(/images/btnDownloadDev.gif) no-repeat;
}

.btnViewDev { background:url(/images/btnViewDev.gif) no-repeat;}

.list_resources li {
	float:left;
	width:50%;
	margin:5px 0;
	display: block;
}

.list_resources li a {
	display: block;
	float:left;
	padding-left:36px;
	line-height:36px;
}

.list_featured dt {
	font-size: 14px;
}

.list_featured dd {
	margin: 5px 0 10px;
	line-height:120%;
}


.icn_guidelines a { background: url(/images/icnLibrary.png) no-repeat;}
.icn_samplecode a { background: url(/images/icnDoc.png) no-repeat;}
.icn_tools a { background: url(/images/icnGears.png) no-repeat;}
.icn_reference a { background: url(/images/icnDocMag.png) no-repeat;}


/*---------------------/
  TOP NAV SECTION     /
--------------------*/

#logo {
	background: url(/images/logo_small.png) no-repeat;
	text-indent: -9999em;
	width: 220px;
	height: 150px;
	overflow: hidden;
	float: left;
	display:inline;
}

#logo a { width:220px; height:200px; display: block;}


#topnav {
	background: url(/images/bgNavTile.gif) repeat-x;
	display: block;
	font: normal 1em 'Helvetica Neue','HelveticaNeue',Helvetica, Arial, sans-serif;
	margin:54px 0 0 0;
	padding-right:60px;
	overflow: hidden;
	}

* html #topnav {height:1%;}


#topnav li {
	display: inline;
	float: left;
	margin:0;
}

#topnav li a {
	color: #ccc;
	text-decoration: none;
	display: block;
	float: left;
	font-size: 16px;
	line-height: 46px;
	min-height: 46px;
	padding: 0 10px;
	position: relative;
	text-shadow: #000 0px 1px 2px;
}
#topnav li a:hover {
	color: #fff;
	background: url(/images/bgNavHover.gif) center bottom no-repeat;
}
#topnav li a span {
/*	background: url(/images/bgNavGrad.png) repeat-x;*/
	position: absolute;
	display: block;
	width: 100%;
	height: 46px;
}

#topnav .navPayPal {
	padding:10px 0px 10px;
	float:right;
}

#topnav .navPayPal img {
	display:none;
}

#topnav .navPayPal form {
	border-left:1px solid #333639;
	padding-left:15px;
}

#topnav .navFlattr {
	float:right;
	padding-top:10px;
	margin-top:10px;
}


/*---------------------/
  SIDEBAR             /
--------------------*/

	#sidebar {
		float: right;
		background:url(/images/bgSideBarDownload.png) 50% -17px no-repeat;
		width: 250px;
		margin: 10px 0 15px 35px;
		padding:0px 0px 10px;
		text-align: center;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border: 0px solid #666;
		border-color: rgba(255,255,255,0.05);
		-webkit-box-shadow: 0 0 10px #000;
		-moz-box-shadow: 0 0px 10px #000;
		box-shadow: 0 0px 10px #000;

	}

	* html #sidebar {height:1%; background:none;}
	
	#sidebar a {
		color: #fff;
		margin:5px 3px;
		font-size:0.85em;
		text-decoration: none;
		text-shadow: #333 0px 1px 3px;
		}
	
	#sidebar a:hover {
		color: #FFB445 !important;
	}
	
	#sidebar a.download {
		background: #111 url(/images/icon128.png) center -8px no-repeat;
		background-color:rgba(0,0,0,0.4) ;
		font-size: 1em;
		padding: 110px 0 12px;
		color:#FFB445;
		display:block;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;   
		border-bottom:1px solid #4c4d4d;
		border-bottom:1px solid rgba(255,255,255,.2);
		margin:10px;


	}


	#sidebar a span {
		font-size:0.85em;
		display: block;
		color:#ccc;
	}
	
	
	#sidebar a.download:hover {
		background-color: rgba(0,0,0,0.6);
	}

	.downloadBeta { 
		color:#FFB445 !important;
		background-color: rgba(255,255,255,0.1);
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		padding:6px;
		margin:10px 0 !important;
		display: block;
	}
	
	a.downloadBeta:hover {
		background-color: rgba(255,255,255,0.05);
	}
	
	.downloadBeta span {
		display: block;
		color:#ccc;
		font-size:0.85em;
		line-height: 1.2em;
		margin:2px 0;
	}

/*---------------------/
  HOME News        /
--------------------*/
#hmNews {
padding:0;
margin:0 0 15px 0;
overflow:hidden;
clear:both;
}
#hmNews li { list-style:none; display: block; float:left; margin:0 15px 5px 0; font-size:1em; line-height:1em; font-weight:bold;}
#hmNews a { text-decoration: none; }
#hmNews a:hover { text-decoration: underline; }


/*-----/
 HOME Macworld
--------- */
#macworld {
	margin:4px 0 4px 20px; padding:8px 5px 4px; 
	background:#fff; 
	width:100px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	float:right;
	font-size:11px;
	text-align: center;
	border:1px solid #fff;
	border-color: rgba(255,255,255,0.4);
	}
	#macworld img {display: block; margin:2px auto 0;}
	#macworld a {color:#174f8e;text-decoration:none;}
	#macworld a:hover {text-decoration:underline;}


/*---------------------/
  HOME PMS ICONS      /
--------------------*/	
	#hmPMS {
		position: relative;
		height: 220px;
		margin-top:-50px
	}
	#hmPMS .pmsfloat {
		display: block;
		position: absolute;
		top: 0px;
		left: -256px;
		z-index: 10;
		width: 0px;
		height: 0px;
	}
	#hmPMSicons img {
		height: 32px;
		margin: 7px;
	}
	#pms,#pmslight {
		z-index: 9;
		position: absolute;
		margin-left: -368px;
		left: 50%;
	}
	#pmslight {
		z-index: 8;
	}


/*---------------------/
  HOME TRIPTIC        /
--------------------*/

#hmTriptic {
	position: relative;
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 35px;
	padding:20px;
/* 	background: #000 url(/images/bgImgLight.png) center -2px no-repeat; */
	background-color:#000;
	background-color: rgba(0,0,0,0.25);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 0px solid #666;
	border-color: rgba(255,255,255,0.2);
}

* html #hmTriptic { height:1%; }

#hmTriptic h2 span { 
	font-size:.66em;
	color:rgba(255,255,255,.5);
	text-shadow: 0px 1px 0px rgba(255,255,255,.25);
}

#hmTriptic p { 
	margin:0 0 10px; 
/*
	background: url(/images/splashPMS.jpg) bottom center no-repeat;
	padding-bottom: 340px;
*/
	}

#hmTriptic dl {
	float: left;
	width: 190px;
	margin: 0 20px 0 0;
	padding:0px 0 0 50px;
}

* html #hmTriptic dl { height:1%; display:inline;}

#hmTriptic dt {
	color: #FFB445;
	font-weight: bold;
	border-bottom:1px dotted #333;
	margin-top:-1px;
}
#hmTriptic dt, #hmTriptic dd {
	line-height:1.65em;
}

#hmTriptic dl.movies {
	background:url(/images/icnMovies.png) left 2px no-repeat;
}

#hmTriptic dl.music {
	background:url(/images/icnMusic.png) left top no-repeat;
}

#hmTriptic dl.pictures {
	background:url(/images/icnPictures.png) left top no-repeat;

}

#hmTriptic dl.other {
	background:url(/images/icnOther.png) left top no-repeat;
	float:right;
}

/*---------------------/
  FAQ                 /
--------------------*/
#faq {
	background: #ffc772;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:10px;
	margin-bottom: 15px;
	font-size: .9em;
	line-height: 1.25em;
}

/* #faq:hover { font-size: 1.25em;} */

#faq .popup { display: none; margin:0;} 

#faq h3 { color:#373a3f; margin:0px 0; font-weight: normal; font-size: 16px;}
#faq h3:hover { cursor:pointer;} 
#faq h3 span { font-size:12px;}
#faq h3 span a { font-size:12px; color:#373a3f; font-weight: normal;}
#faq h3 span a:hover {color:#FF9522;}
#faq dt { font-style: normal; font-weight:bold; font-size:1em; margin:1em 0 .5em; color:#000; }
#faq dd { margin-left: 15px; }
#faq a { text-decoration: none;}
#faq a:hover { text-decoration: underline;}



/*---------------------/
  FOOTER              /
--------------------*/

#footer {
	color: #666;
	text-align: center;
	margin-top: 50px;
	padding: 50px;
}

#footer dt {
	font-weight: bold;
}

#footer dt, #footer dd {
	display: inline;
}

#footer dd a {
	color: #666;
	padding: 0 10px;
}

#footer img {
	margin:20px;
}