@charset "utf-8";



/* reset */

body, html { height: 100%; }

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

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

* { outline: none; }



/* layout */

.column { float: left; }
.center { margin: 0 auto; }
.clear { clear: both; display: table; }

.span-1 { width: 60px; }
.span-2 { width: 120px; }
.span-5 { width: 300px; }
.span-6 { width: 360px; }
.span-8 { width: 480px; }
.span-10 { width: 600px; }
.span-11 { width: 660px; }
.span-12 { width: 720px; }
.span-15 { width: 840px; }
.span-16 { width: 960px; }

.scroll-3 { height: 360px; }

.indent-1 { margin-left: 60px; }
.indent-7 { margin-left: 420px; }
.indent-none { margin-bottom: 0; }
.indent-bottom { margin-bottom: 15px; }



/* formatting */

body { background-color: #000; overflow: hidden; }
body, input, textfield, textarea, select, table, td { font-family: Tahoma, Geneva, sans-serif; font-size: 11px; line-height: 15px; color: #666; }
h1 { color: #ff6633; background: transparent url(img/bg-1.gif) repeat; font-size: 10px; text-transform: uppercase; }
p, h1 { margin-bottom: 15px; }

a { color: #666; text-decoration: underline; }

.header { margin-bottom: 60px; }
.content { height: 390px; margin-bottom: 60px; }

.nav { list-style-type: none; margin-top: 15px; }
.nav li { display: block; float: left; padding: 0 15px; border-left: 1px dotted #333; }
.nav li:first-child { padding-left: 0; border: none; }
.nav li a { color: #ff6633; font-size: 10px; text-transform: uppercase; text-decoration: none; }

.thumb { width: 120px; height: 180px; float: left; margin-left: 60px; }
.thumb img { width: 90px; height: 90px; padding: 15px; background-color: #333; margin-bottom: 15px; }

input, textfield, textarea, select { background-color: #333; height: 15px; margin-bottom: 15px; vertical-align: middle; }
textarea { height: 120px; }
.button { background-color: #333; color: #fff; font-size: 10px; text-transform: uppercase; cursor: pointer; }

.column-auto { width: 300px; margin-left: 60px; float: left; }

.ui-accordion { height: 165px; margin-top: 7px; }
.ui-accordion .ui-accordion-header { padding: 7px 0 7px 15px; border-top: 1px dotted #333; background: transparent url(img/icon-1.gif) no-repeat 0 12px; }
.ui-accordion .ui-accordion-header a { text-decoration: none; color: #fff; }
.ui-accordion .ui-accordion-header:first-child { border-color: #000; }
.ui-accordion .ui-accordion-content { padding: 7px 0 7px 0; border-top: 1px dotted #000; height: 45px; }

.icon-1 { padding: 7px 0 7px 15px; border-top: 1px dotted #333; background: transparent url(img/icon-1.gif) no-repeat 0 12px; }
.icon-1 a { color: #fff; text-decoration: none; }

.spotlight { position: relative; }
.spotlight_feature { position: relative; width: 600px; height: 360px; }
.featured_content { display: none; }
.spotlight ul, .spotlight li { margin: 0; padding: 0; list-style-type: none; }
.spotlight ul { position: absolute; z-index: 100; top: 360px; left: 60px; }
.spotlight li { display: block; float: left; padding: 0 15px; border-left: 1px dotted #333; font-size: 10px; text-transform: uppercase; cursor: pointer; }
.spotlight li:first-child { padding-left: 0; border-left: none; }
.spotlight li.on { color: #333; }