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

body{
padding:0px;
margin:0px;
min-width:980px;
}
#container{
	height:575px;
	background-color:#212121;
}
#containerVid{
height:575px;
background-color:#000000;
}
#leftSideMenuB,
#leftSideMenu
{
	margin-top:0px;
	height:440px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #999999;
	text-decoration: none;
	list-style: none;
	display: block;
	padding-left:10px;
	width:114px;
	text-align:left;
	float:left;
	z-index:1;


}
#rightSpace{
	margin-top:30px;
	float:right;
	text-align:right;
	color: #666666;
	padding-left:5px;
	padding-right:10px;
	margin-right:0px;
	min-width:12%;
}
#subMenu,#subMenu a
{
	margin-top:0px;
	margin-right:0px;
	height:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #999999;
	text-decoration: none;
	text-align:right;
	list-style: none;
	float:right;
	display: block;
	margin-right:5px;

}
#midMenuContainer
{
	width:100px;
	margin-left:auto;
	margin-right:auto
}
#midMenu
{
	margin-left:auto;
	margin-right:auto;
	height:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #999999;
	text-decoration: none;
	text-align:center;
	list-style: none;
	display: block;
	padding-top:200px;
	float:left;

}
#mainMenuB,
#mainMenu{
	margin-top:0px;
	margin-left:10px;
	height:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
	text-align:left;
	list-style: none;
	float:left;
	position: absolute;
	display: block;
}
#subMenu ul,#midMenu ul,#leftSideMenu ul,#leftSideMenuB ul,#mainMenuB ul,
#mainMenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#subMenu ul li,#midMenu ul li,#mainMenuB ul li,
#mainMenu ul li {
	position: relative;
	float: left;
	display: block;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	margin-right:15px;		
z-index:9;

}
#subMenu ul li ul,
#mainMenu ul li ul,#mainMenuB ul li ul {
	position: absolute;
	left: 0; /* Set 1px less than menu width */
	left: 0; /* Set 1px less than menu width */
	line-height: 16px;
	}
#leftSideMenuB ul a,
#leftSideMenu ul a{
	text-decoration:none;
	}	
#leftSideMenuB ul li,
#leftSideMenu ul li {
	text-align: left;
	background-color:#212121;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666;
	text-decoration:none;
	font-weight: normal;
	width:110px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding-top:10px;
	}	
#leftSideMenuB ul li{
	background-color:#000000;
}
#leftSideMenuB ul li a,
#leftSideMenu ul li a{
	text-align: left;
	background-color:#212121;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666;
	text-decoration:none;
	font-weight: normal;
	width:110px;
}	
#leftSideMenuB ul li a{
	background-color:#000000;
}
#leftSideMenuB ul li a:hover, #leftSideMenuB li.over a:hover, 
#leftSideMenu ul li a:hover, #leftSideMenu li.over a:hover {
	color: #CCCCCC;
	background-color:#212121;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration:none;

}
#leftSideMenuB ul li a:hover, #leftSideMenuB li.over a:hover{
	background-color:#000000;

}
	

#subMenu ul li a,
#mainMenu ul li a,#mainMenuB ul li a {
	color: #999999;
	text-decoration:none;	

}
#subMenu  ul li a:hover,#subMenu ul li a:hover,
#mainMenu ul li a:hover,#mainMenuB ul li a:hover {
	color: #FFFFFF;
	text-decoration:none;
}
#subMenu  ul li a:active,#subMenu ul li a:active {
	color: #FFFFFF;
	text-decoration:none;
}
/*
#mainMenu ul li.firstcategory {
	color: #999999;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
	}
#mainMenu ul li.category {
	color: #999999;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
	}
#mainMenu ul li.lastcategory {
	color: #999999;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
	}
	*/
/* commented backslash \*/ 
/* end hack */ 
#subMenu li ul li a,
#mainMenu li ul li a,#mainMenuB li ul li a {
	padding-right: 5px;
	padding-bottom:5px;
	padding-top:10px;
}

#subMenu li a,
#mainMenu li a,#mainMenuB li a {
	text-decoration: none;
}

/* hovered lists */
#subMenu li a, #subMenuMenu li.over a,#mainMenuB li a, #mainMenuB li.over a,
#mainMenu li a, #mainMenu li.over a {
	color: #fff;
	display: block;

}
#subMenu li li a:hover, #subMenu li.over li a:hover,
#mainMenu li li a:hover, #mainMenu li.over li a:hover {
	color: #CCCCCC;
	background-color:#212121;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
}
#mainMenuB li li a:hover, #mainMenuB li.over li a:hover {
	color: #CCCCCC;
	background-color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
}
/* set dropdown */
#subMenu li li a, #subMenu li.over li a,
#subMenu li li a, 
#mainMenu li li a, #mainMenu li.over li a {
	text-align: left;
	background-color:#212121;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666;
	text-decoration:none;
	font-weight: normal;
	width:110px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	}
#mainMenuB li li a, #mainMenuB li.over li a {
	text-align: left;
	background-color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666;
	text-decoration:none;
	font-weight: normal;
	width:110px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	}
#subMenu li ul, #subMenu li.over ul,#mainMenuB li ul, #mainMenuB li.over ul,
#mainMenu li ul, #mainMenu li.over ul { 
	display: block; 	

}
#title {
height:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	float: right;
	margin-right:16px;
}
#title a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	text-decoration:none;
}
#title small{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	text-decoration:none;
}
#small2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666;
	text-decoration:none;
}
#small2 a: hover{
	color: #FFFFFF;
	text-decoration:none;
}
#title a: hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCCCCC;
	text-decoration:none;
}
#title h1{
}
#header{
	height:60px;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
}
#top{
	/*height:30px;*/
	padding-top:5px;
	z-index:5;

}
#header img {
	/*height:30px;*/
border:none;
	padding-top:0px;

}
#middle{
	height:440px;
	width:100%;
	min-width:980px;
}
#content{
	height:440px;
	width:900px;
	margin:0 auto;
	background-color: #33CCFF;
}
/* ------------------------------------------------------------ */

#wrapContent1x1{
	height:400px;
	width:76%;
	float:left;
}
#content1x1{
	height:400px;
	width:830px;
	margin:0 auto;
}
#contentL1x1{
	margin-top:70px;
	width:332px;
	float:left;
}
#contentR1x1{
	height:400px;
	margin-left:342px;
	width:400px;
}
/* ------------------------------------------------------------ */


#wrapContent16x9{
	height:400px;
	width:76%;
	float:left;

}
#content16x9{
	height:400px;
	width:830px;
	margin:0 auto;	


}
#contentL16x9{
	margin-top:70px;
	width:280px;
	float:left;	

}
#contentR16x9{
padding-top:30px;
height:304px;
	margin-left:290px;	width:540px;	

}

#contentR4x3{
padding-top:5px;
height:304px;
	margin-left:290px;	width:500px;	

}
#contentL16x9_Interview{
	margin-top:0px;
	width:280px;
	float:left;	

}
#contentL16x9_Terminals{
	width:280px;
	float:left;	

}
#contentLLinks {
padding-top:30px;
padding-left:4px;
padding-bottom:20px;}
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */


#wrapContentVid{
	padding-top:20px;
	width:82%;
	height:420px;
	float:left;
}
#contentVid{
	height:380px;
	width:900px;
	margin:0 auto;
}
#contentRVid{
	height:380px;
	margin-left:170px;
	width:640px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
		line-height:18px;

		}
#contentRVid1x1{
	height:440px;
	margin-left:170px;
	width:640px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-top:-50px;
		}
#contentLVid1x1{
	margin-top:120px;
	width:130px;
	float:left;	
    filter:alpha(opacity=60);
  /* CSS3 standard */
    opacity:0.6;
}
#contentLVid{
	margin-top:70px;
	width:130px;
	float:left;	
    filter:alpha(opacity=60);
  /* CSS3 standard */
    opacity:0.6;
}
#contentLVid img{
border:none;
}
/* ------------------------------------------------------------ */
#contentL{
	height:440px;
	width:500px;
	float:left;
}
#contentR{
	height:440px;
	margin-left:400px;
}



#bottom{
	height:30px;
	}

#footer{
	height:15px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;	

	padding-top:2px;
	width:100%;
}
#contentText{
	height:440px;
	width:600px;
	margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
}
div#scrollbar1 {
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn1	{
	margin:0 auto;
	position:relative;
	width:600px;
	height:430px;
	overflow:hidden;
	}
div#wn2	{
	margin:0 auto;
	position:relative;
	width:96%;
	height:370px;
	overflow:hidden;
	}    
div#scrollbar1 { 
  position:relative;
  width:11px; height:430px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
 div#scrollbar2 { 
  position:relative;
  width:11px; height:380px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track1 {
	position:absolute;
	left:0;
	top:10px;
	width:11px;
	height:410px;
  }
div#track2 {
	position:absolute;
	left:0;
	top:10px;
	width:11px;
	height:380px;
  }
div#dragBar2, div#dragBar1 {
	position:absolute;
	left:1px;
	top:1px;
	width:9px;
	height:10px;

	background-image: url(../images/drag.jpg);
	z-index:1;
  }  
div#up1,div#up1 { position:absolute; left:0; top:0; z-index:2 }  
div#down2,div#down1 { position:absolute; left:0; bottom:0; z-index:3 } 
/* for safari, to prevent selection problem  */


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar2 img,div#scrollbar img {
    display:block; 
    } 
/*right*/

/* for safari, to prevent selection problem  */
div#scrollbar1, div#track1, div#dragBar1, div#up1, div#down1,
div#scrollbar2, div#track2, div#dragBar2, div#up2, div#down2,
    {
    -moz-user-select: none;
    -khtml-user-select: none;
    }
.img_preview img{float:left;margin:2px;}	
.img_preview img{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #1F1F1F;
	border-right-color: #1F1F1F;
	border-bottom-color: #1F1F1F;
	border-left-color: #1F1F1F;
}	
.video_preview img{float:left;margin:4px;}	
.video_preview img{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #1F1F1F;
	border-right-color: #1F1F1F;
	border-bottom-color: #1F1F1F;
	border-left-color: #1F1F1F;
}	
#listOfItems{
	height:211px;
}
#listOfItemsPagination1x1 {
padding-top:-10px;
width:140px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: lowercase;
	color: #666666;
	text-decoration:none;
}
#listOfItemsPagination {
width:140px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: lowercase;
	color: #666666;
	text-decoration:none;
}
#listOfItemsPagination1x1 a,
#listOfItemsPagination a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: lowercase;
	color: #666666;
	text-decoration:none;
	padding-left:1px;
}
#listOfItemsPagination1x1 a:hover,
#listOfItemsPagination a:hover{
	clear:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: lowercase;
	color: #999999;
	text-decoration:none;
}

#arrows a{
	width:16px;
	font-size: 20px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	float:right;
	padding-left:8px;
	margin-right:-5px;
	padding-top:5px;
	border:none;
	
}
#arrows img{

border:none;
}
#arrows a:hover{
filter:alpha(opacity=60);	border:none;

  /* CSS3 standard */
    opacity:0.6;
}
#imgDescription{
	float:left;
	margin:0px;
	padding:0px;
	padding-right:5px;
	padding-top:2px;
	vertical-align: top;
	display: block;
	padding-top:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	}
	#textDesc{
	width:400px;
	}
	#center{
	width:980px;
	height:440px;

	margin-left: auto;
	margin-right: auto;
	}


#scroller{
	width:1000%;
	height:440px;
	overflow:auto;
	background-color: #191919;
}

#middleNews{
	height:430px;
	width:98%;
	overflow:hidden;
	position: relative;
	margin: 0 auto; 
	
}
.scrollNav, .scrollNav a:link, .scrollNav a:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #999999;
	text-decoration:none;
}
.bulletin{
	width:400px;
	padding:20px;
	background-color:#212121;
	margin-left:5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;	
	height:430px;	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;

}
.bulletin a, div#wn1 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-decoration:none;
}
.bulletin a:hover,div#wn1 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
#bulletinTitle,
#bulletinTitle a{
	width:400px;
	height:30px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #999999;
	text-transform: capitalize;	
	text-decoration:none;
}

#bulletinDate {
	width:400px;
	height:30px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	padding-top:10px;
	text-align:right;
}
#bulletinDate a{
	color: #666666;
}
#bulletinDate a:hover{
	color: #999999;
}
#bulletinImg{
	max-height:200px;
	max-width:400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	overflow:hidden;	border: none;


}
#bulletinImg img{
	border: none;

	
}

#bulletinText{
	width:400px;
	height:330px;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	background-color:#212121;
	padding-bottom:10px;


}
.bulletin img {
	border:none;
}
#bottomNews{
	padding-top:10px;
	height:30px;
	padding-right:5px;
	  position: relative;
	overflow:auto;

	}
	
div.sc_menu {
	/* Set it so we could calculate the offsetLeft */
  position: relative;
	/* Add scroll-bars */  
height: 430px;
	overflow:auto;
	background-image: url(../../../images/Untitled-1.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	overflow-y:hidden;
}
ul.sc_menu {
  display: block;
  /* Max width here, for users without Javascript */
  width: 999%;
  padding: 15px 0 0 15px;
  /* Remove default margin */
  margin-left: 100px;;
  list-style: none;

}
.sc_menu li {
  display: block;
  float: left;
  padding: 0 4px;
}

.sc_menu span {
  /* We want a caption to display on the next line */
  display: block;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}
.sc_menu span {
  display: none;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}


/*div.sc_menu_wrapper {
  position: relative;
  height: 430px;
  width: 100%;
  overflow: auto;
  background-color: #191919;
}
div.sc_menu {
  position: relative;
  width: 98%;
  
}
*/

div.sc_menu_wrapper {
  position: relative;
  height: 430px;
  /* Make bigger than a photo, because we need a place for a scroll-bar. */
  overflow:hidden;
  margin:0 auto;
  width:1000px;
}

.sc_menu_wrapper .loading {
  position: absolute;
  top: 50px;
  left: 10px;

  margin: 0 auto;
  padding: 10px;

  width: 100px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;      

  text-align: center;
  color: #fff;
  border: 1px solid rgb(79, 79, 79);
  background: #1F1D1D;
}

#EmailForm label,
#EmailForm p {
	display: block;
	float:left;
	width: 50px;
	}

#EmailForm input {
	width: 150px;

}





/* style the #EmailForm elements to look similar across browsers ... emulates Safari */
#EmailForm label input,
#EmailForm textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    line-height: 20px;
    background: #fff url(../images/page_contact/input-bg.gif) repeat-x top left;
}
#EmailForm input.checkbox,
#EmailForm select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff; 
	width:150px;   

}
#EmailForm textarea {
	width: 300px;
	height:90px;
	display: block;

}

#EmailForm {
	width: 300px;
	text-align: left;
	border:none;
	padding-left:100px;
	padding-top:30px;
}
#EmailForm.full { width: 100%; }


#EmailForm fieldset {
	border:none;

}


#name {
	width:260px;
	height:20px;
	float:left;
	clear:left;
	padding-left:5px;
	padding-top:4px;
}

#email {
	width:260px;
	height:20px;
	float:left;
	clear:left;
	padding-left:5px;
	padding-top:4px;
}


#message {
	width:200px;
	clear:left;
	padding-left:5px;
	padding-top:40px;
}

#sendButton {
	width:40px;	float:left;
	clear:left;
	height:20px;
	padding-top:24px;
	padding-left:4px;
	
	
}
#sendButton input{
	width:80px;	
}

#contentLLinks a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	text-decoration:none;
}
#contentLLinks a:hover{
	color: #FFFFFF;
}
#space5{
	width:160px;
height:20px;;
}
#beloved{
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left:50%;
	width:49%;
	height:15px;
	margin-right:1%;
	text-align:right;
}
#beloved a{
	text-decoration:none;
		color: #666666;

}
#beloved a:hover{
	text-decoration:none;
		color: #999999;

}
#copy{
	text-decoration:none;
	color: #232323;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:50%;
	text-align:left;
	float:left;
	height:15px;
	padding-left:10px;
}
#links{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1px;
	float:right;
}
#links a{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1px;
	text-decoration:none;
}