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

.ribbon {
	display: block;
	position: fixed;
	_position: absolute; /* IE6 */
	top: 0;
	right: 0;
	width: 96px;
	height: 96px;
	z-index: 1000;
}
#ribbon-development {
	background: url(/images/ui/ribbon-development.png) no-repeat;
}

body {
	margin: 0;
	padding: 0;
	font: 72% Arial, Helvetica, sans-serif;
	background: #181818;
	/*text-align: center;*/
	color: #b7b7b7;
	min-width: 960px;
}

ul#navbar a, h1 a, h2 a, h3 a, h4 a {text-decoration: none;}

a:link, a:visited {
	color: #eee;
}
a:hover {
	color: #ccc;
}
h1, h2, h3, h4, h5, h6 {
	color: #eee;
	margin: 0;
	text-transform: uppercase;
	font-weight: normal;
}
h2 {
	font-size: 1.17em;
}
h3 {
	font-size: 1em;
}
h4, h5, h6 {
	font-size: 1em;
	text-transform: none;
}
hr {
	height: 1px;
	background-color: #666;
	border: 0;
}

p {
	margin: .5em 0 1em;
}
ul {
	margin: .5em 0 1em 18px;
	padding: 0;
}
form {
	margin: 0;
}
input, select, textarea {
	font: 1em Arial, Helvetica, sans-serif;
}
input.textfield, .submit input, textarea {
	background: #181818;
	color: #fff;
	border: none;
	padding: 3px 6px;
}
input.textfield, textarea {
	border: 1px solid #666;
}

select {
	background: #181818;
	color: #fff;
	border: none;
	padding: 2px;
}
.submit input {
	color: #ccc;
}

#main-container {
	position: relative;
	width: 870px;
	margin: 0 auto;
	background: #000;
	padding: 40px;
	text-align: left;
	/*background: url(/images/ui/container-bg.gif);*/
}

.network, .network a { color: #666; text-decoration: none; }
.network img { margin-right: 10px; }


#footer {
	width: 870px;
	margin: 0 auto;
	padding: 10px 0 20px 0;
	text-align: center;
	color: #505050;
	font-size: 10px;
}

#footer a {color: #A0A0A0;}

.content-container p {
	text-align: justify;
}
.content-container .description p {
	text-align: left;
}
#mainContent {width: 590px; padding: 0 0 0 60px; float: left;}
#header {margin: 0 0 40px 0;}
.leftColumn {width: 270px; float: left;}
.rightColumn {width: 270px; float: right;}
.navigation {
	float: left;
	width: 220px;
	margin: 0 0 0 0;
	padding: 0;
}

.media-item, .news-item, .faq-item {padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #333;}
.media-thumb {width: 90px; float: left; clear: both;}
.media-body {width: 500px; float: left;}

.news-thumb {width: 170px; float: left; clear: both;}
.news-body {width: 420px; float: left;}



/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



.divided {
	border-bottom: 1px solid #333;
}
ul#navbar {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#navbar li {
	font-size: 1.17em;
	text-transform: uppercase;
	margin: .5em 0;
}
ul#navbar li span {
	display: block;
	width: 100%;
	padding: 0 0 7px;
	border-bottom: 2px solid #6e6e6e;
	color: #fff;
}
ul#navbar li li span {
	display: inline;
	width: auto;
	padding: 0;
	border-bottom: none;
}
ul#navbar ul {
	margin: .5em 0 0;
	padding: 0;
	border-top: 2px solid #6e6e6e;
	border-bottom: 2px solid #6e6e6e;
	list-style: none;
}
ul#navbar ul a:link, ul#navbar ul a:visited {
	color: #6e6e6e;
}
ul#navbar a.selected:link, ul#navbar a.selected:visited {
	color: #fff;
}
ul#navbar ul a:hover {
	color: #ccc;
}
ul#navbar ul li {
	font-size: .9em;
}
ul#navbar ul ul {
	border-top: 1px solid #6e6e6e;
	border-bottom: 1px solid #6e6e6e;
}
ul#navbar ul li li {
	font-size: .8em;
}
dl.form-details {
	float: left;
	width: 100%;
	margin: .5em 0 2em;
}
dl.form-details dt {
	float: left;
	width: 85px;
	margin: .25em 0;
	clear: both;
	line-height: 1.8em;
}
dl.form-details dd {
	float: left;
	margin: .25em 0;
}
dl.form-details dd.submit {
	clear: both;
	padding: 0 0 0 85px;
}
dl.form-details input.textfield, dl.form-details textarea {
	width: 140px;
}

ul#gallery, ul#gallery-static {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#gallery li {
	position: absolute;
	z-index: 1;
	opacity: 0;
	MozOpacity: 0;	/* Firefox */
	filter: alpha(opacity=0);	/* IE */
}


div.error {
	padding: 5px 15px;
	background: #902;
	color: #fff;
}
dt.error {
	font-weight: bold;
	font-style: italic;
	color: #c03;
}

p.gallery-thumbs {
	margin: 5px 0;
}
p.gallery-thumbs a {
	display: block;
	float: left;
	margin: 0 3px 3px 0;
}
p.gallery-thumbs a.row-last {
	margin-right: 0;
}

span.address, p span.highlight {
	color: #dcdcdc;
}
p span.lowlight {
	color: #666;
}

ul#group-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#group-nav span {
	color: #fff;
}
ul#group-nav li {
	float: left;
	clear: left;
	width: 100%;
	margin: 0 0 2px;
	padding: 24px 0 0;
	text-transform: uppercase;
}
ul#group-nav li img {
	margin: -24px 4px 0 0;
}

ul#image-detail {
	margin: 0;
	padding: 0;
	list-style: none;
}


div.description {
	margin: 279px 0 0;
	/*text-transform: uppercase;*/
}

span.highlight {
	color: #a0a0a0;
}
span.extra-highlight {
	color: #fff;
}

p.info-action {
	font-size: .8em;
	text-transform: uppercase;
	color: #dcdcdc;
	margin: .5em 70px 1em 0;
}
.align-right {
	text-align: right;
}
.clear-right {
	clear: right;
}

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

.no-margin {
	margin: 0;
}

p.media-title {
	text-transform: uppercase;
	font-size: 1.1em;
	margin: 0;
}
