@charset "UTF-8";

/* --------------------------------------------------------------
	CSS Reset
-------------------------------------------------------------- */

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, 
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}

:focus { outline: 0;}

/* --------------------------------------------------------------
	Layout
-------------------------------------------------------------- */

*, body, clear { margin: 0; padding: 0; }
html { height:100%; width: 100%; }

body {
	font: normal 12px/18px Helvetica, Arial, Geneva, sans-serif;
	color: #fff;
	background-color: #000;
	}
	
#layout-wrap {
	width: 920px;
	height: 620px;
	display: block; 
	/* page center */
	left: 50%;  
	top: 50%; 
	margin-left: -460px;
	margin-top: -310px; 
	position: absolute; 
}

ul#banner-home li img 	{ width: 920px; height: 480px; overflow: hidden; }

#content-wrap { height: 480px; overflow: hidden; }
#content-wrap #left-column { height: 480px; width: 460px; float: left; }
#content-wrap #right-column { height: 480px; width: 440px; margin-left: 20px; float: left; }
#content-wrap #right-column #content-area,
#content-wrap #right-column #content-area-short { overflow: auto; padding-right: 10px; }
#content-wrap #right-column #content-area { height: 480px; }
#content-wrap #right-column #content-area h3 { color: #777; font-size: 13px; font-weight: normal; text-transform: lowercase; }

.split-column { height: 480px; width: 185px; padding-right: 20px; float: left; }

#scroll-area {
	width: 920px;
	height: 480px;
	overflow: auto;
	overflow-x: scroll;
	overflow-y: hidden;
	background-color: #fff;
	line-height: 480px;
	vertical-align: middle;	
	white-space: nowrap;
}

/* --------------------------------------------------------------
	Styles
-------------------------------------------------------------- */

p { margin-bottom: 10px; }
p strong { font-weight: bold; }
.cms { margin-bottom: 0px; }

a:link, a:active, a:visited { color: #bbb; text-decoration: underline; }
a:hover { color: #bbb; text-decoration: none; }

hr { color: #212121; background: #222; border: 0; height: 1px; margin-bottom: 10px; }

#header { height: 70px; }
#header h1 { background: url(assets/header.gif) no-repeat top left; float: left; margin: 0; padding: 0; }
#header h1, #header h1 a { height: 70px; width: 300px; }
#header h1 a { display: block; text-indent: -2000px; }

h2 { font-size: 13px; color: #ffec00; }

.left { float: left; }
.right { float: right; }

/* --------------------------------------------------------------
	Header
-------------------------------------------------------------- */

#header ul { list-style-type: none; margin: 0; padding-top: 5px; font-size: 120%; }
#header ul li { float: right; height: 10px; line-height: 70px; text-transform: lowercase; }
#header ul li a { color: #ffec00; text-decoration: none; padding: 0 5px; }

#header ul li.menu1 a { color: #ffec00; }
#header ul li.menu1 a:hover { background-color: #ffec00; }
#header ul li.menu2 a { color: #fcc300; }
#header ul li.menu2 a:hover { background-color: #fcc300; }
#header ul li.menu3 a { color: #f29400; }
#header ul li.menu3 a:hover { background-color: #f29400; }
#header ul li.menu4 a { color: #e95d0f; }
#header ul li.menu4 a:hover { background-color: #e95d0f; }
#header ul li.menu5 a { color: #c50e1f; }
#header ul li.menu5 a:hover { background-color: #c50e1f; }
#header ul li.menu6 a { color: #ae1b1f; }
#header ul li.menu6 a:hover { background-color: #ae1b1f; }

#header ul li.menu1 a:hover, #header ul li.menu2 a:hover,
#header ul li.menu3 a:hover, #header ul li.menu4 a:hover,
#header ul li.menu5 a:hover, #header ul li.menu6 a:hover { color: #000; }

#header ul li.menu1 a.current, #header ul li.menu2 a.current,
#header ul li.menu3 a.current, #header ul li.menu4 a.current,
#header ul li.menu5 a.current, #header ul li.menu6 a.current { color: #fff; }

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

#footer {
	margin-top: 10px;
	padding: 0 10px;
	background-color: #1f1f1f;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	font-size: 100%;
}

#footer p { text-align: right; text-transform: lowercase; margin-bottom: 0; }

#footer-choose {
	margin-top: 10px;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	font-size: 100%;
	text-align: center;
	color: #333;
}

#footer-choose a { color: #fff; text-decoration: none; }
#footer-choose a:hover { color: #ffec00; }

#footer ul { list-style-type: none; margin: 0; padding: 0; }
#footer ul li { float: left; border-right: 1px solid #000; text-transform: lowercase; }
#footer ul li.first { padding-right: 10px; }
#footer ul li a { padding: 0 10px; display: block; }
#footer ul li a { color: #e2001a; text-decoration: none; }
#footer ul li a:hover { background-color: #181818; color: #ffec00; }
.current-footer { background-color: #151515; }

#footer-sub {
	width: 100%
	height: 32px;
	line-height: 32px;
	font-size: 10px;
	color: #444;
	text-align: right;
}

.footer-btn { float: right; margin-top: 5px; }

#footer-sub a { color: #555; text-decoration: none; }
#footer-sub a:hover { color: #777; text-decoration: none; }

.photo-credit { font-size: 10px; color: #555; }