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

body {
	font-size:13px;
	font-family:Helvetica;
	line-height:15px;
	color:#666;
	overflow:hidden;
	letter-spacing:0.5px;
}

@font-face {
	font-family: MyFont;
	src: url(../fonts/Roboto-Light.ttf);
  }
  
p {	margin:0 0 15px 0;	padding:0; font-family:Helvetica;}
a {	color:#666;	text-decoration:none; }
a:hover, {	color: #FFF; }
strong{color:#12b4c0;}
.footer { color: #999;}
body strong {	color:#12b4c0; }

#colleft {
	width:830px;
	left:0;
	bottom:17px;
	position:absolute;
	text-align:left;
}

.slogan {
	background:url(../images/slogan2.png);
	width:883px;
	height:70px;
	text-indent:-9999px;
	display:block;
	float:left;
	background-repeat:no-repeat;
	margin:0px 0px 0px 26px;
	
}

.menu {
	width:auto;
	float:left;
	padding:0 0 0 12px;
	margin:10px 0 30px 0;
}

.menu ul {
	width:1000px;
	float:left;
	margin:0;
	padding:0;
	
}

.menu li {
	margin:0 2px 0 12px;
	padding:6px 6px;
	list-style:none;
	float:left;

	
}
.menu li img{margin:0 0px 0 24px; height:16px; width:auto;}
.menu li a
{
	display: block;
	float: left;
	padding: 6px 2px;
	color: #000;
	text-decoration: none;
	border-right: 0px solid  #633;
	font-size:18px;
 /* font-family:Arial, Helvetica, sans-serif;  */
    font-family: MyFont;
	
}




.menu li a:hover{color:#05747C;}


.footer_box{
	width:700px;
	padding:0;
	position:absolute;
	bottom:20px;
	left:32px;
	z-index:99;
}

.footer{
	font-size:11px;
	letter-spacing:3px;
	text-transform:uppercase;
}	

#collogo {
	width:202px;
	left:30px;
	position:absolute;
	top:36px;
	text-align:center;
}

.logo {
	background:url(../images/logo.png);
	height:73px;
	width:201px;
	text-indent:-9999px;
	margin:0 0 25px 0;
}

.content, .procontent, .collcontent, .contcontent {
	background:url(../images/bg6.png) repeat;
	width:784px;
	padding:20px;
	color: #FFF;
	margin:0 0 20px 0;
	float:left;
	/*border:7px #121021 solid;
	border-left:none;*/
}

.submenu {
	width:784px;
	float:left;
	margin:0 0 10px 0px;
}

.submenu ul {
	margin:0;
	padding:0px;
	float:left;
	width:784px;
	text-transform:uppercase;
	color:#12b4c0;
}

.submenu li {
	margin:0 5px 0 0px;
	padding:0 5px 0 0;
	list-style:none;
	float:left;
	
}

.submenu a {
	color:#bbbaba;
}

.submenu a:hover, .selected {
	color:#fff;
}

.red a {
	color:#fdbcd9;
}

.purple a {
	color:#a2cefd;
}

.yellow {
	color:#602f03;
}

.green a {
	color:#12b4c0;
}

.contactinfo {
	width:241px;
	float:left;
	margin:0 13px 0 0;
}

.contactinfo a {
	color:#999;
	text-decoration:underline;
}

.form {
	width:200px;
	margin:3px 0 15px 0 !important;
	font-size:11px;
	border:1px #FFF dashed;
	background:none;
	color:#009ba6;
	font-family:Arial, Helvetica, sans-serif;
}

.content_desc, .content_exhibition {
	width:764px;
	float:left;
}

.content_desc ul, .content_exhibition ul {
	width:764px;
	margin:0;
	padding:0;
	float:left;
}

.content_desc li {
	margin:0 5px 5px 0;
	padding:0;
	float:left;
	list-style:none;
	border:3px #9bf8ff solid;
	height:160px;
	width:113px;
}

.content_exhibition li {
	border:3px #9bf8ff solid;
	margin:0 5px 5px 0;
	padding:0;
	float:left;
	list-style:none;
	height:100px;
	width:115px;
}