body
{
    font: normal normal normal 16px arial;
    background: Black url("/images/background.gif") repeat-x top left;
    color: Gray;
    padding: 0;
    margin: 0;
}

a, a:focus
{
    outline: none;
}

#wrapper
{
    position: relative;
    width: 790px;
    margin: 20px auto;
}

/******************************************************************************
 *** Home Learn and Buy More Buttons
 *****************************************************************************/

#home_learn
{
    position: absolute;
    top: 310px;
    left: 97px;
}

#home_learn .on
{
    display: none;
}

#home_learn a:hover .off
{
    display: none;
}

#home_learn a:hover .on
{
    display: inline;
}

#home_buy
{
    position: absolute;
    top: 335px;
    left: 97px;
}

#home_buy .on
{
    display: none;
}

#home_buy a:hover .off
{
    display: none;
}

#home_buy a:hover .on
{
    display: inline;
}

/******************************************************************************
 *** Header Area
 *****************************************************************************/
 
#header
{
    height: 71px;
}

#logo
{
    float: left;
    margin-top: 0px;
}

/******************************************************************************
 *** Navigation Bar
 *****************************************************************************/

#nav_bar
{
    float: right;
    height: 100%;
    width: 520px;
    margin-right: 5px;
    background: url("/images/nav_bar.gif") no-repeat top center;
}

#nav_bar a
{
    display: block;
    float: left;
    height: 100%;
}

#nav_bar a span
{
    margin-left: -10000px;
}

#home_page #nav_bar a#nav_products:hover,
#nav_bar #nav_products
{
    width: 112px;
    background: url("/images/products-pixy.gif") no-repeat center top;
    margin-left: 5px;
}

#home_page #nav_bar #nav_products,
#products_page #nav_bar #nav_products,
#story_page #nav_bar #nav_products,
#ntune_products_page #nav_bar #nav_products,
#ntuneartist_products_page #nav_bar #nav_products,
#ntuneactive_products_page #nav_bar #nav_products,
#nav_bar a#nav_products:hover
{
    background: url("/images/products-pixy.gif") no-repeat center bottom;
}

#home_page #nav_bar a#nav_gallery:hover,
#nav_bar #nav_gallery
{
    width: 97px;
    margin-left: 1px;
    background: url("/images/artist-pixy.gif") no-repeat center top;
}

#home_page #nav_bar #nav_gallery,
#gallery_page #nav_bar #nav_gallery,
#video_page #nav_bar #nav_gallery,
#artists_page #nav_bar #nav_gallery,
#nav_bar a#nav_gallery:hover
{
    background: url("/images/artist-pixy.gif") no-repeat center bottom;
}

#home_page #nav_bar a#nav_support:hover,
#nav_bar #nav_support
{
    width: 94px;
    margin-left: 3px;
    background: url("/images/support-pixy.gif") no-repeat center top;
}

#home_page #nav_bar #nav_support,
#faq_page #nav_bar #nav_support,
#downloads_page #nav_bar #nav_support,
#forum_page #nav_bar #nav_support,
#installvideo_page #nav_bar #nav_gallery,
#nav_bar a#nav_support:hover
{
    background: url("/images/support-pixy.gif") no-repeat center bottom;
}

#home_page #nav_bar a#nav_contact:hover,
#nav_bar #nav_contact
{
    width: 110px;
    background: url("/images/contact-pixy.gif") no-repeat center top;
}

#home_page #nav_bar #nav_contact,
#contact_page #nav_bar #nav_contact,
#nav_bar a#nav_contact:hover
{
    background: url("/images/contact-pixy.gif") no-repeat center bottom;
}


#home_page #nav_bar a#nav_buy:hover,
#nav_bar #nav_buy
{
    width: 50px;
	margin-left: 15px;
    background: url("/images/buy-pixy.gif") no-repeat center top;
   
}

#home_page #nav_bar #nav_buy,
#dealers_page #nav_bar #nav_buy,
#nav_bar a#nav_buy:hover
{
    background: url("/images/buy-pixy.gif") no-repeat center bottom;
}






#connector
{
    float: right;
    width: 15px;
    height: 20px;
    background: url("/images/nav_line.gif") no-repeat top center;
}

#home_page #connector,
#learn_webtuner_page #connector,
#add_webtuner_page #connector,
#products_page #connector
{
    background: none;
}

#story_page #connector
{
    margin-right: 440px;
}

#gallery_page #connector,
#video_page #connector,
#artists_page #connector,
#endorsements_page #connector
{
    margin-right: 340px;
}

#faq_page #connector,
#downloads_page #connector
{
    margin-right: 240px;
}

#contact_page #connector,
#email_page #connector,
#technician_page #connector,
#store_page #connector,
#survey_page #connector,
#thanks_page #connector
{
    margin-right: 140px;
}

#dealers_page #connector
{
    margin-right: 55px;
}


/******************************************************************************
 *** MAIN CONTENT WINDOW AND SECONDARY NAVIGATION
 *****************************************************************************/

#main_content
{
    position: relative;
    width: 782px;
    padding-bottom: 15px;
    color: Black;
    background: #c6bdb1 url("/images/main-edges.png") repeat-y;
}

#main_text
{
    float: right;
    width: 420px;
    font-size: 13px;
    margin-right: 20px;
}

#main_text h1
{
    margin-top: 20px;
}

#main_text h1 span
{
    margin-left: -10000px;
}

#main_text p
{
    line-height: 18px;
}

#main_bottom
{
    width: 782px;
    height: 20px;
    background: url("/images/main-bottom.jpg") no-repeat top left;
}

#secondary_nav
{
    background: url("/images/secondary_nav.gif") no-repeat top left;
    font-size: 14px;
    line-height: 35px;
    color: Gray;
}

#secondary_links
{
    margin-left: 340px;
}

#secondary_nav a
{
    color: Gray;
    text-decoration: none;
}

#secondary_nav span
{
    margin: 0 5px;
}

#secondary_nav span.inactive
{
    color: White;
    margin: 0;
}

/******************************************************************************
 *** FOOTER
 *****************************************************************************/

#oemfooter
{
  margin-top: 7px;
}

#bottomnav
{
	text-align: center;
    font-size: 12px;
    color: #444444;
    margin: 10px 10px 5px 0;
}

#bottomnav a
{
    color: #444444;
    text-decoration: none;
}
 
#copyright
{
	text-align: center;
    font-size: 9px;
    color: #444444;
    margin: 10px 10px 15px 0;
	
}
#copyright a:visited
{
	 color: #444444; 
}

/******************************************************************************
 *** PAGE SPECIFIC SETTINGS
 *****************************************************************************/

#products_page #main_text,
#story_page #main_text
{
    font-size: 13px;
}

/******************************************************************************
 *** BASIC FORMATTING
 *****************************************************************************/
 
img
{
    border: none;
}

.alert
{
    color: Red;
}

.clear
{
    clear: both;
}

.center
{
    text-align: center;
}

/******************************************************************************
 *** Special link formatting on a few pages.
 *****************************************************************************/
 
#edit_options
{
    margin-bottom: 20px;
}

#edit_options a
{
    display: block;
    float: left;
    background-color: #aaaacc;
    line-height: 30px;
    color: Black;
    text-decoration: none;
    font-weight: bold;
    padding: 0 10px;
    margin: 0 0 0 20px;
    border: solid 1px Black;
}

/******************************************************************************
 *** formatting for global will it work button.
 *****************************************************************************/
 
#willitwork
{
	top: 15%;
	right: 0;
	width: 70px;
	height: 102px;
	color: #FFF;
	cursor:pointer;
	position: fixed;
	z-index: 100000;
	margin-right: -9px;
}
#willitwork:hover
{
	margin-right: -4px;
}