@charset "UTF-8";
body, td, th, input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.liveSample {
	background-color: #FFFFCC;
	color: black;
	padding: 4px;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #000000;
}
.demoDiv {
	background-color: #CCCCCC;
	width: 400px;
}
.highlited {
	background-color: #FFFFCC;
	color: #000000;
}
.grayBG {
	background-color: #CCCCCC;
}

pre {
	font-family: "Courier New", Courier, monospace;
	background-color: #F0F7FE;
	padding: 5px;
	overflow: auto;
	font-size: 1.1em;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #CCCCCC;
	}
h3 {
	background-color: #F3F3F3;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 100%;
	line-height: 150%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
h4{
	color: #000099;
	font-variant: small-caps;
	font-size:120%;
}
td, th{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
th {
	background-color: #F3F3F3;
	vertical-align: top;
}
a {
	text-decoration: none;
}

p {margin:0;padding:0;
}

html>body { overflow:scroll; }
body{margin:0;padding:0;color:#666666;background-color:#000;}
img{border: 0px;margin:0;padding:0;}
hr, .clearAll {clear: both;}
a{color:#FFF;}
.SlidingPanels {width: 100%;height: 516px;background-position:center;}
.SlidingPanelsContent {width: 1880px;height: 516px;color:#ffffff;font-family:Geneva, Arial, Helvetica, sans-serif;text-align:center;}
.SlidingPanelsContent h1{
font-family: “Trebuchet MS”, sans-serif;
font-size: 24px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: -1px;
line-height: 1.2em;
margin:0;
padding:0;
}
.SlidingPanelsContent h2{
font-family: Helvetica, Arial, sans-serif;
font-size: 17px;
font-style: italic;
font-weight: 100;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
margin:0;
padding:0;
}
.SlidingPanelsContent p{
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
padding-top:10px;
}
.slideleft{
 width:294px;height:340px; text-align:right; vertical-align:bottom;
}
.slideleftinner{
padding-top:110px;
}
.top{
width:100%;
background-color:#000000;
float:left;
}
.topnav{float:right; z-index:0;}
.topnav a{padding-left:10px;color:#939393;}
.topnav a:hover{padding-left:10px;color:#596b80;}
#example3.SlidingPanels {
	float: left;
	background-color:#000000;
}
#example3 .SlidingPanelsContentGroup {
	float: left;
	width: 996880px;
	background-color:#000000;
}
#example3 .SlidingPanelsContent {
	float: left;
}
.nav{
	list-style-type:none;
	padding:0;
	padding-left:78px;
	color:#ffffff;
	margin:0;
	float:left;
	padding-top:37px;
}
.nav2{
	list-style-type:none;
	padding:0;
	padding-left:78px;
	color:#9b9b9b;
	margin:0;
	float:left;
	padding-top:37px;
}
.nav li{padding-bottom:3px;}
.nav2 li{padding-bottom:3px;}
.nav a{color:#ffffff;}
.nav2 a{color:#9b9b9b;}
.navbox1{width:100px;height:200px;background-color:#06F;float:left;}
.description{width:500px;margin:0 auto; color:#999999;}
.footer{width:976px;margin:0 auto;text-align:center;}
.footer p{font-size:9px;}
.slidingnav{float:left;width:976px; text-align:center; padding-top:15px;padding-bottom:15px;}
.navcopy{width:300px;padding-left:65px;float:left;padding-top:37px;}
.contact{margin:0 auto; width:976px;padding:0;}
.contact p{display:block;float:left;width:220px;padding-left:20px; color:#9B9B9B;}
.white{color:#ffffff;}