﻿body 
{
	background: #000;
}

#outer
{
	position: relative;
	width: 800px;
	margin: 0 auto;
	background: #000;
}

#header
{
	position: relative;
	width: 100%;
	height: 190px;
	background: #000 url('../Images/gradient_01.jpg') repeat-x bottom;
}

#header .header_02
{
	background: #000 url('../Images/header_02.jpg') no-repeat left bottom;
}

#header_01
{
	position: absolute;
	left: -79px;
	width: 79px;
	height: 234px;
	background: #000 url('../Images/header_01.jpg') no-repeat right bottom;
}

#menu
{
	position: relative;
	width: 800px;
	height: 40px;
	background: #000;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-width: 0;
}

#menu.1
{
	width: 137px;
}
#menu.2
{
	width: 94px;
}
#menu.3
{
	width: 168px;
}
#menu.4
{
	width: 221px;
}
#menu.5
{
	width: 180px;
}
#image
{
	position: relative;
	width: 100%;
	height: 160px;
	background: #000;
}

#top
{
	position: relative;
	width: 100%;
	height: 50px;	
	background: #000 url('../Images/gradient_02.jpg') repeat-x top;
}

#content
{
	position: relative;
	width: 100%;
}

.twocolumnleft
{
	width: 390px;
	float: left;
}

.twocolumnright
{
	width: 390px;
	float: right;
}

.textcolumnleft
{
	/*width: 540px;*/
	float: left;
}

.picturecolumnright
{
	/*width: 250px;*/
	display: none;
	float: left;
}

.picturecolumn
{
	width: 310px;
	height: 300px;
}

.picturedescriptioncolumn
{
	width: 490px;
	height: 300px;
}

#bottom
{
	clear: both;
	
	position: relative;
	width: 100%;
	height: 50px;
	background: #000 url('../Images/gradient_01.jpg') repeat-x bottom;
}

#footer
{
	position: relative;
	width: 100%;
	height: 50px;
	margin-top: 10px;
}

.left
{
	float: left;
	width: 600px;
	text-align: left;
	vertical-align: top;
}

.right
{
	float: right;
	width: 200px;
	text-align: right;
	vertical-align: top;
}

#loginframe
{
	position: relative;
	width: 600px;
	height: 250px;
	border: solid 1px #fff;
	margin: 0 auto;
	margin-top: 200px;
}

#logininnerframe
{
	position: relative;
	width: 580px;
	height: 230px;
	margin: 0 auto;
	top: 10px;
}

#login
{
	position: absolute;
	width: 250px;
	height: 174px;
	left: 350px;
	top: 76px;
	background: #000 url('../Images/login.jpg') no-repeat;
}

.clear
{
	clear:both;
}

#twocolumnlist ul, li
{
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

#twocolumnlist li
{
	float: left;
	width: 390px;
	padding-right: 10px;
}

#twocolumnlist h2
{
	margin-bottom: 0px;
}
