@charset "utf-8";
/* CSS Document */
a.white, a.white:link, a.white:hover, a.white:active, a.white:visited {
	color:#fff
}
.cc_menu{
	width:100%;
	height:80%;
	min-height:500px;
    min-width:900px;
	position:relative;
	font-size:16px;
	color:#fff;
	margin:0 auto;
	border-bottom:1px solid #ccc;
	overflow:hidden
}
.cc_item{
	text-align:center;
	width:20%;
	*width:19.98%;
	height:100%;
	min-height:500px;
	float:left;
	position:relative;
	-moz-box-shadow:3px -3px 10px rgba(0,0,0,.2);
	-webkit-box-shadow:3px -3px 10px rgba(0,0,0,.2);
	box-shadow:3px -3px 10px rgba(0,0,0,.2);
	background:#fff url(../images/bg_main.gif) repeat top left;
	overflow:hidden
}
.cc_item a {
	position:relative;
	margin:0 auto;
	top:40%;
	width:100%;
	display:block;
	z-index:11;
	text-align:left
}
span.cc_title{
	color:#069;
	text-shadow: 1px 1px 2px #999, 0 0 0 #000;
	font-size:18px;
	position:relative;
	margin:0 auto;
	padding:30px 0px 15px;
	width:115px;
	display:block;
	z-index:11;
	text-align:left
}
#nav1 {
	background:url(../images/menu1.png) right 10px no-repeat;
	background:url(../images/menu1.png) right 5px no-repeat, url(../images/iconshadow.png) 72px 55px no-repeat
}
#nav2 {
	background:url(../images/menu2.png) right 10px no-repeat;
	background:url(../images/menu2.png) right 5px no-repeat, url(../images/iconshadow.png) 97px 55px no-repeat;
	width:130px;
}
#nav3 {
	background:url(../images/menu3.png) right 10px no-repeat;
	background:url(../images/menu3.png) right 5px no-repeat, url(../images/iconshadow.png) 92px 55px no-repeat;
	width:125px;
}
#nav4 {
	background:url(../images/menu4.png) right 10px no-repeat;
	background:url(../images/menu4.png) right 5px no-repeat, url(../images/iconshadow.png) 69px 55px no-repeat;
	width:112px;
}
#nav5 {
	background:url(../images/menu5.png) right 10px no-repeat;
	background:url(../images/menu5.png) right 5px no-repeat, url(../images/iconshadow.png) 115px 55px no-repeat;
	width:148px;
}
.cc_submenu ul{
	list-style:none;
	width:100%;
	margin:0;
	padding:0;
	height:0px; /*increase to 100% to slide up*/
	overflow:hidden;
	text-align:left;
	background-color:#eee;
	background-color:rgba(255,255,255,.5);
	background-position:right bottom;
	background-repeat:no-repeat;
	filter: alpha(opacity=100);
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:13;
	box-shadow:0 -3px 5px rgba(0,0,0,.1);
	border-top:solid 1px #ccc
}
.cc_submenu ul li{
	color:#666;
	color:rgba(0,0,0,.8);
	cursor:pointer;
	padding:6px 10px 5px 10px;
	margin-bottom:1px
}
.cc_submenu ul li.selected {
	color:#fff;
	background:#666;
	background:rgba(0,0,0,.6);
}
.cc_item img{
	position:absolute;
	width:180px;
	height:600px;
	top:-600px;
	left:0px;
}
.cc_content{
	width:80%;
	height:100%;
	position:absolute;
	overflow:hidden;
	left:20%;
	-moz-box-shadow:4px 0 7px #ccc;
	-webkit-box-shadow:4px 0 7px #ccc;
	box-shadow:4px 0 7px #ccc;
	background:url(../images/bg_body_bm.jpg) right center fixed no-repeat, url(../images/bg_main.gif) repeat top left;
}
.cc_submenu ul.smenu1 {
	background-image:url(../images/coffecup1.png)
}
div.cc_content_1, div.cc_content_2, div.cc_content_3, div.cc_content_4, div.cc_content_5 {
	background-color:rgba(255,255,255,.5);
}
.cc_submenu ul.smenu2 {
	background-image:url(../images/coffecup2.png)
}
div.cc_content_6, div.cc_content_7, div.cc_content_8, div.cc_content_9 {
	background-color:rgba(255,255,255,.5);
}
.cc_submenu ul.smenu3 {
	background-image:url(../images/coffecup3.png)
}
div.cc_content_10, div.cc_content_11, div.cc_content_12, div.cc_content_13, div.cc_content_14 {
	background-color:rgba(255,255,255,.5);
}
.cc_submenu ul.smenu4 {
	background-image:url(../images/coffecup4.png)
}
div.cc_content_15, div.cc_content_16 {
	background-color:rgba(255,255,255,.5);
}
.cc_submenu ul.smenu5 {
	background-image:url(../images/coffecup5.png)
}
div.cc_content_17, div.cc_content_18 {
	background-color:rgba(255,255,255,.5);
}
.cc_content h1 {
	color:#333;	
	text-transform:uppercase;
	text-shadow:1px 1px 0 #fff;
	margin:0;
	padding-top:.6em;
}
.cc_content div{
	display:none;
	padding:0 20px;
	height:100%
}
.cc_content p{
	background:#666;
	background:rgba(0,0,0,.6);	
	border-right:solid 1px #fff;
	border-bottom:solid 1px #fff;
	padding:20px;
	margin-top:.8em
}
.cc_content p a:link {
	color:#abc;
}
span.cc_back{
	position:absolute;
	top:50px;
	right:20px;
	cursor:pointer;
	color:#666;
	display:none
}
html, body{
	background:#fff url(../images/bg_main.gif) repeat top left;
	height:100%;
	min-height:500px;
	margin:0;
	padding:0;
}
ul.reference{
	font-family:Arial;
	position:absolute;
	right:15px;
	bottom:0;
}
ul.reference a{
	text-decoration:none;
}
ul.reference a:hover{
}
.title{
	position:relative;
	width:100%;
	border-bottom:solid 1px #aaa;
	padding-top:10px;
	z-index:15;
	box-shadow:0 3px 10px rgba(0,0,0,.2);
	min-width:900px;
}
.title .pagetitle {
	color:#aaa;
	text-shadow:1px 1px 1px #000;
}
.btmBorder {
	position:absolute;
	width:100%;
	min-width:900px;
	bottom:0;
	left:0;
	border-top:solid 6px #666;
	z-index:15;
}
.copyright {
	min-width:900px;
}