
body{ 
 margin-top:0px; 
 padding:0; 
 text-align:center; 
 background: #333333 url('images/topshade.jpg') top center repeat-x;
} 
 
#pagewidth{ 
 width:911px; 
 text-align:right;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:131px; 
 background: url('images/header.jpg'); 
 width:100%;
} 

.title {
color: #61533C;
 font-family: Verdana,Trebuchet,Helvetica,Arial,Sans-serif; 
 font-size: 13px;
 text-align: left;
 font-weight: bold;
 }
 .subheader {
color: #990101;
 font-family: Verdana,Trebuchet,Helvetica,Arial,Sans-serif; 
 font-size: 11px;
 text-align: left;
 }
 
 .leftin {
padding-left: 60px;
margin-left: 10px;
background: url('images/linevert.jpg') left top no-repeat; 
 }
 
 .paragraph{
 padding-right: 50px;
 }

#logo{
 position: absolute;
 top: 10px;
 left: 10px;
 
}
#navs{
 position: absolute;
 top: 105px;
 left: 9px;
 padding: 5px;
}
a.navs:link, a.navs:active, a.navs:visited {
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
}

a.navs:hover {
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
} 

#spread{
padding-left: 543px;
}
#space{
padding: 25px;
}
#maincol{
 width:911px; 
 height: 479px;
 float: left; 
 display:inline; 
 position: relative; 
 background: url('images/backhome.jpg'); 
 
 }
 
  /* HOME SECTION*/
 
 #maincon{
 position: absolute;
 top: 365px;
 left: 775px;
 width: 80px;
 height: 20px;
 padding: 5px;
 color: #ffffff;
 font-family: Verdana,Trebuchet,Helvetica,Arial,Sans-serif; 
 font-size: 10px;
 text-align: left;
 }
 #title{
 color: #990101;
 font-family: Trebuchet,Verdana,Helvetica,Arial,Sans-serif; 
 font-size: 11px;
 font-weight: bold;
 text-align: left;
 }
 
 /* ABOUT US SECTION*/
 
 #maincolabout{
 width:911px; 
 height: 479px;
 float: left; 
 display:inline; 
 position: relative; 
 background: url('images/backaboutus.jpg'); 
 }
 #mainconabout{
 position: absolute;
 top: 135px;
 left: 628px;
 width: 250px;
 height: 300px;
 padding: 5px;
 color: #ffffff;
 font-family: Verdana,Trebuchet,Helvetica,Arial,Sans-serif; 
 font-size: 10px;
 text-align: left;
 }
 
 /* CONTACT US SECTION*/
 
 #maincolcontact{
 width:911px; 
 height: 479px;
 float: left; 
 display:inline; 
 position: relative; 
 background:url('images/backcontact.jpg'); 
 }
 #mainconcontact{
 position: absolute;
 top: 25px;
 left: 578px;
 width: 250px;
 height: 300px;
 padding: 5px;
 color: #ffffff;
 font-family: Verdana,Trebuchet,Helvetica,Arial,Sans-serif; 
 font-size: 10px;
 text-align: left;
 }
 
 
 /* GUITARS SECTION*/
 
 #maincolguitars{
 

 color: #ffffff;
 font-family: Verdana,Trebuchet,Helvetica,Arial,Sans-serif; 
 font-size: 10px;
 }
 #mainconguitars{
 
 
 padding: 5px;
 color: #ffffff;
 font-family: Verdana,Trebuchet,Helvetica,Arial,Sans-serif; 
 font-size: 10px;

 }
 
 #subnavs{
 position: absolute;
 top: 25px;
 left: 20px;
 width: 250px;
 height: 300px;
 padding: 5px;
 color: #ffffff;
 font-family: Verdana,Trebuchet,Helvetica,Arial,Sans-serif; 
 font-size: 10px;
 text-align: left;
 }
 
 #subnavsguitar{
 
 padding: 5px;
 color: #ffffff;
 font-family: Verdana,Trebuchet,Helvetica,Arial,Sans-serif; 
 font-size: 10px;
 text-align: left;
 }
 
 
a.content:link, a.content:active, a.content:visited {
	color: #ffffff;
	text-decoration: none;
}

a.content:hover {
	color: #ffffff;
	text-decoration: underline;
} 

#footer{
 width:911px; 
 height: 200px;
 color: #61533C;
 font-family: Trebuchet,Verdana,Helvetica,Arial,Sans-serif; 
 font-size: 11px;
 text-align: center;
 padding-top: 10px;
}

a.footer:link, a.footer:active, a.footer:visited {
	color: #61533C;
	font-family: Trebuchet,Verdana,Helvetica,Arial,Sans-serif; 
	text-decoration: none;
}

a.footer:hover {
	color: #61533C;
	font-family: Trebuchet,Verdana,Helvetica,Arial,Sans-serif; 
	text-decoration: underline;
} 

textarea {
  border: #434343 1px solid ;
  font-size: 11px;
  background-color:#322f2a;
  color:#c3c3c3;
  font-family: "Trebuchet", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "sans-serif";
  margin-left: 5px; 
  margin-top: 5px; 
  margin-right: 0px;
  padding: 0.1cm 0.1cm;
  
}



input {
  border: #434343 1px solid ;
  font-size: 11px;
  background-color:#322f2a;
  color:#c3c3c3;
  font-family: "Trebuchet", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "sans-serif";
  margin-left: 5px; 
  margin-top: 5px; 
  margin-right: 0px;
  
  }
  
 .button {
		BORDER-RIGHT: #434343 1px solid;
		BORDER-TOP: #434343 1px solid;
		FONT-SIZE: 11px;
		BORDER-LEFT: #434343 1px solid;
		height: 20px;
		WIDTH: 90px;
		CURSOR: pointer;
		COLOR: #555555;
		BORDER-BOTTOM: #434343 1px solid;
		FONT-FAMILY: "Trebuchet", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "sans-serif";
		BACKGROUND-COLOR: #c3c3c3;
	}
	.buttonover {
		BORDER-RIGHT: #434343 1px solid;
		BORDER-TOP: #434343 1px solid;
		FONT-SIZE: 11px;
		BORDER-LEFT: #434343 1px solid;
		height: 20px;
		WIDTH: 90px;
		CURSOR: pointer;
		COLOR: #555555;
		BORDER-BOTTOM: #434343 1px solid;
		FONT-FAMILY: "Trebuchet", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "sans-serif";
		BACKGROUND-COLOR: #e1e1e1;
}
  
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
