/************************************************/
/* Xiao Qin | Apr 13, 2015 */

@font-face { font-family:eveFont; src:url(GLECB.TTF); }
html, body, h1, h2, h3, h4, h5, h6, div, p, a, ul, ol, li, img, iframe { margin:0; padding:0; }
body { color:#fff; background:#000; font:16px/22px Arial, Sans-Serif; }
a, a:visited { color:#fff; text-decoration:none; cursor:pointer; }
a:hover { text-decoration:underline; cursor:pointer; }
h1 { font:32px/40px Arial, Sans-Serif; }
h3 { font:bold 18px/30px Candara, Calibri, Arial, Sans-Serif; color: #b5bfb8; text-transform: uppercase; }
h2 { font:bold 16px/30px Candara, Calibri, Arial, Sans-Serif; color: #eab764; }
h4 { font:16px/24px Arial, Sans-Serif; color: #eab764; margin: 5px ; }
h5 { font:14px/18px Candara, Calibri, Arial, Sans-Serif; }

#main { width:800px; margin:10px auto 0 auto; }

#header { margin-bottom: 30px; background: url('../img/banner.jpg') no-repeat left top; }
#headerul { list-style: none; }
#headerul li { display: inline-block; margin-right: 15px; }
#headerul h2 { line-height: 50px; }
#headerul a { color: #b5bfb8; }

#headermenu { position: relative; }
.menu { position: absolute; z-index: 50; display: none; }
.menu a { color: #b5bfb8; }
.menu li { margin: 5px 10px 5px 22px; }
.menu1 { left: 130px; background: #0a367a; }
.menu3 { left: 387px; background: #7c573d; }

#contentbigleft { width: 600px; float: left; position: relative; }
#contentbigleft div { width: 100%; height: 75px; position: absolute; bottom: 0; background: #333333; background: rgba(51, 51, 51, 0.6); z-index: 50; }
#contentbigleft div p { padding: 10px; display: none; font-size: 13px; }
#contentbigleft img { float: left; }
#contentbigright { width: 200px; float: left; }

iframe { border: none; float: left; margin-left: 16px; }
#contentright2 iframe { margin: 0; }
#contentright iframe { margin: 0; float: none; }

.clearbig { clear: both; height: 30px; border: none; margin: 0; }
.clear { clear: both; height: 15px; border: none; margin: 0; }

#contentsmallul { list-style: none; }
#contentsmallul li { width: 256px; margin: 0 16px 30px 0; float: left; position: relative; }
#contentsmallul li.special { margin-right: 0; }
#contentsmallul img { float: left; opacity: 0.8; }
#contentsmallul .overlay { width: 100%; height: 50px; position: absolute; bottom: 0; background: #333333; background: rgba(51, 51, 51, 0.6); z-index: 50; }
#contentsmallul h2 { padding: 8px; font-weight: normal; }
#contentsmallul a { color: #eab764; }
#footer { text-align: center; clear: both; padding: 40px 0 40px 0; }

/* color palette from painting*/
.contentleft { width: 220px; float: left; padding: 10px; }
.blue { background: #0a367a; }
.pink { background: #8c3368; }
.green { background: #336171; }
.orange { background: #7c573d; }
.red { background: #6c2633; }
.water { background: #18365c; }
.purple { background: #462e55; }
.yellow { background: #eab764; }
.black { background: #000000; }

.contentright { width: 545px; margin-left: 15px; float: left; }
.contentright div { margin-bottom: 15px; padding: 5px 10px; }
.contentright p { margin: 10px auto; }
.contentright a, .contentright a:visited { text-decoration:underline; }
.bluebg div { background: #062047; }
.pinkbg div { background: #461b35; padding: 0; }
.greenbg div { background: #172c33; }
.orangebg div { background: #563c2a; }
.redbg div { background: #36141a; }
.blackbg div { background: #000000; }
.waterbg div { background: #0b1829; }
.purplebg div { background: #25192d; }