/* CSS Document */

	/* border:1px solid #00CC00;*/
html{
	padding:0px;
	margin:0px;
}

body {
	background:url(../img/bg.gif) repeat-x top #515151;
	font-family:Arial, Helvetica, sans-serif;
}

#mainBody{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:918px;
	height:100%;
	padding:0px;
}

#mainBody .mainBodyHook{
	width:100%;
	height:100%;
	/*background:url(../img/white_bg.gif) repeat-y;*/
	display:block;
	background-color: #fff;
}

#titleBar{
	position:relative;
	height:100px;
}
#titleBar #title{
	position:relative;
	float:left;
	height:100px;
	width:199px;
	top:0px;
	left:35px;
	padding:0px;
	margin:0px;
}
#titleBar #title span{
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
	background:url(../img/chassissim.gif) no-repeat;
}
#titleBar #subnav{
	position:absolute;
	top:5px;
	right:5px;
}
#subnav ul{
	list-style:none;
	padding:0px;
	margin:0px 35px 0px 0px;
}
#subnav li{
	float:left;
	margin-left:10px;
}
#subnav a:link, #subnav a:visited{
	color:#7f7f7f;
	text-decoration:none;
	font-size:11px;
}
#subnav a:visited:hover, #subnav a:hover{
	text-decoration:underline;
}

#navigation {
	clear:both;
	width:100%;
	height:26px;
	padding-left:35px;
}

#navigation ul{
	list-style:none;
	padding:0px;
	margin:0px;
}

#navigation li{
	float:left;
	text-align:center;
	padding-top:5px;
	position:relative;
	width:123px;
}

#navigation span{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:26px;
	width:123px;
}

#navigation a:link, #navigation a:hover, #navigation a:visited, #navigation a:visited:hover{
	color:#cccccc;
	font-size:10px;
}

#navigation #home span{  background-image:url(../img/nav_home_off.gif); }
#navigation #home span.on, #navigation #home span:hover{  background-image:url(../img/nav_home_on.gif); }
#navigation #versions span{  background-image:url(../img/nav_versions_off.gif); }
#navigation #versions span.on, #navigation #versions span:hover{  background-image:url(../img/nav_versions_on.gif); }
#navigation #toolboxes span{  background-image:url(../img/nav_toolboxes_off.gif); }
#navigation #toolboxes span.on, #navigation #toolboxes span:hover{  background-image:url(../img/nav_toolboxes_on.gif); }
#navigation #cars_and_tracks span{  background-image:url(../img/nav_cars_and_tracks_off.gif); }
#navigation #cars_and_tracks span.on, #navigation #cars_and_tracks span:hover{  background-image:url(../img/nav_cars_and_tracks_on.gif); }
#navigation #case_studies span{  background-image:url(../img/nav_case_studies_off.gif); }
#navigation #case_studies span.on, #navigation #case_studies span:hover{  background-image:url(../img/nav_case_studies_on.gif); }
#navigation #onlinesimulation span{  background-image:url(../img/nav_onlinesim_off.gif); }
#navigation #onlinesimulation span.on, #navigation #onlinesimulation span:hover{  background-image:url(../img/nav_onlinesim_on.gif); }
#navigation #contact_us span{  background-image:url(../img/nav_contact_us_off.gif); }
#navigation #contact_us span.on, #navigation #contact_us span:hover{  background-image:url(../img/nav_contact_us_on.gif); }


#home_hero{
	position:relative;
	height:236px;
	width:918px;
	padding:0px;
	margin:7px 0px 0px 0px;
	font-size:12px;
}
#home_hero span{
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
	background:url(../img/home_hero.jpg) no-repeat;
}

#contentDiv{
	font-size:11px;
	padding:15px 0 0 34px;
	float:left;
	width:580px;
	color:#787878;
	line-height:18px;
}

#contentDiv h2, #column_left h2, #column_right h2{
	font-size:13px;
	color:#000;
	margin-bottom:0px;
}

#contentDiv p{
	margin-top:0px;
}

#contentDiv a:link, #contentDiv a:visited{
	color:#c4151c;
	text-decoration:underline;
}

#contentDiv a:hover, #contentDiv a:visited:hover{
	text-decoration:none;
}

ul.arrow{
	list-style:url(../img/bullet.gif) outside;
	padding:0px;
	margin:0px;
	margin-left:17px;
}
ul.arrow li{
	padding:0px;
	margin:0px;
	color:#818181;
}
.columned{
	width:210px;
	float:left;
}

.list{
	list-style:none;
	margin:0px 0px 0px 20px;
	padding:0px;
	color:#000;
	line-height:25px;
	font-weight:bold;
}

#versionTable{
	margin-top:15px;
}

#versionTable tr td{
	text-align:center;
}

#versionTable .rowTitle{
	text-align:left;
	color:#333333;
	font-size:12px;
	padding:6px;
	line-height:14px;
}
#versionTable .copy{
	color:#333333;
}
#versionTable .itals{ font-style:italic; }
#versionTable .left{ text-align:left; }
#versionTable .tableTop{
	background-color:#cccccc;
	height:30px;
}

#versionTable .tableTop td{
	font-style:italic;
	font-size:14px;
	font-weight:bold;
}
#versionTable .darker{
	background-color:#efefef;
}

#demoForm .formBody{
	vertical-align:top;
	background:url(../img/form_bg.gif) no-repeat top left;
	width:582px;
	height:450px;
	font-size:12px;
	color:#fff;
}
#demoForm .text{ color:#333; }
#demoForm .large{ width:300px;}
#demoForm input, #demoForm select, #demoForm textarea{ margin-bottom:10px;}
#breakOut{
	position:absolute;
	display:block;
	left:635px;
}

#breakOut div{
	padding-top:10px;
}
#breakOut .specs, #breakOut .glossary{
	padding:10px;
	font-size:10px;
	color:#666;
	margin-top:10px;
}
#breakOut .specs{
	width:260px;
	height:433px;
	background:url(../img/panel_specs.gif) no-repeat;
}
#breakOut .glossary{
	width:260px;
	height:883px;
	background:url(../img/panel_glossary.gif) no-repeat;
}
#breakOut .glossary p{
	margin:2px;
	width:230px;
}
#breakOut .glossary span{
	font-size:12px;
	color:#000;
}
#breakOut .glossary{
}
#breakOut .specs h3, #breakOut .glossary h3{ font-size:14px;}
#breakOut .specs h4, #breakOut .glossary h4{ font-size:12px;}
#breakOut .specs h3, 
#breakOut .specs h4,
#breakOut .glossary h3, 
#breakOut .glossary h4{ 
	color:#000;
	margin:10px 0px 3px 0px;
}
#breakOut .specs h3, #breakOut .glossary h3{
	font-size:12px;
	font-style:italic;
	font-weight:bold;
}
#breakOut .specs  ul{
	padding:0px 0px 0px 15px;
	margin:0px;
	width:220px;
}

#footer{
	clear:both;
	
}
#winning{
	background-image: url(../img/grey_background.gif);
	background-repeat: no-repeat;
	height: 300px;
	width: 260px;
}
#cs_flashBody
{
	background-color: #ffffff;
	font: .8em/1.3em verdana,arial,helvetica,sans-serif;
	text-align: center;
}

#cs_noexpressUpdate
{
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #003300;
	text-align: left;
	background-image: url(CSim_web_intro_proj_nofp_bg.gif);
	background-repeat: no-repeat;
	width: 210px; 
	height: 200px;	
	padding: 40px;
}

/*pay per click*/
.warning{
	color:#ff0000;
}
font.warning{
	font-size:20px;
	font-weight:bold;
}

#column_header{
	margin:15px 0 0 35px;
}
#column_left, #column_right{
	color:#787878;
	line-height:18px;
	padding: 40px 0px 0px 25px;
	font-size:11px;
}
#column_left a:link, #column_left a:visited, #column_right a:link, #column_right a:visited{
	color:#c4151c;
	text-decoration:underline;
}
#column_left a:hover, #column_left a:visited:hover, #column_right a:hover, #column_right a:visited:hover{
	text-decoration:none;
}
#column_left{
	width:550px;
	float:left;
}
#column_right{
	float: right;
	display: block;
	margin: 0px 15px 0px 0px;
	width: 300px;
}

#topcolumn_left {
	width:550px;
	float:left;
}
#topcolumn_right {
	float:right;
	display:block;
	width: 300px;
}

.textinput{
	width:200px;
}

h2, h3{
	padding:20px 0 0 0;
	margin:0;
}
h2{ font-size:large; }
h3{ font-size:medium; }
