body{
	font-family:"Century Gothic";
	background-color:#E6E6E6;
	}
#wrapper {
	width:auto;
	height:inherit;
	margin-bottom:0px;
	background-color:#E6E6E6;
	color:#000000;
	margin-top:2%;
	margin-right: 0%;
	margin-left: 0%;
	}
#outer {
	width:80%;
	height:100%;
	float:left;
	}
#header {
	width:86%;
	height:100%;
	background-color:#E6E6E6;
	color:#000000;
	font-size:1px;
	}
#navi {
	text-decoration:none;
	text-align:center;
	width:20%;
	height:100%;
	float:left;
	background-color:#E6E6E6;
	color:#000000;
	margin-left:3%;
	margin-top:3%;
	}
.navi {
	font-family:"Century Gothic";
	font-weight:bold;
	font-size:16px;
	text-decoration:none;
	text-align:center;
	text-indent:20px;
	color:#000000;
	}
a:visited,link{
	color:#000000;
	}
a:hover{
	color:#666666;
	}

#contents {
	width:60%;
	height:auto;
	float:left;
	background-color:#E6E6E6;
	color:#000000;
	margin-left:3%;
	margin-top:3%;
	height:100%;
	margin-bottom:5%;
	}
#footer {
	width:80%;
	height:100%;
	clear:both;
	background-color:#E6E6E6;
	color:#FFFFFF;
	text-align:center;
	}
* {margin:0; padding:0}

#accordion {
	width:80%;
	margin-left:5%;
	}
.accordion {
	width:459px;
	font:12px "Century Gothic", "‚l‚r ‚oƒSƒVƒbƒN", Osaka;
	color:#000000;
	}
.accordion dt {
	width:439px;
	border:none;
	padding:8px;
	font-weight:bold;
	margin-top:5px;
	cursor:pointer;
	background-color:#E6E6E6;
	}
.accordion dt:hover {
	}
.accordion dd {
	overflow:hidden;
	background-color:#E6E6E6;
	}
.accordion span {
	display:block;
	width:425px;
	border:none;
	border-top:none;
	padding:15px;
	}
form legend {
	color:#000000;
	padding: 0 0 20px 0;
	text-transform: uppercase;
}

form {
	padding: 0 20px 20px 20px;
}

form, form fieldset input, form fieldset textarea, form label {
	font-family: Helvetica, Arial;
	font-size: 12pt;
}
form p {
	position: relative;
	margin: 20px 0;
}
form p label { position: absolute; top: 0; left: 0;}
form p br {display: none;}


form fieldset p input,
form fieldset p textarea {
	display: block;
	padding: 4px;
	width: 400px;
	margin: 0;
}

form fieldset p label {
	width: 380px;
	display: block;
	margin: 5px 5px 5px 6px;
	padding: 0;
}

form fieldset p textarea {
	padding: 2px;
	width: 404px;
}

form fieldset p textarea,
form fieldset p input {
	border:none;
}
form fieldset p label {
	color: #777;
}

.body {
	padding: 0 20px;
}
/* Gallery styles */

#gallery{
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	border:1px solid white;
	
	background:url(/test/img/AppleGal/panel.jpg) repeat-x bottom center #ffffff;
	
	/* The width of the gallery */
	width:600px;
	overflow:hidden;
}

#slides{
	/* This is the slide area */
	height:900px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:600px;
	overflow:hidden;
}

.slide{
	float:left;
}

#menu{
	/* This is the container for the thumbnails */
	height:45px;
}

ul{
	margin:0px;
	padding:0px;
}

li{
	/* Every thumbnail is a li element */
	width:60px;
	display:inline-block;
	list-style:none;
	height:45px;
	overflow:hidden;
}

li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(/test/img/AppleGal/pic_bg.png) repeat;
}

li.act,li.act:hover{
	/* The active state of the thumb */
	background:url(/test/img/AppleGal/active_bg.png) no-repeat;
}

li.act a{
	cursor:default;
}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url(/test/img/AppleGal/divider.png) no-repeat right;
}

li a{
	display:block;
	background:url(/test/img/AppleGal/divider.png) no-repeat right;
	height:35px;
	padding-top:10px;
}

a img{
	border:none;
}


/* The styles below are only necessary for the demo page */

h1{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:36px;
	font-weight:normal;
	margin-bottom:15px;
}


#main{
	/* The main container */
	text-align:center;
	width:600px;
	position:relative;
}

a, a:visited {
	color:#000000;
	text-decoration:none;
	outline:none;
}

a:hover{
	color:#FFFFFF;
}

p{
	padding:10px;
	text-align:center;
}
/*galley*/
div.g-inner {
	position:relative;
	width:480px;
	height:400px;
}
#view {
	position: absolute;
	width:480px;
	height:600px;
	top:0;
	left:0;
	overflow:hidden;
}
#view p {
	position: absolute;
	width:480px;
	height:300px;
	top:0;
	left:0;
}
#thumbBtn {
	position:absolute;
	top:610px;
	height:auto;
	right:0px;
}
#caption {
	position:absolute;
	top:610px;
	left:0px;
	text-align:left;
	width:220px;
	height:auto;
}
#thumbBtn li {
	padding:inherit;
	float:left;
	text-align:right;
	width: 85px;
	cursor:pointer;
	height:auto;
	
}
#thumbBtn li.active {
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}
#thumbBtn li img {
	border: solid 1px #ccc;
}