@charset "UTF-8";
/* CSS Document */

h1 { margin-bottom:5px; }

/* ------------------------------------------------- main photo area ----------------------------------- */
#main {
	width:915px;
	height:250px;
	overflow:hidden;
	position:relative;
}

#mainRight {
	position:absolute;
	top:0;
	right:0;
	width:260px;
	height:230px;
	padding:10px 10px 10px 40px;
	overflow:hidden;
	background:url(../images/home-main-right.png) 0 0 no-repeat;
	z-index:2;
}
#mainPhoto {
	position:absolute;
	top:0;
	left:0;
	width:640px;
	height:250px;
	overflow:hidden;
	z-index:1;
}


#mainRight h2 {
	width:270px;
	height:60px;
	margin:0;
	padding:0;
	display:block;
	text-indent:-1000em;
	background:url(../images/home-main-right-title.png) 0 0 no-repeat;
}


#mainRight ul {
	list-style:none;
	color:#fff;
	font-size:15px;
}
#mainRight ul li {
	margin:0;
	padding-left:20px;
	background:url(../images/bullet-arrow-orange.png) 0 5px no-repeat;
}


#mainRight h3 {
	float:left;
	display:inline;
	margin:0;
	padding:0;
}

#mainRight h3 a {
	display:block;
	height:50px;
	text-indent:-1000em;
	overflow:hidden;
	background:url(../images/home-main-right-button.png) 0 0 no-repeat;
}
#mainRight h3#register a { width:100px; }
#mainRight h3#register a:hover { background-position:0 -50px; }

#mainRight h3#order a { width:145px; background-position:-100px 0 }
#mainRight h3#order a:hover { background-position:-100px -50px;  }