/* oooooooooooooooooooooooooooooooooooooooooooooooo */

/*	Author		-> www.mezmamedia.com
				-> Richie Grainger

/*	Date			-> 2 April 2008

/*	File			-> style.css

/*	Contact		-> www.mezmamedia.com
				-> richie@mezmamedia.com
				
/* 	Copyright (c)	-> Mezma Media

/* oooooooooooooooooooooooooooooooooooooooooooooooo */


a:link { 			color: #19a40e; background-color: transparent; text-decoration: underline; }
a:visited {			color: #19a40e; background-color: transparent; text-decoration: underline; }
a:hover {			color: #ffffff; background-color: transparent; text-decoration: none; }

a.cl:link { 			color: #a9ffa3; background-color: transparent; text-decoration: none; }
a.cl:visited {		color: #a9ffa3; background-color: transparent; text-decoration: none; }
a.cl:hover {			color: #ffffff; background-color: transparent; text-decoration: underline; }




body {

	height: 100%;
	background-color: #000000;
	
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	
	text-align:center; /*Center the body ONLY for IE until big is fixed */
	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #b4b4b4;
	
}



/* oooooooooooooooooooooooooooooooooooooooooooooo TEXT TYPES HERE oooooooooooooooooooooooooooooooooooooooooooooo */

.text_main {				font-family: Arial, Verdana, Helvetica, sans-serif;	font-size: 12px; color: #b4b4b4; line-height: 18px; }
.text_copy {				font-family: Arial, Verdana, Helvetica, sans-serif;	font-size: 11px; color: #a6a6a6; }

.text_heading {			color: #ffffff; font-weight: bold; }
.text_womm {				color: #19a40e; font-weight: bold; }
.text_i {				font-style: italic; }







/* oooooooooooooooooooooooooooooooooooooooooooooo TABLES TYPES HERE oooooooooooooooooooooooooooooooooooooooooooooo */

.body_text_area {			text-align: left; vertical-align: top; }

#page_main_bg {				background-image: url(background_images/page_bg.jpg); background-repeat: repeat-x; background-position: bottom; vertical-align: top; width: 100%; }
#page_main_footer {			background-image: url(background_images/footer_tile.gif); background-repeat: repeat-x; background-position: bottom; vertical-align: top; width: 100%; }

#page_main_size {			display: block; overflow: hidden; vertical-align: top; width: 1000px; margin: 0 auto; }

#head_shell {				display: block; width: 1000px; height: 193px; }
#flash_header {				display: block; float: left; width: 835px; height: 193px; }
img#header_right {			float: left; margin-top: 100px; }

#under_menu {				display: block; float: right; margin-right: 10px; width: 736px; height: 120px;
							background-image: url(background_images/under_menu.jpg); background-repeat: no-repeat; background-position: top; }
div.um_imgl {					float: left; margin: 15px 0px 0px 35px; }
div.um_img {				 	float: left; margin: 15px 0px 0px 2px; }


#body_shell {				display: block; overflow: hidden; width: 1000px; margin-bottom: 40px; background-image: url(background_images/guitar_logo.jpg); background-repeat: no-repeat; background-position: bottom left; }
#body_tile {					float: right; text-align: left; background-color: #000000; margin-right: 45px; width: 666px; background-image: url(background_images/body_tile.jpg); background-repeat: repeat-x; background-position: bottom; }
#body_btm {					float: right; margin: 0px 45px 80px 0px; width: 666px; height: 51px; background-image: url(background_images/body_btm.jpg); background-repeat: mo-repeat; }							

#pt_area {					background-image: url(background_images/h1_btm.jpg); background-repeat: no-repeat; background-position: bottom left; vertical-align: top; text-align: left; margin: 23px 0px 20px 35px; height: 27px; }
img.pt {						margin-left: 5px; }


#main_text_area {			vertical-align: top; text-align: left; float: left; margin: 0px 0px 35px 35px; width: 420px; }
#main_text_arealarge {		vertical-align: top; text-align: left; float: left; margin: 0px 0px 35px 35px; width: 600px; }
#main_image_area {			float: left; overflow: hidden; margin-left: 5px; width: 180px; }

#footer_shell {				display: block; width: 1000px; height: 20px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #a6a6a6; }
	#fs_left {				display: block; float: left; height: 20px; }
	#fs_right {				display: block; float: right; height: 20px; }
	
	
	#grepair_left {			display: block; float: left; overflow: hidden; margin: 20px 0px 20px 0px; width: 277px; }
	#grepair_right {			display: block; float: left; overflow: hidden; margin: 20px 0px 20px 10px; width: 277px; }
	#grs_shell {				display: block; float: left; overflow: hidden; margin: 15px 0px 20px 0px; width: 555px; }
	div.grs {					display: block; float: left; overflow: hidden; width: 185px; }

	div.contact_left {		display: block; float: left; text-align: right; font-weight: bold; margin: 0px 15px 10px 0px; width: 100px; }
	div.contact_right {		display: block; float: left; text-align: left; margin-bottom: 10px; }


br.cl {						clear: left; }
br.cr {						clear: right; }
br.cb {						clear: both; }

hr {							color: #00320d; background-color: #00320d; border: 0px; height: 1px; width: 325px; margin: 10px 0px 20px 0px; text-align: center; }

ul.repairs {					padding: 6px 6px 10px 15px; margin: 0; }


/* THIS IS THE CSS NAV MENU ACROSS THE TOP */
ul#nav {					display: block; float: right; text-align: left; height: 23px;
						background: url(background_images/menu.gif); width: 693px; padding: 0px; margin: 0px 31px 0px 0px; }
ul#nav li {				float: left; position:relative; list-style-type: none; }
ul#nav li a {				height: 23px; display: block; text-indent: -9999px; outline: none; }

li#nav_home a, li#nav_gr a, li#nav_guitars a, li#nav_amps a, li#nav_accessories a, li#nav_print a, li#nav_teaching a, li#nav_contact a { 
						background: url(background_images/menu.gif);
}

li#nav_home a {				background-position: 0 0; width: 39px; left: 0px; }
li#nav_home a:hover {			background-position: 0 23px; }

li#nav_gr a {					background-position: -39px 0; width: 124px; left: 39px; }
li#nav_gr a:hover {			background-position: -39px 23px; }

li#nav_guitars a {				background-position: -163px 0; width: 72px; left: 163px; }
li#nav_guitars a:hover {		background-position: -163px 23px; }

li#nav_amps a {				background-position: -235px 0; width: 92px; left: 235px; }
li#nav_amps a:hover {			background-position: -235px 23px; }

li#nav_accessories a {			background-position: -327px 0; width: 107px; left: 327px; }
li#nav_accessories a:hover {	background-position: -327px 23px; }

li#nav_print a {				background-position: -434px 0; width: 103px; left: 434px; }
li#nav_print a:hover {			background-position: -434px 23px; }

li#nav_teaching a {			background-position: -537px 0; width: 80px; left: 537px; }
li#nav_teaching a:hover {		background-position: -537px 23px; }

li#nav_contact a {				background-position: -617px 0; width: 76px; left: 617px; }
li#nav_contact a:hover {		background-position: -617px 23px; }
/* END CSS NAV MENU ON TOP */




label, input, select, textarea {	display: block; float: left; margin-bottom: 10px; }
label {						text-align: right; font-weight: bold; width: 100px; margin-right: 15px; }
input.submit_box {			margin-left: 115px; }

form {						margin: 0; } 
.input_box {					font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; border: 1px solid #00b41a; background: #ffffff; color: #000000; }
.submit_box {				font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; border: 1px solid #00b41a; background: #ffffff; color: #005e0d; }
