@charset "utf-8";
/* CSS Document */

body {font-family:Arial, Helvetica, sans-serif; color:#555555; margin:0; padding:0; font-size:12px; background:#0c1e2a repeat;}

/* -------------------------------------- */
/* GENERAL/RESET CSS */
/* -------------------------------------- */
html, 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, b, u, i, center, 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; vertical-align: baseline; background: transparent; }


ol, ul{ list-style:none;}
.floatleft { float:left;}
.floatright { float:right;}



/* -------------------------------------- */
/* CLEARFIX CSS */
/* -------------------------------------- */
.clear { clear:both; height:0px; font-size:0px;}
.clearfix:after {
	clear: both;
	display: block;
	content: " ";
	height: 0px;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hide these rules from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
li.clearfix {
	display: list-item;
}
/* End hide from IE-mac */

/* -------------------------------------- */
/* Main  CSS */
/* -------------------------------------- */

#maincontainer { width:955px; margin:0 auto;  }
#container { background-color:#FFFFFF ; width:955px;}
#tot { width:905px; margin:0 auto;}
#contentarea{ padding: 20px 0px 20px 0px;}

/* -------------------------------------- */
/* Banner  CSS */
/* -------------------------------------- */
#banner { background:url(../images/banner.jpg) no-repeat; width:600px; height:270px;}
#banner img{ padding-left:5px; float:left;}
#banner .bannerbutton { padding:220px 0 0 5px;}
.demo{width:905px; padding-top:10px;}
.demo h2{font-size:18px; color:#FF6600; float:left; font-style:italic; font-family:"Trebuchet MS" , Arial; padding:0px 0px 10px 20px; }
.demovid { width:841px; margin:0 auto; background:url(../images/demobg.jpg) repeat-y; height:442px; }
.demovidpos {padding:12px 12px 0 36px;}
.demobottom { width:955px; margin:0 auto; background:url(../images/demobottom.jpg); width:955px; height:86px;  }

.democontent { width:955px; margin:0 auto; background-color:#FFFFFF;  }
.democontentcontainer { width:905px; margin:0 auto;}
.demobuttons { width:740px; margin:auto; padding-top:12px;}
/* -------------------------------------- */
/*Logo area  CSS */
/* -------------------------------------- */
.logo{background:url(../images/logonew.jpg) no-repeat;width:261px;Height:60px;}
.logo h1{ margin:0; padding:10px 0 0 20px; }
.logo h1 a{width:261px;
		height:60px;
		text-indent:-2000em;
		overflow:hidden;
		display:block; }
/* -------------------------------------- */
/* menus  CSS */
/* -------------------------------------- 
#menu { background-color:#ffbd11; width:905px; height:30px;}
#menu li{ float:left; padding-right:30px; list-style:none;}
#menu li p{ padding-top:6px;}
#menu li p a{ color:#000000; font-size:12px; text-decoration:none; font-weight:bold;}
#menu li p a:hover{ color:#ffffff; font-size:12px; text-decoration:none; font-weight:bold;}
#menu li p a.active{ color:#ffffff; font-size:12px; text-decoration:none; font-weight:bold;}
*/


/* -------------------------------------- */
/* menus  CSS */
/* -------------------------------------- */
#menu { background-color:#ffbd11; width:905px; height:30px;}
#menu li{ float:left; padding-right:26px; list-style:none;}
#menu li p{ padding-top:6px;}
#menu li p a{ color:#000000; font-size:12px; text-decoration:none; font-weight:bold;}
#menu li p a:hover{ color:#ffffff; font-size:12px; text-decoration:none; font-weight:bold;}
#menu li p a.active{ color:#ffffff; font-size:12px; text-decoration:none; font-weight:bold;}


#menu1 { background-color:#ffbd11; width:905px; height:30px;}
#menu1 li{ float:left; padding-right:27px; padding-left:27px; list-style:none;}
#menu1 li p{ padding-top:8px;}
#menu1 li p a{ color:#000000; font-size:12px; text-decoration:none; font-weight:bold;}
#menu1 li p a:hover{ color:#ffffff; font-size:12px; text-decoration:none; font-weight:bold;}
#menu1 li p a.active{ color:#ffffff; font-size:12px; text-decoration:none; font-weight:bold;}
#menu1 .menudivide{border-right:#e0a201 solid 1px; height:30px;}
        


/* -------------------------------------- */
/* Content Left column  CSS */
/* -------------------------------------- */
#content { padding:15px 0px 10px 0px; margin:0;}
.column{padding:8px 20px  10px 12px;}
.featurescolumn{width:284px;}
.featurescolumn p{padding-top:8px;}
.contentnew{padding:10px 10px 0 25px; list-style-type:square; color:#FF6600;}
.contentnew p{color:#666666;Padding:0;}
.or{font-weight:bold;color:#000000; text-align:center;Padding:15px 0px 5px 10px;}
.chat{padding:5px 20px 0 50px;}
.featureimage{padding:28px 0px 0px 0px;}
.livechatbutton{padding:20px 0px 10px 30px;}
 h3{color:#FF6600;}
.divider{padding:0 10px 0 10px;}
.downloadtext{ color:#000000; font-weight:bold; padding:4px 0 0 0; width:195px; font-size:12px; line-height:20px;}
.downloadbutton{padding:10px 0px 0px 0px;}
.downloadlogo{padding-top:20px; float:right;}

#content p{ line-height:17px;}
#content .leftcolumn { width:583px;}
.rightcontent{ padding:0 0 0 5px;}

.leftcolumn ul{margin:0; padding:8px 0 0 20px;}
.leftcolumn ul li a{ background:url(../images/bullet.jpg) no-repeat 0 10%;padding-left:20px;display:block; font-size:12px; padding-bottom:8px; }


.headerbg{background:url(../images/headerbg.jpg); width:581px; height:41px;}
.headerbg h2{padding-left:10px;}
.sharebutton{padding-right:10px;}
.demoheader{background:url(../images/demoheader.jpg); width:905px; height:39px;}

/* -------------------------------------- */
/* Content Right column  CSS */
/* -------------------------------------- */
#content .downcolumnpos { padding:10px 12px 0px 12px;}
#content .download{ border:#CCCCCC solid 1px; width:310px;}

#content .download .downloadbg{ background:#e8e8e8 repeat;}
#content .download .posdown{ padding:2px;}
#content p{ text-align:justify; line-height:20px;}
#content .cont p{ padding-bottom:10px;}
#content .leftcolumn h2{ font-size:18px; color:#FF6600; float:left; font-style:italic; font-family:"Trebuchet MS" , Arial;  }
#content h3{ font-size:12px; color:#ff6600;}
#content h1{ font-size:12px;}
#content .rightcolumn { width:310px; background-color:#e8e8e8;}
#content .rightcolumnpos { padding:10px 12px 10px 12px;}
#content .rightcolumnpos .rate p{ color:#333333; font-weight:bold; padding-bottom:5px;}
#content .rightcolumn .input{ color:#FFFFFF; font-size:11px; border:none; background-color:#666666; width:223px;}
#content .rightcolumn textarea{ border:none; background-color:#666666; font-size:11px; color:#FFFFFF;}
#content .rightcolumn label { font-weight:bold; font-size:11px; color:#333333; text-decoration:none;}
#content form .clssubmit{

	background:url(../images/submit.jpg) no-repeat center center;
	width: 80px;
	height:23px;
	font:normal 11px arial;
	color:#FFFFFF;
	border:none;
	cursor:pointer;
}
#content form .clscancel{

	background:url(http://hdflvplayer.net/images/cancel.jpg) no-repeat center center;
	width: 80px;
	height:23px;
	font:normal 11px arial;
	color:#FFFFFF;
	border:none;
	cursor:pointer;
}

.newfeature{width:582px;}
.fisrtclbg{background-color:#D5DFE3;padding:10px;}
.fisrtclbg p{padding:3px;}
.secondclbg{background-color:#EEF2F4;padding:10px;}
.secondclbg li{padding-right:10px;}
.secondclbg p{padding:3px;}
.newfeature p{ width:563px;}
.fisrtclbg ul{padding-left:10px;}
/* -------------------------------------- */
/* Fooeter */
/* -------------------------------------- */
#footer { height:30px; background-color:#000000;}
#footer .copy{ padding-top:8px;}
#footer .copy p{ color:#CCCCCC; text-decoration:none;}
#footer .copy a{ color:#FFFFFF; text-decoration:none;}
#footer .footerpos { width:905px; margin:0 auto;}
#footer ul { padding-top:8px;}
#footer ul li{ float:left; padding-right:10px; list-style:none;}
#footer ul li a{ color:#FFFFFF; text-decoration:none;}
#footer ul li a:hover{ color:#FFFFFF; text-decoration:underline;}
#footer ul li p{ padding-top:2px;}
/* NewFooter */
/* -------------------------------------- */
#newfooter{ margin:0 auto;width:955px; height:134px; background:url(../images/newfooterbg.jpg) repeat-x;}
#newfooter .footerpadding{padding:10px 20px 0px 20px;}
#newfooter .footerbannerfirstcolumn{width:300px;}
#newfooter .foottertext{padding:0px 20px 12px 18px;color:#666666;}
#newfooter .foottertext h3{color:#ff6600; font-size:15px;}
#newfooter .foottertext p{color:#666666;padding:10px 0 0 0; line-height:18px; text-align:justify;}
#newfooter .secondcolumntext{padding:0px 10px 12px 10px;color:#000000;}
#newfooter .secondcolumntext h4{color:#000000;font-size:13px;font-weight:bold;}
#newfooter .secondcolumntext p{color:#666666;padding:10px 2px 0 0;}
#newfooter .secclimage{padding:15px 0 0 0;}
#newfooter .columnsecond ul{ padding:0px 0px 0 28px;color:#666666;}
#newfooter .columnsecond a{color:#666666; text-decoration:none;}
#newfooter .columnsecond li{ padding:3px 5px 0 0px;color:#666666;}
#newfooter .contentnewfooter{padding:10px 10px 0 25px; list-style-type:square; color:#FF6600;}
#newfooter .contentnew p{color:#666666;Padding:0;}
#newfooter .footerbutton{padding:12px 0 0 0;}
#newfooter .bottomtext{color:#FFFFFF; font-size:10px; padding:7px 5px 0 0 ;}
#newfooter .bottomtext a { color:#FFFFFF; font-weight:bold; text-decoration:none;}
#newfooter .bottomtext a:hover { color:#FFFFFF; font-weight:bold; text-decoration:underline;}
.text{margin:0 auto;width:955px;}
/* Newcolumn */
/* -------------------------------------- */
#content .newrightcolumn { width:305px; background-color:#FFFFFF;}
#content .newrightcolumnpos { padding:10px 0px 10px 0px;}
#content .rightcolumnpos .rate p{ color:#333333; font-weight:bold; padding-bottom:5px;}
#content .bordertop{border-top:#CCCCCC solid 1px;width:303px;border-left:#CCCCCC solid 1px;border-right:#CCCCCC solid 1px;}
#content .clspacing{padding:9px 0 0 9px;}
#content .newcontactcl{border-top:#CCCCCC solid 1px;width:303px;border-left:#CCCCCC solid 1px;border-right:#CCCCCC solid 1px;border-bottom:#CCCCCC solid 1px;}
#content .newcontactcl h3{color:#FF6600;padding:12px 0 10px 10px;}
#content .newclspace{padding:10px 0px 5px 0px;}
#content .cntclspace{padding:8px 5px 5px 5px;}
#content .cntclimages{text-align:center; padding:10px 0 15px 0px;}
#content .cntclimagesnew{text-align:center; padding:10px 0 10px 40px;}
#content .newclspace p{text-align:center;font-weight:bold;color:#000000;font-size:13px;}
#content .innercl{background-color:#E8E8E8;}
#content .innerclpos{padding:3px;}
#content .innerclform{padding:5px 20px 0px 15px;}

#content .nameone{font-weight:bold;color:#000000;font-size:12px;padding-bottom:1px;}
#content .inputbox{background:url(../images/input.jpg) no-repeat;width:190px;height:22px; border:0;font-size:11px;line-height:16px;padding:3px 3px 0 5px;margin-right: 3px;color:#666666;}
#content .messagebox{background:url(../images/message.jpg) no-repeat;width:218px;height:69px; border:0;font-size:11px;line-height:16px;padding:3px 3px 0 5px;margin-right: 3px;color:#666666;}
#content .quickcontact{padding:7px 0 0 0;}
#content .messagebox textarea{width:200px;height:58px; border:0;font-size:11px;line-height:16px;padding:3px 3px 0 5px;margin-right: 3px;color:#666666;}
#content .submitbut{padding:8px 10px 4px 0;}
#content .cancelbut{padding:8px 10px 4px 0;}




/*For dropdown menu*/

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 12px arial}

#sddm li a
{	display: block;
	margin: 3px 1px 0 0;
	padding: 5px 10px;
	width: 40px;
	color: #000000;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 2px 0 0 1px;
	padding: 0;
	border: 0px solid;
    width:87px;
    }

	#sddm div a
	{
        position: relative;
		display: block;
		margin:0 0 0 -28px;
		padding: 5px 0 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #FFBD11;
		color: #000000;
		font: bold 12px arial;
  border-bottom:#E0A201 solid 1px;
    }

	#sddm div a:hover
	{	background: #6C8CA3;
		color: #FFF}