body, table, p{
	font-family:"Courier New", mono;
	font-size:11px;
	color:#000000;
	margin:0px;
	letter-spacing:-0.1em;
	word-spacing:0px;
	line-height:150%;
}


/*
body {
	background-image:url(../img/listening_in_the_megacity-1800.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center;
}
*/


a {
	color:#000000;
	background-color:#99ff00;
	text-decoration:none;
	padding-left:4px;
	padding-right:4px;
}

a.bw_hover {
	color:#000000;
	background-color:transparent;
	text-decoration:none;
	padding-left:0;
	padding-right:0;
}


#head_text a {
	padding-top:2px;
	padding-bottom:2px;
}

a.noborder {
	background-color:#FFF;
	padding:0px;
}

a:focus{outline:0px none;}


h3 {
	font-family:Helvetica;
	font-style:italic;
	padding:0px;
	margin:0px;
	margin-bottom:6px;
	line-height:100%;
	letter-spacing:.1em;
}

.white_bg {
	background-color:#FFF;
}	

sup {
	color:#666666;
	font-size:10px;
	line-height:85%;
}

#main {	
	position:relative;
	width:1200px;
	height:3000px;
	/*margin-left:auto;
	margin-right:auto;*/
	text-align:left;
	
	
	
	//background-color:#339900;
	
}

/*-------------------------------------------------------------- Start Header */

#tracer {
position:fixed;
}
#head{
	position:relative;
	float:right;
	height:auto;
	width:660px;
	//border-bottom:6px solid #000000;
	margin-top:20px;
	margin-bottom: 20px;
	padding-top:0px;
	padding-bottom:16px;
	//background-color:#993300;
}


#content_column {
	position:relative;
	float:right;
	height:auto;
	width:660px;
	height:auto;
	//background-color:#0F0;
}

#pg_title {
	font-size:48px;
	line-height:65%;
}

#pg_title a {
	color:#000000;
	//background-color:#FFFFFF;
	text-decoration:none;
	padding-left:0px;
	padding-right:0px;
}

#head_text {
	position:relative;
	float:left;
	width:auto;
	height:auto;
	//padding-top:200px;
}

#head_img {
	position:relative;
	float:left;
	width:auto;
	height:auto;
}

.subhead {
	text-align:center;
	padding-bottom:8px;
	border-bottom:6px solid #000000;
	margin-bottom: 20px;
}
/*-------------------------------------------------------------- End Header */



/*-------------------------------------------------------------- Image Parts */

#img_container {
	position:fixed;
	width:1000px;
	height:800px;
	//background-color:#f90;
	background-image:url(../img/main_bg.jpg);
	//margin-top:2%;
}

.img_part{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:800px;
	
}

/*-------------------------------------------------------------- End Image Parts */


.content {
	position:relative;
	float:right;
	width:330px;
	height:auto;
	//background-color:#fff;
	margin-bottom:10px;
	padding-bottom:20px;
	
}

#video {
	width:660px;
}

.content p{
	padding:6px;
	background-color:#fff;
}


#gallery {
	width:660px;
	height:auto;
	//background-color:#0F4;
}

.gallery_image {
	width:320px;
	height:auto;
	border:5px solid #fff;
	position:relative;
	float:left;
}


.gallery_image {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
}



@keyframes imgbwover
{
from {filter: grayscale(100%);}
to {filter: grayscale(0%);}
}

@-moz-keyframes imgbwover 
{
from {-moz-filter: grayscale(100%);}
to {-moz-filter: grayscale(0%);}
}

@-webkit-keyframes imgbwover 
{
from {-webkit-filter: grayscale(100%);}
to {-webkit-filter: grayscale(0%);}
}

@-o-keyframes imgbwover 
{
from {-o-filter: grayscale(100%);}
to {-o-filter: grayscale(0%);}
}


a:hover .gallery_image{
	animation: imgbwover 1s;
	-moz-animation: imgbwover 1s; 
	-webkit-animation: imgbwover 1s; 
	-o-animation: imgbwover 1s;
	
	animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
}

/*
a.bw_hover:hover{
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
}
*/
/*-------------------------------------------------------------- Start Contact Form */
#contact_form {
	position:relative;
	float:left;
	width:330px;
	height:330px;
	padding-right:00px;
}

input, textarea {
	font-family:"Courier New", mono;
	font-size:11px;
	color:#000000;
	border:0px;
	padding:4px;
	padding-bottom:1px;
	margin-left:0px;
}

input {
	font-weight:bold;
}

textarea {
	border:1px dashed #999999;
}

input:focus {
	border:0px;
	outline:0px none;
	/*border-color: transparent;*/
	border-bottom:1px dashed #999999;
}

textarea:focus {
	outline:0px none;
}

input {
	
	border-bottom:1px dashed #999999;
}

#name, #label_name {
	width:330px;
}

#email, #label_email {
	width:330px;
	//margin-left:20px;
}

.label_full_w {
	position:relative;
	float:left;
}

#msg {
	width:330px;
	height:120px;
}

#mailing_checkbox {
	position:relative;
	float:left;
	width:330px;
}

#contact_form_btns {
position:relative;
	float: right;
	margin-top: 6px;
}
#submit, #contact_close {
	border:0px;
	color:#000000;
	background-color:#99ff00;
	padding:6px;
	padding-bottom:4px;
}

#submit {margin-right:0px;}

#contact_close { background-color:#CCCCCC; }

#message, #waiting{
	text-align:center;
	padding-top:6px;
	padding-bottom:6px;
	font-size:18px;
	color:#666666;
}

.error {
	background-color:#FFFFCC;
}

#message.form-submission-error {
	color:#FF0000;
	font-size:14px;
}

/*-------------------------------------------------------------- End Contact Form */