/*body {
	text-align:center;
	background-color: #000000;
}
#wrapper {
	align:center;
	padding-top: 81px;
}*/


/* 
  -----------------------------------
  PopMenu Magic Style Sheet
  by Project Seven Development
  www.projectseven.com
  Tommi Page Pack
  Horizontal 2 Column Fixed Centered
  -----------------------------------
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 101%;
	color: #FFF;
	margin: 0 0 0px;
	padding: 0;
	background-color: #000;
}
/*The masthead contains the Tommi logo. Width is set based on the wrapper's
total rendered width. Left and right margins are set to auto, which centers this DIV.
#masthead {
	width: 760px;
	margin: 0 auto;
	padding: 0;
}*/
/*The wrapper envelopes all page elements below the masthead.
To center the layout we set left and right margins to "auto".
To deduce the overall rendered width, left and right padding, borders,
and margin are added to the declared width of 690px. Since we have applied
70px of left padding (to make room for the "lbghz" background image),
we must add that to the declared width. The resulting rendered width is 760px.*/
#wrapper {
	padding: 16px 0 0 0px;
	margin: 40px;
	/*margin-left: auto;
	width: 740px;*/
}
/*The menubar DIV is the container for our menu. We set a background image and a black
border. Font-size is set to .85em, setting the menu text size. Position is set to relative
to work around bugs in IE5 Mac and Firefox Mac.*/
#menubar {
	font-size: 0.75em;
	position: relative;
	color: #333333;
}
#menubarHome {
	font-size: 0.75em;
	position: relative;
	color: #FFF;
	padding-left: 5px;
}
/*This style represents a special DIV placed just inside the closing DIV tag
of menubar. This style allows the menubar background to extend to the full height
of the menu. DO NOT EDIT or remove this style or the DIV it represents in the page.*/
.clearcontent {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 1px;
}
/*The mainbox DIV is the left column that contains the page's main content.
Mainbox is floated left, adjacent to the sidebox. The sidebox is also floated
left, but since mainbox comes first in the source code, it is positioned to
the left of sidebox.*/
#mainbox {
	margin: 1px 1px 0 0;
	font-size: 0.9em;
	float: none;
	text-align: justify;
	padding: 25px;
}
/*Paragraphs inside mainbox and sidebox*/
#mainbox p, #sidebox p {
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
	margin-top: 0px;
}
/*This is a class assigned to section DIVs inside the mainbox and allows each section
to have its own borders and padding, as well as a background image that sets a special "bullet" next
to each section heading. Because the "section" DIVs are nested inside mainbox, they do not affect
the layout's box model calculations.*/

.section {
	margin-bottom: 12px;
	line-height: 1.5em;
	padding-top: 20px;
	padding-right: 16px;
	padding-bottom: 0;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../images/bg_images/pen.jpg);
}
.sectionblank {
	margin-bottom: 12px;
	line-height: 1.5em;
	padding-top: 20px;
	padding-right: 16px;
	padding-bottom: 0;

}
.sectionhome {
	
}
.sectionguitarose{
	margin-bottom: 12px;
	line-height: 1.5em;
	padding-top: 20px;
	padding-right: 16px;
	padding-bottom: 0;
	background-image: url(../images/bg_images/guitar__rose.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.sectionbiogs{
	margin-bottom: 12px;
	line-height: 1.5em;
	padding-top: 20px;
	padding-right: 16px;
	padding-bottom: 0;
	background-image: url(../images/bg_images/guitar_side.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.sectionface{
	margin-bottom: 12px;
	line-height: 1.5em;
	padding-top: 20px;
	padding-right: 16px;
	padding-bottom: 0;
	background-image: url(../images/bg_images/ben_home.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.sectioncontact{
	margin-bottom: 12px;
	line-height: 1.5em;
	padding-top: 20px;
	padding-right: 16px;
	padding-bottom: 0;
	background-image: url(../images/ben_contact.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.sectionguitar{
	margin-bottom: 12px;
	line-height: 1.5em;
	padding-top: 20px;
	padding-right: 16px;
	padding-bottom: 0;
	background-image: url(../images/bg_images/guitar.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
/*Style attributes common to all level 1-4 headings*/
h1, h2, h3, h4 {
	margin: 0;
	line-height: normal;
}
/*Style attributes specific to all level 1 headings*/
h1 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 23px;
	margin-bottom : 12px;
	margin-top : 0px;
	color: #900;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-bottom: 15px;
}
/*Style attributes specific to all level 2 headings*/
h2 {
	font-family : "Trebuchet MS", Arial, Verdana;
	font-size : 16px;
	margin-bottom : 12px;
	margin-top : 0px;
	color: #663300;
	padding-bottom: 10px;
}
h5 {
	font-family : "Trebuchet MS", Arial, Verdana;
	font-size : 23px;
	color: #900;
	margin-top: 20px;
	margin-bottom: 5px;
}
h6 {
	font-family : "Trebuchet MS", Arial, Verdana;
	font-size : 16px;
	color: #663300;
	margin-top: 20px;
	margin-bottom: 5px;
}
/*Style attributes specific to all level 3-4 headings*/
h3, h4 {
	font-size: 1.3em;
}
/*The sidebox DIV is the right column that contains the page's sidebar.
Sidebox is floated left, adjacent to the mainbox. The mainbox is also floated
left, but since sidebox comes after mainbox in the source code, it is positioned to
the right of mainbox.*/
#sidebox {
	width: 180px;
	margin: 16px 0 0 0;
	float: left;
	font-size: 0.75em;
	background-image: url(../images/tommy_sbgorge.jpg);
	background-repeat: repeat-y;
	background-color: #FEB546;
}
/*-------- BOX MODEL NOTES ---------*/
/*To calculate the total layout width, we add the declared widths of
sidebox and mainbox: 180 + 494 = 674
Then we add the right margin assigned to mainbox: 674 + 16 = 690
Since wrapper has left padding of 70px, we add that to deduce the total layout width:
690 + 70 = 760 (that's why the layout-spanning masthead has a width of 760px).
*/

/*Sidesection is assigned to a DIV nested inside the sidebox DIV. By nesting this DIV,
we can add padding or borders and it will not affect the layout's box model calculations.*/
.sidesection {
	padding: 12px 20px;
	border: 1px solid #6A6A6A;
}
/*Since the footer spans the combined width of mainbox and sidebox, we set it to clear the
floats - otherwise the footer would appear under the sidebox, which immediately precedes it
in the source code. Clearing the float allows the footer to span both floated DIVs above it.*/
#footer {
	font-size: 0.85em;
	clear: both;
	color: #CCCCCC;

	a:link a:hover ;
	a:active;

	a:focus 
	color: #000000;
	text-decoration: none;
	text-align: center;
}

/*-----PAGE LINK STYLES --------*/
/*We assign specific link styles for links based upon the element that contains them.*/
#mainbox a:link, #footer a:link {
	color: #FFF;
	text-decoration: underline;
}
#mainbox a:visited, #footer a:visited {
	color: #FFF;
	text-decoration: underline;
}
#mainbox a:hover, #mainbox a:active, #mainbox a:focus,
#footer a:hover, #footer a:active, #footer a:focus {
	color: #CCCCCC;
	text-decoration: none;
}
.sidesection a:link, .sidesection2 a:link {
	color: #000000;
}
.sidesection a:visited, .sidesection2 a:visited {
	color: #666666;
}
.sidesection a:hover, .sidesection a:active, .sidesection a:focus,
.sidesection2 a:hover, .sidesection2 a:active, .sidesection2 a:focus {
	color: #003399;
}


/*-----PMM MENU STYLE UPDATES for this PAGE PACK-------*/

/*We set a subtle border to the right of each top-level menu item to visually
define its box.*/
#p7PMnav a {
	color: #666666;
}

/*WORK AROUND FOR IE5 (MAC ONLY) The single backslash \ character inside this
comment causes IE5 Mac to ignore the following rule, which allows other browsers
to render top-level menu items at their natural widths.
DO NOT EDIT THIS COMMENT or the following rule. This rule should remain last in
this style sheet.*/
#p7PMnav li {
	width: auto;
}
	/*Turns off Borders around Hyperlinked Images*/
 img { border : 0px; display : block }
 
/*CSS to get images to line up properly on right. Thanks Osgood! */
dl {
margin: 0;
padding: 100;
}
dt {
	float: left;
	width: 600px;
	clear: both;
	padding: 3px 0 10px;
}
dd {
	margin: 0 0 5px 12px;
	padding-bottom: 10px;
	text-align: right;
}
#hr {
	color: #990000;
	border-top-width: .5px;
	border-top-style: solid;
	border-top-color: #00CCFF;
}
.imgHome {
	padding-left: 70px;
}
.imgFloatL {
	float: left;
	padding-right: 8px;
	padding-bottom: 3px;
}
#valadate {
	padding-left: 50px;
}
#heading {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 0.7em;
}
#mybox {
	float : left;
	width : 307px; /* to match the width of the picture */
	margin : 0 7px 3px 0;
	padding : 0;
	color: #FFF;
}
/* This style matches the top of the paragraph in the right column
   to the top of the box */
#mybox + p {
    	margin-top : 0 ;
}