body {
	margin:0 0;
	padding: 0 0;
	font-family: 'trebuchet MS',Arial, Verdana;
	font-size: 12px;
	background: #242D36 url(images/bg.jpg) top right no-repeat;
	/*text-align: center;*/
}
img {
	border: 0px;
}
* {
	margin:0px;
	padding:0px;
}

/* Structural elements	*/
.wrapper {
	width:960px;
	margin: 20px auto 0px auto;
	/*text-align:left;*/
}

/*	-- header css --	*/
.header {
	width:960px;
	/*margin-top:20px;*/
	height:170px;
	background:#000000;
}
.titlehead{
	float:left;
	top:0px;
	left:0px;
}
.titlehead img{
	margin-left:15px;
	margin-top:10px;
}
.slogan{
	font-size:22px;
	float:right;
	width:650px;
	height:130px;
	padding:20px;
	*padding:40px 20px 0px 20px;
	border-left: 3px #323232 dashed;
	color:#1bb7ff;
	font-weight:bold;
}
.slogan p{
	background:#35a2ff;
	color:#ffffff;
	padding:4px;
	margin-top:20px;
}

/*	-- top menu	--	*/
.menu{
	clear:both;
	display:block;
	margin-top:30px;
	text-align:center;
}
.menu a{
	font-size:20px;
	text-decoration:none;
	background:#efefef;
	color:#000000;
	margin:5px;
	display:inline-block;
	padding:5px 15px;
	border-right:#cdcdcd 2px solid;
	border-top:#f6f6f6 2px solid;
	border-left:#f6f6f6 2px solid;
	border-bottom:#cdcdcd 2px solid;
}
.menu a:hover{
	background:#ffffff;
	color:#000000;
}


/* Main content body */
.content{
	border-top:5px #cdcdcd solid;
	background:#ffffff;
	padding:2px;
	margin:-20px 0px 0px 0px;
	/*height:400px;*/
}

/* Slide Show */
.slide{
	cursor:hand;
	height:480px;
	padding-bottom:10px;
}
#slidenote{
	background-color:#ffff99;
	padding:8px;
	margin:10px;
	border-bottom:2px #ff9b39 solid;
}
/*#slidenote a{
	float:right;
	display:block;
	padding:1px 8px;
	background-color:#000000;
	color:#ffffff;
	text-decoration:none;
}
#slidenote a:hover{
	background-color:#000000;
	color:#ffffff;
	text-decoration:underline;
}
*/
#slidenote a{
	float:right;
	display:block;
	padding:3px 8px;
	width:60px;
	height:25px;
	background:url(images/arrow.gif) top left no-repeat;
	color:#000;
	text-decoration:none;
}
#slidenote a:hover{
	font-weight:bold;
}

.slidenumber{
	float:left;
	font-size:30px;
	font-weight:bold;
	padding:0px 10px;
	display:inline-block;
}

/* Footer area */
.footer {
	background:#efefef;
	border-top:5px #cdcdcd solid;
	padding:10px;
	margin-top:10px;
}
.footer a{
	text-decoration:none;
	padding:0px 5px;
	border-right:1px #454545 dotted;
}
.footer a:hover{
	color:#000000;
}


/* slideshow CSS images */
#s0{
	background: #adadad url(slides/0.jpg) top center no-repeat;
	height:480px;
	margin-bottom:10px;
}
#s1{
	background: #adadad url(slides/1.jpg) top center no-repeat;
	height:480px;
	margin-bottom:10px
}
#s2{
	background: #adadad url(slides/2.jpg) top center no-repeat;
	height:480px;
	margin-bottom:10px
}
#s3{
	background: #adadad url(slides/3.jpg) top center no-repeat;
	height:480px;
	margin-bottom:10px
}
#s4{
	background: #adadad url(slides/4.jpg) top center no-repeat;
	height:480px;
	margin-bottom:10px
}
#s5{
	background: #adadad url(slides/5.jpg) top center no-repeat;
	height:480px;
	margin-bottom:10px
}
#s6{
	background: #adadad url(slides/6.jpg) top center no-repeat;
	height:480px;
	margin-bottom:10px
}

#slide a{
	cursor:hand;
	color:#ffffff;
	text-decoration:none;
}

#s0 #s1 #s2 #s3 #s4 #s5 #s6 a{
	cursor:hand;
	color:#ffffff;
	text-decoration:none;
}


/*		Story Page 	*/
.story{
	background-color:#e8ffcb;
	padding:8px;
	margin:10px;
	border-bottom:2px #74e604 solid;
}


/*		behind the scene	*/
.tech{
	background-color:#565656;
	padding:8px;
	margin:10px;
	border-bottom:2px #000000 solid;
}


/*		About Page 	*/
.about{
	background-color:#edeff1;
	padding:8px;
	margin:10px;
	border-bottom:2px #35a2ff solid;
}
.people{
	background-color:#efefef;
	padding:8px;
	margin:10px;
	border-bottom:2px #ababab solid;
}