/*  
Theme Name: Airos Chou
Theme URI: http://www.sunflowamedia.com/
Description: Web Design examples
*/
*{
	margin: 0;
	padding: 0;
}
body{
	background: #FFF;
	font-size: 12px;
	text-shadow: 1px 1px 1px #000;
	font-family:"Trebuchet MS","Myriad Pro",Arial,sans-serif;
	color: #666;
}
img { border: 0;}
h2.title_name {
	font-family:"Trebuchet MS","Myriad Pro",Arial,sans-serif;
	font-weight: normal;
	font-size: 4em;
	margin: 0;
	padding: 50px 0 20px 0;
	text-align: center;
}
h2.title_name span {
	font-family: normal Georgia,'Times New Roman',Times,serif;
	color: #c01313;
	font-size: 0.9em;
}
h2.title_name small {
	display: block;
	font-family: normal Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.3em;
	font-weight: bold;
	letter-spacing: 0.5em;
	text-transform: uppercase;
}
p.copy_right {
	width: 750px;
	margin: 0 auto;
	padding: 100px 0 0 0;
	clear: both;
	font-size: 1.1em;
	letter-spacing: 1px;
	text-align: center;
	overflow: hidden;
	font-weight: bold;
}
p.copy_right a {
	color: #c01313;
	text-shadow: none;
}
p.copy_right a:hover {
	text-decoration: none;
}
/* Content Begin */
#content {
	width: 750px;
	margin: 50px auto 0 auto;
	clear: both;
}
#rotatescroll1 { 
	width: 300px; 
	height: 300px; 
	margin: 0 auto; 
	position: relative; 
}
#rotatescroll1 .viewport{ 
	width: 300px; 
	height: 300px; 
	position: relative; 
	margin: 0 auto; 
	overflow: hidden; 
}
#rotatescroll1 .overview { 
	width: 798px; 
	position: absolute; 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	left: 0; 
	top: 0; 
}
#rotatescroll1 .overview li { 
	width: 300px; 
	height: 300px; 
	float: left; 
	position: relative; 
}
#rotatescroll1 .overlay {
	height: 300px; 
	width: 300px; 
	background: url(../images/bg-rotatescroll.png) no-repeat 0 0;  
	position: absolute; 
	left: 0; 
	top: 0; 
}
#rotatescroll1 .thumb { 
	width: 26px; 
	height: 26px;
	z-index: 200; 
	background: url(../images/bg-thumb.png) no-repeat 50% 50%; 
	position: absolute; 
	top: 0px; 
	cursor: pointer; 
	left: 0px; 
}
#rotatescroll1 .dot { 
	background: url(../images/bg-dot2.png) no-repeat 0 0; 
	display: none; 
	height: 12px; 
	width: 12px; 
	position: absolute; 
	left: 155px; 
	top: 3px; 
	z-index: 100;
}
#rotatescroll1 .dot span { display: none; }