html, body {
	height: 100%;
}
body{
	background: #2e2e33 url('images/bg.jpg') repeat-x;
	text-align:center;
	font-family:Verdana,sans-serif;
	font-size:70%;
	line-height:1.4em;
	color:#d7d3d3;
	margin:0;
	}
#wrapper{
	background:  url('images/bg.jpg') repeat-x;
	min-height: 100%;
	height: auto !important;
	overflow:auto;
	height:100%;
	margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
	position:relative;
	top:10px;
	}
.footer, .push {
	height: 60px; /* .push must be the same height as .footer */
}
.footer{text-align:center;}
#container,#container_dean,#container_guitar{
	width:820px;

	text-align:left;
	height:100%;
	margin:0 auto;
	overflow:hidden;
	}
#container{
	background:url('images/penny.jpg') top right no-repeat;
	}

#container_dean{
	background:url('images/dean2.jpg') top right no-repeat;

	}
#container_guitar{
	background:url('images/guitar.jpg') top right no-repeat;

	}
.rightimage{float:right;}
#logo{
	background:url('images/logo.jpg') no-repeat;
	width:520px;
	height:212px;
	clear:both;
	
	}
#logo h1{
	padding:0;
	margin:0;
	}
h1,h2{
	font-size:1.2em;
	letter-spacing: .1em;
	color:#fdf9c8;
	font-family:Georgia;
	font-weight:normal;
	margin-top:2em;
		}
#content{
	margin-top:20px;
	width:520px;
	margin-left:20px;
	min-height:200px;
	height:auto !important;
  height:200px;
	}
#profile{
	width:100px;
	text-align:left;
	float:left;

	}
#profile ul{
list-style:none;
padding:0;
margin:30px 10px 10px 0;
	}
#profile li{
padding:0;
margin:5px 0;
	}
#profiletext{
	width:400px;
	float:left;
	}
.custom_name{
	font-family:georgia;
	font-weight:bold;
	
	}
/*   ###### LINK STYLING     ###############*/

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

/*######### Navigation   ###############*/
#navcontainer{
position:absolute;
top:0;
	width:820px;
	text-align:left;
	margin:0 auto;
  overflow:hidden;
  clear:both;
 }
#nav{
		text-align: center;
		font-size:1em;
		float:right;
				 } 
#nav ul{
	list-style:none;
	margin:0;
	padding:0;
	}
#nav li{
	padding: 0;
	float:left;
	}	
#nav li a{
	color:#96939a;
	text-decoration:none;
	font-size:1em;
	display:block;
	width:70px;
	padding:5px;

	}
#nav li a:hover{
	color:#fff;
}



/*#######   contact details  #########*/
address{
	font-style:normal;
	}
	/*================= Form =====================================*/
.float_left{
	width:220px;
	float:left;
	
	}
#float_right  {
	float:left;
	margin-left:10px;
	width: 300px;
	}
#formdiv{
width:204px;
}		
.formw{
clear:both;
padding-bottom:10px;
}
.label{
clear:both;
}
 .submit  {	
				text-align: right;
		}

.button  {	
	text-align: center;
	background:  #eee;
	border: 1px solid  #d9d692;
	font-family:"Trebuchet MS";
	color: #000;
	width:50px;
			}
.input{
		background:  #eee;
		padding:2px;
	border: 1px solid  #d9d692;
	font-family:"Trebuchet MS";
	font-size:1em;
	width:200px;
}

#copy{
	font-size:.75em;
	color:#96939a;
	text-align:left;
	width:780px;
	margin:0 auto;
	}
#copy a{
	color:#96939a;
	text-decoration:none;
	}
#copy a:hover{
	color:#fff;
	}