/*
	Northfire - Copyright 2006
	Created By: Matthew Simpson (graveyardpc@gmail.com)
	"style.css"
*/

/*
--------Default Items-------------------------------
*/
body{
	margin			: 0px;
	padding			: 0px;
	background-color	: #101010;
	font-family		: "Verdana";
	font-size		: 10px;
	color			: #CCCCCC;
}

a:link				{color: #555555; text-decoration: none;}
a:visited			{color: #555555; text-decoration: none;}
a:hover				{color: #CCCCCC; text-decoration: none;}
a:active			{color: #CCCCCC; text-decoration: none;}

a.light:link			{color: #CCCCCC; text-decoration: none;}
a.light:visited			{color: #CCCCCC; text-decoration: none;}
a.light:hover			{color: #555555; text-decoration: none;}
a.light:active			{color: #555555; text-decoration: none;}

/*
--------Absolute Items------------------------------
*/
#menu{
	position		: absolute;
	top			: 88px;
	left			: 50%;
	margin-left		: -214px;
	z-index			: 1;
}

.menu_buttons{
	float			: left;
	width			: 65px;
	text-align		: center;
	padding			: 6px 0px 7px 0px;
	cursor			: pointer;
}

#logo{
	position		: absolute;
	top			: 0px;
	left			: 50%;
	margin-left		: -405px;
	width			: 203px;
	height			: 135px;
	background-image	: url('../images/logo.jpg');
	z-index			: 1;
}

#navigator{
	position		: absolute;
	top			: 121px;
	left			: 50%;
	margin-left		: -371px;
	font-size		: 9px;
	z-index			: 1;
}

/*
--------Body Layers---------------------------------
*/
#layer1{
	width			: 100%;
	height			: 135px;
	background		: url('../images/stripe1.gif') repeat-x top;
}

#layer2{
	position		: relative;
	top			: 10px;
	width			: 100%;
	min-height		: 42px;
	padding-bottom		: 10px;
	background		: url('../images/stripe2.gif') repeat-x bottom;
}

#layer3{
	position		: relative;
	top			: 25px;
	width			: 100%;
}

/*
--------Body Styles---------------------------------
*/
.wrapper{
	position		: relative;
	left			: 50%;
	width			: 800px;
	margin-left		: -400px;
	overflow		: hidden;
}

.column{
	float			: left;
	padding			: 0px 18px 18px 18px;
}

.column_header{
	font-size		: 16px;
	font-weight		: bold;
}


.column_subheader{
	font-size		: 9px;
	color			: #555555;
	margin			: 0px 0px 5px 0px;
}

.notice{
	width			: 755px;
	font-size		: 16px;
	padding			: 5px;
	border			: #242424 1px solid;
	text-align		: center;
	background-color	: #151515;
}

.box_column{
	float			: left;
}

.box{
	margin			: 5px 5px 5px 0px;
	padding			: 2px;
	border			: #242424 1px solid;
	text-align		: center;
	background-color	: #151515;
}

.barrier{
	clear			: both;
}

.seperator{
	height			: 1px;
	font-size		: 0px;
	margin			: 15px 0px 15px 0px;
	border-color		: #242424;
	border-width		: 1px 0px 0px 0px; 
	border-style		: solid;
}

.large{
	font-size		: 12px;
}

.dark{
	color			: #555555;
}

/*
--------Contact Styles------------------------------
*/
#contact_send{
	width			: 50px;
	padding			: 2px 0px 2px 0px;
	text-align		: center;
	cursor			: pointer;
}

.contact_frame{
	width			: 300px;
	margin-bottom		: 10px;
	border			: #242424 1px solid;
	overflow		: hidden;
}

.contact_input{
	width			: 300px;
	font-family		: "Verdana";
	font-size		: 12px;
	border-width		: 0px;
	color			: #CCCCCC;
	background-color	: #101010;
}

/*
--------Screenshot Styles---------------------------------
*/
#ss_box{
	background-position	: center center;
	background-repeat	: no-repeat;
}

#ss_img{
	width			: 100%;
	height			: 100%;
	cursor			: pointer;
}

.ss_button{
	float			: left;
	width			: 30px;
	margin			: 0px 1px 0px 1px;
	text-align		: center;
	padding			: 2px 0px 2px 0px;
	cursor			: pointer;
}