* {
	margin: 0;
	padding: 0;
	list-style: none;
	border-style: none;
}

body {
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial;
	text-align: center;
	color: #fff;
	background: #040607 url(../i/bg.jpg) no-repeat center top;
}

a {
	color: #ccc;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#Wrapper {
	margin: 0 auto;
	width: 990px;
}

#Header {
	margin: 0 auto;
	width: 960px;
	height: 50px;
	overflow: hidden;
	text-align: left;
}

#Logo {
	float: left;
	padding: 5px 0 0 0;
	width: 300px;
}

#Logo .logo {
	height: 20px;
	background: url(../i/logo.png) no-repeat;
}

#Logo .logo strong {
	display: block;
	width: 100px;
	height: 25px;
	overflow: hidden;
	text-indent: -100em;
}

#Logo .slogan {
	font-size: 13px;
	color: #fff;
}

#Menu {
	float: right;
	padding: 25px 0 0 0;
	width: 300px;
}

#Menu ul {
	height: 25px;
	text-align: right;
}

#Menu li,
#Menu li strong,
#Menu li a {
	display: inline;
	float: right;
	height: 25px;
	font-weight: bold;
	font-size: 13px;
}

#Menu li a {
	padding: 0 0 0 1.5em;
	color: #fff;
}

#Menu li strong {
	color: #040607;
	background: url(../i/on.png) no-repeat center bottom;
}

/* Home
-----------------------------------------------------------*/

#Intro {
	margin: 0 auto;
	width: 960px;
	height: 363px;
	text-align: left;
}

#About {
	float: left;
	padding: 56px 0 0 0;
	width: 310px;
}

#About h1 {
	padding: 0 0 20px 0;
	font-weight: normal;
	font-size: 45px;
	line-height: 48px;
}

#About p {
	padding: 0 0 10px 0;
	font-size: 12px;
	color: #9aa0a3;
}

#About a {
	font-weight: bold;
}

#CustomSlideshow {
	float: right;
	width: 628px;
	height: 363px;
	overflow: hidden;
}

/* Entries
-----------------------------------------------------------*/

#Body {
	margin: 0 auto;
	text-align: left;
}

#Body h2 {
	padding: 20px 0 20px 15px;
	font-size: 16px;
}

#Body ul {
	padding: 0 0 10px 15px;
}

#Body li {
	float: left;
	width: 325px;
	height: 290px;
	overflow: hidden;
}

#Body .b1,
#Body .b1 a {
	display: block;
	width: 310px;
	height: 225px;
	overflow: hidden;
	text-align: center;
	background: #0d1214;
}

#Body .b1 a span {
	display: block;
	height: 215px;
	overflow: hidden;
}

#Body .b1 img {
	margin: 10px 0 0 0;
}

#Body .b1 a:hover {
	background: #31373b;
}

#Body .b2 {
	display: block;
	width: 310px;
	height: 50px;
	overflow: hidden;
	background: #0d1214;
}

#Body .b2 strong,
#Body .b2 small {
	display: block;
}

#Body .b2 strong {
	padding: 3px 0 3px 10px;
	font-size: 12px;
	color: #9aa0a3;
}

#Body .b2 strong a {
	color: #9aa0a3;
}

#Body .b2 small {
	padding: 0 0 0 10px;
	font-size: 11px;
	color: #394448;
}

/* Footer
-----------------------------------------------------------*/

#Footer {
	margin: 0 auto;
	width: 960px;
	height: 30px;
	text-align: left;
}

#Footer p {
	font-size: 11px;
	color: #686868;
}

#Footer .f1 {
	float: left;
	width: 30%;
}

#Footer .f2 {
	float: right;
	width: 30%;
	text-align: right;
}

/* Clearfix
-----------------------------------------------------------*/

.br:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.br {
    display: inline-block;
}

.br {
    display: block;
}

* html .br {
    height: 1px;
}