body	{
	background-color: #000000;
font-family: "Helvetica Neue UltraLight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #FFFFFF;
	background-image: url(bg.png);
	background-repeat: repeat;
}

h1	{
	font-size: 18px;
	padding:0;
	margin:0 0 0 0;
	font-weight: bold;
}

h1 a {
text-decoration:none;
color: #FFFFFF;
}

h1 a:visited {
text-decoration:none;
color: #FFFFFF;
}

h1 a:hover {
text-decoration:none;
}

h1 a:active {
text-decoration:none;
color: #FFFFFF;
} 

h2	{
	font-size: 14px;
	color: #00FF00;
	padding: 0;
	margin: 0;
	font-weight: normal;
}

green	{
	color: #0f0;
}

p	{
	line-height: 16px;
}

a {
	color: #00FF00;
	text-decoration: none;
	border-style: none;
}

a:hover	{
	color: #00FF00;
	text-decoration: none;
	cursor:crosshair;
}

a:visited {
	color: #00FF00;
	text-decoration: none;
	border-style: none;
}

img	{
	border-style: none;
		cursor:crosshair;
}



#container	{
	width: 100%;
}

#main {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

#content	{
	float: left;
	width: 980px;
	margin-right: 10px;
	padding-bottom: 10px;
}

#header_box	{
	width: 100%;
	height: 120px;
	float:left;
	clear:both;
}

#header_stuff	{
	float:right;
	width: 90px;
	height: 60px;}
	
#header_kult {
	display: block;
	float: right;
	width:700px;
	height:122px;

}

#info_box {
	float: left;
	width:200px;
	height:120px;
}


#header_time	{
	width: 90px;
	height:20px;
	float:right;}
	
.menu-button	{
	display:block;
	padding:0;
	width: 227px;
	height:24px;
	border-style:none;
	margin-bottom: 0px;}

#button-work	{
	background: url(work.gif) no-repeat;}
#button-work:hover	{
	background: url(work-over.gif) no-repeat;}

#button-shop	{
	background: url(shop.gif) no-repeat;}
#button-shop:hover	{
	background: url(shop-over.gif) no-repeat;}
	
#button-people	{
	background: url(people.gif) no-repeat;}
#button-people:hover	{
	background: url(people-over.gif) no-repeat;}

#button-contact	{
	background: url(contact.gif) no-repeat;}
#button-contact:hover	{
	background: url(contact-over.gif) no-repeat;}

#button-magazine {
	background: url(magazine.gif) no-repeat;}
#button-magazine:hover	{
	background: url(magazine-over.gif) no-repeat;}
	

.spacer {
	float: left;
	clear: left;
	display: block;
	background-color: #000000;
	width:100%;
	height:10px;
}

.vertical_spacer	{
	float: left;
	display:block;
	color: #000000;
	width: 10px;
	height: 100%;
}

.space {
	float: left;
	clear: left;
	display: block;
	width:100%;
	height:10px;
}

#Feature-Box {
	float: left;
	width:960px;
	height:280px;
	padding: 10px;
	background-color: #333333;}

.post	{
	float: left;
	margin-top: 10px;
	padding:  10px;
	width: 960px;
	height:307px;
	background-color: #333333;
	line-height:12px;
}

.post .placeholder {
	float: left;
	width:380px;
	height:307px;
	background-color: #000000;
}

.post .vimeoplaceholder {
	float: left;
	width:380px;
	height:295px;
	background-color: #000000;
	padding-top: 11px;
}

.post .project_img {
	float: left;
	width:570px;
	height:307px;
	background-color: #000000;
}

.post_info {
	float: left;
	width: 400px;
	height: 344px;
	margin-left: 10px;
	overflow:hidden;
}

.post .header {
	float: left;
	clear: left;
	width: 100%;
	height:90px;
	line-height: 18px;
}

.post_content	{
	float: left;
	clear: left;
	margin-top: 0;
	padding-top: 0;
	width: 300px;
	height: 217px;
	line-height: 18px;
}

.post_thumbnail {
	float: left;
	width:160px;
	height:100%;
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:10px;
	padding:0px; 
	background-color: #000000;
	background-image: url(chevron.gif);
}

#footer	{
	float: left;
	width: 100%;
	height: 30px;
	color: #333333;
	text-align: right;
	margin-top: 10px;
}

#sidebar_right	{
	float: left;
	width: 160px;
}

.ad {
	width:160px;
	height:600px;
}

#facebook {
	float: left;
	width:120px;
	color: #b4b4b4;
	margin-top: 10px;
}

#contact	{
	float: left;
	clear: left;
/*	width: 127px;*/
	width: 240px;
	height:	600px;
	padding: 10px;
	background-color: #333333;}
	
.contact h1	{
	font-size: 18px;
	font-weight: normal;
}

.contact h2	{
	font-size: 12px;
}

.contact p	{
	font-size: 14px;
	line-height: 16px;
}

#join	{
	float: left;
	width: 315px;
	height: 600px;
	padding: 10px;
	background: #333333 url(SignUp.gif) no-repeat right top;
}

#form	{
	float: left;
	width: 345px;
	height:	600px;
	padding: 10px;
	background-color: #333333;}
	
#menu	{
	float: left;
	width:70px;
	height:120px;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	text-indent: 0;
}

#menu a
{
/* Set text-decoration and color so there is no default */
text-decoration: none;
color: #c4c4c4;
}

#menu a:hover
{
letter-spacing: 0;
color: #01ca02;
/* Set letter-spacing back to 0 so text don't jump as much when it turns to bold on hover (Still jumps some though) */
}

#menu ul
{
list-style-type: none;
padding-left: 0px;
margin: 0px;
}

#navlist li {
	list-style-type: none;
	margin:	0;
	margin-bottom: 0px;
	padding:0;
	text-indent: 0;}

#navcontainer ul ul
{
padding-left: 0px;
/* offset sub menu */
}

#navcontainer ul li
{
padding-left: 0px;
margin-left: 0px;
/* Set margin-left to set-up the left border */
}

#navcontainer ul li#active
{
margin-left: 0px;
/* Set margin back half of left-border width (5px) */
}

#navcontainer ul ul li#subactive
{
margin-left: 0px;
/* Set margin back half the 30px padding above */
border-left: 5px solid black;
}

#navcontainer li { border-left: 0px solid black; }

#navcontainer li#active { border-left: 0px solid black; }

.people_container	{
	float: left;
	width: 217.5px;
	height: 800px;
	background-color: #333333;	
	padding: 10px;
	margin-bottom: 10px;
}

.people_img	{
	width: 217.5px;
	height: 217.5px;
	background-color: #000000;
}

.people_info	{
	margin-top: 10px;
	width: 100%;
	height: 200px;
}