/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#1a1a1a;
	text-align:center;
	height:100%;
}

#main_bg {background:url(images/body_bg.gif) top center;}
#top_tile {background:url(images/header_tile.gif) top repeat-x;}
#bottom_tile {background:url(images/footer_tile.gif) bottom repeat-x;}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

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


html, input, textarea
	{
		font-family:arial;
		font-size:0.563em;
		line-height:1.667em;
		text-transform:uppercase;
		color:#bdbdb4;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#c8fc00;}
a:hover{text-decoration:none;}
p {padding-top:15px;}

/* ============================= main layout ====================== */

.more {background:url(images/more_bg.gif) no-repeat 0 5px; padding-left:12px; color:#B9C0C7; text-decoration:none;}
.more:hover {text-decoration:underline;}

li { background:url(images/list_bg.gif) no-repeat 0 11px; padding-left:12px; line-height:1.5em;}
li a {color:#B6BDC3; text-decoration:none;}
li a:hover {text-decoration:underline;}

.imgindent {margin:0 16px 0 0; float:left; border:3px solid #fff;}
.title {margin-bottom:11px;}

/* ============================= header ====================== */

.menu li { border-right:1px solid #0b0b0b; float:left; padding:0;}
.menu li a {display:block; width:259px; text-align:center; color:#6b6b6b; padding:6px 0 6px 0; line-height:1em;}
.menu li a:hover {background:#c8fc00; color:#000; text-decoration:none;}
.menu .active a {background:#c8fc00; color:#000; text-decoration:none;}
.menu .last {border:none;}

/* ============================= middle ====================== */

.gallery {padding:95px 0 110px 109px;}
#splash .logo {position:absolute; margin:222px 0 0 229px; padding:0;}

.logo {text-align:center; padding:30px 0 0 0;}

.indent {padding:48px 120px 200px 129px;}
.indent2 {padding:4px 32px 45px 37px;}


.line {border-bottom:1px solid #555656; padding-bottom:19px; margin-bottom:28px;}
.line2 {border-bottom:1px solid #555656; padding-bottom:25px; margin-bottom:28px;}
.img { border:3px solid #fff; margin-bottom:12px;}

.category1 {color:#fff; background:#2e2e2e url(images/left_arrow.gif) top left no-repeat; display:block; padding:2px 0 3px 0; width:93px; text-align:center; text-transform:none; float:left; text-decoration:none;}
.category1:hover {background:#c8fc00 url(images/left_arrow_active.gif) top left no-repeat; color:#181a1b; text-decoration:none;}
.active1 {background:#c8fc00 url(images/left_arrow_active.gif) top left no-repeat; color:#181a1b;}

.category2 {color:#fff; background:#2e2e2e url(images/top_arrow.gif) top right no-repeat; display:block; padding:2px 0 3px 0; width:93px; text-align:center; text-transform:none; float:right; text-decoration:none;}
.category2:hover {background:#c8fc00 url(images/top_arrow_active.gif) top right no-repeat; color:#181a1b; text-decoration:none;}
.active2 {background:#c8fc00 url(images/top_arrow_active.gif) top right no-repeat; color:#181a1b;}

.category3 {color:#fff; background:#2e2e2e url(images/left_arrow.gif) top left no-repeat; display:block; padding:2px 0 3px 0; width:93px; text-align:center; text-transform:none; float:left; text-decoration:none;}
.category3:hover {background:#c8fc00 url(images/left_arrow_active.gif) top left no-repeat; color:#181a1b; text-decoration:none;}
.active3 {background:#c8fc00 url(images/left_arrow_active.gif) top left no-repeat; color:#181a1b;}

.category4 {color:#fff; background:#2e2e2e url(images/right_arrow.gif) top right no-repeat; display:block; padding:2px 0 3px 0; width:93px; text-align:center; text-transform:none; float:right; text-decoration:none;}
.category4:hover {background:#c8fc00 url(images/right_arrow_active.gif) top right no-repeat; color:#181a1b; text-decoration:none;}
.active4 {background:#c8fc00 url(images/right_arrow_active.gif) top right no-repeat; color:#181a1b;}

.buttons {padding-right:5px;}
.images {padding:17px 0 11px 0;}
.images img {border:3px solid #fff; margin:0 5px 5px 0;}

/* ============================= footer ====================== */

#footer p {color:#434343; padding-top:5px;}
#footer a {color:#878787; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/* ============================= forms ============================= */


form .rowi {height:27px;}
form a {float:right; margin-left:10px;}

.input {width:204px; height:17px; border:1px solid #bdbdb4; background:none; padding:0 0 0 5px; font-size:1em;}
textarea {width:279px; height:98px; border:1px solid #bdbdb4; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em; margin-bottom:15px;}