/*
 -----------------------------------------------------
 Reset everything
 -----------------------------------------------------
*/

* {
	padding:0px;
	margin:0;
}

# h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 5%; }
# li, dd { margin-left:5%; }
# fieldset { padding: .5em; }

/* Global Reset */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/*
 -----------------------------------------------------
 PNG fix for IE6
 -----------------------------------------------------
*/


img {
   behavior: url("_css/iepngfixcrop.htc");
}
.orange {
	color: #FF9900;
}

.testimonial {
	font-size: 9px;
}

#content {
   behavior: url("_css/iepngfixscale.htc");
}


/*
 -----------------------------------------------------
 Site Styles
 -----------------------------------------------------
*/

body {
	background-color: #39414f;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	background-image: url(../_img/bg-stretch.png);
	background-repeat: repeat-x;
	color: #CCCCCC;
}

h1, h2, h3, h4 {
	font-size:100%;
	padding: 0;
}

h5 {
	font-size:100%;
	padding: 0;
	margin: 5px;
	font-weight: normal;
}

div#wrapper {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

div#header {
	background-color: #000000;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #525A69;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #525A69;
	height: 180px;
}
div#header #headerWrap {
	width: 1100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

div#header  #brand  {
	width: 500px;
	float: right;
}
div#header#brand a {
	outline:none;
}



div#header h1 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	;
	line-height: 1.2em;
	font-weight: normal;
	font-size: 115%;
	padding-top: 80px;
	padding-left: 80px;
}
div#content {
	padding-top: 20px;
	padding-bottom: 40px;
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-left: 40px;
}
div#contentLeft {
	width: 620px;
	float: left;
	padding-bottom: 40px;
}
div#break {
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
}
div#contentLeft #breakType3 {
	clear: both;
	padding: 1px;
}


div#content #contentLeft #module {
	width: 280px;
	height: 100px;
	float: left;
	padding-top: 5px;
	padding-right: 10px;
}
div#content #contentLeft #module #icon {
	float: left;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 30px;
}
div#content #contentLeft #module h3 {
	font-size: 95%;
	color: #FFFFFF;
	font-weight: bold;
}
div#content #contentLeft #module p {
	font-size: 85%;
	line-height: 1.4em;
	color: #CCCCCC;
}

div#contentLeft #imgWelcome {
	float: right;
	height: 180px;
	width: 250px;
	padding-left: 25px;
	border: 1px dashed #666666;
	padding-bottom: 20px;
}

div#contentLeft h2 {
	font-size: 140%;
	color: #FF9900;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
}
div#contentLeft h3 {
	font-size: 110%;
	color: #FF9900;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: normal;
}
div#contentLeft p {
	font-size: 90%;
	color: #CCCCCC;
	line-height: 1.6em;
	padding-bottom: 5px;
}
div#contentLeft a {
	color: #FF9900;
	text-decoration: none;
}
div#contentLeft a:hover {
	color: #FFCC00;
	text-decoration: underline;
}
div#contentLeft #downloadPanel {
	background-color: #2c323d;
	height: 30px;
	width: 580px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 40px;
}
div#contentLeft #downloadPanel p {
	padding-top: 3px;
}
div#contentLeft #downloadPanel #btnDownload {
	float: right;
	padding-right: 50px;
	padding-top: 3px;
}
#content #contentLeft #pdfIcon {
	float: right;
	padding-right: 90px;
}


div#contentRight {
	float: right;
	width: 300px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #525A69;
	padding-left: 20px;
}
div#contentRight h2 {
	font-size: 140%;
	color: #0099FF;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
}
div#contentRight h2 a {
	color: #0099FF;
	text-decoration: none;
}
div#contentRight h2 a:hover {
	color: #22BBFF;
	text-decoration: none;
}

div#contentRight #newsModule ul {
	margin:0;
	padding:0;
}
div#contentRight #newsModule ul li {
	font-size: 90%;
	list-style-type: none;
}
div#contentRight #newsModule ul li a {
	color: #FF9900;
	line-height: 1.6em;
	outline:none;
	text-decoration: none;
}
div#contentRight #newsModule ul li a:hover {
	color: #FFCC00;
	text-decoration: none;
}



div#contentRight #contactModule p {
	font-size: 120%;
	color: #CCCCCC;
}
div#contentRight #contactModule a {
	font-size: 100%;
	color: #CCCCCC;
	text-decoration: none;
}
div#contentRight #contactModule a:hover {
	font-size: 100%;
	color: #FFFFFF;
	text-decoration: none;
}

div#contentRight #clearer {
	clear: both;
	padding: 20px;
}
div#contentRight #cineplus2k {
	padding-top: 30px;
}
div#mainNav {
	background-image: url(../_img/nav-bg.png);
	background-repeat: repeat-x;
}

div#smalltext {
	font-size:70%
}

div#smalltext a {
	color: #FF9900;
	text-decoration: none;
}


/*
 -----------------------------------------------------
 	Navigation
 -----------------------------------------------------
*/

div#mainNav ul#menu	{
	height: 30px;
	width: 945px;
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/*div#mainNav ul#menu li#nav-Clients {
 display:block;
	}*/
	
div#mainNav ul#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}	
	
ul#menu li, ul#menu a {
	padding: 0 0 0;
	text-align: center;
	color: #333;
	display: block;
	height: 30px;
}
	
div#mainNav ul#menu li a {
	text-decoration: none;
	text-indent: -9999px;
	outline:none;
}

#nav-products 				{ width: 81px; background: transparent url("../_img/nav/nav_01.gif") top left no-repeat !important; }
#nav-services				{ width: 76px; 	background: transparent url("../_img/nav/nav_02.gif") top left no-repeat !important; }
#nav-standards				{ width: 89px; background: transparent url("../_img/nav/nav_03_standards.gif") top left no-repeat !important; }
#nav-support				{ width: 77px; background: transparent url("../_img/nav/nav_03_support.gif") top left no-repeat !important; }
#nav-community				{ width: 151px; background: transparent url("../_img/nav/nav_04.gif") top left no-repeat !important; }
#nav-downloads					{ width: 125px; background: transparent url("../_img/nav/nav_05.gif") top left no-repeat !important; }
#nav-faqs		 			{ width: 62px; background: transparent url("../_img/nav/nav_06.gif") top left no-repeat !important; }


#nav-products a:hover 		{ background: transparent url("../_img/nav/nav_01.gif") 0 -30px no-repeat !important; }
#nav-services a:hover		{ background: transparent url("../_img/nav/nav_02.gif") 0 -30px no-repeat !important; }
#nav-standards a:hover 		{ background: transparent url("../_img/nav/nav_03_standards.gif") 0 -30px no-repeat !important; }
#nav-support a:hover 		{ background: transparent url("../_img/nav/nav_03_support.gif") 0 -30px no-repeat !important; }
#nav-community a:hover 		{ background: transparent url("../_img/nav/nav_04.gif") 0 -30px no-repeat !important; }
#nav-downloads a:hover 			{ background: transparent url("../_img/nav/nav_05.gif") 0 -30px no-repeat !important; }
#nav-faqs a:hover 			{ background: transparent url("../_img/nav/nav_06.gif") 0 -30px no-repeat !important; }


#nav-products.current a:hover,
#nav-products.current					{ background: transparent url("../_img/nav/nav_01.gif") 0 -44px no-repeat !important; }

#nav-services.current a:hover,
#nav-services.current					{ background: transparent url("../_img/nav/nav_02.gif") 0 -44px no-repeat !important; }

#nav-standards.current a:hover,
#nav-standards.current					{ background: transparent url("../_img/nav/nav_03_standards.gif") 0 -44px no-repeat !important; }	

#nav-support.current a:hover,
#nav-support.current					{ background: transparent url("../_img/nav/nav_03_support.gif") 0 -44px no-repeat !important; }	

#nav-community.current a:hover,
#nav-community.current					{ background: transparent url("../_img/nav/nav_04.gif") 0 -44px no-repeat !important; }

#nav-downloads.current a:hover,
#nav-downloads.current						{ background: transparent url("../_img/nav/nav_05.gif") 0 -44px no-repeat !important; }

#nav-faqs.current a:hover,
#nav-faqs.current						{ background: transparent url("../_img/nav/nav_06.gif") 0 -44px no-repeat !important; }

/*
 -----------------------------------------------------
 Footer
 -----------------------------------------------------
*/

div#footer {
	background-image: url(../_img/footer-bg.gif);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #525A69;
	height: 273px;
	background-repeat: repeat-x;
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #000000;
}
div#footer #footerWrap {
	width: 1000px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 60px;
}

div#footer #footerLeft h2 {
	font-size: 140%;
	color: #FF9900;
	font-weight: normal;
	padding-bottom: 10px;
}
div#footerLeft #imgDemo {
	float: right;
}

div#footerLeft #imgDemo p .smallText {
	font-size:80%;
}


div#footer p {
	font-size: 90%;
	color: #CCCCCC;
	line-height: 1.6em;
}
div#footer #footerWrap #footerLeft #btnWatch {
	padding-top: 10px;
	width: 175px;
}



div#footerLeft {
	width: 600px;
	float: left;
}
div#footerRight {
	float: right;
	padding-right: 30px;
	width: 300px;
}
div#footerRight ul#links {
	padding:0;
	margin:0;
}

div#footerRight ul#links li {
	border-bottom: 1px solid #474e5b;
	display: block;
	list-style-type: none;
	padding-top: 20px;
	padding-bottom: 20px;
}
div#footerRight ul#links li img {
	float: left;
	padding-right: 10px;
}

div#footerRight ul#links li a {
	display: block;
	text-decoration: none;
}
div#contentLeft a {
	color: #FF9900;
	text-decoration: none;
}

div#footerRight ul#links h4 {
	color: #999999;
	font-size: 90%;
	font-weight: normal;
	padding-top: 6px;
}
div#footer #footerWrap #footerRight #one #logo {
	float: left;
	padding-right: 20px;
	padding-top: 0px;
}

div#footer #footerWrap #footerRight #poweredBy {
	float: right;
	padding-top: 10px;
}



div#footer #copyright {
	clear: both;
	padding-top: 30px;
}
div#footer #copyright a {
	color: #495C76;
	text-decoration: none;
}
div#footer #copyright a:hover {
	color: #5B7495;
	text-decoration: none;
}

div#footer #copyright p {
	font-size: 75%;
	color: #495C76;
}


/*
 -----------------------------------------------------
 Classes
 -----------------------------------------------------
*/

.deepPurple {
	color: #330033;
}
.notice {
	font-size: 120%;
	background-color: #E35363;
}
.contentheading {
	font-size: 140%;
	color: #FF9900;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
}

.componentheading {
	font-size: 140%;
	color: #FF9900;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
}
.smallText {
	font-size:80%;
	color: #FF9900;
	font-weight: normal;
}
#footer #footerWrap #footerLeft .smallText b {
	font-size: 60%;
}
#content #contentLeft li {
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: 30px;
}
#wrapper #content #contentLeft #testimonial {
	font-size: 90%;
	line-height: 1.2em;
}
#wrapper #content #contentLeft #smalltext {
	font-size: 70%;
}
#footer #footerWrap #footerLeft a {
	text-decoration: none;
	color: #FF9900;
}
#footer #footerWrap #footerLeft a:hover {
	text-decoration: underline;
	color: #FF9900;
}

/*
 -----------------------------------------------------
 menu_h_menu
 -----------------------------------------------------
*/
#underlinemenu{
margin: 0;
padding: 0;
font-size: 60%;
font-weight: normal;
}

#underlinemenu ul{
margin: 0;
margin-bottom: 1em;
padding-left: 0;
float: left;
/* font-weight: bold; */
width: 100%;
/* border: 1px solid #DFDFDF;
border-width: 1px 0; */
}

* html #underlinemenu ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#underlinemenu ul li{
display: inline;
}


#underlinemenu ul li a{
float: left;
font-weight: normal;
padding: 2px 6px 4px 6px;
text-decoration: none;
}

#underlinemenu .active a{
text-decoration: underline;
font-weight: bold;
}

#underlinemenu ul li a:hover{
/* color: black; */
/* background-color: #F3F3F3; */
/* border-bottom: 4px solid black; */
/* padding-bottom: 0; */
}

