@charset "UTF-8";
/* =CALL LIBRARY */
	@import url("reset-min.css"); /* ------- Reset all CSS Styles */

/* =GENERAL - the general styles */
	
	


	
	body{
		font: 62.5%/2.2em Arial, Tahoma, Verdana,Helvetica, sans-serif;
		color: #ffffff;
		background: #000000;
		height:auto !important; /* FF and compliant browsers should automatically size the body/html */
        height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
        min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browse */
	}
	a{text-decoration: none;color: #ab0835;}
	a:hover{color: #ab0835;}
	.hide,hr{display: none;}
	strong{font-weight: bold;}
	

#site{
	top: 0px;
	width: auto;
	min-width: 950px;
	background: #000000 url(../images/bg.gif) no-repeat 50% 0;


}




/* =LAYOUT - the main layout styles */
	

	
	
	/* Top Black Area */
	#containertop{
		position: absolute;
		width: 952px;
		margin: 0px auto 0 auto;
		height: 325x;
		font-size:0.1em;
		background:url(../images/) left bottom no-repeat;
	}
	
	* html #containertop{behavior: url(stylesheets/iepngfix.htc);} /* to correct transparent png in IE */
	
	/* container only used on the Home Page*/
	#container{
		width: 952px;
		margin: 0px auto 0 auto;
		background:#000000;
		padding-bottom:0px;
	}

/* =HEADER */
	/* Logo and Site Title */
	h1{
		font-size: 2.4em;
		text-transform: uppercase;
	}
	h1 a,h1 a:hover{
		display: block;
		width: 300px;
		height: 30px;
		padding-top:10px;
		margin-left:18px;
		background: url(../images/) 0 0 no-repeat;
		padding-left:52px;
		color: #4c4c4c;
	}

/* =TOP NAVIGATION and SEARCH */
	/* top navigation */
	#navigation_wrapper{
		height: 1px;
		width: 952px;
		margin: 45px auto 20px auto;
	}
	#navigation{
		float: left;
		padding-left:7px;
		height: 37px;
		background: url(../images/navigation_left.gif) left top no-repeat;
	}
	#navigation li{
		float: left;
	}
	#navigation li a{
		padding: 7px 10px 0 10px;
		height: 30px;
		float: left;
		font-family: "Trebuchet MS";
		font-size: 1.45em;
		font-weight: bold;
		letter-spacing:-0.03em;
		color: #b1b3ab;
	}
	#navigation li a:hover{
		color: #82865b;
		background: #394030 url(../images/nav_hover_bg.gif) 0 0 repeat-x;
	}

/* =START TOP AREA */
	#top_area{
		width:952px;
		height:400px;
		position: relative;
		margin: 165px auto auto;
		background-image:url(../images/homenews_bg.gif);
		float:inherit;
	}
	
	
	
	
#leftcolumn { 
	float: left;
	width: 800px;
	height: 350px;
	align: center;
	float: left;
	margin-right:5px;
	padding-top:0px;
	padding-bottom:5px;
	padding-left: 0px;
	position: relative;
	top: 0px;
	left: 0px;
	font:1.4em Arial, Helvetica, sans-serif;
}

#rightcolumn { 
	float: left;
	width: 120px;
	height: 350px;
	float: left;
	font:1.4em Arial, Helvetica, sans-serif;
	margin-right:5px;
	padding:6px;
	position: relative;
	/* background-color:#999999; */
	top: 10px;
	left: 20px;
	
}



#rightsubmenu { 
 font:Arial, Verdana, Helvetica, sans-serif;
 font-size:9pt;
 display: inline;
 position: relative;
 color: #333;
 margin: 3px 0px 0px 0px;
 padding: 0px;
 width: 350px;
 height: 28px;
 float: left;
}

#home_inforequest { 
 width: 350px;
 float: left;
}
	
/* END TOP AREA */

	* html #frame_image_top,* html #frame_image_bottom{behavior: url(css/iepngfix.htc);} /* to correct transparent png in IE */

#messagebox{ 
	float: left;
	min-height:40px;
	width: 650px;
	border-top:thin;
	border-top-color:#666666;
	margin-right: 10px;
	margin-top: 10px;
	padding:6px;
	position: relative;
	background-color:#f6f6f6;
	background-image:url(images/news_bg.gif);
	top: 5px;
	left: 10px;
	
}

#messagebox img{
margin: 5px;
} 
	




	#middle_area{
		width: 945px;
		min-height: 300px;
		overflow: hidden;
		padding:5px 0 0 5px;
		position:relative;
		font:1.4em Arial, Helvetica, sans-serif;
		background-color:#000000;
		
	}

	#bottom_area{
	width: 952px;
	overflow: hidden;
	padding:0px 0 0 0px;
	position:relative;
	font:1.4em Arial, Helvetica, sans-serif;
	min-height: 125 px;
	background-image:url(../images/bottom.gif);
		
	}
	

	
/* =FOOTER */
	#footer_wrapper{
		width: 952px;
		height: 40px;
		padding-bottom:5px;
		font-size: 1.2em;
		background:  url(../images/blacktile.png);
		color:#FFFFFF;
		text-align:center;
	}

	* html #footer .logo span, * html #footer_wrapper{behavior: url(stylesheets/iepngfix.htc);}
	#footer ul{
		padding-top: 34px;
		padding-right: 5px;
		float: right;
	}
	#footer ul li{
		float: left;
		padding-left:10px;
	}
	#footer a{
		color: #7B8266;
	}
	#footer li a:hover{
		color: #AFBB4F;
	}
	

	
/* navigation
---------------------------------------------------- */

#nav {
	position: absolute;
	z-index: 900;
	width: 952px;
	background: #333333 url(../images/menu_bg.gif) repeat-x top left;
	top: 250px;
	}
#nav ul#navlist {
	z-index: 900;
	float: left;
	height: 27px;
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
/* Root Nav --------------------------------------------------- */	
	
#nav ul#navlist li {
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 12px;
	text-align: center;
	background: #333333 url(../images/menu_hover.gif) repeat-x top left;
	}
	


#nav ul#navlist li a,
#nav ul#navlist li span {
	width: 150px;
	height: 25px;
	display: block;
	padding: 0px 0 0 0;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #8c8c8c; /* #ffffff */
	border-top: 1px solid #1e1e1e;
	border-left: 1px solid #1e1e1e;
	border-bottom: 1px solid #1e1e1e;
	}
	
/* End Root Nav ---------------------------------------------------- */	

#nav ul#navlist li#n-home a {
	width: 50px;
	border-left: 0;
	}
#nav ul#navlist li#n-technology .n-link {
	width: 135px;
	}
	#nav ul#navlist li#n-partnerprogram .n-link {
	width: 120px;
	}
	
#nav ul#navlist li#n-aboutus .n-link {
	width: 101px;
	}
	
#nav ul#navlist li#n-contactus .n-link {
	width: 110px;
	}
	
#nav ul#navlist li#n-productsandservices .n-link {
	width: 150px;
	}
#nav ul#navlist li#n-movies .n-link {
	width: 223px;
	}
#nav ul#navlist li:hover,
#nav ul#navlist li.sfhover {
	background: #3d3d3d url(../images/menu_hover_bg.gif) repeat-x top left;;
	}
	
/* Top Menu - While scrolling down the menu, Top Menu turns to different color */	
#nav ul#navlist li:hover a,
#nav ul#navlist li.sfhover a {
	border-top-color: #404040;
	border-left-color: #505050;
	background: #cccccc url(../images/menu_hover_red.gif) repeat-x top left;
	color:#FFFFFF;
	}
#nav ul#navlist li a:hover {
	border-top-color: #69001e;
	border-left-color: #69001e;
	background: #a5002f; /* Iveda Red */
	background: #000000 url(../images/menu_hover_red.gif) repeat-x top left; /* Grey */
	color:#ffffff;
	}
#nav ul#navlist li a:active {
	background: #7e7e7e url(../images/) repeat-x top left; /* gray mouse down */
	}
	
	
	


#nav ul#navlist li ul { /* second-level lists */
	z-index: 150000;
	clear: left;
	position: absolute;
	width: 150px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin: -1px 0 0 0;
	padding: 0;
	list-style: none;
	border: 1px solid #242424;
	border-right: none;
	border-left-color: #4c4c4c;
	border-top: 1px solid #1a1a1a;
	border-bottom: none;
	background: #3d3d3d;
	}
#nav ul#navlist li ul ul { /* third-and-above-level lists */
	top: 0;
	margin: 0 -150px 0 0;
	border-top: none;
	border-left: none;
	}
#nav ul#navlist li:hover ul ul, #nav ul#navlist li.sfhover ul ul {
	left: -999em;
	}
#nav ul#navlist li:hover ul, 
#nav ul#navlist li li:hover ul, 
#nav ul#navlist li.sfhover ul, 
#nav ul#navlist li li.sfhover ul { /* lists nested under hovered list items */
	right: 0;
	left: auto;
	}
#nav ul#navlist li#n-movies:hover ul,
#nav ul#navlist li#n-movies.sfhover ul {
	right: auto;
	} 
#nav ul#navlist li#n-movies li:hover ul, 
#nav ul#navlist li#n-movies li.sfhover ul { /* lists nested under hovered list items */
	right: 0;
	left: auto;
	margin-right: -224px;
	}
#nav ul#navlist li#n-shows ul {
	border-bottom: 1px solid #4a4a4a;
	}
#nav ul#navlist li ul li {
	width: 150px;
	height: auto;
	text-transform: none;
	font-size: 110px;
	line-height: 11px;
	border: none;
	background: none;
	}
#nav ul#navlist li ul li a,
#nav ul#navlist li:hover ul li a,
#nav ul#navlist li.sfhover ul li a,
#nav ul#navlist li ul li span {
	width: 133px;
	height: auto;
	padding: 10px 8px;
	border: none;
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	color: #fff;
	border-top: 1px solid #4a4a4a;
	border-right: 1px solid #242424;
	border-bottom: 1px solid #242424;
	background: #3a3a3a;
	}
#nav ul#navlist li#n-movies ul li a,
#nav ul#navlist li#n-movies:hover ul li a,
#nav ul#navlist li#n-movies.sfhover ul li a,
#nav ul#navlist li#n-movies ul li span {
	width: 207px;
	}
#nav ul#navlist li ul li.sub a,
#nav ul#navlist li ul li.sub span {
	width: 101px;
	padding-right: 40px;
	color: #fff;
	background-image: url(.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	}
#nav ul#navlist li#n-movies ul li.sub a,
#nav ul#navlist li#n-movies ul li.sub span {
	width: 175px;
	}
#nav ul#navlist li ul li.sub ul li a {
	background: none;
	}
#nav ul#navlist li ul li.first a,
#nav ul#navlist li ul li.first span,
#nav ul#navlist li#n-games ul li.first a,
#nav ul#navlist li#n-games ul li.first span {
	border-top-color: #4a4a4a;
	}

#nav ul#navlist li ul li:hover,

/* Background for 2nd dropdown Menu */

#nav ul#navlist li ul li.sfhover {
	border-top-color: #2c2c2c;
	/* background: #00CC00 url(../images/) no-repeat 100% 50%; */
	}

#nav ul#navlist li ul li:hover a,
#nav ul#navlist li ul li.sfhover a,
#nav ul#navlist li ul li:hover span,

/* Drop Down Highlight */

#nav ul#navlist li ul li.sfhover span {
	border-top-color: #5b5b5b;
	background: #4c4c4c url(../images/nav_hover_bg.gif) no-repeat 100% 50%;
	}
#nav ul#navlist li ul li a:hover,
#nav ul#navlist li ul li.sub li a:hover,

/* Drop Down Hover*/
#nav ul#navlist li#n-games ul li a:hover {
	height: auto;
	border-top-color: #313131;
	border-left-color: #313131;
	background: #4c4c4c  url(../images/btn_hover.gif) no-repeat 100% 50%; /*#ab0534; /* 2nd level background */
	}
#nav ul#navlist li ul li.sub:hover {
	background: #4c4c4c url(../images/btn_arrow_up.gif) no-repeat 100% 50%;
	}
#nav ul#navlist li ul li.sub a:hover {
	background: #4698ca url(../images/btn_arrow_up.gif) no-repeat 100% 50%; /* Blue */
	}
#nav ul#navlist li ul li:hover li a,
#nav ul#navlist li ul li.sfhover li a {
	border-top-color: #3c3c3c;
	}
#nav ul#navlist li ul li:hover a:hover,
#nav ul#navlist li ul li.sfhover a:hover {
	border-top-color: #3c3c3c;
	}
#nav ul#navlist li ul li a:active,
#nav ul#navlist li ul li.sub a:active,
#nav ul#navlist li ul li:hover li a:active,
#nav ul#navlist li ul li.sfhover li a:active,

/* second level HIT BUTTON */
#nav ul#navlist li#n-games ul li a:active {
	background: #313131 url(../images/hit.gif) repeat-x top left;
	}

/* third-level lists */

#nav ul#navlist li#n-movies ul ul {
	width: 150px;
	}
#nav ul#navlist li#n-movies:hover ul ul ul,
#nav ul#navlist li#n-movies.sfhover ul ul ul {
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border-right-color: #404040;
	border-top: none;
	border-left-color: #767676;
	}
#nav ul#navlist li#n-movies li:hover ul li:hover ul,  
#nav ul#navlist li#n-movies li.sfhover ul li.sfhover ul { /* lists nested under hovered list items */
	right: 0;
	left: auto;
	margin-right: -150px;
	}
#nav ul#navlist li ul ul li,
#nav ul#navlist li#n-movies ul ul li {
	border-top-color: #595959;
	border-bottom-color: #333;
	background: #4c4c4c;
	}
#nav ul#navlist li ul li ul li a,
#nav ul#navlist li:hover ul li ul li a,
#nav ul#navlist li.sfhover ul li ul li a,
#nav ul#navlist li ul li ul li span {	
	font-weight: normal;
	border-top-color: #595959;
	border-right-color: #333;
	border-bottom-color: #333;
	}
#nav ul#navlist li ul li ul li ul li a,
#nav ul#navlist li:hover ul li ul li ul li a,
#nav ul#navlist li.sfhover ul li ul li ul li a,
#nav ul#navlist li ul li ul li ul li span {
	width: 101px;
	border-top-color: #767676;
	border-right-color: #404040;
	border-bottom-color: #404040;
	background: #595959;
	}