body
{
	background-color:black;
	text-align:center;
	margin:0px;

	font-family:arial;
	font-size:10px;
	color:#333333;
}

div
{
	font-family:arial;
}

hr
{
	border:none;
	margin:30px;
	margin-left:10px;
	margin-right:5px;
	margin-bottom:30px;
	padding:0px;
	height:5px;
	background:url("/images/horzline.jpg") no-repeat;
}

hr.dash
{
	margin:0px;
	border:none;
	margin-left:20px;
	margin-right:5px;
	height:1px;
	color:white;
	border-bottom:solid 1px #cccccc;
	background:none;
}

#wrapper
{
	margin:0px auto;
	width:982px;
	text-align:center;
}

#page
{
	width:982px;
	padding-bottom:46px;
	margin:0px auto;
	text-align:left;
	position:relative;
	background:url("/images/contentsbg.jpg") black repeat-y;
}

#header
{
	width:980px;
	height:105px;
	position:relative;
	background:url("/images/topbg.jpg") no-repeat;
}

#iconmenu
{
	position:absolute;
	left:811px;
	top:17px;
	margin:0px;
	padding:0px;
}

#iconmenu li
{
	list-style:none;
	float:left;
	margin:0px;
	margin-left:10px;
	cursor:pointer;
}


#topmenu
{
	position:absolute;
	left:325px;
	top:59px;
	margin:0px;
	padding:0px;
}

#topmenu li
{
	list-style:none;
	float:left;
	padding:0px;
	margin:0px;
	cursor:pointer;
}

#bottomMenu
{
	width:100%;
	background-color:#464646;
	color:#ffffff;
	font-size:14px;
	border-bottom:solid 1px #676767;
	height:30px;
}

#bottomMenu li
{
	list-style:none;
	float:left;
	margin:7px;
	margin-left:10px;
	margin-right:10px;
}

#bottomMenu li a
{
	text-decoration:none;
	color:white;
}

#toparea
{
}

#viewArea
{
	position:relative;
	width:980px;
	height:449px;
}

#jobDesc
{
	text-align:right;
	width:268px;
	height:205px;
	position:absolute;
	left:20px;
	top:31px;
	font-size:12px;
	line-height:13px;
}

#projectName
{
	color:#f36e25;
	font-size:17px;
	font-weight:bold;
}

#subTitle
{
	color:#676767;
	font-size:14px;
	font-weight:bold;
}

#location
{
	text-align:right;
	width:290px;
	height:177px;
	position:absolute;
	left:0px;
	top:230px;
}

#location a
{
	border:none;
}

img.grayed 
{
	background:#000000;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	border:solid 1px #cfcfcf;
}

img.locLeft, img.locCenter, img.locRight
{
	border:solid 1px #cfcfcf;
	float:right;
	width:70px;
	height:45px;
	margin-bottom:5px;
	cursor:pointer;
	filter:gray;
}

img.locRight:hover
{
	border:solid 1px #cfcfcf;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

img.locCenter
{
	margin-left:5px;
	margin-right:5px;
}

img.locRight
{
	margin-left:5px;
}

img.seperator1
{
	margin-left:15px;
	margin-right:15px;
}

#videoPlayer
{
	position:absolute;
	width:650px;
	height:380px;
	left:325px;
	top:31px;
	background:url("/images/moviePlayer.jpg") no-repeat;
}

#movie
{
	position:absolute;
	width:570px;
	height:360px;
	left:20px;
	top:5px;
}

#movieSelector
{
	position:absolute;
	width:635px;
	height:30px;
	left:326px;
	top:430px;
	text-align:right;
}

#movieSelector a img
{
	border:none;
	border-top:solid 2px white;
}
#movieSelector a img:hover
{
	border-top:solid 2px #f15e2a;
}


#projectList
{
	float:left;
	width:267px;
	margin-left:20px;
	padding-top:60px;
	padding-right:10px;
	text-align:right;
	background:url("/images/project.jpg") no-repeat right top;
}

#projectList li
{
	list-style:none;
	font-size:16.6px;
	color:#818181;
}

#projectList li.active
{
	font-size:21.35px;
	color:#231f20;	
}

#projectList li span
{
	cursor:pointer;
}

#projectList li span:hover
{
	font-size:21.35px;
	color:#231f20;	
	font-weight:bold;
}

#webzinView
{
	float:left;
	margin-left:25px;
	padding-left:1px;
	font-size:12px;
	color:#333333;
	background:url("/images/leftside.jpg") repeat-y;
}

div.webzinActive
{
	background-color:#f1f1f1;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:20px;
}

#webzinView div.normal
{
	width:620px;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:20px;
	_width:640px;
}

#webzinView div.top
{
	padding-top:0px;
}

#webzinView img.thumb
{
	float:left;
	width:190px;/*	198px;	*/
	height:119px;	/*	119px;	*/
	padding:6px;
	padding-bottom:21px;
	margin-right:20px;
	cursor:pointer;
	background-color:#FFFFFF;
	border:solid 1px  #d1d2d4;
}

#webzinView span.wvTitle
{
	font-size:17px;
	color:#f36e25;
	font-weight:bold;
}

#webzinView span.wvSubTitle
{
	font-size:14px;
	color:#676767;
	font-weight:bold;
}


#webzinView span.wvAirDate
{
	font-size:11px;
	color:#00adef;
	font-weight:bold;
}

#webzinView span.wvComment
{
	font-size:11px;
	color:#ababab;
}

span.readMore
{
	cursor:pointer;
}

span.readMore:hover
{
	color:white;
	font-weight:bold;
	background-color:#f15e2a;
}

#trailer
{
	background-color:#000000;
	padding-top:15px;
	padding-bottom:45px;
	text-align:left;
	color:#ffffff;
}

div.transparent
{
	-moz-opacity: 0.3; 
	opacity: .3;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
}

/* CONTENTS for OTHER MENU */
#contentsContainer
{
	margin:40px;
	margin-top:35px;
	margin-bottom:35px;
	width:900px;
}

#leftBanner
{
	width:245px;
	height:359px;
	margin-right:40px;
	background:url("/images/leftbanner.jpg") no-repeat;
	float:left;
}

#contents
{
	float:left;
	width:614px;
}


a.highslide:hover
{
	border:none;
}