body {
		width:100%;
		background:#000;
		margin: 0px 0px 0px 0px;
		font: 10px verdana, lucida, helvetica, sans-serif;
		}
	
#main {
		background:#000;
		}
		
#header {
	width:762px;
	height:85px;
	background:#FF3300 url(pic/header.bck.jpg) top left repeat-x;
	border-top: 1px #fff solid;
	border-right: 1px #fff solid;
	border-left: 1px #fff solid;
	}

.head a {
	padding: 0px 10px 0px 8px;
	
	color: #fff;
	letter-spacing:4px;
	
	text-decoration: none;
	font-weight:bold;
	}

.head a:hover {
	
	padding: 0px 10px 0px 8px;
	color: #fff;
	letter-spacing:4px;
	
	text-decoration: none;
	font-weight:bold;
}

ul#menu {
display: block;
height: 18px;
width: 100%;
border: 0;
margin: 66px 0px -3px 0px;
padding: 0;
list-style-type: none;
background: none;
}

ul#menu li { display: inline; }

ul#menu li a {
display: block;
float: left;
width: 100px;
height: 18px;
margin: 0;
background: no-repeat 9px 5px;
padding: 1px 1px 0px 10px;

color: #fff;
font-size: 10px;
line-height: 16px;
text-align: left;
text-decoration: none;
font-weight: bold;

}
ul#menu li a#home {
width: 40px;

}

ul#menu li a#soundmarks {
width: 80px;
}

ul#menu li a#fieldrecordings {
width: 88px;
}

ul#menu li a#borrowedatmosphere {
width: 130px;
}

ul#menu li a#contact {
width: 52px;
}

ul#menu li a:hover {
color:#FF3300;
background-color: #fff;
border-top:3px solid #FF3300;
}


ul#menu li a.active, ul#menu li a.active:hover {
height: 18px;
color:#000;
background: #fff;
border-top:3px solid #fff;
cursor: default;
padding: 1px 1px 0px 10px;
}


#player {
width:100px;
height:60px;
padding:1px;
		}		
		
#left {
		position: absolute;
		width:	382px;
		padding-top:25px;
		padding-bottom:20px;
		color:#000;
		
		
		border-top:1px solid #fff;
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
		background: #FF3300 url(pic/bck.nw.1.jpg) top left repeat-y;		
		margin:0px 0px 0px 0px;
		
		}

#left p {
		background: none;
		
		margin: 0px 2px 0px 0px;
		padding: 0px 40px 4px 10px;
		line-height: 1.55em;
		letter-spacing:1px;
		}		

#left a {
		font-size: 9px;
		color: #eee;
		padding: 1px 2px 1px 2px;
		background:#FF3300 url(pic/header.bck.jpg) top left repeat-x; 
		font-weight: bold;
		text-decoration: none;
		border-right:1px solid #eee;
		border-top:1px solid #eee;
		border-left: 1px solid #ccc;
		border-bottom: 1px solid #999;
		}

#left a:hover {
		color: #fff;
		background:#FF3300; 
		padding: 1px 2px 1px 2px; 
		border-right:1px solid #ccc;
		border-top:1px solid #ccc;
		border-left: 1px solid #eee;
		border-bottom: 1px solid #eee;
		font-weight: bold;
		text-decoration: none;
		
	    
		}	
		

		
#right {
		position: absolute;
		
		left:383px;
		width: 380px;
		
		background: url(pic/right.top.bck.1.jpg) top left no-repeat;		
		color:#000;
		margin:-25px 0px 0px 0px;
		border-top:1px solid #FF3300;
		border-bottom:1px solid #eee;
		border-right: 1px #fff solid;
		}
		

#right p {
		
		font-size:10px;
		margin: 0px;
		padding: 20px 15px 15px 15px;
		line-height: 1.6em;
		}

#righttop	{
		
		left:0px;
		background: none;
		
		margin:1px 0px 1px 0px;
		padding:0px 0px 10px 0px;
		
		}
	
#righttop	p {
		
		letter-spacing:3px;
		
		margin:0px 0px 0px 0px;
		padding: 95px 10px 0px 22px;
		color:#CC0033;
		}		
		
#righttop a {
		color: #fff;
		background-color: #666;
		text-decoration: underline;
		
		}

#righttop a:hover {
		color: #fff;
		background-color: #FF3300;
		text-decoration: none;
		}	

#rightfield {
		
		background: #fff;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		}
		

#rightfield p {
		border-top:1px solid #eee;
		border-left:1px solid #eee;
		border-bottom:1px solid #eee;
		background: #CCFF33 url(pic/right.bottom.bck.jpg) bottom left repeat-x;
		padding: 10px 0px 10px 21px;
		
		}	

#rightfield	 a {
		color: #333;
		text-decoration: none;
		padding: 1px 3px 1px 2px;
		}

#rightfield a:hover {
		color: #000;
		background-color: #99CC33;
		text-decoration: none;
		padding: 1px 3px 1px 2px;
		}
		
		
#rightmiddle {
		
		background: #fff;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		}

#rightmiddle p {
		border-top:1px solid #fff;
		border-left:1px solid #eee;
		border-bottom:1px solid #fff;
		background: #ccc url(pic/right.middle.bck.jpg) top left repeat-x;
		padding: 10px 0px 10px 21px;
		
		}	

#rightmiddle a {
		color: #666;
		text-decoration: none;
		padding: 1px 3px 1px 2px;
		}

#rightmiddle a:hover {
		color: #000;
		background-color: #ccc;
		text-decoration: none;
		padding: 1px 3px 1px 2px;
		}
				
#rightbottom	{
		height:84px;
		background: #666633 url(pic/merights.jpg) top left no-repeat;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		border-left: 1px solid #eee;
		border-bottom:2px solid #666633;
		}
#rightbottom a {
		color: #666633;
		text-decoration: none;
		
		}

#rightbottom a:hover {
		color: #fff;
		
		text-decoration: none;
		}
	
#rightbottom p {
		text-align:right;
		color:#eee;
		background: none;
		padding: 38px 3px 10px 21px;
		
		}	
#rightmid {
		
		background: #fff;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		}

#rightmid p {
		border-top:1px solid #eee;
		border-left:1px solid #eee;
		border-bottom:1px solid #fff;
		background: #FFCC99 url(pic/right.mid.bck.jpg) top left repeat-x;
		padding: 10px 1px 10px 22px;
		
		}	

#rightmid a {
		color: #fff;
		text-decoration: none;
		padding: 1px 3px 1px 2px;
		}

#rightmid a:hover {
		color: #000;
		background-color: #CC9933;
		text-decoration: none;
		padding: 1px 3px 1px 2px;
		}



#bottom {
		height:34px;
		background: #eee url(pic/right.middle.bck.jpg) top left repeat-x;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		border-top:1px solid #ccc;
		border-left: 1px solid #eee;
		border-bottom:1px solid #ccc;
		}
		
#bottom a {
		color: #666;
		text-decoration: none;
		padding: 0px 4px 0px 4px;
		}

#bottom a:hover {
		color: #333;
		background: url(pic/right.middle.bck.jpg) top left repeat-x;
		padding: 0px 4px 0px 2px;
		border-top:1px solid #eee;
		border-left:1px solid #eee;
		border-right:1px solid #ccc;
		border-bottom:2px solid #ccc;
		text-decoration: none;
		}
	
#bottom p {
		color: #666;
		background: none;
		padding: 10px 0px 10px 21px;
		
		}			
		

.title a {
	background: none;
	color: #fff;
	letter-spacing:1px;
	line-height: 60px;
	text-decoration: none;
	font-weight:bold;
	}

.title a:hover {
	background:none;
	color: #fff;
	letter-spacing:1px;
	line-height: 60px;
	text-decoration: none;
	font-weight:bold;
}


h1 {
	color: #fff;
	margin: 0px 0px 0px 5px ;
	
	
	font: 30px	 verdana, lucida, helvetica, sans-serif;
	line-height:54px;
	cursor: default;
	text-align: left;
	font-weight: bold;

}
h1 span {
	color: #CC6666;
	font-size: 39px;
	font-family: verdana, lucida, helvetica, sans-serif;
	line-height: 56px;
	}
	
h2 {
	margin: 0px;
	padding: 13px 10px 1px 25px;
	font:  11px	arial, helvetica, sans-serif;
	letter-spacing:8px;
	color: #666;
	text-decoration: none;
	text-align:left;
	}

h3  {
  	letter-spacing:3px;
	margin: 0px;
	padding: 4px 10px 4px 10px;
	font: 13px arial, verdana, lucida, helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align:left;
	
	}
		



h4 {
	letter-spacing:2px;
	margin: 0px;
	padding: 4px 10px 1px 10px;
	font: 11px arial, verdana, lucida, helvetica, sans-serif;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	text-align:left;
	}
h5{
	color: #fff;
	margin: 0px 0px 0px 5px ;
	padding: 198px 0px 10px 0px;
	
	font:  44px	 verdana, lucida, helvetica, sans-serif;
	line-height:45px;
	cursor: default;
	text-align: left;
	font-weight: bold;
}

p {
	margin: 0px;
	padding: 3px 10px 10px 15px;
	line-height: 1.6em;
}

.picleft {
	border: 1px solid #999;
	background:#eee;
	float: left;
	padding:3px;
	margin:0px 10px 1px 0px ;
		}
	
.picleft:hover {
	background:#fff;
	border:1px solid #999;
	padding:3px;
	margin:0px 10px 1px 0px ;
		}
		
.picright {
	border: 1px solid #999;
	float: right;
	padding:3px;
	margin:5px 10px 5px 0px ;
		}
	
.picright:hover {
	background:#eee;
	border:1px solid #999;
	padding:3px;
	margin:5px 10px 5px 0px ;
		}

.pic {
	border: 1px solid #CC6666;
	float: left;
	padding:3px;
	margin:5px 10px 5px 0px ;
		}
	
.pic:hover {
	background:#eee;
	border:1px solid #999;
	padding:3px;
	margin:5px 10px 5px 0px ;
		}		

		
#input {
	width:379px;
	background: #fff ;	
	font-family: verdana, lucida, helvetica, sans-serif;
	font-size:10px ;
	font-weight:normal;		
	font-variant: normal;
	margin: 0px 0px 0px 0px ;
	padding: 25px 0px 0px 0px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #eee;
	border-bottom: 13px solid #eee;
	color:#000;
	}

#input p {padding-left:15px;text-align:left;}

.text{
	padding: 2px;
	font: 11px verdana, lucida, helvetica, sans-serif;
	background-color:#eee;
	color:#000;
	letter-spacing: 1px;
	border-left:1px solid #eee;
	border-top:1px solid #eee;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}

.select{
	background-color:#000;
	color:#000;
	border:1px solid #999;
	}

.buttonsend{
	font-family: verdana, lucida, helvetica, sans-serif;
	font-size:9px;
	margin: 0px 0px 0px 0px;
	background:  url(pic/right.bottom.bck.jpg) top left repeat-x;
	color:#000;
	border-top:1px solid #CCFF33;
	border-left:1px solid #CCFF33;
	border-right:1px solid #99CC33;
	border-bottom:2px solid #99CC33;
}
.buttonreset{
	font-family: verdana, lucida, helvetica, sans-serif;
	font-size:9px ;
	margin: 0px 0px 0px 239px;
	background: url(pic/right.middle.bck.jpg) top left repeat-x;
	color:#000;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	border-right:1px solid #ccc;
	border-bottom:2px solid #ccc;
	}

#contact {
		position: absolute;
		width:382px;
		height:290px;
		color:#fff;
		text-align:justify;
		background: #000 ;
		
		margin:0px 8px 5px 0px;
		
		}

#contact p {
		margin: 1px 5px 1px 1px;
		padding: 105px 19px 8px 10px;
		letter-spacing:1px;
		line-height: 1.6em;
		
	
	}
	
#rightcontact {
		background: #000; 
		position: absolute;
		left:382px;
		margin-top:0px;
		
		
		
		color:#fff;
		}
		

#rightcontact p {
		font-size:10px;
		margin: 0px;
		padding: 11px 10px 5px 15px;
		line-height: 1.6em;
		}
		

#rightcontacttop	{
		
		left:0px;
		background: none;
		
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		
		}
	
#rightcontacttop	p {
		
		letter-spacing:3px;
		
		margin:0px 0px 0px 0px;
		padding: 140px 0px 0px 22px;
		color:#CC0033;
		}		
#rightcontactmiddle {
		
		background: #fff;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		}

#rightcontactmiddle p {
		border-top:1px solid #fff;
		border-left:1px solid #eee;
		border-bottom:1px solid #fff;
		background: #fff ;
		padding: 0px 0px 2px 21px;
		
		}
		
rightcontactfield	

#rightcontactfield	 {
		
		background: #fff;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		}
		

#rightcontactfield	 p {
		border-top:1px solid #eee;
		border-left:1px solid #eee;
		border-bottom:1px solid #eee;
		background: #CCFF33 url(pic/right.bottom.bck.jpg) bottom left repeat-x;
		padding: 10px 0px 10px 21px;
		
		}	

#rightcontactfield	 a {
		color: #fff;
		text-decoration: none;
		padding: 1px 3px 1px 2px;
		}

#rightcontactfield	a:hover {
		color: #eee;
		background-color: #99CC33;
		text-decoration: none;
		padding: 1px 3px 1px 2px;
		}