@charset "UTF-8";
/* CSS Document */

/* Generic to all or most pages */

body {
	text-align: center;
	background-color: #60c728;
	background-image: url(art/bg_tile.gif);
	background-repeat: repeat-x;
}
 
#container {position: absolute;
  margin: 0 auto;
  width: 800px;
  height: 530px;
  top: 0px;
  left: 50%;
  margin-left: -450px;
  text-align: left;
  }
  
#main {position: absolute;
		top: 0px;
		left: 0px;
		width: 600px;
		height: 1000px;}
		
#header {position: absolute;
			top: 12px;
			left: 202px;}

		
#title {position: absolute;
			top: 5px;
			left: 13px;
			z-index: 2;}			
  
a:link{color: #3a9107;
		text-decoration: none;}
a:visited{color: #3a9107;
		text-decoration: underline;}
a:hover{color: #a5dd4b;
		text-decoration: none;}
a:active{color: #FF9900;
		text-decoration: none;}
		
/* Nav Bar Content */

#nav {position: absolute;
		top: 0px;
		left: 0px;
		width: 200px;
		height: 1000px;}
  
#navbg {position: absolute;
 		top: 0px;
		left: 0px;}
		
#secret {position: absolute;
		top: 11px;
		left: 75px;
		z-index: 3;}
		
#masterbutton {position: absolute;
 		top: 345px;
		left: 55px;
		z-index: 2;}
		
#homebutton {position: absolute;
 		top: 92px;
		left: 68px;
		z-index: 2;}
		
#quotebutton {position: absolute;
 		top: 122px;
		left: 38px;
		z-index: 2;}
		
#cdrpricebutton {position: absolute;
 		top: 153px;
		left: 25px;
		z-index: 2;}
		
#ecopricebutton {position: absolute;
 		top: 194px;
		left: 47px;
		z-index: 2;}
		
#digipakpricebutton {position: absolute;
 		top: 227px;
		left: 35px;
		z-index: 2;}
		
#jewelpricebutton {position: absolute;
 		top: 260px;
		left: 27px;
		z-index: 2;}
		
#otherpricebutton {position: absolute;
 		top: 297px;
		left: 15px;
		z-index: 2;}
		
#graphicbutton {position: absolute;
 		top: 381px;
		left: 35px;
		z-index: 2;}
		
#webbutton {position: absolute;
 		top: 229px;
		left: 42px;
		z-index: 2;}
		
#gm_button {position: absolute;
 		top: 422px;
		left: 36px;
		z-index: 2;}

		
/* Home Page Content */

#data {position: absolute;
		top: 63px;
		left: 441px;}
		
#music {position: absolute;
		top: 189px;
		left: 441px;
		z-index: 3;}
		
#eco {position: absolute;
		top: 291px;
		left: 441px;
		z-index: 3;}
		
#emailtext {position: absolute;
		top: 425px;
		font-family: Helvetica;
		font-size: 11px;
		color: #FFFFFF;
		left: 441px;
		width: 100px;}
		
#emailbox {position: absolute;
		top: 415px;
		left: 534px;
		width: 188px;
		height: 20px;
		padding-top:5px;}
		
#emailbox #emailListField {
		border:1px solid #636363;
		width:125px;
}

#emailbox #emailListBtn {
		border:1px solid #636363;
}
		
#contact {position: absolute;
		top: 300px;
		left: 220px;
		width: 196px;
		height: 139px;
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 2px;
		border-color: #a5dd4b;
		z-index: 3;}
		
#contact_head {position: absolute;
 		top: 7px;
		left: 10px;
		width: 176px;
		height: 20px;
		font-family: Helvetica;
		font-size: 15px;
		font-weight: bold;
		line-height: 19px;
		text-align: center;
		color: #60c728;}
		
#contact_text {position: absolute;
 		top: 30px;
		left: 10px;
		width: 176px;
		height: 100px;
		font-family: Helvetica;
		font-size: 12px;
		line-height: 15px;
		text-align: center;
		color: #000000;}
		
.amp {font-weight: bold;
	font-size: 13px;
	color: #ff9900;}
	
.space {line-height: 20px;}
		
#introbox {position: absolute;
 		top: 63px;
		left: 210px;
		width: 216px;
		height: 339px;
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 2px;
		border-color: #FF9900;
		z-index: 2;}
		
#hp_title {position: absolute;
			top: 5px;
			left: 13px;}
			
#intro_sub {position: absolute;
 		top: 43px;
		left: 15px;
		width: 195px;
		height: 20px;
		font-family: Helvetica;
		font-size: 13px;
		font-weight: bold;
		line-height: 19px;
		text-align: left;
		color: #60c728;}
			
#introtext {position: absolute;
			top: 65px;
			left: 15px;
			width: 195px;
			font-family: Helvetica;
			font-size: 12px;
			line-height: 16px;
			color: #000000;}
			
#baseline1 {position: absolute;
			top: 453px;
			left: 10px;
			width: 879px;
			height: 15px;
			padding: 0px 0px 1px 0px;
			background-color: #ff9900;}
			
#endorse {position: absolute;
			top: 2px;
			right: 10px;
			font-family: Verdana;
			font-size: 9px;
			text-align: right;
			color: #ffffff;
			z-index: 9;} 
		
#copyright {position: absolute;
			top: 2px;
			left: 10px;
			font-family: Verdana;
			font-size: 9px;
			text-align: left;
			color: #ffffff;
			z-index: 9;}
			
#hp_pricenav {position: absolute;
			top: 470px;
			text-align: center;
			width: 880px;
			font-family: Verdana;
			font-size: 9px;
			padding: 0px 0px 3px 0px;
			color: #ffffff;
			z-index: 9;}
			
.subhead {font-size: 13px;
		font-weight: bold;
		color: #60c728;
		line-height: 20px;}
		
#new_tp {position: absolute;
		top: 63px;
		left: 735px;
		width: 150px;
		height: 375px;
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 2px;
		border-color: #FF9900;}
		
/* Get a Quote pages */

#contentquote {position: absolute;
 		top: 70px;
		left: 215px;
		width: 520px;
		height: 100%;
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 2px;
		border-color: #FF9900;}
		
#pdfs {position: absolute;
		top: 10px;
		left: 370px;
		font-family: Helvetica;
		font-size: 11px;
		line-height: 16px;}
			
#copyright3 {position: absolute;
			top: 1930px;
			width: 950px;
			font-family: Helvetica;
			font-size: 11px;
			font-weight: 500;
			line-height: 13px;
			text-align: center;
			color: #ffffff;
			z-index: 9;}
			
/* On all price pages */
			
#nav_prices {position: absolute;
 		top: 60px;
		left: 210px;
		width: 550px;
		font-family: Helvetica;
		font-size: 11px;
		line-height: 13px;
		text-align: left;
		color: #ffffff;}
		
.subhead1 {font-size: 17px;
		color: #60c728;
		line-height: 17px;
		font-weight: bold;}
		
.subhead2 {font-size: 13px;
		color: #60c728;
		line-height: 20px;
		font-weight: bold;}
		
.subhead3 {font-size: 13px;
		color: #60c728;
		line-height: 12px;
		font-weight: bold;}
		
.price {font-size: 13px;
		color: #ff9900;
		line-height: 16px;
		font-weight: bold;}
			
/* Jewel Case price List */

#pricelist_content {position: absolute;
 		top: 75px;
		left: 210px;
		width: 225px;
		padding: 15px 275px 15px 15px;
		font-family: Helvetica;
		font-size: 11px;
		line-height: 13px;
		text-align: left;
		color: #000000;
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 2px;
		border-color: #FF9900;}
		
	
#montage1 {position: absolute;
		top: 85px;
		left: 455px;}
		
#explain {position: absolute;
 		top: 90px;
		left: 635px;
		width: 200px;
		padding: 15px;
		font-family: Helvetica;
		font-size: 11px;
		line-height: 13px;
		text-align: left;
		color: #000000;
		background-color: #c1ea71;
		border-style: solid;
		border-width: 2px;
		border-color: #FF9900;
		z-index: 9;}
		
		
.explain {font-size: 13px;
		color: #3a9107;
		line-height: 14px;
		font-weight: bold;}
		
/* Eco price List */
		
#ecoprice_content {position: absolute;
 		top: 75px;
		left: 210px;
		width: 225px;
		padding: 15px 275px 15px 15px;
		font-family: Helvetica;
		font-size: 11px;
		line-height: 13px;
		text-align: left;
		color: #000000;
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 2px;
		border-color: #FF9900;}
		
#ecoprice2 {position: absolute;
 		top: 376px;
		left: 470px;
		width: 215px;
		padding: 15px 15px 15px 15px;
		font-family: Helvetica;
		font-size: 11px;
		line-height: 13px;
		text-align: left;
		color: #000000;
		background-color: #FFFFFF;
		z-index: 3;}
		
#montage_eco {position: absolute;
		top: 90px;
		left: 485px;
		width: 350px;
		height: 290px;
		z-index: 5;}
		
/* DigiPak price List */
		
#montage_digipak {position: absolute;
		top: 90px;
		left: 465px;
		width: 250px;
		height: 865px;
		z-index: 5;}
		
/* Extras price List */
		
#montage_extras {position: absolute;
		top: 90px;
		left: 465px;
		width: 250px;
		height: 450px;
		z-index: 5;}
		
/* CDR & DVDR price List */	
		
#cdr_content {position: absolute;
 		top: 75px;
		left: 210px;
		width: 225px;
		height: 1015px;
		padding: 15px 275px 15px 15px;
		font-family: Helvetica;
		font-size: 11px;
		line-height: 13px;
		text-align: left;
		color: #000000;
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 2px;
		border-color: #FF9900;}
		
#cdr_pdf {position: absolute;
			top: 50px;
			left: 12px;
			z-index: 2;}
		
#tables {position: absolute;
			top: 70px;
			left: 10px;
			z-index: 2;}
			
#cdr_copyright {position: absolute;
			top: 1023px;
			left: 10px;
			font-family: Verdana;
			font-size: 9px;
			text-align: left;
			color: #000000;
			z-index: 9;}
			
#cdr_montage {position: absolute;
			top: 20px;
			left: 435px;
			width: 200px;
			height: 744px;}
			
/* Graphic Design page content */

#graphictext2 {position: absolute;
			top: 55px;
			left: 15px;
			width: 220px;
			font-family: Helvetica;
			font-size: 12px;
			line-height: 17px;
			color: #000000;
			z-index: 2;}
		
#graphic_content {position: absolute;
 		top: 70px;
		left: 210px;
		width: 510px;
		height: 440px;
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 2px;
		border-color: #FF9900;}
		
#kev_graphic_content {position: absolute;
 		top: 70px;
		left: 210px;
		width: 510px;
		z-index: 2;}
		
#kev_text {position: absolute;
			top: 57px;
			left: 20px;
			width: 260px;
			font-family: Helvetica;
			font-size: 12px;
			line-height: 18px;
			color: #000000;}
			
.para_space {line-height: 25px;}
			
#kpdlogo {position: absolute;
			top: 15px;
			left: 20px;
			z-index: 2;}

#mark_graphic_content {position: absolute;
 		top: 360px;
		left: 730px;
		width: 160px;
		height: 365px;
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 2px;
		border-color: #FF9900;
		z-index: 3;}
		
#web_content {position: absolute;
 		top: 80px;
		left: 700px;
		width: 190px;
		height: 265px;
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 2px;
		border-color: #FF9900;
		z-index: 0;}
		
#bg_logo {position: absolute;
 		top: 10px;
		left: 30px;
		width: 150px;
		height: 245px;
		z-index: 1;}
		
#kp_contact_text {position: absolute;
			top: 130px;
			left: 39px;
			font-family: Helvetica;
			font-size: 11px;
			line-height: 13px;
			text-align: center;
			color: #FFFFFF;
			z-index: 2;}
		
#mark_logo {position: absolute;
			top: 10px;
			left: 25px;}
			
#mark_contact {position: absolute;
			top: 235px;
			left: 20px;
			font-family: Helvetica;
			font-size: 12px;
			line-height: 18px;
			color: #000000;}
			
.subhead_m {font-size: 16px;
		font-weight: bold;
		color: #60c728;
		line-height: 22px;}
		
.subhead_g {font-size: 19px;
		font-weight: bold;
		color: #60c728;
		line-height: 20px;}
		
#copyright_graphics {position: absolute;
			top: 735px;
			left: 590px;
			width: 1000px;
			font-family: Helvetica;
			font-size: 11px;
			font-weight: 500;
			line-height: 13px;
			text-align: left;
			color: #ffffff;
			z-index: 9;}

#copyright2 {position: absolute;
			top: 518px;
			left: 350px;
			width: 1000px;
			font-family: Helvetica;
			font-size: 11px;
			font-weight: 500;
			line-height: 13px;
			text-align: left;
			color: #ffffff;
			z-index: 9;}
			
/* Web Design page content */
		
#content {position: absolute;
 		top: 70px;
		left: 210px;
		width: 510px;
		height: 440px;
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 2px;
		border-color: #FF9900;}
		
#spiderweb {position: absolute;
			top: 3px;
			left: 220px;}

#kpdlogoweb {position: absolute;
			top: 390px;
			left: 15px;
			z-index: 2;}
			
#graphictext {position: absolute;
			top: 50px;
			left: 15px;
			width: 220px;
			font-family: Helvetica;
			font-size: 12px;
			line-height: 17px;
			color: #000000;}
			
/* Format Transfer Page */

#transfer_content {position: absolute;
 		top: 70px;
		left: 210px;
		width: 510px;
		height: 510px;
		background-image: url(art/format_page.jpg);}
		
#lp_content {position: relative;
				top: 55px;
				left: 17px;
				width: 230px;
				height: 150px;
				z-index: 2;}
		
#price_subhead {position: absolute;
				top: 0px;
				left: 0px;
				font-family: Helvetica;
				font-size: 15px;
				font-weight: bold;
				text-align: left;
				color: #ff9900;}
				
#price_text {position: absolute;
				top: 20px;
				left: 0px;
				font-family: Helvetica;
				font-size: 11px;
				line-height: 13px;
				text-align: left;
				color: #000000;}
				
#price {position: absolute;
				top: 85px;
				right: 0px;
				font-family: Helvetica;
				font-size: 15px;
				font-weight: bold;
				color: #60c728;}
				
#tagline {position: absolute;
				top: 107px;
				left: 0px;
				font-family: Helvetica;
				font-size: 11px;
				line-height: 13px;
				text-align: left;
				color: #000000;}
				
#cassette_content {position: relative;
				top: 80px;
				left: 245px;
				width: 230px;
				height: 150px;
				z-index: 2;}
				
#price_t2 {position: absolute;
				top: 50px;
				left: 0px;
				font-family: Helvetica;
				font-size: 15px;
				font-weight: bold;
				color: #60c728;}
	
#tagline_t2 {position: absolute;
				top: 320px;
				left: 17px;
				font-family: Helvetica;
				font-size: 11px;
				line-height: 13px;
				text-align: left;
				color: #000000;}
			
#vhs_content {position: relative;
				top: 70px;
				left: 17px;
				width: 240px;
				height: 150px;
				z-index: 2;}
			
#price_t3 {position: absolute;
				top: 55px;
				right: 0px;
				font-family: Helvetica;
				font-size: 15px;
				font-weight: bold;
				color: #60c728;}
				
#tagline_t3 {position: absolute;
				top: 75px;
				left: 0px;
				font-family: Helvetica;
				font-size: 11px;
				line-height: 13px;
				text-align: left;
				color: #000000;}
		
#copyright_transfer {position: absolute;
			top: 585px;
			width: 940px;
			font-family: Verdana;
			font-size: 9px;
			text-align: center;
			color: #ffffff;
			z-index: 2;}
			
/* ToneProper Mastering Page */

#toneproper_content {position: absolute;
 		top: 70px;
		left: 210px;
		width: 510px;
		height: 1055px;
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 2px;
		border-color: #FF9900;}
		
#toneproper_logo {position: absolute;
					top: 10px;
					left: 15px;}
					
#mission_text {position: absolute;
		top: 335px;
		left: 15px;
		font-family: Helvetica;
		font-size: 12px;
		line-height: 16px;
		color: #000000;
		width: 480px;}
		
#engineer {position: absolute;
			top: 785px;
			left: 15px;}
			
#toneproper_contact {position: relative;
 		top: 900px;
		left: 250px;
		width: 190px;
		height: 85px;
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 2px;
		border-color: #FF9900;
		font-family: Helvetica;
		font-size: 12px;
		line-height: 16px;
		color: #000000;
		padding: 15px;
		z-index: 4;}
		
#copyright_toneproper_page {position: absolute;
			top: 1060px;
			left: 0px;
			font-family: Verdana;
			font-size: 9px;
			text-align: center;
			color: #ffffff;
			z-index: 5;}
			
.weight {font-weight: bold;
		font-size: 13px;}