/* Jake Peters & Mountain View Guitarwerks Main CSS Styles*/

/* ............................................. * Layout Stlyes */

body 	{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	margin:0px 0 20px 0;
	background-color: #c4d9b3;
	}
		
#website {
	width:795px;
	margin:10 auto 0 auto;
	text-align:left;
	position:relative;
	background-image: url(../images/jp_body.jpg);
	background-repeat: repeat-y;	
	}	

#header {	
	background-image:url(../images/jp_header.jpg);
	background-repeat:no-repeat;
	width: 795px;
	height: 310px;
	}


/* ............................................. /* Tab Menu Styles */
     .tab_menu {	
	width: 795px;
	}

     .tab_menu ul {	
	  padding: 1px 0 0 371px;
	  list-style-type: none;
	}

     .tab_menu li {
     	 list-style-type: none;
	}


br 	{
 	clear:both;
	}

/* ............................................. /* Menu Styles */

#menu 	{	
	background-image:url(../images/jp_menu.jpg);
	background-repeat:no-repeat;
	width: 795px;
	height: 50px;
	padding:5px 0 0 0;
	}

#menu_buttons {	
	padding: 0 0 0 15px;
	}


/* ............................................./* Content Stlyes */

#content	{
	width: 795px;
	background-image:url(../images/jp_body.jpg);
	background-repeat:repeat-y;
	}

#content_1	{
	width: 795px;
	background-image:url(../images/jp_body_noline.jpg);
	background-repeat:repeat-y;
	}


#content_right {
	float: right;
	width: 570px;
	}

#right_text {
	font-size:12px;
	line-height:16px;
	color: #000000;
	text-align: justify;
	padding: 5px 40px 10px 15px;
	}

#content_left {
	float: left;
	width: 225px;
	}

#center_text {
	font-size:12px;
	line-height:16px;
	color: #000000;
	text-align: justify;
	padding: 0px 45px 10px 45px;
	}

#center_text_h {
	font-size:12px;
	color: #000000;
	text-align: justify;
	padding: 5px 45px 0px 45px;
	}

.caption{font-style:italic;color:#887;}
.demo{position:relative;}

.galleria{list-style:none;width:750px}
.galleria_wrapping img{border:15px; solid#ff0000;}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
	#main_image{margin:0 auto 60px auto;height:438px;width:700px;background:#FEF1D8;}
	#main_image{margin:0 auto 60px auto;height:394px;width:630px;background:#FEF1D8;}
	#main_image img{margin-bottom:10px;}

.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase; text-align: center; font-weight:bold;}



/* ............................................. /* Text Stlyes */

h2 	{
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size:19px;
	font-weight:bold;
	font-style: italic;
	letter-spacing: 0.15em;
	color:#533711;
	color:#005826;
	border-bottom: 2px solid #533711;
	border-bottom: 2px solid #005826;
	}

h3
	{
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-family: "trebuchet ms", sans-serif;
	font-style: normal;
	text-align: center;
	font-size: 1.1em;
	}

ol	{
	font-size: 13px;
	color: #ff000;
	}

   ol a:link {font-size: 13px; color:#005826;}
   ol a:visited {font-size: 13px; color:#EA9016;}
   ol a:hover {font-size: 13px; color:#1368AA;}  

   .left_text {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	color: #443a05;
	line-height: 20px;
	padding: 0px 20px 0 35px;
	}

   .left_header {
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.25em;
	font-family: "trebuchet ms", sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #005826;
	line-height: 20px;
	border-bottom: 2px solid #005826;
	}


      .may_date {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#1368AA;
	padding: 0 0 0 150px;
	}

p 	{
	font-family:verdana;
	font-size:12px;
	line-height:16px;
	color: #291a05;
	color: #000000;
	text-align: justify;
	}

      .left 	{
	font-size:11px;
	line-height:14px;
	color: #533711;
	text-align: justify;
	padding: 10px 20px 0px 30px;
	}

       .left_headings {
	font-size:13px;
	font-weight:bold;
	line-height:16px;
	color: #0E4875;
	padding:28px 20px 0px 35px;
	}

      .quote_left {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:italic;
	color:#7B5C33;
	padding: 0px 20px 10px 40px;
	}

      .contact {
	font-size:12px;
	line-height:12px;
	color: #291a05;
	text-align: justify;
	}

      .music_headings {
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	color: #EA9016;
	}

      .dates {
	font-size:14px;
	font-weight:bold;
	color: #1368AA;
	}

      .note {
	font-size:12px;
	font-style:italic;
	text-align: justify;
	line-height:16px;
	color: #291a05;
	}

      .cd_desc {
	font-size:13px;
	line-height:16px;
	text-align: justify;
	color: #291a05;
	}

     .header_grn {
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	color: #005826;
	}

      .table_header {
	font-size:16px;
	font-weight:bold;
	line-height:16px;
	color:#005826;
	}

      .table_header_small {
	font-size:13px;
	font-weight:bold;
	line-height:16px;
	color: #533711;
	}

      .schedule {
	font-size:13px;
	line-height:18px;
	color: #291a05;
	text-align: justify;
	}

      .subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#291a05;
	color:#005826;
	}

      .subtitle_blue {
	font-size:14px;
	line-height:16px;
	color: #1368AA;
	}

      .subtitle_red{
	font-size:14px;
	line-height:16px;
	color: #EE1C23;
	}

      .subtitle_org{
	font-size:14px;
	font-weight:bold;
	color: #EA9016;
	margin: -10px 0 20px 0;
	}

      .gallery_numbers{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	}

      .quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:italic;
	color:#7B5C33;
	padding: 10px 20px 10px 20px;
	}

      .justify {
	text-align: justify;
	}

a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #7B5C33;
	color: #005826;
	text-decoration: none;
	}

a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;
	color: #EA9016;
	}

a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;
	color: #1368AA;
	}

      .subtitle_blue a  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16px;
	color: #7B5C33;
	text-decoration: none;
	}

      .subtitle_blue a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16px;
	text-decoration: none;
	color: #EA9016;
	}

      .subtitle_blue a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16px;
	text-decoration: none;
	color: #EE1C23;
	}


/* ............................................. /* Misc  Stlyes */

      .pic	{
	margin: 0 0 0 10px;
	}

     .mp3 {
	margin: 13px 0 0 0;
	}

/* ............................................. /* Footer Stlyes */

#footer 	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FDF9F3;
	text-indent: 30px;
	line-height: 35px;
	background-image:url(../images/jp_footer.jpg);
	background-repeat:no-repeat;
	width: 795px;
	height: 50px;
	margin:-15px 0 0 0;
	}

      .footer_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #005826;
	letter-spacing: 0.1em;
	margin: 0 0 0 0px;
	}

      .footer_text a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #005826;
	}

      .footer_text a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #005826;
	text-decoration:none;
	}

     .footer_text a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #8a8021;
	text-decoration:none;
	}