@charset "utf-8";
/* CSS Document */
body{
	background: url(image/greyfloral_@2X.png);
}
.nav ul {margin:0; padding:0; }
.nav li{float:left ; position:relative ;  text-align:center ; font-size:24px; list-style-type:none; background: #2C63F7; width:181px;line-height:30px; border:1px solid white ; border-radius:5px}
.nav li ul {position:absolute ; top:30px ; visibility:hidden}
.nav a { text-decoration:none ; color:#000000 }
.nav li:hover ul {visibility:visible}
.nav li:hover {background-color: red } 

#bod {
	margin: 2em auto 0 auto;
	background-color: #E0A9DF ;
	width: 68.5%;
	padding: 0.5em;
	color: rgba(0,0,0,1.00);
}
#bod p {
   margin: 0.5em;
}
#bod {
	height: 900px;
	width: 915px;
}
#bod #left {
	background-color: transparent;
	display: inline-block;
	height: 400px;
	width: 100px;
	border-top-style: hidden;
	border-right-style :hidden;
	border-bottom-style :hidden;
	border-left-style :hidden;
	border-top-color: #E0E0E0;
	border-right-color: #E0E0E0;
	border-bottom-color: #E0E0E0;
	border-left-color: #E0E0E0;
	float: left;
}
#bod #content {

	height: 400px;
	width: 660px;
	float: left;
	display: inline-block;
	border-top-style : hidden;
	border-right-style : hidden;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #7A7A7A;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	 }
     

#bod #right {
background-color: transparent;
	height: 400px;
	width: 100px;
	float: left;
	display: inline-block;
	border-top-style :hidden;
	border-right-style : hidden;
	border-bottom-style : hidden;
	border-left-style :hidden;
	border-top-color: #E0E0E0;
	border-right-color: #E0E0E0;
	border-bottom-color: #E0E0E0;
	border-left-color: #E0E0E0;
	padding-right: 11px;
}
#bod #right div {
	text-align: center;
	list-style-position: inside;
}
#cop {
	text-align: center;
}



#bod #content {
	text-align: center;
}

#content{
	width:604px;
	height:453px;
	position:relative;
}

#content .prevButton{
	height:72px;
	width:68px;
	position:absolute;
	background:url('../images/buttons.png') no-repeat;
	top:50%;
	margin-top:-36px;
	cursor:pointer;
	z-index:2000;
	background-position:left top;
	left:0
}

#content .prevButton:hover{ background-position:left bottom;left:0;}

#content .nextButton{
	height:72px;
	width:68px;
	position:absolute;
	background:url('../images/buttons.png') no-repeat;
	top:50%;
	margin-top:-36px;
	cursor:pointer;
	z-index:2000;
	background-position:right top;
	right:0
}

#content .nextButton:hover{background-position:right bottom;right:0;}

#bod #content ul{
	width:400px;
	height:653px;
	list-style:none outside none;
	position:relative;
	overflow:hidden;
}
#bod #content ul {
	text-align: center;
}


#bod #content li:first-child{
	display:list-item;
	position:absolute;
}

#bod #content li{
	position:absolute;
	display:none;
}
#bod #left img {
	text-align: center;
}
#bod #left ul {
}
#bod #left a {
}