/* ------------ Style Sheets for GForce Software -------------- */

/* Note, these are the core default style sheets, but some elements are overridden by the IE stylesheets for IE5/6
   If you are editing this file, you will need to take care to check & change the IE equivalents where necessary.
*/

/* --- ( page defaults ) ------------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
/*  font-family: Verdana, sans-serif; */
	color: #000;
	font-family: "Lucida Grande", "Trebuchet MS";
	font-size: small;
	line-height: 15px;
	text-align: center;
	background-image: url(../graphics/backgrounds/bg_grad.png);
	background-attachment: fixed;
/*
	background-color: #101827;
*/

}

sup {
	font-family: "Times";
	font-size: 80%;
	color: #666;
}

ul {

}

hr {
	display: none;
}

img {
	border: none;
}


/* links */

a:link {
  color: #777;
}

a:visited {
	color: #999;
}

a:hover {
	color: #F00;
}

a:active {
	color: #cc3333;
	text-decoration: none;
}
  
/* ---( layout structure )-------------------------------------------------------------------*/

#wrap {
/* Main Column */
/*  border: 1px solid #ff4444; */
  border: 0px;
  width: 756px;	/* 748 + drop shadow */
  margin: 0px auto;
  text-align: left;
  position: relative;
  padding: 0;
  background-image: url('../graphics/backgrounds/shadow_line.png');
  background-repeat: repeat-y;
  background-color: transparent;
}


#content {
	margin-left: 62px; /* to avoid the BMH */
}

#content_home {
	margin-left: 41px; /* to avoid the BMH */
}


#header {
/* Div to hold the header graphic */
/*	border: 1px solid #ff4444; */
	overflow: hidden;
	width: 748px;
	height: 73px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	left: 0px;
	background: url(../graphics/page/header.jpg) no-repeat 0 0%;
/*	display: block; */
  }

#header_logo {
/* Div to hold the invisible home link graphic */
/*	border: 1px solid #ff4444; */
	width: 170px;
	height: 73px;
	margin: 0;
	padding: 0;
	left: 0px;
	float: left;
  }

#mainpage {
/* Div to hold the white page graphic */

	width: 748px;
/* comment out this to make page dynamic height */
/*
	height: 332px;
*/
	margin: 0px 0px 0px 0px;
	padding: 0;
	left: 0px;
	background: url(../graphics/page/page_white.jpg) repeat-y 0 50%;
	float: none;
	display: block;
	clear: none;
}

#mainframe_foot_home {
/* Div to end the white page graphic */
	width: 748px;
	height: 39px;
	padding: 0;
	left: 0px;
	background: url(../graphics/page/footer_home.jpg) no-repeat 0 50%;
	clear: both;
	overflow: hidden;
  }
#mainframe_foot_bar {
/* Grey bar at page foot */
	width: 748px;
	height: 23px;
	padding: 0;
	left: 0px;
	background: url(../graphics/page/footer_bar.jpg) no-repeat 0 50%;
	clear: both;
	overflow: hidden;
  }


#footer_content_home {
/* Div for the footer text content (Home, Privacy etc) */
	padding: 14px 0px 0px 30px;
	text-align: center;
	font-size: 85%;
	color: #666;
}

#mainframe_foot {
/* Div to end the white page graphic */
	width: 748px;
	height: 96px;
	padding: 0;
	left: 0px;
	background: url(../graphics/page/page_foot.jpg) no-repeat 0 50%;
	clear: both;
	overflow: hidden;
  }

#footer_content {
/* Div for the footer text content (Home, Privacy etc) */
	padding: 20px 0px 0px 30px;
	text-align: center;
	font-size: 85%;
	color: #666;
}

#maincontent {
/* And onto the main page content holders */
/*
	border: 1px solid #ff4444; 
*/
/*	float: left; */ 
	margin: 0px 30px 0px 30px;
	padding: 10px 0px 0px 0px;
	font-family: "Lucida Grande", "Trebuchet MS";
	left: 0px;
  }

#maincontent body {
  }

#maincontent p {
  }

#maincontent h1 {
  font-size: 120%;
/*
	padding: 15px 0px 7px 0px;
	margin: 0px 0px 0px 0px;
*/
  }
#maincontent span.important {
	color: #C0504D;
	font-weight: bold;
	font-style: italic;
}
#maincontent h1.important {
	color: #C0504D;
}
#maincontent h2 {
  font-size: 130%;
	font-weight: bold;
}

#maincontent h2.sub {
	font-size: 95%;
	border: 1px solid #f5f5f5;
	background: #EEE;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}


#maincontent h2.toggler {
	font-size: 95%;
	cursor: pointer;
	border: 1px solid #f5f5f5;
/*
	border-right-color: #ddd;
	border-bottom-color: #ddd;
*/
/*
	font-size: 12px;
*/
	background: #EEE;
/*
	color: #528CE0;
*/
	color: #000;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}


#maincontent h3 {
  font-size: 110%;
  font-weight: bold;
  }

#maincontent h5 {
/* Used for copyright notices */
  font-size: 80%;
color: #999;
	font-style: italic;
}
  
#mainframe {
/* Main Home page graphic */
	width: 748px;
	height: 215px;
	padding: 0;
	margin: 0;
	left: 0px;
/*
	background: url(../graphics/page/main_graphic_blank.jpg) no-repeat 0 50%;
	background-position: 0px 0px; 
*/
}

#titleframe {
/* Other normal title graphic div */
	width: 748px;
	height: 81px;
	padding: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
/*
	background: url(../images/main_graphics/test_main.jpg) no-repeat 0 50%;
	background-position: 15px 2px; 
*/
}

#insframe {
/* Instrument title graphic div - a little different because of the instrument submenu */
	width: 748px;
	height: 69px;
	padding: 0;
	left: 0px;
	margin: 0px 0px 0px 0px;
/*
	background: url(../images/main_graphics/test_main.jpg) no-repeat 0 50%;
	background-position: 15px 2px; 
*/
}
#insframe_submenu {
/* Div for the instrument submenu */
	width: 748px;
	height: 19px;
	padding: 0;
	left: 0px;
	margin: 0px 0px 0px 0px;
/*
	background: url(../images/main_graphics/test_main.jpg) no-repeat 0 50%;
	background-position: 15px 2px; 
*/
}

#ins_main_section_top {
/* Horizontal, holds the title and screenshots across the top in the instrument main pages */
/*
	border: 1px solid #ff4444; 
*/
	position: relative;
	width: 680px;
	height: 260px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	left: 0px;
	display: block;
}
#ins_main_section_bottom {
/* The container for the rest of the instrument content, two column layout */
/*
	border: 1px solid #000000;
*/
	position: relative;
	width: 448px;
	margin-left: 0px;
	padding-top: 1px;
	left: 0px;
	float: right;
	display: block;

	clear: both;

}
#ins_main_section_bottom_panel_left {
/* The container for the floating left colum of the main instrument page */
/*
	border: 1px solid #ff4444; 
*/

	width: 220px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	left: 0px;
	display: block;
	position: relative;
	float: left;
	overflow: hidden;
}

#ins_main_section_foot {
/* Invisible footer to tie the two colums together and stop overlapping floats */
/*	border: 1px solid #ff4444; */
	position: relative;
	width: 680px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	left: 0px;
	display: block;
	clear: both;
}

#ins_main_logo_vsm {
/* Displays RED splash for VSM - need one for each instrument */
	width: 220px;
	height: 95px;
	padding-left: 24px;
	position: relative;
	left: 0px;
	margin: 0px 0px 0px -12px;
	background: url(../graphics/misc/title_splash_vsm.gif) no-repeat 0 50%;
	background-position: 0px 0px; 
}
#ins_main_logo_imp {
/* Displays yellow splash for impOSCar - need one for each instrument */
	width: 220px;
	height: 95px;
	padding-left: 24px;
	position: relative;
	left: 0px;
	margin: 0px 0px 0px -12px;
	background: url(../graphics/misc/title_splash_imp.gif) no-repeat 0 50%;
	background-position: 0px 0px; 
}
#ins_main_logo_odd {
/* Displays black splash for Oddity - need one for each instrument */
	width: 220px;
	height: 95px;
	padding-left: 24px;
	position: relative;
	left: 0px;
	margin: 0px 0px 0px -12px;
	background: url(../graphics/misc/title_splash_odd.gif) no-repeat 0 50%;
	background-position: 0px 0px; 
}
#ins_main_logo_mtron {
/* Displays cream splash for M-Tron - need one for each instrument */
	width: 220px;
	height: 95px;
	padding-left: 24px;
	position: relative;
	left: 0px;
	margin: 0px 0px 0px -12px;
	background: url(../graphics/misc/title_splash_mtron.gif) no-repeat 0 50%;
	background-position: 0px 0px; 
}
#ins_main_logo_mm {
/* Displays blue splash for Minimonsta - need one for each instrument */
	width: 220px;
	height: 95px;
	padding-left: 24px;
	position: relative;
	left: 0px;
	margin: 0px 0px 0px -12px;
	background: url(../graphics/misc/title_splash_mm.gif) no-repeat 0 50%;
	background-position: 0px 0px; 
}


#ins_screenshot {
/* Holds the screenshot - might need different ones for diff instruments because of vertical height differences */
/*	border: 1px solid #eeff33; */
	float: right;
	position: absolute;
	width: 470px;
	height: 350px;
	margin: -5px 0px 0px 230px;
	padding: 0;
	left: 0px;
}

#ins_samplecd {
/* Holds the samplecd index - */
/*	border: 1px solid #eeff33; */
	float: right;
	position: absolute;
	width: 450px;
	height: 350px;
	margin: -5px 0px 0px 230px;
	padding: 0;
	left: 0px;
}

#ins_samplecd_box {
/* Holds the samplecd box contents - */
/*	border: 1px solid #eeff33; */
	float: left; 
	position: relative;
	width: 215px;
	height: 260px;
	margin: 0px 0px 0px 0px;
	padding: 3px;
	left: 0px;
}

#ins_samplecd_box h1 {
	font-size: 100%;
	margin: 0px 0px 10px 0px;
	padding: 0;
	left: 0px;
}
#ins_samplecd_box h2 {
	font-size: 90%;
	font-weight: normal;
	font-style: normal;
	margin: 0px 0px 0px 0px;
	padding: 0;
	left: 0px;
}


#ins_header {
/* Holds the header graphic */
/*	border: 1px solid #eeff33; */
	float: right;
	position: absolute;
	width: 470px;
	height: 91px;
	margin: -5px 0px 0px 260px;
	padding: 0;
	left: 0px;
}

#ins_quote_vsm {
/* Holds the quote under screenshot - might need different ones for diff instruments because of vertical height differences */
/* Might be able to find a way to make this relative positioned under the screenshot to keep it generic */
/*	border: 1px solid #eeff33; */
/*	float: right; */
	text-align: center;
	position: absolute;
	width: 440px;
	height: 40px;
	margin: 215px 0px 0px 232px;
	padding: 10px;
	left: 0px;
}

#ins_feature {
/* Holds the main textural content for the instrument main page */
/*
	border: 1px solid #eeff33; 
*/
	position: relative;
	width: 448px;
/*	height: 50px; */
	margin: 0px 0px 0px 0px;
	padding: 0px;
	left: 0px;
	display: block;
	float: none;
}

#ins_main_global_holder {
/* Holds the smalll stuff under the instrument logo */
/*	border: 1px solid #ff4444; */
	width: 220px;
	height: 220px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	left: 0px;
/*	float: left; */
	position: relative;
	display: block;
}

#main_column_left {
/* Left hand colum in regular pages */
/*	border: 1px solid #ff4444; */
	width: 220px;
/*	height: 220px; */
	margin: 0px 0px 0px 0px;
	padding: 0;
	left: 0px;
/*	float: left; */
	position: relative;
	display: block;
}

#ins_full_width {
/* Breaks out from main content to full horizontal width - used in VSM Originals */
/*
	border: 1px solid #ff4444;
*/
	width: 680px;
/*	height: 220px; */
	margin: 0px 0px 0px -245px;
	padding: 0;
	left: 0px;
/*	float: left; */
	position: relative;
	display: block;
}


#ins_main_left {
/* Holds the left column Features content */
/*
	border: 1px solid #ff4444; 
*/
	width: 220px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	left: 0px;
	position: relative;
	display: block;
}

#ins_main_left li { 
/* Square bullets, please! */
	list-style-type: square; 
	font-size: 80%;
}

#tour_vsm {
/* Breaks out from main page for ultrawide tour content */
	width: 986px;
	height: 1410px; 
	margin: 0px 0px 0px -145px;
	padding: 0;
	left: 0px;
	position: relative;
	display: block;
}
#tour_vsm1 {
	height: 18px;
}
#tour_vsm2 {
	height: 258px;
}
#tour_vsm3 {
	height: 177px;
}
#tour_vsm4 {
	height: 419px;
}
#tour_vsm5 {
	height: 253px;
}
#tour_vsm6 {
	height: 268px;
}
#tour_vsm7 {
	height: 17px;
}
#tour_imp {
/* Breaks out from main page for ultrawide tour content */
	width: 1026px;
	height: 1410px; 
	margin: 0px 0px 0px -155px;
	padding: 0;
	left: 0px;
	position: relative;
	display: block;
}
#tour_imp1 {
	height: 18px;
}
#tour_imp2 {
	height: 258px;
}
#tour_imp3 {
	height: 177px;
}
#tour_imp4 {
	height: 419px;
}
#tour_imp5 {
	height: 253px;
}
#tour_imp6 {
	height: 268px;
}
#tour_imp7 {
	height: 17px;
}

/* ---( list styles )------------------------------------------------------------------------*/

#list_features
{
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid #999;
/* width: 200px; */
}

#list_features li
{
list-style: none;
margin: 0;
padding-top: 0.25em;
padding-bottom: 0.25em;
border-top: 1px solid #999;
	font-weight: bold;
}

#list_features li a { text-decoration: none; }

#list_features_sub
{
padding-left: 0;
margin-left: 15px;
font-size: 12px;
/*
border-bottom: 1px solid #999;
*/
/* width: 200px; */
}

#list_features_sub li
{
list-style: circle;
margin: 0;
/*
padding-top: 0.25em;
padding-bottom: 0.25em;
*/
border-top: 0px solid #FFF;
	font-weight: normal;
}

#list_features_sub li a { text-decoration: none; }

#list_ins_nav {
line-height: 10px;
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid #999;
/* width: 200px; */
}

#list_ins_nav li
{
list-style: none;
margin: 0;
padding: 0.2em;
border-top: 1px solid #999;
	font-size: 70%;
}
#list_ins_nav li a { text-decoration: none; }


#list_features_grey
{
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid #666;
/* width: 200px; */
}

#list_features_grey li
{
/* background-color: #941111; */
background-color: #EEE;
list-style: none;
margin: 0;
padding: 0.3em;
border-top: 1px solid #666;
}

#list_sounds
{
padding-left: 15px;
margin-left: 10px;
/* border-bottom: 1px solid gray; */
width: 200px;
}

#list_sounds li
{
list-style-type: square; 
margin: 0;
padding: 0.1em;
/* border-top: 1px solid gray; */
}

/* keyfax book instrument lists */
#list_small_listing
{
padding-left: 15px;
margin-left: 120px;
/* border-bottom: 1px solid gray; */
}

#list_small_listing li
{
list-style-type: square; 
padding: 0.1em;
font-size: 80%;
/* border-top: 1px solid gray; */
}

#list_articles_grey
{
padding-left: 0px;
margin-left: 0px;
width: 250px;
border-bottom: 1px solid #666;
}

#list_articles_grey li
{
/* background-color: #941111; */
background-color: #EEE;
list-style: none;
margin: 0;
padding: 0.3em;
border-top: 1px solid #666;
}

/* ---( right hand page hole )---------------------------------------------------------------*/

#page_hole_top {
	width: 478px;
	height: 32px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	left: 0px;
	background: url(../graphics/page/hole_main_top.jpg) 0 50%;
/*	float: none; */
/*
	position: absolute;
*/
	display: block;
	clear: none;
}
#page_hole_middle {
	width: 478px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	left: 0px;
/*
	position: absolute;
*/
	background: url(../graphics/page/hole_main_middle.jpg) repeat-y 0 50%;
/*	float: none; */
	display: block;
	clear: none;
}

#page_hole_content {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	width: 478px;
	padding: 0;
	left: 0px;
}

#page_hole_content h1 {
	margin: 10px 40px 0px 0px;
	font-size: 120%;
	color: #CCC;
}

#page_hole_content h5 {
	margin: 10px 40px -10px 0px;
	font-size: 100%;
	color: #CCC;
	font-style: italic;
}

#page_hole_bottom {
	width: 478px;
	height: 32px;
/*
	position: absolute;
*/
	margin: 0px 0px 0px 0px;
	padding: 0;
	left: 0px;
	background: url(../graphics/page/hole_main_bottom.jpg) 0 50%;
/*	float: none; */
	display: block;
	clear: none;
}

/* ---( content boxes )---------------------------------------------------------------*/

#quote_box {
/*	width: 150px; */
	padding: 0px 0px 0px 0px;
}

#faq_pic {
	padding: 0px 10px 10px 0px;
	float: left;
}

#quote_pic {
	padding: 0px 10px 10px 0px;
	float: left;
}
#quote_pic_inside {
	border: 1px solid #666;
	padding: 4px 4px 1px;
	margin-bottom: 16px;/*
	float: left;
*/
}

.pullquote {
	margin:0px 0px -20px 0px;
	background: url('../graphics/symbols/quote_right.gif') no-repeat bottom right !important;
	background /**/:url(); /* removing quote graphic in IE5+ */
	padding:0px 5px 5px 0px;
}
.pullquote:first-letter {
/*
	border: 1px solid #666;
*/
/*
	background: url('../graphics/symbols/quote_left.gif') no-repeat left top !important;
*/
	padding:5px 0px 5px 25px!important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
}

#pic_box {
	width: 185px;
	height: 260px;
	padding: 5px;
	font-size: 80%;
	float: left;
}

#box_red_top {
	width: 490px;
	height: 52px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	left: 0px;
	background: url(../graphics/page/box_red_top.png) no-repeat 0 50%;
	float: left; 
	display: block;
}
#box_red_top h1 {
	margin: 8px 0px 0px 20px;
	color: #FFF;
}

#box_red_middle {
	width: 490px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	left: 0px;
	background: url(../graphics/page/box_red_middle.png) repeat-y 0 50%;
	float: left; 
	display: block;
}

#box_red_content {
	float: left; 
	width: 390px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

#box_red_bottom {
	width: 490px;
	height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	left: 0px;
	background: url(../graphics/page/box_red_bottom.png) no-repeat 0 50%;
	float: left; 
	display: block;
}

#box_red_top_wide {
	width: 668px;
	height: 51px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	left: 0px;
	background: url(../graphics/page/box_red_top_wide.png) no-repeat 0 50%;
	float: left; 
	display: block;
}
#box_red_top_wide h1 {
	margin: 8px 0px 0px 20px;
	color: #FFF;
}

#box_red_middle_wide {
	width: 668px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	left: 0px;
	background: url(../graphics/page/box_red_middle_wide.png) repeat-y 0 50%;
	float: left; 
	display: block;
}

#box_red_bottom_wide {
	width: 668px;
	height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	left: 0px;
	background: url(../graphics/page/box_red_bottom_wide.png) no-repeat 0 50%;
	float: left; 
	display: block;
}

#box_red_top_column {
	width: 446px;
	height: 52px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	left: 0px;
	background: url(../graphics/page/box_red_top_column.png) no-repeat 0 50%;
	float: left; 
	display: block;
}
#box_red_top_column h1 {
	margin: 8px 0px 0px 20px;
	color: #FFF;
}

#box_red_middle_column {
	width: 446px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	left: 0px;
	background: url(../graphics/page/box_red_middle_column.png) repeat-y 0 50%;
	float: left; 
	display: block;
}

#box_red_bottom_column {
	width: 446px;
	height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	left: 0px;
	background: url(../graphics/page/box_red_bottom_column.png) no-repeat 0 50%;
	float: left; 
	display: block;
}

#box_yellow_top_column {
	width: 446px;
	height: 52px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	left: 0px;
	background: url(../graphics/page/box_yellow_top_column.png) no-repeat 0 50%;
	float: left; 
	display: block;
}
#box_yellow_top_column h1 {
	margin: 8px 0px 0px 20px;
	color: #FFF;
}

#box_yellow_middle_column {
	width: 446px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	left: 0px;
	background: url(../graphics/page/box_yellow_middle_column.png) repeat-y 0 50%;
	float: left; 
	display: block;
}

#box_yellow_bottom_column {
	width: 446px;
	height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	left: 0px;
	background: url(../graphics/page/box_yellow_bottom_column.png) no-repeat 0 50%;
	float: left; 
	display: block;
}

#box_blue_top_column {
	width: 446px;
	height: 52px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	left: 0px;
	background: url(../graphics/page/box_blue_top_column.png) no-repeat 0 50%;
	float: left; 
	display: block;
}
#box_blue_top_column h1 {
	margin: 8px 0px 0px 20px;
	color: #FFF;
}

#box_blue_middle_column {
	width: 446px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	left: 0px;
	background: url(../graphics/page/box_blue_middle_column.png) repeat-y 0 50%;
	float: left; 
	display: block;
}

#box_blue_bottom_column {
	width: 446px;
	height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	left: 0px;
	background: url(../graphics/page/box_blue_bottom_column.png) no-repeat 0 50%;
	float: left; 
	display: block;
}

#box_grey_top_column {
	width: 446px;
	height: 52px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	left: 0px;
	background: url(../graphics/page/box_grey_top_column.png) no-repeat 0 50%;
	float: left; 
	display: block;
}
#box_grey_top_column h1 {
	margin: 8px 0px 0px 20px;
	color: #FFF;
}

#box_grey_middle_column {
	width: 446px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	left: 0px;
	background: url(../graphics/page/box_grey_middle_column.png) repeat-y 0 50%;
	float: left; 
	display: block;
}

#box_grey_bottom_column {
	width: 446px;
	height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	left: 0px;
	background: url(../graphics/page/box_grey_bottom_column.png) no-repeat 0 50%;
	float: left; 
	display: block;
}

#box_cream_top_column {
	width: 446px;
	height: 52px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	left: 0px;
	background: url(../graphics/page/box_cream_top_column.png) no-repeat 0 50%;
	float: left; 
	display: block;
}
#box_cream_top_column h1 {
	margin: 8px 0px 0px 20px;
	color: #666;
}

#box_cream_middle_column {
	width: 446px;	margin: 0px 0px 0px 0px;
	padding: 0;
	left: 0px;
	background: url(../graphics/page/box_cream_middle_column.png) repeat-y 0 50%;
	float: left; 
	display: block;
}

#box_cream_bottom_column {
	width: 446px;
	height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	left: 0px;
	background: url(../graphics/page/box_cream_bottom_column.png) no-repeat 0 50%;
	float: left; 
	display: block;
}

#box_archive_top_column {
	width: 464px;
	height: 8px;
	margin: 0px 0px 0px -10px;
	padding: 0px;
	left: 0px;
	background: url(../graphics/page/box_archive_top_column.png) no-repeat 0 50%;
	float: left; 
	display: block;
}
#box_archive_top_column h1 {
	margin: 8px 0px 0px 20px;
	color: #FFF;
}

#box_archive_middle_column {
	width: 464px;
	margin: 0px 0px 0px -10px;
	padding: 0;
	left: 0px;
	background: url(../graphics/page/box_archive_middle_column.png) repeat-y 0 50%;
	float: left; 
	display: block;
}

#box_archive_bottom_column {
	width: 464px;
	height: 8px;
	margin: 0px 0px 0px -10px;
	padding: 0;
	left: 0px;
	background: url(../graphics/page/box_archive_bottom_column.png) no-repeat 0 50%;
	float: left; 
	display: block;
}

#box_archive_content {
	float: left; 
	margin: 0px 0px 0px 5px;
	padding: 0px;
}

#box_archive_content_centered {
	float: left; 
	margin: 0px 0px 0px 60px;
	padding: 0px;
	text-align: center;
	display: block;
}

#archivebox {
	width: 114px;
	height: 114px;
	float: left;
}

#faq_title {
	margin: 0px 0px 0px 35px;
	padding: 0px;
}

#faq_symbol {
	margin: 6px 0px 0px 0px;
	padding: 0px;
	float: left;
}

/* ---( footer )--- */

.clear { /* to fix IE6 padding-top issue */
  clear: both;
  height: 0;
  }

/* ---( menus & navigation )-----------------------------------------------------------------*/

#menu {
/* Div to hold the main menu */
/*
	border: 1px solid #ff4444; 
*/
	width: 565px;
	height: 46px;
	margin: 0px 0px 0px 175px;
	padding: 0px 0px 0px 0px;
	left: 0px;

/*
	background: url(../graphics/page/header.jpg) no-repeat 0 50%;
*/
  }

/* These Divs hold each menu graphic (for CSS rollovers) */
#menu_01_gforce {
	display: block;
	float: left;
	width: 73px;
	height: 47px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	left: 0px;
}
#menu_01_gforce a {
	overflow:hidden;
	float: left;
	display: block;
	width: 73px;
	height: 47px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	left: 0px;
	background: url(../graphics/menu/main/nav_01_gforce.png) no-repeat 0 50%;
	background-position: 0px 0px; 
}

#menu_02_products {
	float: left;
	width: 81px;
	height: 47px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	left: 0px;
}

#menu_02_products a {
	float: left;
	display: block;
	width: 81px;
	height: 47px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	left: 0px;
	background: url(../graphics/menu/main/nav_02_products.png) no-repeat 0 50%;
	background-position: 0px 0px; 
}

#menu_03_extras {
	float: left;
	width: 61px;
	height: 47px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	left: 0px;
}

#menu_03_extras a {
	float: left;
	display: block;
	width: 61px;
	height: 47px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	left: 0px;
	background: url(../graphics/menu/main/nav_03_extras.png) no-repeat 0 50%;
	background-position: 0px 0px; 
}

#menu_04_artists {
	float: left;
	width: 62px;
	height: 47px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	left: 0px;
}

#menu_04_artists a {
	float: left;
	display: block;
	width: 62px;
	height: 47px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	left: 0px;
	background: url(../graphics/menu/main/nav_04_artists.png) no-repeat 0 50%;
	background-position: 0px 0px; 
}

#menu_05_account {
	float: left;
	width: 105px;
	height: 47px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	left: 0px;
}

#menu_05_account a {
	float: left;
	display: block;
	width: 105px;
	height: 47px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	left: 0px;
	background: url(../graphics/menu/main/nav_05_account.png) no-repeat 0 50%;
	background-position: 0px 0px; 
}

#menu_06_support {
	float: left;
	width: 75px;
	height: 47px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	left: 0px;
}

#menu_06_support a {
	float: left;
	display: block;
	width: 75px;
	height: 47px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	left: 0px;
	background: url(../graphics/menu/main/nav_06_support.png) no-repeat 0 50%;
	background-position: 0px 0px; 
}

#menu_07_purchase {
	float: left;
	width: 86px;
	height: 47px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	left: 0px;
}

#menu_07_purchase a {
	float: left;
	display: block;
	width: 86px;
	height: 47px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	left: 0px;
	background: url(../graphics/menu/main/nav_07_purchase.png) no-repeat 0 50%;
	background-position: 0px 0px; 
}


/* A div for each submenu which are dynamically shown/hidden */
#menu_sub1 {
/*
	border: 1px solid #ff4444;
*/
	width: 565px;
	height: 20px;
/*	float: left; */
	display: none;
	margin: 3px 0px 0px 175px;
	padding: 0px 0px 0px 0px;
	left: 0px;
	background: url(../graphics/menu/sub/line_only.png) no-repeat 0 50%;
	background-position: 0px 0px; 
  }
#menu_sub2 {
	width: 565px;
	height: 20px;
/*	float: left; */
	display: none;
	margin: 3px 0px 0px 175px;
	padding: 0px 0px 0px 0px;
	left: 0px;
	background: url(../graphics/menu/sub/line_only.png) no-repeat 0 50%;
	background-position: 0px 0px; 
  }
#menu_sub3 {
	width: 565px;
	height: 20px;
/*	float: left; */
	display: none;
	margin: 3px 0px 0px 175px;
	padding: 0px 0px 0px 0px;
	left: 0px;
	background: url(../graphics/menu/sub/line_only.png) no-repeat 0 50%;
	background-position: 0px 0px; 
  }
#menu_sub4 {
	width: 565px;
	height: 20px;
/*	float: left; */
	display: none;
	margin: 3px 0px 0px 175px;
	padding: 0px 0px 0px 0px;
	left: 0px;
	background: url(../graphics/menu/sub/line_only.png) no-repeat 0 50%;
	background-position: 0px 0px; 
  }
#menu_sub5 {
	width: 565px;
	height: 20px;
/*	float: left; */
	display: none;
	margin: 3px 0px 0px 175px;
	padding: 0px 0px 0px 0px;
	left: 0px;
	background: url(../graphics/menu/sub/line_only.png) no-repeat 0 50%;
	background-position: 0px 0px; 
  }
#menu_sub6 {
	width: 573px;
	height: 20px;
/*	float: left; */
	display: none;
	margin: 3px 0px 0px 175px;
	padding: 0px 0px 0px 0px;
	left: 0px;
	background: url(../graphics/menu/sub/line_only.png) no-repeat 0 50%;
	background-position: 0px 0px; 
  }
#menu_sub7 {
	width: 565px;
	height: 20px;
/*	float: left; */
	display: none;
	margin: 3px 0px 0px 175px;
	padding: 0px 0px 0px 0px;
	left: 0px;
	background: url(../graphics/menu/sub/line_only.png) no-repeat 0 50%;
	background-position: 0px 0px; 
  }


/* ---( form styles )-----------------------------------------------------------------*/
.tbmain{ 
 /* Changes on the form */
 background: white !important; 
}
.left{
  /* Changes on the form */
  color: black !important; 
  font-family: Verdana !important;
  font-size: 12px !important;
}
.head{
  color:#333333;
  font-size:20px;;
  text-decoration:underline;
  font-family:"Verdana";
}
td.left {
  font-family:"Verdana";
  font-size:12px;
  color:black;
}

.pagebreak{
  font-family:"Verdana";
  font-size:12px;
  color:black;
}
.tbmain{
  height:100%;
  background:white;
}
span.required{
  font-size: 13px !important;
  color: red !important;
}


/* ---( audioplayer divs )-----------------------------------------------------------------*/
#overall_placeholder {
	height: 2700px;
}
#overall_placeholder2 {
	height: 1600px;
}

#overall_placeholder3 {
	height: 680px;
}

#audiobox {
	width: 220px;
	/*	height: 280px;	*/
	float: left;
	margin-bottom: 10px;
}
#audiobox2 {
	width: 220px;
	height: 240px;
/*
	float: left;
*/
}

#audiobox3 {
	width: 220px;
	height: 180px;
	float: left;
}
#audiobox4 {
	width: 220px;
	height: 250px;
	float: left;
}
#audiobox5 {
	width: 200px;
	height: 160px;
	float: left;
}
#audiobox6 {
	width: 420px;
	height: 220px;
/*
	float: left;
*/
}
#audiobox7 {
	width: 700px;
	height: 400px;
/*
	float: left;
*/
}

#audiotitlebox {
	width: 220px;
	/*	height: 160px;	*/
	float: left;
	margin-bottom: 6px;
}
#audiotitlebox2 {
	width: 220px;
	height: 120px;
	float: left;
}
#audiotitlebox3 {
	width: 420px;
	height: 200px;
	float: left;
}
#audiotitlebox4 {
	width: 700px;
	height: 400px;
	float: left;
}
#audiotitle {
	margin: 120px 0px 0px;
	padding: 6px;
	width: 188px;
	/*	height: 19px;	*/
	font-size: 80%;
	font-weight: bold;
	background-color: #222;
	color: #fff;
}
#audiotitle2 {
	margin: 80px 0px 0px 0px;
	padding: 6px 0px 0px 6px;
	width: 194px;
	height: 19px;
	font-size: 80%;
	font-weight: bold;
	background-color: #222;
	color: #fff;
}
#audiotitle3 {
	margin: 220px 0px 0px 0px;
	padding: 6px 0px 0px 6px;
	width: 394px;
	height: 19px;
	font-size: 80%;
	font-weight: bold;
	background-color: #222;
	color: #fff;
}


div.player
{
	width: 220px;
	height: 120px;
	float: left;
	overflow: hidden;
}

div.player2
{
	width: 220px;
	height: 80px;
	float: left;
	overflow: hidden;
}
div.player3
{
	width: 420px;
	height: 220px;
	float: left;
}
div.player4
{
	width: 800px;
	height: 400px;
	float: left;
}

/* still used in cj interview */
#placeholder31 {
	width: 190px;
	height: 160px;
	float: left;
}
#placeholder32 {
	width: 190px;
	height: 160px;
	float: left;
}

/* ---( testing )-----------------------------------------------------------------*/

#login_box {

	border: 1px solid #ff4444;
/*
	width: 250px;
*/
/*
	height: 73px;
*/
	position: absolute;
	float: left;
	margin: 0px 0px 0px 200px;
	padding: 0px 0px 0px 0px;
}

#gcard_form {
/*
	border: 1px solid #ff4444;
*/
	width: 620px;
	height:50px;
	position: relative;
	background-color: #DDD;
/*
	float: left;
*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}

#gcard_form_address {
	width: 300px;
	position: relative;
	background-color: #EEE;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}
#gcard_form_address_note {
	width: 300px;
/*
	height:156px;
*/
	position: relative;
	background-color: #FFF;
/*
	float: left;
*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}

#gcard_small {
/*
	border: 1px solid #ff4444;
*/
	width: 320px;
	height:156px;
	position: absolute;
/*
	float: right;
*/
	margin: 0px 0px 0px 320px;
	padding: 0px 0px 0px 0px;

}

#card_shadow {
/*
	border: 1px solid #ff4444;
*/
	width: 624px;
	height:316px;
	position: relative;
/*
	float: right;
*/
	background-image: url(../images/gcards/card_shadow.jpg);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}

#cardlist {
	margin: 0;
	padding: 0;
/*  font-family: Verdana, sans-serif; */
/*
	color: #000;
*/
	font-family: "Lucida Grande", "Trebuchet MS";
	font-size: smaller;
/*
	text-align: center;
*/
/*
	background-image: url(../graphics/backgrounds/bg_grad.png);
	background-attachment: fixed;
*/
/*
	background-color: #101827;
*/
}

#cardlist span {
	font-size: 80%;
	color: #999;
	font-style: italic;
}

#faqlist {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", "Trebuchet MS";
}
#faqlist a {
	text-decoration: none;
}

#admin_box_sticky_top {
	width: 366px;
	height: 11px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	left: 0px;
	background: url(../graphics/page/news_box_sticky_top.png) no-repeat 0 100%;
	display: block;
}
#admin_box_sticky_top h1 {
	margin: 8px 0px 0px 20px;
	color: #FFF;
}

#admin_box_sticky_middle {
	width: 366px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	left: 0px;
	background: url(../graphics/page/news_box_sticky_middle.png) repeat-y 0 100%;
	display: block;
}

#admin_box_sticky_content {
	margin: 0px 10px 0px 20px;
	padding: 0px;
}

#admin_box_sticky_bottom {
	width: 366px;
	height: 11px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	left: 0px;
	background: url(../graphics/page/news_box_sticky_bottom.png) no-repeat 0 0%;
	display: block;
}