@charset "utf-8";
/* CSS Document */
@font-face { font-family: font; src: url('../Rockwell Light.TTF'); } 

html, body  {
	letter-spacing: normal;
	line-height: 1.4em;
	height:auto;
	width:18000px;
	margin:0;
	padding:0;
	font: 13px  "Lucida Sans", Helvetica, sans-serif;
	color: #7f7e83;
	background:#000000 url(../images/tracks-bg.png) repeat-x;
	text-align:left;
	}

#home, #about, #album, #studio, #contact, #thanks  {
	visibility: visible;
	position: absolute;
	height:600px;
	width: 3000px;
	top: 0px;
	padding:0px;
}
	 
	
#home {left:0px;}
#about {left:3000px;}
#album {left:6000px;}
#studio {left:9000px;}
#contact {left:12000px;}
#thanks {left:15000px;}
p	{ 
	padding: 0;
	font: 12px  "Lucida Sans",	Helvetica, Arial, sans-serif;
	line-height:1.5em;
	margin:0px 0 20px 0;
} 

a	{
	color: #b03c06;
	text-decoration:none;
	}

a:hover {	
color: #d09205;
}
a:active {	
color: #f5f5f5;}
	
a:focus, a:hover, a:active {	
	text-decoration: none;
}
.floatleft {
    margin-right: 10px;
    margin-bottom: 6px;
    float: left;
}

ul {
	 margin-left:-2.75em; left:0; 
}

li { 
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	list-style-type: none;
	line-height:2.5em;	
	margin:0px;
}

h1, h2, h3, h4 {
	font-family: "Courier New", Courier, Monaco, monospace;
	margin: 0;
	font-weight: 300;
}

h1 {
	font-size: 40px;
	margin: 0px 0 0px -2px;
	position:absolute;
	left:100px;
	top:71px;
	color: #890000;
	letter-spacing:-0.05em;
}

h2 {
	color: #bd0002;
	font-size: 18px;
	text-align:left;
	line-height:20px;
	margin: 0 0 20px 0px;
}

pre {
	font-size: 1.0em;
	line-height: 1.0em;
	overflow-x: auto;
}


.menu {
	position:fixed;
	width:800px;
	height:auto;
	left:100px;
	top: 7px;
}

.menu a{	
	font: italic 18px "Courier New", Courier, Monaco, monospace;
	text-transform:capitalize;
	float:left;
	text-decoration:none;
	position:relative;
	left:-10px;
	padding: 15px 10px 15px 10px;
	color: #75685d;
}

.menu a:hover  {
	color: #beb69f;}
	
.menu a:active  {
	color: #bcbac4;}	

#form {
	float:left;
	position:relative;
	font: 12px Arial, Helvetica, sans-serif;
	top:200px;
	left:100px;
	width:405px;
	height: 250px;
	text-align:left;
	margin:0 50px 0 0;
}

#form label {	
	float:left; 
	width:125px;
	margin: 3px 0 0 0; 
	color:#aaa
}

#name, #email, #message {
	float:left;	
	font: italic 12px Georgia, "Times New Roman", Times, serif;
	padding: 2px 4px 3px 4px;
	width: 270px;
	margin:0px 0 16px 0;
	border:0;
	color: #777;	
	background:#fff;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#fff));
	background-image: -moz-linear-gradient(100% 100% 90deg, #fff, #ccc);
	border:1px solid #eee;	
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#name:focus, #email:focus, #message:focus {
	background: #222;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ccc));
	background-image: -moz-linear-gradient(100% 100% 90deg, #ccc, #fff);
	border:1px solid #eee;	
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
}

#message {
	height:135px;
	line-height:20px;
}

#send {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	float: left;
	width: 284px;
	height:30px;
	background-color:#403941;
	margin:0px 0 0 124px;
	padding:10px;
	color: #ccc;
	text-shadow: 0px 1px 0px #222;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#363333), to(#22222a));
	background-image: -moz-linear-gradient(100% 100% 90deg, #22222a, #363333);
	border:1px solid #222;	
	border-top: 1px solid #4f444f;
	border-bottom: 1px solid #1d1d1d;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
	
#send:hover {
	background-color:#222;
	background-image:
     -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333030), to(#403941));
	background-image:
     -moz-linear-gradient(100% 100% 90deg, #202028, #333030);
		color: #aaa;
	border:1px solid #202020;	
	border-top: 1px solid #3f3f3f;
	border-bottom: 1px solid #1d1d1d;
	padding: 9px 10px 11px 10px;
}
	
#send:focus, #send:active {
	background-color:#403941;
	background-image:
     -webkit-gradient(linear, 0% 0%, 0% 100%, from(#282428), to(#403941));
	background-image:
     -moz-linear-gradient(100% 100% 90deg, #242428, #403941);
	 	color: #888;

	border:1px solid #222;
	padding: 12px 10px 8px 10px;
}
	
ul.gallery {
	position:absolute;
	top:345px;
	left:98px;
	width: 900px;
	height:125px;
	border:none;
	list-style: none;
}
		
li.thumbs {	
	float: left;
	position: relative;
	list-style: none;
	width: 130px;
	height: 130px;
	padding: 0px 0 0 0;
	margin-right: 5px;
	overflow: hidden;
	opacity: 1.0;
}

li.thumbs img {			
	border:0px;
	padding:0;
	margin:0px 0 0 0;
}

.serviceslist {
	font-size: 1.42em;
	text-transform: uppercase;
}

#copyright {
	position: fixed;
	font-size: 0.8em;
	color: #75675d;
	width:auto;
	bottom:30px;	
	left:100px;
}

.box, .box2, .box3, .boxfull  { 
	position: relative;
	float: left;
	left:100px;
	top: 200px;
	width: 250px;
	height:	auto;
	overflow: hidden;
	margin: 0 20px 0 0;	
}

.boxfull{
	width:530px;
}

.box2{
	width:180px;
}
.box3{
	width:530px;
	height:600px;
	
}	

li.hidden {	
	visibility:hidden; 
	text-decoration:none; 
	border:0;
}

#fadeshow1 {
    width: 583px;
    height: 500px;
    margin-top:150px;
    padding: 0;
    border:none;
}