/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	padding: 0;
	background-color:#666666; color: #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif ; font-size: 80%;
	background-image: url(images/luthierbg.gif); 
}
a { text-decoration:none}

h1, h2, h3 {
	margin: 0;
	padding: 0;  /*font-family: "Monotype Corsiva";*/
	text-transform: lowercase;
	font-weight: normal;
	color: #6E1511;
}

 
h2 { 
	letter-spacing: -2px;
	font-size: 1.8em; 
	
}

p, blockquote, ol, ul {
	line-height: 180%;
	font-size: .9em;
}

a {
	border-bottom: 0px solid #E0E0E0;
	text-decoration: none; font-weight: bold;
	color: #B22900;
}

a:hover {
	border: none;
}

/* Header */

#header {
	height: 430px;
	background: url(images/headers/gradientbluebanner_lighter.gif) no-repeat right top;
}

#header2 {
	height: 220px;
	background: url(images/headers/gradientbluebanner_lighter.gif) no-repeat right top;
}

#header h1 {
	padding: 190px 100px 0 0;
	text-align: right;
	letter-spacing: -5px;
	font-size: 3.5em;
}

#header h1 a {
	border: none;
	text-decoration: none;
	color: #B22900;
}
#header h1.small {
	padding: 200px 80px 0 0;
	text-align: right;
	letter-spacing: normal;
	font-size: 2em;}
#header h2 {
	margin: -15px 0 0 0;
	padding: 0 30px 0 0;
	text-align: right;
	letter-spacing: normal;
	font-size: 1em;
}

#header h2 a {
	border: none;
	text-decoration: none;
	color: #C17446;
}

/* Content */

#content {
	width: 950px;
	margin: 0 auto;
	background:  #CBDACD; 
}

/* Column One */

#colOne {background: #D8CFB6;
	float: left;
	width: 785px;
}

#colOne .post {
	margin: 0 30px;
	padding: 20px 0 10px 0;
	border-top: 10px solid #E0E0E0;
}

#colOne .posthigher {
	margin: 0 30px;
	padding: 4px 0 0 0;
	
	
}

#colOne .posted {
	font-size: .8em;
}

/* Column Two */

#colTwo {background: #CBDACD;
	float: left;
	width: 165px; font-size: 12pt;
}

#colTwo ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#colTwo li {
	padding: 10px 5px 10px 5px;
	border-bottom: 0px solid #C6CD9C;
}

#colTwo li ul {
	padding-left: 24px;
}

#colTwo li li {
	padding: 0;
	border: none;
}

#colTwo h2 {
	letter-spacing: -1px;
	font-size: 1.3em;
	margin-bottom: 1em;
	padding: 0 0 0 0px;
	background: no-repeat left center;
}

#colTwo a {
	border: none;
	padding-left: 10px;
	background: url(images/img5.gif) no-repeat left center;
}

#colTwo a:hover {
	color: #B12900;
}

#menu {
	background: #CBDACD; 
}

#menu h2 {height:108px; width:108px; border: 0px solid;  margin-left: auto; margin-right:auto;
	background-image: url(images/round01.jpg);
}

#menu ul {
	margin: 0;
	padding: 0;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	width: 134px; height:100%;
	margin-left: -30px;
	padding: 3px 0 3px 14px;
	background: none;
	color: #666667;
}

#menu a:hover, #menu .active a {width: 150px;
	background: #C17446;
	color: #FFFFFF;
}
/* my formatting */
h6 { background-image: url(images/devider.gif); width: 600px; padding-bottom: 148px; background-repeat: repeat-x; 
margin-right: auto; margin-left:auto;}
.tanbackground {background-color: #D8CFB6;}

.center { text-align:center;} 
.centermargin { text-align:center; padding: 5px 0px 0px 0px;
		position: relative; top:185px; text-decoration: none;}
.indeximages { text-align:center; padding: 5px 0px 0px 0px;} 	
.padding {margin-left: 20px; padding: 0px 10px 0px 10px;}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 20px; 
}
.leftfloat {float: left;
margin: 30px;
clear: left;
border:solid;}		
.fltrt { /* this class can be used to float an element right in your page. 
The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
	}
	
.floatleft { float: left; position: relative; top:175px; left: 90px;
	font-family: Verdana, sans-serif; 
	margin: 20px 40px 200px 35px;
	 }
	 
#copy { text-align: left;  margin: 50px 5px 30px 10px;
	font-style: italic; font-size: 10px; color: #999999;}
	

.padding {margin-left: 20px; padding: 0px 10px 0px 10px;}

.h2 { font-weight:bold; font-family: Georgia; text-align:center; margin: 8px 5px 8px 10px; width:325px; font-size: 15px;}
h3 { font-weight:bold; font-family: Georgia; text-align: center; font-size: 12px;}
.indextext {text-align: left; font-size: 100%; padding:7px; margin: 5px 5px 5px 10px; width:325px;}
.yellow {background-color: #FFFFCC; text-align: left; font-size: 100%; 
       padding:7px; margin: 5px 5px 15px 10px; width:330px;
}
.yellow2 {background-color: #FFFFCC; margin-left: auto; margin-right: auto; text-align: left; font-size: 100%; 
       padding:7px; margin: 5px 5px 5px 10px; width:600px;
}

.indextextgeorgia {font-family: Georgia; text-align: left; font-size: 100%; padding:3px; 
	margin: 5px 5px 5px 10px; width:325px;}
	#logo {background-color: #cccccc;
border-bottom: 4px solid #cccccc;
}	
.maincontent {padding: 5px 20px 0 40px; margin-left:auto; margin-right: auto;}
#content2 { position: absolute;
           left: 300px; top:255px; 
           width: 393px;		   
           padding: 20px 20px 0 20px;
		   text-align:center;
		   }
.positionleft1 {position: relative; left:40px;}
.positionright2 {position: relative; right:40px;}
#leftcolumn { float:left;
	      width:325px;
		   
		  background-color:#D8CFB6;
		  margin-left: 0px;		   
} 

#rightcolumn { margin-left: 385px;
   background-color:#D8CFB6;
    
   width: 320px;
  
   padding: 0 0 0 7px; 
   
}
/* mandolins */
#floatleft { float: left; 
	width: 400px; 
	background-color: #EEEEEE;
	padding: 10px 10px 10px 10px;
	font-family: Verdana, sans-serif; 
	margin: 0px 0px 10px 0px;
	border: 1px solid; }
	
#f4 {position: relative; top: 65px; right: -37px;
	clear:right;
	width: 270px; height: 370px;
	background-color:  #E1F0E3;
	padding: 10px 10px 10px 10px;
	margin-left: 20px;
	font-family: Verdana, sans-serif; 
	border: 1px solid;		
	}
.mandolins {
	position: relative; 
	top: 115px; left: -55px;
	padding: 10px 10px 15px 10px;
	background-color: #eeeeee; 
	text-align: left;  border: 1px solid; 
	margin: 5px 5px 5px 10px; width:400px;
	height: 440px;}
	
#octave {background-color: #E1F0E3; float: right;
	position: relative; left:410px; top: 270px; 
	width: 300px; 
	padding: 10px;
	border: 1px solid; margin: 10px 10px 10px 20px;
	}
#octaveimage {position: relative; left:70px; top: 450px; }
#af {position:absolute; top: 865px; left: 140px;
	width: 280px; height: 400px;
	background-color: #FFFFCC;
	padding: 10px 10px 15px 10px;
	font-family: Verdana, sans-serif; 
	border: 1px solid;		
	}
#orderinfo { position: relative;top:430px; left:-335px;
	width: 600px; height: 440px;
	background-color: #FFFFCC;
	padding: 5px 10px 10px 10px;
	font-family: Verdana, sans-serif; 
	border: 1px solid;	
	z-index: 3; 
	}

	/* end mando */
#endlinks {width: 500px; height: 180px;}	

#orderinfo2 	{ margin-top: 20px; margin-left: auto; margin-right: auto;
	width: 700px; height: 260px;
	background-color: #FFFFCC;
	padding: 5px 10px 10px 10px;
	font-family: Verdana, sans-serif; 
	border: 1px solid;	
	 
	}
	
.clearleft {clear: left;}
.clearright {clear: right;} 	
hr.line {border-bottom: 2px solid #E0E0E0;}
.line {border-bottom: 2px solid #E0E0E0; width: 100%;}

#creative { width: 20px; height: 10px; margin-bottom: 10px; color: #CBDACD;}

/* hawsteel */
#frenchguitar  { 
	width: 700px; 
	background-color: #FFFFCC;
	padding: 10px 10px 10px 10px;
	font-family: Verdana, sans-serif; 
	margin: 0px 0px 10px 0px;
	border: 1px solid; }
#grey {	background-color: #eeeeee; padding:5px; text-align:left; }
.grey2 {width: 457px; height: 477px; background-color: rgb(222, 222, 222); padding: 8px; text-align:left; }
.lastyellow {background-color: rgb(255, 255, 204); width: 600px; height: 335px; text-align: center; margin-left: 
auto; margin-right: auto; padding:5px; border: 1px solid;}

/* Footer */
 
#footer {clear:both; 
	width: 950px;
	margin: 0 auto;
	background: #999999;
}

#footer * {
	color: #000000; 
}

#footer p { clear:both;
	margin: 0;
	padding: 10px 0;
	text-align: center;line-height: 
		 150%; 
}