*{
	padding:0; margin:0;
	font-family: Tahoma, "Trebuchet MS", Verdana, Arial, san-serif; 
	font-weight: normal;
	font-size:11px; 
	color: #808080; 
	text-align:left;
}

div {}

h2, h3, h4 {}

p {}

a {color: #606060;}

a:hover{color: #909090 !important;}

ul{list-style-type:none}

img {border:0;}

body{
	text-align: center;
	margin:0;	padding:0;
	background:#FFF;
	width:100%;
	height:745px;
}

#main{
	width:800px;
	margin: 50px auto 0 auto;
	background:#FFF;
}

#main .contentBG_preload {display:none;}
#main .navBG_preload {display:none;}

/***** title START *****/
#title{
	float:left;
	width:810px;
	height: 20px;
}


#title h1{
	font-weight:bold; 
	font-size:13px; 
	color:#808080;
	float:left;
	text-decoration:none;
	cursor:pointer;
}

#title img {
	float:left;
	padding: 3px 0 0 8px;
}

/***** title END *****/


/***** nav START *****/

#nav{
	width:206px;
	height:550px;
	margin-right:10px;
	float:left;
	background: #e5e5e5 url(../images/navBG.gif) no-repeat;
}

ul.navList {
	width:185px;
	margin: 20px 0 0 14px;
}

ul.navList li.category {
	width:185px;
	margin-bottom:25px;
}

ul.navList li.category h2 {
	width:100%;
	height:18px;
}

/*
ul.navList li.category h2.toys {background: url(../images/nav/title_toys.gif) no-repeat;}
ul.navList li.category h2.robots {background: url(../images/nav/title_robots.gif) no-repeat;}
ul.navList li.category h2.cg {background: url(../images/nav/title_cg.gif) no-repeat;}
	
ul.navList li.category h2 span {display:none;}
*/

ul.navList li.category h2 span {font-size:11px; margin:0; padding:0;}

ul.navList li.category ul.register {
	width:185px;
	height:24px;
}

ul.navList li.category ul.register li {
	float:left;
	display:block;
	width:20px; 
	height:20px;
	border: solid 1px #9a9a9a;
	border-right: 0;
	background: #FFF;
	position:relative;
}

ul.navList li.category ul.register li.last {border-right: solid 1px #9a9a9a;} 

ul.navList li.category ul.register li a {
	position:absolute;
	left:0; top:0;
	display:block;
	width:20px; height:20px;
	text-decoration:none;
 }
 
 

ul.navList li.category ul.elec li a {background:#fdffca;}
ul.navList li.category ul.elec li a:hover {background:#fffe84;}
ul.navList li.category ul.elec li a.selected {background:#fffe84;color:#000;}


ul.navList li.category ul.robots li a {background:#d0eaff;}
ul.navList li.category ul.robots li a:hover {background:#97d1ff;}
ul.navList li.category ul.robots li a.selected {background:#97d1ff;}

ul.navList li.category ul.toys li a {background:#d3ddff;}
ul.navList li.category ul.toys li a:hover {background:#a0c2ff;}
ul.navList li.category ul.toys li a.selected {background:#a0c2ff;}

ul.navList li.category ul.cg li a {background:#d4ffd4;}
ul.navList li.category ul.cg li a:hover {background:#a8ffa8;}
ul.navList li.category ul.cg li a.selected {background:#a8ffa8;}

ul.navList li.category ul.music li a {background:#ffd5d5;}
ul.navList li.category ul.music li a:hover {background:#ffa9a9;}
ul.navList li.category ul.music li a.selected {background:#ffa9a9;}

ul.navList li.category ul.contact li a {background:#e2d5ff;}
ul.navList li.category ul.contact li a:hover {background:#cda9ff;}
ul.navList li.category ul.contact li a.selected {background:#cda9ff;}

ul.navList li.category ul.register li p {margin: 3px 0 0 4px; color:#777;}
ul.navList li.category ul.register li a.selected p {font-weight:bold; cursor:default; margin-left:3px; color:#FFF;}
ul.navList li.category ul.register li img {display:none;}

ul.navList li.category ul.elec li a.selected p{color:#777;}



/***** nav END *****/


/**** content START ****/
#content{
	width:580px;
	height:550px;
	float:left;
	background: #e5e5e5 url(../images/contentBG.gif) no-repeat;
	position:relative;
}

#content h2 { 
	width:573px;
	height:16px;
	margin: 12px 0 0 2px;
	background: #ccd7ff;
	position:relative;
}

#content h2.elec {background:#fdffca;}
#content h2.robots {background:#d0eaff;}
#content h2.toys {background:#d3ddff;}
#content h2.cg {background:#d4ffd4;}
#content h2.contact {background:#e2d5ff;}


#content h2 .title {
	margin-left:15px;	
	color:#808080;
	font-size:12px;
	font-weight:bold;
}

#content h2 .date {
	position:absolute;
	left:360px;
	line-height:16px;
	width:200px;
	color:#808080;
	font-size:10px;
	text-align:right;
}

#content p {
	width:540px;
	padding: 20px 20px 0 17px;
	float:left;
	text-align:left;
	font-family: "Trebuchet MS", Verdana, Arial, san-serif; 
}

#content ul.images {
	width:540px;
	padding: 15px 0 0 15px;
	float:left;
}

#content ul.images li {
	display:block;
	width:87px; 
	height:87px;
	margin: 0 4px 4px 0;
	float:left;
	background: url(../images/content/thumbnail_BG.gif) no-repeat;
}

#content ul.noVideo li {margin: 0 12px 12px 0;}

#content ul.images li.empty {background:none;}

#content ul.images li img {margin: 2px 0 0 2px; cursor:pointer;}
#content ul.images li.empty img {cursor:default;}

#content .video {
	position:absolute;
	left:13px;
	top:230px;
	width:330px;
	height:300px;
}

#content .videoFloat {
	padding: 5px 0 0 13px;
	float:left;
	width:330px;
	height:300px;
} 

#content .corner {
	position:absolute;
	right:5px;
	bottom:5px;
}

#content form {padding: 20px 0 0 17px;}
#content form input.email {width:283px;}

/**** content END ****/


/**** fullscreen START ****/

#fullscreenLayer {
	display:none;
	position:absolute;
	left:0; top:0;
	width:100%;
}

#fullscreenBG {
	position:absolute;
	left:0; top:0;
	width:100%; height:100%;
	text-align:center;
	background:#000;
	filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75;
}

#fullscreenContent {
	position:absolute;
	left:0; top:0;
	width:100%;
	text-align:center;	
}

/**** fullscreen START ****/


/**** infoBubble START ****/

.infoBubbleContainer{
	display:none;
	position:absolute;
	left:0; top:0;			
}	

.infoBubbleContainer .infoBubbleContent{
	position:absolute;
	left:3px; top:0;
	padding:1px 3px 1px 4px;				
	font: 11px "trebuchet ms" ;
	background:#FFF;
	border: solid 1px #A5A4AC;
	/*filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75;*/
}

/**** infoBubble END ****/


/**** imagePopup START ****/

#imagePopup {
	width:650px; height:510px;
	background:#FFF;
	margin:0 auto 0 auto;
	display:none;
	position:relative;
	border:1px solid #000;
}

#imagePopup a {
	position:absolute;
	bottom:3px; left:315px;
	font-weight:bold;
	font-size:12px;
}

#imagePopup #imagePopup_img {
	width:640px; height:480px;
	position:absolute;
	left:4px; top:4px;
	cursor:pointer;
	background: #d1d1d1;
	border:1px solid #000;
}

/**** imagePopup END ****/

/**** imagePopupVertical START ****/

#imagePopupVertical {
	width:490px; height:670px;
	background:#FFF;
	margin:0 auto 0 auto;
	display:none;
	position:relative;
	border:1px solid #000;
}

#imagePopupVertical a {
	position:absolute;
	bottom:3px; left:232px;
	font-weight:bold;
	font-size:12px;
}

#imagePopupVertical #imagePopupVertical_img {
	width:480px; height:640px;
	position:absolute;
	left:4px; top:4px;
	cursor:pointer;
	border:1px solid #000;
}

/**** imagePopupVertical END ****/