body, form, label, table, a {
    font-family: 'Roboto', arial, sans-serif;
}

h1, h1 a, #nav li a, .heading, #banner-full {
    font-family: 'Ubuntu', arial, sans-serif;
    font-weight: normal;
}

h2, h2 a, a {
    font-family: 'Roboto', arial, sans-serif;
    font-weight: normal;
}

*,h1,h2,h3,h4,h5,h6,p,div,body,html,ul,li,ol,img,a{margin:0;padding:0;}
body {
	width: 100%;
	margin: 0;
	padding: 0 0 20px 0;
    background: #fff url('../img/content-bg.gif') 0px 0px repeat-x;
	font-size: 14px;
	color: #444;
}
.clear { clear: both; }
.hide { display: none; }
p { margin: 0.2em 0 1em 0; }
hr { display: none; }
a img {
	border: none;
}
a {
	color: #4275bc;
	text-decoration: none;
}
a:hover {
	color: #060c36;
	text-decoration: underline;
}
.floatcontainer {
	overflow: hidden;
	width: 100%;
}
h1 {
	font-size: 18px;
	color: #060c36;
	font-weight: bold;
	padding: 0 0 6px 0;
}
h2 {
	font-size: 14px;
	color: #060c36;
	font-weight: bold;
	padding: 0 0 4px 0;
}
h2.div {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}
h3 {
	font-size: 14px;
	color: #060c36;
	font-weight: bold;
	padding: 0 0 2px 0;
}
h4 {
	font-size: 11px;
	color: #060c36;
	font-weight: normal;
	text-transform: uppercase;
}
/* ---------- List Items ---------- */
html>body #content ul.list {
	list-style: none;
	text-indent: -1em;
}
#content ul {
	margin: 0 0 1em 0;
	padding: 0 0 0 1em;
}
#content ul.list li {
	padding: 4px 0 4px 0;
	margin: 0 0 0 0.25em;
}
#content ul.list li:before {	/* Show right angle quotes to cool browsers */
	content: "\00BB \0020";
}
ol {
	margin: 0 0 .8em 1em;
	padding-left: 2em;
}
#content ol li {
	margin-bottom: 1.6em;
}
#content ul.stars {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#content ul.stars li {
	background: url('../img/star.png') 0px 0px no-repeat;
	padding: 0 10px 8px 20px;
	margin: 0px;
	list-style: none;
}
#content ul.stars li:before {
	content: "";
}
#container {
	width: 900px;
	margin: 0 auto;
	padding-top: 106px;
	position: relative;
}
#logo {
	position: absolute;
	left: -40px;
	top: 0;
	z-index: 99;
}
#content {
	width: 898px;
	background: #fff url('../img/content-bg.gif') 0px 0px repeat-x;
    border: 1px solid #cbcedc;
	line-height: 1.4em;
}
#main-col {
	width: 600px;
	padding: 15px 20px 15px 20px;
	float: left;
}
#side-col {
	margin: 20px 0 0 0;
	width: 240px;
	float: left;
}
#side-col .sidebox {
	margin: 0 0 20px 0;
	padding: 10px;
	border: 1px solid #cbcedc;
	background-color: #e6e7ee;
}
#wide-col {
	padding: 15px 20px 15px 20px;
}
/* ---------- Nav ----------- */
#nav {
	background: url('../img/topnav.gif') top left no-repeat;
	height: 39px;
	width: 900px;
	position: relative;
	overflow: hidden;
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style: none;
}
#nav li {
	margin: 0;
	padding: 0;
	float: left;
}
#nav li a {
	background: url('../img/topnav-hover.gif') 0px 99px repeat-x;
	height: 39px;
	color: #8c9bd3;
	text-decoration: none;
	display: block;
	font-size: 14.4px;
	overflow: hidden;
	float: left;
	cursor: pointer;
}
#nav li a span {
	display: block;
	float: left;
	padding: 12px 13px 12px 13px; /* Change for narrower menu items. */
	background: url('../img/topnav-div.gif') right 1px no-repeat;
}
#nav li a:hover, #nav li a.active {
	background: url('../img/topnav-hover.gif') 0px 1px repeat-x;
	color: #a9b3d6;
}
#nav li#menu-home a:hover, #nav li#menu-home a.active {
	background: url('../img/home-rollover.gif') 1px 1px no-repeat;
	color: #a9b3d6;
}
/* ---------- Menu Visibility ---------- */
#nav li a.open {
	background: url('../img/topnav-hover.gif') 0px -49px repeat-x !important;
	color: #ffffff !important;
}
#nav li#menu-premium a{
    color: #FFDA23 !important;
}
#nav li#menu-home a.open {
	background: url('../img/home-rollover.gif') 1px -49px no-repeat !important;
	color: #ffffff !important;
}
/* ---------- Footer ----------- */
#footer {
	width: 900px;
	background: url('../img/footer.gif') bottom left no-repeat;
	border-top: 1px solid #383d5e;
	color: #7281B3;
	font-size: 11px;
}
#footer .footercontent {
	padding: 10px;
}
#footer a {
	text-decoration: none;
	color: #9ea9ce;
}
#footer a:hover {
	color: #fff;
}
/* ---------- Content Formatting ---------- */
.column-left {
	float: left;
	width: 50%;
}
.column-right {
	float: right;
	width: 50%;
}
ul.column-right, ul.column-left {
	margin: 0;
	padding: 0;
}
/* ---------- Feature Table ----------- */
tr.table-heading {
	background: url('../img/header.gif') 0px 0px no-repeat;
	color: #fff;
	font-weight: bold;
	line-height: normal;
}
tr.table-heading th {
	padding: 6px 10px 6px 10px;
}
th.featurename {
	text-align: left !important;
}
tr.table-altrow {
	background: #f1f2f8;
}
table.featuretable td {
	padding: 6px 10px 6px 10px;
	text-align: center;
}
table.featuretable th a{
    color: #cccccc;
}
table.featuretable {
	padding: 6px 4px;
}
table.featuretable td.meta {
	padding: 0px;
}
td.featurename {
	text-align: left !important;
    width: 50%;
}
.important {
	color: #911;
	font-weight: bold;
}

/* ---------- Transcoding Table ----------- */
th.transcoding-heading {
    text-align: left !important;
    padding-right:2em;
}
td.transcoding {
    white-space:nowrap;
    padding-right:2em;
}

/* ---------- API Parameter Table ----------- */
th.param-heading {
    font-size:11px;
}

/* ---------- Feature Detail ----------- */
.featureitem {
	background: #f1f2f8;
	margin-bottom: 20px;
}
.featureitem .heading {
	background: url('../img/header.gif') 0px 0px no-repeat;
	color: #f6f6f6;
	padding: 6px 10px 6px 10px;
	position: relative;
}
.featureitem .noheading {
    border-top: 1px solid #CBCEDC;
    border-left: 1px solid #CBCEDC;
    border-right: 1px solid #CBCEDC;
	padding: 6px 10px 6px 10px;
	position: relative;
}
.featureitem .content {
	overflow: hidden;
	width: 100%;
	background: url('../img/itemcontentborder.gif') top left repeat-y;
	border-bottom: 1px solid #CBCEDC;
}
.featureitem .content .description {
	margin-right: 190px;
	padding: 10px 0 10px 10px;
}
.featureitem .content .wide-description {
	padding: 10px;
}
.featureitem .content .wide-content {
	padding: 10px;
}
.featureitem .content .screenshot {
	float: right;
	padding: 10px 10px 10px 0px;
}

.margin10-t { margin-top: 10px; }
.margin10-r { margin-right: 10px; }
.margin10-b { margin-bottom: 10px; }
.margin10-l { margin-left: 10px; }

.margin20-t { margin-top: 20px; }
.margin20-r { margin-right: 20px; }
.margin20-b { margin-bottom: 20px; }
.margin20-l { margin-left: 20px; }

/* ---------- Search form ---------- */
#search {
	position: absolute;
	top: 55px;
	right: 0;
}

/* ---------- Content ---------- */
.bugid, code, pre, td.transcoding {
	font: 13px "Bitstream Vera Sans Mono", 'Courier New', Courier, Fixed, monospace;
}
.bugid { color: #09f; }
code, pre { color: #093; }
.bottomspace {
	margin-bottom: 20px;
}
.backtotop {
	position: absolute;
	top: 8px;
	right: 8px;
}
.img-right {
	float: right;
	margin-left: 10px;
}
.img-left {
	float: left;
	margin-right: 10px;
}
.img-center {
    display:block;
    margin-left:auto;
    margin-right:auto;
}