/*********************************************************************/
/*****  Copyright 2010 Idea Mechanics     All rights reserved.  ******/
/*****  Doug Foster doug@theideamechanics.com  last update 2/4/10   **/
/*********************************************************************/
/***************************/
/**** general page info ****/
/***************************/
body {
	background-image: url(../images/global/background_slice.jpg);
	background-repeat: repeat-x;
	background-position:left top; 
	background-attachment:fixed;
	margin: 0 0 0 0 ;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #999999;
	font-size:small;
	color: #31485D;
}
a {
	font-size: 105%;
	color: #31485D;
}
h1 {
	position: fixed;
	top: 85px;
	left: 250px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 150%;
	z-index: 4;
	display: block;
}
dl {
	font-size:small;
	margin-left: 2em;
	line-height: 1.3em;
}
dl a {
	font-size: 105%;
	font-weight: 900;
}
dt {
	font-size: 110%;
	font-weight: 900;
}
dd {
	font-weight: 500;
	padding-bottom: .2em;
}
form {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
/**************************/
/***** hover elements *****/
/**************************/
a:hover {
	color: #962529;
}
#copyright a:hover {
	text-decoration: underline;
}
/********************************/
/***** page elements - text *****/
/********************************/
.message {
	color: #962529;
	text-align: center;
}
.contact {
	font-weight: 700;
}
#message_shifter_1 {
	color: #31485D;
}
#copy {
	font-size: 110%;
	line-height: 1.2;
}
#intro {
	font-size: 110%;
	font-weight: 700;
}	
#copyright {
	font-size:smaller;
}
#copyright a {
	font-size: 105%;
	text-decoration: none;
}
#line {
	height: 2px;
}
#need {
	font-size: 120%;
	font-weight: 700;
}
#champcar {
	font-weight: 500;
}
/***************************************/
/***** page elements - positioning *****/
/***************************************/
.company {
	position: fixed;
	left: 262px;
	top: 20px;
	z-index: 4;
}
.photo {
	position: fixed;
	left: 30px;
	top: 20px;
	z-index: 3;
}
.name_small {
	position: fixed;
	left: 15px;
	top: 445px;
	visibility: hidden;
}
.rb_logo {
	padding: 31px 0 10px 10px;
	float: right;
}
.rb_logo_light {
	position: fixed;
	top: 115px;
	left: 750px;
}
.shifter {
	position: fixed;
	left: 50px;
	top: 286px;
	visibility: hidden;
}
.message {
	position: fixed;
	left:20px;
	top: 425px;
	width: 14em;
	visibility: hidden;
}
#message_shifter_1 {
	visibility: visible;
}
#copy {
	position: absolute;
	left:250px;
	top: 86px;
	max-width: 730px;
	padding-right: 20px;
	z-index: 1;
}
#description {
	margin-top: 0px;
}
#copyright {
	position: fixed;
	left: 20px;
	top: 490px;
}
#blocker {
	position: fixed;
	left: 0;
	top: 0;
	height: 80px;
	width: 100%;
	background-color: #FFFFFF;
	z-index: 3;
}
.media_panel {
	z-index: 2;
}
#nav_bar {
	text-align: center;
	font-size: 80%;
}
/********************************/
/**** shifter knob hot spots ****/
/********************************/
#shift_map_1 {
	position: fixed;
	left: 105px;
	top: 288px;
	z-index: 1;
}
#shift_map_2 {
	position: fixed;
	left: 105px;
	top: 373px;
	z-index: 1;
}
#shift_map_3 {
	position: fixed;
	left: 149px;
	top: 288px;
	z-index: 1;
}
#shift_map_4 {
	position: fixed;
	left: 149px;
	top: 373px;
	z-index: 1;
}
#shift_map_r {
	position: fixed;
	left: 61px;
	top: 288px;
	z-index: 1;
}
#shift_map_n_12 {
	position: fixed;
	left: 105px;
	top: 330px;
	z-index: 1;
}
#shift_map_n_34 {
	position: fixed;
	left: 149px;
	top: 330px;
	z-index: 1;
}
#shift_map_n_r {
	position: fixed;
	left: 61px;
	top: 330px;
	z-index: 1;
}
/***************************************************/
/***** reposition menus defined in menus.css  ******/
/***************************************************/
#FWTableContainer559177347 {  /* container for all menus */
	position: fixed;
	height: 0px;
	width: 0px;
	z-index: 100;
}
#MMMenuContainer0201120710_0 {  /* main nav menu */
	left: 181px;
	top: 217px;
}
/*************************************************************************/
/***** IE 5/6 browser fixes for elements with fixed positioning **********/
/*****   - this hack uses "* html" to trick IE 5/6 into reading **********/
/*****     the code, other browsers ignore it as an invalid selector *****/
/*************************************************************************/
* html h1 { position: absolute }
* html .company { position: absolute }
* html .photo { position: absolute }
* html .name_small { position: absolute }
* html .rb_logo_light { position: absolute }
* html .shifter { position: absolute }
* html .message { position: absolute }
* html #copyright { position: absolute }
* html #blocker { position: absolute; display: none}
* html #shift_map_1 { position: absolute }
* html #shift_map_2 { position: absolute }
* html #shift_map_3 { position: absolute }
* html #shift_map_4 { position: absolute }
* html #shift_map_r { position: absolute }
* html #shift_map_n_12 { position: absolute }
* html #shift_map_n_34 { position: absolute }
* html #shift_map_n_r { position: absolute }
* html #FWTableContainer559177347 { position: absolute }
