/* =================================
   Pro Tools For Musicians styles
==================================*/

body, html
	{
	height: 100%;
	}

body
	{
	text-align: center;
	background: #976a88 url(../images/main_bg.gif) center top repeat-x;
	padding: 0;
	margin: 0;
	}
	
img
	{ 
	border: 0;
	}
	
td
	{
	vertical-align: top;
	}
	
div#wrapper
	{
	width: 601px;
	text-align: center;
	margin: 0 auto;
	background: #976a88 url(../images/wrapper_bg.gif) center top no-repeat;
	}
	
div#gradient_wrapper
	{
	width: 551px;
	text-align: center;
	margin: 0 auto;
	background: #281d25 url(../images/gradient_wrapper.gif) left top repeat-x;
	}
	
div#header
	{
	width: 551px;
	height: 111px;
	margin: 0 auto;
	background: #281d25 url(../images/header_bg.gif) center top no-repeat;
	text-align: right;
	}
div#header a
	{
	width: 150px;
	height: 111px;
	display: block;
	float: right;
	}
	
div#footer
	{
	width: 601px;
	height: 59px;
	text-align: right;
	margin: 0 auto;
	background: #976a88 url(../images/footer_bg.gif) center top no-repeat;
	}
div#footer div.spacer
	{
	width: 420px;
	height: 2px;
	float: left;
	}
	
div#coolbirth
	{
	width: 29px;
	height: 31px;
	margin-right: 15px;
	float: left;
	}
div#coolbirth a
	{
	display: block;
	width: 29px;
	height: 31px;
	background: url(../images/coolbirth.gif) center top no-repeat;
	}
	
div#peach_pit
	{
	width: 91px;
	height: 31px;
	float: left;
	}
div#peach_pit a
	{
	display: block;
	width: 91px;
	height: 31px;
	background: url(../images/peach_pit.gif) center top no-repeat;
	}
	
/* =================================
   Chapters
================================= */

div#chapter_01
	{
	width: 508px;
	height: 45px;
	margin: 0 auto;
	background: url(../images/chapter_01.gif) 50% 0% no-repeat;
	text-align: left;
	}
	
div#chapter_02
	{
	width: 508px;
	height: 45px;
	margin: 0 auto;
	background: url(../images/chapter_02.gif) 50% 0% no-repeat;
	text-align: left;
	}
	
div#chapter_03
	{
	width: 508px;
	height: 45px;
	margin: 0 auto;
	background: url(../images/chapter_03.gif) 50% 0% no-repeat;
	text-align: left;
	}
	
div#chapter_08
	{
	width: 508px;
	height: 45px;
	margin: 0 auto;
	background: url(../images/chapter_08.gif) 50% 0% no-repeat;
	text-align: left;
	}
	
div#chapter_09
	{
	width: 508px;
	height: 45px;
	margin: 0 auto;
	background: url(../images/chapter_09.gif) 50% 0% no-repeat;
	text-align: left;
	}
	
div#chapter_10
	{
	width: 508px;
	height: 45px;
	margin: 0 auto;
	background: url(../images/chapter_10.gif) 50% 0% no-repeat;
	text-align: left;
	}
	
/* =================================
   Sections
==================================*/

div#title
	{
	width: 508px;
	height: 58px;
	margin: 0 auto;
	background: url(../images/title.gif) left top no-repeat;
	}
	
div#midi_downloads
	{
	width: 508px;
	height: 70px;
	margin: 0 auto;
	background: url(../images/midi_downloads.gif) left top no-repeat;
	text-align: left;
	}
div#midi_downloads div.spacer
	{
	float: left;
	width: 140px;
	height: 2px;
	}
	
div#wave_rack
	{
	width: 508px;
	height: 70px;
	margin: 0 auto;
	background: url(../images/wave_rack.gif) left top no-repeat;
	text-align: left;
	}
div#wave_rack div.spacer
	{
	float: left;
	width: 140px;
	height: 2px;
	}
	
div#ginas_bio
	{
	width: 508px;
	height: 156px;
	margin: 0 auto;
	background: url(../images/ginas_bio.gif) left top no-repeat;
	text-align: left;
	}
div#ginas_bio div#picture
	{
	float: left;
	width: 100px;
	height: 107px;
	margin-top: 35px;
	background: url(../images/gina.gif) left top no-repeat;
	}
div#ginas_bio div.spacer
	{
	float: left;
	height: 2px;
	width: 40px;
	margin-top: 25px;
	}
	
div#bio_main div#picture
	{
	float: left;
	width: 100px;
	height: 107px;
	background: url(../images/gina.gif) left top no-repeat;
	}
	
div.gina_bio
	{
	float: left;
	margin: 40px 5px 0 5px;
	width: 200px;
	font: 10px verdana, arial, helvetica, sans-serif;
	color: #6f4b63;
	}
div.gina_bio span.bio_title
	{
	font-weight: bold;
	color: #28191d;
	}
div.gina_bio a, div.gina_bio a:link, div.gina_bio a:active, div.gina_bio a:visited
	{
	font-weight: bold;
	color: #6f4b63;
	text-decoration: none;
	}
div.gina_bio a:hover
	{
	font-weight: bold;
	color: #6f4b63;
	text-decoration: underline;
	}

div#bonus_files
	{
	width: 508px;
	height: 94px;
	margin: 0 auto;
	background: url(../images/bonus_files.gif) left top no-repeat;
	text-align: left;
	}
div#bonus_files div.spacer
	{
	height: 2px;
	width: 290px;
	float: left;
	}
	
div#esession_module
	{
	width: 508px;
	height: 106px;
	margin: 0 auto;
	background: url(../images/esession_module.gif) left top no-repeat;
	text-align: left;
	}
div#esession_module div.spacer
	{
	width: 230px;
	height: 2px;
	float: left;
	}
	
div#audio_holder
	{
	clear: left;
	float: left;
	width: 143px;
	margin-top: 28px;
	}
	
div#plugin_holder
	{
	float: left;
	width: 141px;
	margin-top: 28px;
	}
	
div#loop_holder
	{
	float: left;
	width: 33%;
	margin-top: 28px;
	}

/* =================================
   Buttons
==================================*/

div.zip_yes, div.zip_no
	{
	width: 33px;
	height: 39px;
	float: left;
	margin: 0 9px 0 0;
	}
div.zip_yes a
	{
	display: block;
	width: 33px;
	height: 39px;
	background: url(../images/zip_file.gif) left top no-repeat;
	}
div.zip_yes a:hover
	{
	background-position: 0 -39px;
	}
	
a#st_macosx
	{
	display: block;
	width: 110px;
	height: 55px;
	background: url(../images/st_macosx.gif) left top no-repeat;
	float: left;
	}
a#st_macosx:hover
	{
	background-position: 0 -55px;
	}
	
a#m2_macosx
	{
	display: block;
	width: 107px;
	height: 55px;
	background: url(../images/m2_macosx.gif) left top no-repeat;
	float: left;
	}
a#m2_macosx:hover
	{
	background-position: 0 -55px;
	}
	
a#st_winxp
	{
	display: block;
	width: 115px;
	height: 55px;
	background: url(../images/st_winxp.gif) left top no-repeat;
	float: left;
	}
a#st_winxp:hover
	{
	background-position: 0 -55px;
	}
	
a#m2_winxp
	{
	display: block;
	width: 115px;
	height: 55px;
	background: url(../images/m2_winxp.gif) left top no-repeat;
	float: left;
	}
a#m2_winxp:hover
	{
	background-position: 0 -55px;
	}
	
a#audio_dl
	{
	display: block;
	width: 85px;
	height: 55px;
	background: url(../images/audio_dl.gif) left top no-repeat;
	float: left;
	}
a#audio_dl:hover
	{
	background-position: 0 -55px;
	}
	
a#waves_logo
	{
	display: block;
	width: 93px;
	height: 55px;
	background: url(../images/waves_logo.gif) left top no-repeat;
	float: left;
	}
a#waves_logo:hover
	{
	background-position: 0 -55px;
	}

div#m_audio_iso
	{
	width: 116px;
	height: 57px;
	position: relative;
	float: left;
	}
div#m_audio_iso a
	{
	display: block;
	width: 116px;
	height: 57px;
	background: url(../images/m_audio_iso.gif) left top no-repeat;
	}

div#m_audio_iso a:hover
	{
	background-position: 0 -57px;
	}
	
div#m_audio_qt
	{
	width: 116px;
	height: 57px;
	float: left;
	}
div#m_audio_qt a
	{
	display: block;
	width: 116px;
	height: 57px;
	background: url(../images/m_audio_qt.gif) left top no-repeat;
	}
div#m_audio_qt a:hover
	{
	background-position: 0 -57px;
	}

div#ask_gina
	{
	width: 124px;
	height: 112px;
	margin-top: 35px;
	float: left;
	}
div#ask_gina a
	{
	display: block;
	width: 124px;
	height: 112px;
	background: url(../images/ask_gina.gif) left top no-repeat;
	}
/*
div#ask_gina a:hover
	{
	background-position: 0 -112px;
	}
*/	
div.back_to_home
	{
	width: 101px;
	height: 27px;
	float: left;
	}
div.back_to_home a
	{
	display: block;
	widthL 101px;
	height: 27px;
	background: url(../images/back_to_home.gif) left top no-repeat;
	}
div.back_to_home a:hover
	{
	background-position: 0 -27px;
	}
	
/* =================================
   Miscellaneous
==================================*/

div.chapter_title
	{
	font: 11px verdana, arial, helvetica, sans-serif;
	color: #383838;
	float: left;
	margin-top: 25px;
	width: 230px;
	}
	
div.file_name
	{
	font: 11px verdana, arial, helvetica, sans-serif;
	color: #383838;
	float: left;
	margin: 23px 0 0 1px;
	display: inline;
	width: 100px;
	}
	
div.file_name a,
div.file_name a:link,
div.file_name a:visited
	{
	color: #d64fb6;
	text-decoration: none;
	}
div.file_name a:hover
	{
	color: #fff;
	background: #d64fb6;
	}

div.chapter_spacer
	{
	width: 45px;
	height: 2px;
	float: left;
	}

div.zip_holder
	{
	float: left;
	}
	
select
	{
	float: left;
	font: 10px verdana, arial, verdana, sans-serif;
	color: #000;
	}
	
div.top_row select
	{
	margin-top: 15px;
	}
	
div.bottom_row select
	{
	clear: left;
	width: 130px;
	}
	
div#tutorial_pulldown
	{
	float: left;
	margin-top: 60px;
	}
	
/* =================================
   Bio
==================================*/

div#bio_top
	{
	width: 507px;
	height: 35px;
	margin: 0 auto;
	background: url(../images/bio_top.gif) left top no-repeat;
	}
	
div#bio_main
	{
	width: 507px;
	margin: 0 auto;
	background: url(../images/bio_main.gif) left top repeat-y;
	}
	
div#bio_bottom
	{
	width: 507px;
	height: 11px;
	margin: 0 auto;
	background: url(../images/bio_bottom.gif) left top no-repeat;
	}
	
div#bio_main div#picture
	{
	float: left;
	width: 100px;
	height: 107px;
	background: url(../images/gina.gif) left top no-repeat;
	}
	
div#bio_main div.gina_bio_2
	{
	float: left;
	margin: 5px;
	font: 10px verdana, arial, helvetica, sans-serif;
	color: #6f4b63;
	text-align: left;
	width: 323px;
	}
div#bio_main div.gina_bio_2 span.bio_title
	{
	font-weight: bold;
	color: #28191d;
	}
div#bio_main div.gina_bio_2 a, div.gina_bio_2 a:link, div.gina_bio_2 a:active, div.gina_bio_2 a:visited
	{
	font-weight: bold;
	color: #6f4b63;
	text-decoration: none;
	}
div#bio_main div.gina_bio_2 a:hover
	{
	font-weight: bold;
	color: #6f4b63;
	text-decoration: underline;
	}
	
div.text
	{
	width: 435px;
	margin: 0 auto;
	}