/*
 * -----------------------------------------------

 * -----------------------------------------------
 */
 
 /* */

/* 	css reset 
	
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}        


:focus {
	outline: none;
}
body {
	line-height: 1;
}
/*ol, ul {
	list-style: none;
}*/

/* @end */


body {
	background-color: #fff;
	color: #333;
	font: 1em/1.6 Verdana, Arial, sans-serif;
	margin:0;
	padding:0;
}

a {
	color:#009be3;
}

a:link {
	color:#009be3;
}

a:visited {
	color:#009be3;
}

a:hover {
	color:#009be3;
}

p {
	margin-bottom:1em;
}

ul {
	margin: 0;
	padding: 0 0 0 20px;
}

.dev_guide #content_main ul{
	list-style-type: disc;
}

h2 {
	color:#005A5A;
	margin: 0 0 20px 0;
	font-size:240%;
	line-height:140%;
	font-weight:normal;
}

h2 a{
	text-decoration:none;
	border-bottom: 1px solid #009be3;
}

h3 {
	color:#005A5A;
	font-size:200%;
	font-style:oblique;
	line-height:140%;
	margin-top:1.2em;
	margin-bottom:.6em;
}

h4 {
	color:#005A5A;
	font-weight:bold;
	font-size:140%;
	margin-top:1em;
	margin-bottom:.5em;
}

h5 {
	color:#066D6E;
	font-weight:bold;
	font-size:120%;
	margin-top:1em;
	margin-bottom:.5em;
}


h6 {
	color:#005A5A;
	font-size:120%;
	text-decoration:underline;
	margin-top:1em;
	margin-bottom:.5em;
}

strong {
	font-weight: bold;
}

a img {
	border: none;
	outline:none;	
}

nav {
	display:block;
}

#container {
	padding: 0 10px 20px 10px;
	margin: 0 auto;
	width: 530px;
	overflow: hidden;
}

header {
	 position:fixed; top:295px; right:50px;
	
	
	width: 128px;
	display:block;
	
}

header > a {
	display: block;
	width: 1Z0px;
	padding-top: 20px;
}

header a{
	text-decoration:none;
}


header h1 {
	color:#066D6E;
	font-weight:normal;
	text-indent:28px;
	font-size:13.5px;
	margin-top:0;
}

header p a {
	position:fixed; top:7px; right:135px;
	
	
	width: 128px;
	display:block;
}
.logo p  {
	position:fixed; top:29px; left:90px;
	
	
	width: 528px;
	display:block;
}
#content_main {
	width: 1485px;
	float: left;
	font-size: 0.8em;
	margin-bottom: 40px;
	padding-top: 20px;
}





/* @group NAVIGATION */

.main {
	
	font-size: 0.8em;
	
}

.main ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
/*	width:100%;*/
}

.main li {

	
	margin: 0;
	margin-right: 6px;
	
}

.main li a, .main li a:link, .main li a:visited{
	display: block;position:left;
	overflow: hidden;
	background-color: #005A5A;
	color: #fff;
	text-decoration:none;
	padding: 6px 14px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.main li a:hover{
	background-color: #096171;
}

.main li a:focus{
	background-color: #096171;
}

.main li a:active{
	margin-top: 1px;
	outline: none;
}

body.jplayer .main li#home a, body.demos .main li#demos a, body.download .main li#download a, body.dev_guide .main li#dev_guide a, body.support .main li#support a, body.sites .main li#sites a, body.about .main li#about a, body.skins .main li#skins a {
	background-color:#A0A600;
}




.footer {


	
}	
.footer p a{
position:relative; bottom:2px; 
font-size: 0.8em;
color:#8C9799;
text-decoration:none;
	
}
	width: 128px;
	display:block;
media-copyright,
 {
	font-size:.8em;
	color:#999;
}