@charset "utf-8";

/* -----------------------------------------------------------------------------------------------
		general
 ----------------------------------------------------------------------------------------------- */

body {
	background:url(../images/bg.gif) top #000000; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center; 
	padding:0;
	margin:0;
}

.wrapper {
	position:relative;
	width:1000px;
	margin:0 auto;
}

/* -----------------------------------------------------------------------------------------------
		effect glider 
 ----------------------------------------------------------------------------------------------- */

.scroller {
	height:500px;
	border:1px dotted #666666;
	margin-top:30px;
	overflow:hidden;	
}

*html .scroller {
	width:1000px;
	border:1px solid #666666;
}

.scroller .content {
	width:10000px;
}

.scroller .content .section {
	width:1000px;
	height:500px;
	color:#FFFFFF;
	overflow:hidden;
	float:left;
}

/* -----------------------------------------------------------------------------------------------
		effect glider content
 ----------------------------------------------------------------------------------------------- */

#home {
	padding-top:150px;
}

/* -----------------------------------------------------------------------------------------------
		content collection & accessories
 ----------------------------------------------------------------------------------------------- */

.products {
	height:420px;
	background-color:#FFFFFF; 
	padding:20px;
	margin:20px; 
}

.products .left {
	width:350px;
	text-align:center;
	float:left;
}

.products .left img {
	margin-top:50px;
}

.products .right {
	height:420px;
	margin-left:400px;
}

.products .right img {
	border:1px solid #cccccc;
	margin:0px 10px 10px 0px;
	cursor:pointer;
	float:left;
}

/* Collection and accessories */

.products {
	color:#FFFFFF;
	background-color:#000000;
}

.products .taobao {
	margin-top:120px;
	margin-bottom:30px;
}

.products .taobao a {
	color:#FFFFFF;
}

.products .taobao a:hover {
	text-decoration:none;
}
/* -----------------------------------------------------------------------------------------------
		collection
 ----------------------------------------------------------------------------------------------- */

.collection_table {
	margin-top:20px;
	margin-left:130px;
}

.collection_table td {
	text-align:left;
	padding-right:30px;
}

/* -----------------------------------------------------------------------------------------------
		others
 ----------------------------------------------------------------------------------------------- */

.photos, .video, .press, .contact {
	height:420px;
	color:#FFFFFF;
	background:#000000; 
	text-align:left;
	padding:20px;
	margin:20px; 
}

.photos {
	text-align:center;
}

.photos img {
	border:5px solid #333333;
	border-bottom:20px solid #333333;
	margin:0px 0px 0px 10px;
	cursor:pointer;
}

.photos div {
	margin-top:20px;
}

.photos img.vertical {
	position:relative;
	top:-20px;
}

/* IE7 hack only */
*:first-child+html .photos img.vertical {
	position:static;
	top:0px;
}

/* IE6 and below hack */
*html .photos img.vertical {
	position:static;
	top:0px;
}

/* -----------------------------------------------------------------------------------------------
		video old

.video .left {
	background:#333333;
	padding:10px 10px 25px 10px;
	float:left;
}

.video .right {
	width:340px;
	margin:25px 0px 0px 20px;
	float:right;
}


.video p {
	text-align:center;
	margin-top:220px;
}

 ----------------------------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------------------------
		video
 ----------------------------------------------------------------------------------------------- */

.video p {
	text-align:center;
	line-height:20px;
}

.video p.first {
	color:#999999;
	margin-top:160px;
}

.video a {
	color:#FFFFFF;
	text-decoration:none;
}

.video a:hover {
	text-decoration:underline;
}


/* -----------------------------------------------------------------------------------------------
		press
 ----------------------------------------------------------------------------------------------- */

.press p {
	text-align:center;
	line-height:20px;
}

.press p.first {
	color:#999999;
	margin-top:50px;
}

.press a {
	color:#FFFFFF;
	text-decoration:none;
}

.press a:hover {
	text-decoration:underline;
}

/* -----------------------------------------------------------------------------------------------
		contact
 ----------------------------------------------------------------------------------------------- */


.contact p {
	text-align:center;
	line-height:20px;
	margin-top:180px;
}

.contact a {
	color:#FFFFFF;
	text-decoration:none;
}

.contact a:hover {
	text-decoration:underline;
}

/* -----------------------------------------------------------------------------------------------
		effect glider control
 ----------------------------------------------------------------------------------------------- */

.controls ul {
	padding:0;
	margin:20px 0px 0px 130px;
}

.controls ul li {
	width:120px;
	list-style:none;
	float:left;
}

.controls a {
	color:#999999;
	text-decoration:none;
}

.controls a:hover {
	color:#FFFFFF;
}

.buttonPrevious {
	position:absolute;
	top:250px;
	left:-30px;
	color:#FFFFFF;
	cursor:pointer;
}

.buttonNext {
	position:absolute;
	top:250px;
	right:-30px;
	color:#FFFFFF;
	cursor:pointer;
}

/* -----------------------------------------------------------------------------------------------
		web agency ad
 ----------------------------------------------------------------------------------------------- */

.agency {
	position:fixed; 
	bottom:10px; 
	right:10px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#666666; 
	background-color:#FFFFFF; 
	padding:4px 5px;
	margin:0; 
}

/* IE6, IE5 hacks - position:fixed doesn't work */
*html .agency {
	position:absolute; 
	top:10px;
}

.agency a {
	color:#000000; 
	text-decoration:none;
}

.agency a:hover {
	text-decoration:underline;
}