body {margin:0;padding:0;font-family: arial, sans-serif, Georgia, "Times New Roman", verdane, serif;font-size:13px;background-color: #FFFFFF;background-image:url(../images/bg.jpg);}
h3 {margin-top:0;background-color:#CC0000;color:#FFFFFF;}
h3 {margin-bottom: 2px;}
h3 {margin:0;padding:3px;text-align:left;}
h4 {margin:0;padding:3px;text-align:right;}
h4, p {clear:both;}
img {border:0;}
a {text-decoration:none;}
a:hover {text-decoration:none;}
.oneColElsCtr #container {width: 990px;* width: 960px;background: #000000;margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid  #999999;text-align: center; /* this overrides the text-align: center on the body element. */
}
.oneColElsCtr .mainContent {padding: 5px;clear:both;width:990px;text-align:left;}
.mc_albm { background-color:#FFFFFF; width: 980px; }

/* top right + logo */
.top_rit {float:right;width:660px;}
.top_col {
width:220px;float:left;border:#666666;}
.top3n1, .top4n1, .top5n1 {padding-left:3px;}
.top3n1 {height:40px;}
.top4n1 {height:30px;}
.top5n1 {height:24px;}
#innerlogotxt
{text-align:center;margin-top:75px;color:#CCCCCC; }
#logotop {float:left;background: url(http://www.machchan.com/images/mach_logo_b.png) no-repeat 36px 33px;width:300px;height:110px;padding:5px;}
#clr1 {background-color:#030303; color:#FFFFFF;}
#clr2 {background-color:#222222; color:#CCCCCC;}
#clr3 {background-color:#494949; color:#999999;}
#clr4 {background-color:#777777; color:#000000;}
#clr5 {background-color:#9e9e9e; color:#000000;}
#clr6 {background-color:#b9b8b8; color:#000000;}
#clr7 {background-color:#e0e0e0; color:#000000;}
/* Yellow Promotion */
#y_prm_collect {text-align:center;}
.y_prm, .y_prm_lst {height:150px;width: 100px;margin: 5px;}
.y_prm_mid {height:150px;width: 300px;margin: 5px;}
/* special */
#spl_bas {width:975px;background-color:#FFFF00;}
/* Inner Advert */
#v_adv_collect {width:990px;
}
.v_adv {height:75px;width: 150px;margin:6px;}
/* ttube video */

#t_tub_collect {text-align:center;background-color:#CC0000;height:145px;width:975px;* width:980px;
}
.t_tub {margin:6px;float:left;}
.t_tub, .t_tub_lst {height:100px;width: 150px;}
.t_tub_txt_bas {height:100px;width: 150px;display:none;}
.t_tub_txt_hed {font-family:Georgia, "Times New Roman", Times, serif;font-size:14px;width: 150px;color:#FF0000;height:76;overflow:auto;}
.t_tub_txt_mor {
width: 150px;background-color:#CCCCCC;color:#FF0000;
}
#shw_cas_left {height: 400px;float:left;}
#shw_cas_rit {width: 260px;* width: 230px;height:360px;float:right;background-color:#321321;}
/*  Talent Container */
#tal_contain_bas {width:740px;}
#mov_contain {float:left;width:245px;* width:230px;height:340px;background-color:#CCCCCC;margin:5px;* margin-left: 0;}
#searchtop {width:730px;height:50px;background-color:#FF0000;margin: 5px;margin-left: 0;}
.tal_contain {float:left;width:323px;* width: 357px;height:200px;background-color:#CCCCCC;margin: 5px;margin-left: 0;}
.sub_top {}
.sub_bdy {height:305px;overflow:auto;padding:2px;background-color:#EEFFEE;}
.sub_bdy_mov {height:305px;overflow:auto;background-color:#EEFFEE;padding:2px;}
.sub_bot {height:20px;background-color:#009999;padding:2px
}
.sub_bot_lft {float:left;}
.sub_bot_rit {float:right;}
.g_adv_73090 {width:730px;height:90px;background-color:#FF0000;margin: 5px;margin-left:0;}
.g_adv_340280 {margin:5px;width:340px;height:280px;background-color:#FF0000;}
.g_adv_160600 {margin:2px;width:150px;height:550px;background-color:#333;}
.g_adv_250250 {width:250px;height:250px;background-color:#FF0000;float:left;}
.g_lnk_16090 {width:160px;height:90px;background-color:#321321;margin:5px;}
.news_rit {width:314px;hedfight:600px;float: right;margin: 5px;background-color:#FFFFFF;}
#news_base {width:450px;heigiht:600px;float: left;margin: 2px;padding: 3px;background-color:#FFFFFF;}
.nws_gr1_bas {}
.nws_gr2_bas {height:300px;}
.nws_gr3_bas {}
.nws_gr1_itm {padding:5px;}
.nws_gr2_itm {padding:5px;height:90px;}
.nws_gr3_itm {heifgght:19px;padding:2px;}
.nws_gr1_img {width:150px;height:90px;}
.nws_gr2_img {width:100px;height:70px;}



#abm_lft {clear:both;width:170px;float:left; 
text-align:center;background-color: #FFFFFF;}
.abm_mid {width:450px;margin:5px;float:left;text-align:center;background-color: #FFFFFF;
}
.abm_hed {width:540px;margin:5px;height:100px;}
.abm_rit {float:left;width:250px;margin:5px;text-align:center;background-color: #FFFFFF;}
#iphone {width:243px;height:446px;background-image:url(http://www.machchan.com/images/iphone-bg-w.gif);cle]ar:both;}
.abm_pto_bas {width:125px;height:175px;float:left;margin:5px;}
.abm_pto {width:125px;height:145px;}
.abm_pto_txt {width:125px;height:30px;}

/*  image gray box */
.adorned {background: #6AF;padding: 5px 5px; /* padding greater than corner height|width */
margin: 1em 0.25em;color: #000;} .wrap0, .wrap1, .wrap2, .wrap3 {display: inline-table;/* \*/
display: block; /**/
} .wrap0 {float: left;background: url(http://www.machchan.com/images/shadow/shadow.gif) right bottom no-repeat;} .wrap1 {background: url(http://www.machchan.com/images/shadow/shadow180.gif) no-repeat;} .wrap2 {background: url(http://www.machchan.com/images/shadow/corner_bl.gif) -16px 100% no-repeat;} .wrap3 {padding: 4px 6px 6px 4px;background: url(http://www.machchan.com/images/shadow/corner_tr.gif) 100% -16px no-repeat;} .wrapbox5 {padding: 10px;background: #FFFFF5;border: 1px solid;border-color: #ccc #999 #999 #ccc;} .wrapbox4 {padding: 5px;background: #FFFFF5;border: 1px solid;border-color: #ccc #999 #999 #ccc;} .wrapboxi {padding: 5px;background: #FFFFF5;border: 1px solid;border-color: #ccc #999 #999 #ccc;} .dropshadowi {width: 430px;}

/* menu */
.solidblockmenu {-x-system-font:none;background:black url(http://www.machchan.com/css/blockdefault.gif) repeat-x scroll center center;border-color:#625E00;border-style:solid;border-width:1px 0;float:left;font-family:Arial;font-size:13px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:bold;line-height:normal;margin:0 0 1em;overflow:hidden;padding:0;width:100%;}

.solidblockmenu li {display:inline;}
.solidblockmenu {border-style:solid;font-family:Arial;font-size:13px;font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:bold;line-height:normal;
width:990px;text-align:left;}
.solidblockmenu li a:visited {color:white;}
.solidblockmenu li a {border-right:1px solid white;color:white;float:left;padding:9px 11px;text-decoration:none;}
.solidblockmenu li a:hover, .solidblockmenu li .current {background:transparent url(http://www.machchan.com/css/blockactive.gif) repeat-x scroll center center;color:white;}
.h_bas {background-color:#666666;height:560px;text-align:justify;width:975px;}.h_bas2 {background-color:#666666;height:615px;text-align:justify;width:975px; * width: 990px;
}
.h_cnt {margin:5px;background-color:#FFFFFF;padding:5px;height:540px;float:left;width:400px;}
.h_cnt2 {margin:5px;background-color:#FFFFFF;padding:5px;height:590px;float:left;width:420px;}
.h_rit {margin:5px;height:550px;float:left;width:180px;}
.h_rit2 {height:610px;float:left;width:150px;}
.h_tall {width:85px;margin-left:5px;margin-top:5px;margin-bottom:5px;height:550px;float:left;background-color: #CCCCCC;}
.h_tall2 {width:85px;
 * width: 80px; margin-left:5px;* margin-left:1px;margin-top:5px;margin-bottom:5px;height:550px;float:left;background-color: #CCCCCC;}
.h_tall3 {width:85px;margin-left:5px;margin-top:5px;margin-bottom:5px;height:550px;float:left;background-color: #006;}


/* ==================== accordian */
.h_tall ul,.h_tall2 ul {margin:0px;padding:0px;}
.h_tall ul a, .h_tall2 ul a   {border-top: 1px solid #cdcdcd;display:block;font-family:arial;font-size:11px;text-align:left;text-decoration:none;padding-left:2px;color:#111121;background-color:#DEDEDE;}
.h_tall ul h3,.h_tall2 ul h3 {border-top: 1px solid #666666;background-color:#990000;font-family:arial;font-size:11px;text-align:left;text-decoration:none;padding:0px;color: #FFFFFF;
}
.h_tall ul a:hover {background-color:#FF6600;color:#FFFFFF;border-top-width: 1px;border-top-style: solid;border-top-color: #DFDFDF;}

.for_set ul {margin:0px;padding:0px;}
.for_set ul a  {border-top: 1px solid #EEFFEE;display:block;font-family:arial;font-size:11px;text-align:left;text-decoration:none;padding:1px;margin:2px;color:#CCCCCC;
}
.for_set ul h3 {border-top: 1px solid #666666;background-color:#999999;font-family:arial;font-size:11px;text-align:left;text-decoration:none;padding:5px;
}
.for_set ul a:hover {background-color:#FF6600;border-top:1px solid #6100C1;color:#FFFFFF;}
.for_bas {height:160px;width: 975px;}

.for_set
{border-top: 1px solid #EEFFEE;display:block;font-family:arial;font-size:11px;text-align:left;text-decoration:none;padding-left:2px;color:#111121;width:125px;float:right;height:160px;}
.for_lst, .for_lst a  {height:25px;color:#FFFFFF;}
.newsh3{text-align:center;}
.ShareIt li { display: inline; margin:2px; }
.my_nev {clear:both !important;display:block !important;font-size:0.9em !important;padding-top:10px;text-align:center;}
.my_nev a.hover {background-color:#0066CC;color:#FFFFFF !important;text-decoration:none !important;}
.my_nev a {border:1px solid #DDDDDD;margin-right:1px;padding:3px 7px;}
.my_nev span {font-weight:bold;margin:0 1px;padding:3px 7px;border:1px solid #DDDDDD;}


#s3slider {
   width: 400px; /* important to be same as image width */
   height: 225px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 400px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 



/* -------------------------------------*/
.news_base_n {width:350px; height:590px;float: left;margin: 5px;padding: 3px;background-color:#FFFFFF;}
.news_base_n2 {width:200px; height:600px;float: left;margin: 2px;padding: 3px;background-color:#FFFFFF;}

.h_tall a, .h_tall2 a {
    background-color: #DEDEDE;
    border-top: 1px solid #CDCDCD;
    color: #111121;
    display: block;
    font-family: arial;
    font-size: 11px;
    padding-left: 2px;
    text-align: left;
    text-decoration: none;
}
.h_tall h3, .h_tall2 h3 {
    background-color: #990000;
    border-top: 1px solid #666666;
    color: #FFFFFF;
    font-family: arial;
    font-size: 11px;
    padding: 0;
    text-align: left;
    text-decoration: none;
}
.for_set a {
    border-top: 1px solid #EEFFEE;
    color: #CCCCCC;
    display: block;
    font-family: arial;
    font-size: 11px;
    margin: 2px;
    padding: 1px;
    text-align: left;
    text-decoration: none;
}

#gallery {
	position:relative;
	height:200px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
	z-index:600;
	background-color:#000;
	color:#ffffff;
	height:60px;
	width:100%;
	position:absolute;
	bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}




h1, h2, h3, h4, h5, h6 {
    font-family: Rockwell,Georgia,Palatino Linotype,Palatino,"Times New Roman",Times,serif;
}


	
	#galleryBanr {position:relative; height:550px}
	#galleryBanr a {float:left; position:absolute;	}
	#galleryBanr a img {border:none;}
	#galleryBanr a.show {z-index:500}
	#galleryBanr .caption {	z-index:600; background-color:#000;	color:#ffffff;	height:550px; width:100%;	position:absolute;	bottom:0;}
	#galleryBanr .caption .content {margin:5px}	
	#galleryBanr .caption .content h3 {margin:0; padding:0; color:#1DCCEF;}