ol, ul {
	list-style: none;
	}

/* 
Title:		Master styles for screen media
Author: 	Robin Powell
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #908d8d;
	font-size: 63.7%;
	background: #000000;
	line-height:26px;
	font-weight:lighter;
	margin: 0;
	padding: 0;
	height:900px;
	
	
	}

a:link{color:#fff; text-decoration:none;}

a {color:#fff;
text-decoration:none;

}

a:hover{

 color:#fac573;

 text-decoration:none;

}


a:active{

 color:#fff;

 text-decoration:none;

}


.style1 {color:#fac573}


a img{

 border:0;

}


/* contact form
--------------------------------------------- */




/*
--------------------------------------------- */

h3{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#157ca5; font-weight:lighter; font-style:italic;text-decoration:none; padding-bottom:7px;}
h2{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#ffffff; font-weight:lighter; padding-top:7px;}
h1{font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#ffffff; font-weight:lighter; padding-top:7px; padding-bottom:17px;}
	
.clearer { clear:both;}
	
	
/* links */


	




/* page structure 
--------------------------------------------- */

#wrap {

	
	max-width: 900px;
	min-width: 750px;
	margin: 0 auto;
	padding:0px;
	font-size: 1.3em;
	background-color:#000000;
	
	
	}




#context{width:282px; float:left; margin-left:300px; padding-left:40px;}

#context #hi{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff;}

#panel {
	height:295px;
	background-color:#1a1919;
	
	padding-bottom:20px;
	display:none;
	
	
}




.contact {

	
	background: url(/images/contact-off.jpg) 0px -40px no-repeat;
}

.contact-active {
	background: url(/images/contact-off.jpg) 0px -120px no-repeat;
}



.container {
	width:960px; 
	 
	position:relative;
	z-index:12;
	
	}
	
/* Positions the contact form so it doesn't interfere with any other content, as well as a z-index above any other elements on the page */	
#contactFormContainer {
	position:absolute;
	left:668px;
	z-index:1;
		}
	
/* Hides the whole contact form until needed */	
#contactForm {
	height:209px;width:558px;
	
	
	padding:7px 12px; 
	color:#fff;
	display:none;
	}   

/* Loading bar that will appear while the ajax magic is happening */
.bar{
	display:none; 
	background:url(../images/ajax-loader.gif) no-repeat center; 
	margin-top:50px; 
	height:40px; width:230px;
	}
	
/* Hides the confirmation message until needed */	
#messageSent {display:none;}

/* This hides the form validation alert messages until needed */
#contactForm span { 
	display:none; 
	font-size:9px; 
	line-height:10px; 
	padding-left:6px; 
	color:#f5c478;
		}
	

			

	
/* Form styling */	
#contactForm textarea, #contactForm input {
	width:180px; 
	 
	color:#666; 
	 
	height:15px; 
	line-height:14px; 
	font-size:14px; 
	padding:2px 2px 0px;
	
	}
#contactForm input {background-position:0px -20px;}
#contactForm textarea {height:114px; font-family:Verdana, Geneva, sans-serif;}
#contactForm .submit {
	border:1px solid #aba8a8; 
	background:#e5e5e5; 
	text-transform:uppercase; 
	color:#4d4d4d; 
	font-weight:bold; 
	padding:7px 16px 7px 14px; 
	height:37px; width:124px; 
	cursor:pointer; 
	float:left; 
	width: 150px;
	margin-top:245px;
	}
#contactForm .submit:active {background:#cacaca; }
#contactForm label {padding-left:4px; font-weight:bold;}
#contactForm p {padding-bottom:8px;}
#contactForm .input_boxes {float:left; width:204px;}
#mail_response h3{color:#ffffff; } 



/*drop down 
--------------------------------------------- */


/* nav 
--------------------------------------------- */


#mainnav {float:right; margin-right:-20px; margin-top:55px; }


#mainnav ul li {float:left; padding-right:17px; font-weight:lighter; list-style:none;}




/*drop down 
--------------------------------------------- */


/*subnav 
--------------------------------------------- */


#subnnav { margin-right:-20px; margin-top:55px; }


#subnav ul li {float:left; margin-left:-40px; padding-right:25px; padding-bottom:25px; font-weight:lighter; list-style:none; width:100px;}


/*drop down 
--------------------------------------------- */


#logo{float:left;}

.line{ padding:10px 0 5px 0; margin-left:-5px;}

#main{margin-left:200px; padding:40px 0 34px 0;}


#copy{font-size:9px; float:left; width:auto;}

#copy2{font-size:9px; float:right; width:auto; }


#main2{ margin-top:-1px; padding:30px 0 0 0;}