body {
 	font-family:     Arial, Helvetica, sans-serif;
   background-color: #555;
	color: #555;
	font-size: 11px;
 	text-align: center;
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 30px;
 	background-repeat: repeat-x;
 	background-position: 50% 100%;
	behavior: url(loaded.htc);
}

a{
	text-decoration: none;
	color: #E43516;
}

	 a img {
		text-decoration: none;
		border: none;
	}
	a:hover {
		color: #000;
		text-decoration: none;
	}
	
	a:active img
	{
		  outline: none;
	}
	
	a:active
	{
	  outline: none;
	}


p {
	margin-top:0px;
	margin-bottom: 0px;
}

:focus
{
  -moz-outline-style: none;
}

#mainmain {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	font-size: 11px;
	padding: 0px;
	text-align: left;
	margin-top: 0px;
}


#main {
	width: 900px;
 	float: left;
	margin-left: 0px;
 	background-image: url("../images/website_back.jpg");
 	background-repeat: repeat-y;
 	background-position: 0% 0%;
	height: 700px;
	overflow: hidden;
}
 
 
#main_arch {
	width: 900px;
	float: left;
	background-image: url("../images/vertical.jpg");
	background-repeat: repeat-y;
	background-position: 0% 0%;
}
 
 
#head {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	height: 181px;
	padding: 0px;
	text-align: left;
	background-image: url("../images/head.jpg");
 	background-repeat: no-repeat;
 	background-position: 0% 0%;
 	text-decoration: none;
	border: none;
	 overflow: hidden;
}

#head img {
	text-decoration: none;
	border: none;
}

 #foot {
 	margin-left: auto;
	margin-right: auto;
	float: left;
	width: 900px;
	height: 25px;
	font-size: 11px;
	padding: 0px;
	text-align: left;
	background-image: url("../images/foot.jpg");
 	background-repeat: no-repeat;
 	background-position: 0% 0%;
	margin-bottom: 5px;
	overflow: hidden;
 	margin-bottom: 15px;
}



 #foot_text {
 
	width: 700px;
	height: 15px;
	margin-left: 0px;
	margin-top: 8px;
	font-size: 10px;
	padding: 0px;
	text-align: left;
	margin-left: 180px;
	color: #1A70BF;
	float: left;
	display: inline;
}
#foot_text a {
	color: #1A70BF;
}

#foot_text a:hover {
	color: #000;
}

/*---------------------------------------------------------------- Left panel */

#left {
	width: 452px;
	height: 685px;
	float: left;
	margin-top: 6px;
	margin-left: 0px;
	display: inline;
}

#left_border {
	float: left;
	width: 135px;
	height: 685px;
	margin-left: 27px;
	display: inline;
	font-size: 10px;
	font-weight: bold;
	line-height: 16px;
}

	#left_border a{
		color: #000;
		text-decoration: none;
	}
	
	#left_border a:hover{
		color: #f00;
	}

/*----------------------------------------------------------------  case LARGE */

#case_L  {
	width: 405px;
	height: 352px;
	margin: 0px;
	padding: 0px;
	margin-left: 25px;
	float: left;
	display: inline;
} 

#case_meta_subtext {
	font-size: 9px;
	height: 16px;
	line-height: 16px;
	float: left;
	overflow: visible;
	text-align: left;
	font-family:   Arial, Helvetica, sans-serif;
	display: inline;
	margin-right: 1px;
}

	#case_meta_subtext a {
		text-decoration: none;
	}


#meta {
	font-size: 9px;
	font-weight: 900;
	color: #111;
}

#case_L_title  {
	width: 400px;
	height: 26px;
	margin-left: 1px;
	margin-top: 5px;
	display: inline;
	float: left;
} 

#flv_cont_pl {
	width: 404px;
	height: 278px;
 
	margin-left: -2px;
	margin-top: 0px;
 
}

#FLVplayer {
	margin-top: 10px;
	width: 404px;
	height: 275px;
 
  margin-bottom: 0px;
}

#case_L_img  {
	display: inline;
	width: 400px;
	height: 222px;
	margin-left: 3px;
	margin-top: 3px;
	float: left;
 
} 
 
#case_L_text  {
	width: 396px;
	height: 58px;
	margin-left: 3px;
	margin-top: 0px;
 
	float: left;
	line-height: 11px;
	font-size: 10px;
	text-align: left;
 
 
} 

#case_L_meta  {
	width: 400px;
	margin-left: 3px;
	margin-top: 0px;
	float: left;
	overflow: visible;
	line-height: 11px;
	font-size: 10px;
	display: inline;
} 

#case_L_subtext_IE  {
	width: 395px;
	height: 22px;
	margin-left: 2px;
	margin-top: 5px;
	float: left;
	overflow: hidden;
	line-height: 12px;
	font-size: 10px;
	border-top: 1px dashed #ddd;
	border-bottom: 1px dashed #ddd;
	text-align: left;
	display: inline;
	padding-top: 2px;
} 

	#case_L_subtext a img {
		text-decoration: none;
		border: none;
	  margin-top: 2px;
	  display: inline;
	 	background-image: url("../images/play.gif");
	}
	
	#case_L_subtext a:hover img {
		text-decoration: none;
		border: none;
	  margin-top: 2px;
	  display: inline;
	 	background-image: url("../images/hl_play.gif");
	}
 

#case_L_subtext_large {
	width: 390px;
	height: 20px;
	margin-left: 8px;
	margin-top: 10px;
	float: left;
	overflow: hidden;
	line-height: 12px;
	font-size: 10px;
	border-top: 1px dashed #ddd;
	border-bottom: 1px dashed #ddd;
	text-align: right;
	display: inline;
} 

	#case_L_subtext_large a img {
		text-decoration: none;
		border: none;
	 	margin-top: 2px;
		display: inline;
	}

 /*----------------------------------------------------------------  case MEDIUM */
 
 
#case_M {
	width: 188px;
	height: 175px;
	margin-left: 26px;
	margin-right: 1px;
	float: left;
	margin-top: 14px;
	display: inline;
	overflow: visible;
 } 
 
 
#case_M_img  {
	width: 185px;
	height: 115px;
	margin-left: 0px;
	margin-top: 4px;
	float: left;
	display: inline;
} 

#case_M_text  {
	width: 183px;
	height: 44px;
	margin-left: 1px;
	margin-top: 5px;
	float: left;
	overflow: hidden;
	line-height: 12px;
	font-size: 10px;
 	display: inline;
	text-align: left;
} 

#case_M_subtext  {
 	width: 175px;
	height: 20px;
	margin-left: 8px;
	margin-top: 10px;
	float: left;
	overflow: hidden;
	line-height: 12px;
	font-size: 10px;
	border-top: 1px dashed #ddd;
	border-bottom: 1px dashed #ddd;
	text-align: left;
	display: inline;
} 

#case_M_subtext_IE  {
 	width: 175px;
	height: 22px;
	margin-left: 8px;
	margin-top: 10px;
	float: left;
	overflow: hidden;
	line-height: 12px;
	font-size: 10px;
	border-top: 1px dashed #ddd;
	border-bottom: 1px dashed #ddd;
	text-align: left;
	display: inline;
	padding-top: 2px;
} 


	 #case_M_subtext a img {
		text-decoration: none;
		border: none;
	 	margin-top: 2px;
	 	display: inline;
	}
	
	#case_M_subtext a:hover img {
		text-decoration: none;
		margin-top: 2px;
		display: inline;
	}

#cambut   {
	text-decoration: none;
	margin-top: 2px;
	display: inline;
 	background-image: url("../images/play.gif");
	width: 20px;
	height: 19px;
	float: left;
}

#cambut:hover {
	text-decoration: none;
	display: inline;
 	background-image: url("../images/hl_play.gif");
	float: left;
}

#cambut_IE   {
	text-decoration: none;
   margin-top: 0px;
	display: inline;
 	background-image: url("../images/play.gif");
	width: 20px;
	height: 19px;
	float: left;
}

#cambut_IE:hover {
	text-decoration: none;
 	display: inline;
 	background-image: url("../images/hl_play.gif");
	float: left;
}


#cambut2  {
	text-decoration: none;
	margin-top: 0px;
  	display: inline;
 	background-image: url("../images/play_small.gif");
	width: 17px;
	height: 16px;
	float: left;
}

#cambut2:hover {
	text-decoration: none;
   display: inline;
 	background-image: url("../images/hl_play_small.gif");
	float: left;
}

/*----------------------------------------------------------------  case SMALL */
 
 
#case_S {
	width: 137px;
	height: 160px;
	margin-left: 25px;
	margin-right: -21px;
	float: left;
	margin-top: 0px;
	display: inline; 
} 
 
#case_S_img  {
	width: 120px;
	height: 92px;
	margin-left: 0px;
	margin-top: 6px;
	float: left;
	display: inline;
} 

#case_S_text  {
	width: 120px;
	height: 40px;
	margin-left: 0px;
	margin-top: 5px;
	float: left;
	overflow: hidden;
	line-height: 12px;
	font-size: 9px;
	line-height: 10px;
	display: inline;
	text-align: left;
} 

/*----------------------------------------------------------------  Right panel */
 
 #right {
	width: 272px;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	height: auto;
	overflow: visible;
	display: inline;
}
 
 

/*----------------------------------------------------------------  case XSMALL */
 
 
#case_XS {
	width: 116px;
	height: 145px;
	margin-left: 18px;
	margin-right: -6px;
	float: left;
	margin-top: 12px;
	display: inline;
	margin-bottom: 2px;
} 

#buffer {
	width: 116px;
	height: 27px;
	float: left;
} 
 
#case_XS_img  {
	width: 100px;
	height: 85px;
	margin-left: 0px;
	margin-top: 6px;
	float: left;
} 

#case_XS_text  {
	width: 103px;
	height: 40px;
	margin-left: 1px;
	margin-top: 5px;
	float: left;
	overflow: hidden;
	line-height: 12px;
	font-size: 9px;
	line-height: 10px;
	text-align: left;
} 

 
/*-------------------------------------------------------------- Archive */

#archive {
	width: 271px;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	overflow: hidden;
}


#archive_mid {
	background-image: url("../images/arch_mid.jpg");
	width: 263;
	height: 285x;
	margin-left: 2px;
	float: left;
	overflow: hidden;
}

#search {
	height: 25px;
	width: 220px;
	margin-top: 8px;
	margin-left: 11px;
	font-size: 9px;
	border: none;
	display: inline;
	float: left;
}

#exp_buf {
	width: 200px;
	height: 9px;
	font-size: 4px;
}

 
input
{
	background-color: #fff;
}

#submit_image {
	color: #000
	background: #fff;
	margin-left: 6px;
	margin-top: 1px;
	height: 14px;
	width: 14px;
	vertical-align: top;
}


#sform{
 
 background-color: #fff;
 
}

#clear_search{
	float: right;
	margin-top: 0px;
	margin-right: 4px;
	height: 17px;
	width: 17px;
}

#arc_head{
	width: 271;
	height: 35px;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	font-size: 16px;
	color: #E43516;
	background-repeat: no-repeat;
	background-position: 0% 0%;
}

/* ------------------------------------- Safarai  */
#arc_head_saf{
	width: 271;
	height: 35px;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	font-size: 16px;
	color: #E43516;
	/* background-image: url("../images/arch_top_saf.jpg"); */
	background-repeat: no-repeat;
	background-position: 0% 0%;
}

#search_saf {
	height: 25px;
	width: 220px;
	margin-top: 3px;
	margin-left: 10px;
	font-size: 9px;
	float: left;
}
/* ------------------------------------- Safarai  */


#archive_bottom {
	width: 271px;
	float: left;
	background-image: url("../images/arch_bottom.jpg");
	height: 12px;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	font-size: 1px;
}

	#arc_head a {
		text-decoration: none;
		color: #E43516;
	}

#arc_head a:hover {
	text_decoration: none;
	color: #000;
}

#date{
 	font-family:     Arial;
	letter-spacing: 0px ;
	color: #E43516;
	font-weight: bold;
}


#arc_item{
	width: 243px;
	height: 16px;
	float: left;
	margin-top: 2px;
	margin-left: 11px;
	border-bottom: 1px dashed #aaa;
	font-size: 10px;
	display: inline;
	overflow: hidden;
	white-space: nowrap;
}

	#arc_item a{
		color: #333;
		text-decoration: none;
		white-space: no-wrap;
	}
	
	#arc_item a:hover{
		color: #E43516;
		text-decoration: none;
		white-space: no-wrap;
	}


#cam {
	float: right; 
	height: 15px;
	margin-top: -12px;
}

#case_archive_subtext {
	height: 22px;
	border-top: 1px dashed #ddd;
	line-height: 20px;
}
 
.reset_search {
	width: 18px;
	height: 18px;
	float: left;
	margin-top: 8px;
	margin-left: 4px;
}
 
	.reset_search a{
		background-image: url("../images/sc.jpg");
	 	width: 18px;
		height: 18px;
		float: left;
		text-decoration: none;
	 	background-repeat: no-repeat;
	}
 
	.reset_search a:hover{
		background-image: url("../images/sc_hover.jpg");
		width: 18px;
		height: 18px;
		float: left;
		text-decoration: none;
		background-repeat: no-repeat;
	}

/* ------------------- player */

 

#hidden_preload {
	width: 0px;
	height: 0px;
	overflow: hidden;
	font-size: 0px;
	display: none;
}

#flv_cont {
	width: 400px;
	height: 250px;
	overflow: hidden;
}

 

#login {	
	text-align: left;  
	margin: 0; 
 	width: 565px;
 	height: 15px;
 	color: #000;
 	padding: 0px;
	border: 2px solid red;
 	overflow: hidden;	 	
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
	font-size: 9px;
	background-color: #fff;
 }

	#login a{
		color: #000;
	}
	
	#login a:hover{
	 	color: #f00;
	}	

#navitem {
	background-image: url("../images/dot_nr.jpg");
	background-position: 0px 2px;
	text-decoration: none;
	background-repeat: no-repeat;
	color:  #fff;
	width: 95px;
	height: 15px;
	margin-top: 10px;
	margin-bottom: 18px;
	margin-left: 3px;
	font-size: 12px;
 }
 
 #navitem2 {
 
	background-position: 0px 2px;
 
	width: 95px;
	height: 15px;
	margin-top: 10px;
	margin-bottom: 18px;
	margin-left: 3px;
	font-size: 12px;
	
	 	background-image: url("../images/dot_hl.jpg");
	   	background-repeat: no-repeat;
		text-decoration: none;
		color: #e95d0f;
 }
 
 
  #navitem_green {
 
	background-position: 0px 2px;
 
	width: 95px;
	height: 15px;
	margin-top: 10px;
	margin-bottom: 18px;
	margin-left: 3px;
	font-size: 12px;
	
	 	background-image: url("../images/dot_green.jpg");
	   	background-repeat: no-repeat;
		text-decoration: none;
		color: #e95d0f;
 }
 
  #navitem_red {
 
	background-position: 0px 2px;
 
	width: 95px;
	height: 15px;
	margin-top: 10px;
	margin-bottom: 18px;
	margin-left: 3px;
	font-size: 12px;
	
	 	background-image: url("../images/dot_red.jpg");
	   	background-repeat: no-repeat;
		text-decoration: none;
		color: #e95d0f;
 }
 
	 #navitem a{
		 background-image: url("../images/dot_nr.jpg");
		 background-position: 0px 2px;
		 text-decoration: none;
		 background-repeat: no-repeat;
		 color:  #fff;
	}
	 
	#navitem a:hover{
	 	background-image: url("../images/dot_hl.jpg");
	   	background-repeat: no-repeat;
		text-decoration: none;
		color: #e95d0f;
	}
	
#foldme {
	width: 120px;
	height: 70px;
}


#flogin .text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 100px;
	margin-right: 6px;
	border: 1px inset #555;
	height: 18px;
	padding : 1px;
	margin-bottom: 5px;
	color: #777;
}

#flogin .buttons {
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #FfC500;
	color: #444;
	margin-right: 6px;
	cursor: pointer;
	margin-right: 20px;
	border: 2px outset #Ffe733;
}