body { font-family:arial,sans-serif; }
#most { margin:50px auto 0 auto; width:876px; position:relative; }

/* -- height for the #header needs to be 104 to fit the splash overlay -- */
#header { background:url('../images/bg_bar_top_curve.gif') left top no-repeat; height:104px; padding:1em 0 5px 1em; position:relative; }

#main_content_wrap { background:url('../images/bg_bar_middle.gif') left top repeat-y; padding:0 0; }
#footer { background:url('../images/bg_bar_bottom_curve.gif') left bottom no-repeat; clear:both; height:32px; overflow:hidden; padding:0 0 1px 1em; }
#footer p.copyright { background:url('../images/copyright.gif') left top no-repeat; display:block; height:11px; text-indent:-9999px; width:162px; }
#section_nav { float:left; width:180px; }
#main_content { background: transparent; float:right; width:690px; } /* width will give us a 654 parent flash stage width, and a 640 width with 7px on either side bars */
#content_footer { clear:both; height:16px }

/* safari only tweak */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #content_footer { height:0px; }
}

#logo {}
#logo .title a { background:#fff url('../images/logo_main.gif') center center no-repeat; display:block; height:125px; left:30px; position: absolute; text-indent:-9999px; top:-40px; width:150px; }

#main_nav { position:absolute; right:-7px; top:16px; width:566px; }
#main_nav * { text-indent: -9999px; outline:0; }
#main_nav .title { background:url('../images/logo_webcam_training.gif'); display:block; float:left; height:63px; margin:0 17px 0 0; width:49px; }
#main_nav ul { display:block; padding:0 0; list-style-position:inside; margin:0 0; }
#main_nav ul li { display:block; float:left; margin:3px 0 0 0; padding:0 0; }
#main_nav ul li a { background:url('../images/main_nav.gif') 0 0 no-repeat; display:block; height:60px; overflow:hidden; width:120px; }

/* -- ie6 hack -- */
#main_nav ul li.first-item { margin-left:-1px; margin-right:1px; }

/* need the #main_nav in front to give these definitions presidence over the above */
#main_nav #nav_mineral_mining:link,
#main_nav #nav_mineral_mining:visited { background-position: 0 -120px; }
#main_nav #nav_mineral_mining.active,
#main_nav #nav_mineral_mining:active,
#main_nav #nav_mineral_mining:hover { background-position:-120px -120px; }

#main_nav #nav_printed_circuit_board_assembly:link,
#main_nav #nav_printed_circuit_board_assembly:visited { background-position: 0 -180px; }
#main_nav #nav_printed_circuit_board_assembly.active,
#main_nav #nav_printed_circuit_board_assembly:active,
#main_nav #nav_printed_circuit_board_assembly:hover { background-position:-120px -180px; }

#main_nav #nav_box_build:link,
#main_nav #nav_box_build:visited { background-position: 0 -60px; }
#main_nav #nav_box_build.active,
#main_nav #nav_box_build:active,
#main_nav #nav_box_build:hover { background-position:-120px -60px; }

#main_nav #nav_global_shipping:link,
#main_nav #nav_global_shipping:visited { background-position: 0 0; }
#main_nav #nav_global_shipping.active,
#main_nav #nav_global_shipping:active,
#main_nav #nav_global_shipping:hover { background-position:-120px 0; }

#lower_nav { clear:both; margin:80px 0 0 0; *margin:90px 0 0 0; }
*+html #lower_nav { padding-top:0 !important; }
#lower_nav ul { display:inline; margin:0 54px 0 0; }
#lower_nav ul li { color:#4d4d4d; display:inline; margin:0 0; padding: 0 4px 0 0; }
#lower_nav ul li.last-item { padding-left:2px; *padding-left:0px; }
#lower_nav ul li a:link,
#lower_nav ul li a:visited { color:#4d4d4d; text-decoration:none; }
#lower_nav ul li a:active,
#lower_nav ul li a:hover { text-decoration:underline; }
#lower_nav form { display:inline; }
#lower_nav form input.text { border: 1px solid #ccc; padding:2px 2px 0 2px; }
#lower_nav form button { border: 1px solid #ccc; *height:19px; *line-height:15px; *margin-left:2px; *font-size:10px; }
#lower_nav dl { display:inline; }
#lower_nav dl dt { color:#4d4d4d; display:inline; font-style:italic; }
#lower_nav dl dd { display:inline; }

#section_nav h2.game_title { margin-bottom:2px; padding:13px 0 0 17px; *padding:13px 0 0 0; }
*+html #section_nav h2.game_title { background-position-x:0 !important; margin-left:12px; }
#section_nav #box_build { background:url('../images/sidebar_titles/box_build.gif') 13px 17px no-repeat; display:block; height:24px; text-indent:-9999px; width:107px; }
#section_nav #global_shipping { background:url('../images/sidebar_titles/global_shipping.gif') 13px 17px no-repeat; display:block; height:24px; text-indent:-9999px; width:171px; }
#section_nav #mineral_mining { background:url('../images/sidebar_titles/mineral_mining.gif') 13px 17px no-repeat; display:block; height:24px; text-indent:-9999px; width:171px; }
#section_nav #printed_circuit_board_assembly { background:url('../images/sidebar_titles/printed_circuit_board_assembly.gif') 13px 17px no-repeat; display:block; height:49px; text-indent:-9999px; width:171px; }

#section_nav ul.game_nav { padding:3px 0 0 17px; *padding:3px 0 0 0; }
#section_nav ul.game_nav li { font-style:italic; font-weight:bold; line-height:27px; list-style-position:inside; list-style-type:none; margin:0 0 5px 0; }
#section_nav ul.game_nav li a:link,
#section_nav ul.game_nav li a:visited { background:url('../images/btn_left_bar_nav.gif') 0 0 no-repeat; color:#000; display:block; height: 27px; overflow:hidden; padding:0 5px; text-decoration:none; width:151px; }
#section_nav ul.game_nav li a:active,
#section_nav ul.game_nav li a:hover, #section_nav ul.game_nav li a.active { background-position: 0 -27px; }

#main_content_wrap { }
#main_content { height:398px; width:690px; }
.main_content_auto_height { height: auto !important; }

#flash_content_wrapper { background:url('../images/bg_lower_right_curve.gif') right bottom no-repeat; bottom:0px; * html bottom:-1px; height:431px; position:absolute; right:0px; width:690px; padding-top:8px; }

*+html #flash_content_wrapper { padding-top:0 !important; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .sidebar_badge { margin-bottom:18px; }
}

#flash_content {}
#aftersplash div object, .centered div object { margin-left:50px; }

/* --- Sidebar styles --- */
.sidebar_content_wrap { overflow:hidden; padding:10px 0 0 12px; width:170px; }
.sidebar_content_wrap h3 { margin-bottom: 0; }
.sidebar_content_wrap p { margin-bottom: .5em; padding:0 3px; }
.sidebar_content_wrap .sidebar_content_header { background:url('../images/bg_sidebar_news_top.gif') left top no-repeat; padding: 7px 0 0 7px; width:169px;}
.sidebar_content_wrap .sidebar_content_main { background:url('../images/bg_sidebar_news_middle.gif') left top repeat-y; margin:0 0; padding:0 4px .75em 3px; width:169px; }
.sidebar_content_wrap .sidebar_content_main p a:link, .sidebar_content_wrap .sidebar_content_main p a:visited { color:#000000; text-decoration:none; }
.sidebar_content_wrap .sidebar_content_main p a:hover, .sidebar_content_wrap .sidebar_content_main p a:active { color:#000000; text-decoration:underline; }
.sidebar_content_wrap .sidebar_content_footer { background:url('../images/bg_sidebar_news_footer.gif') left bottom no-repeat; width:169px; }

.sidebar_badge { padding: 10px 0 0 12px; }

/* --- form look/feel --- */
label.error { color:red; }
form dl dt.blue { color:#0000FF; }

/* --- static html pages --- */
.paddingBottom { padding-bottom:8px; }

#main_content.main_content_auto_height { padding:12px 50px 0 20px; width:626px; }

.imageComponent { float:left; padding:0 18px 0 0; }
.main_content_auto_height .imageComponent img { padding-bottom:1px; }
.main_content_auto_height .imageComponent p { font-size:11px; font-weight:bold; margin-bottom:0; padding-bottom:0; }

.main_content_auto_height h3 { display:block; height:13px; text-indent:-5000em; margin:0; padding-bottom:12px; }
.main_content_auto_height h3.industryNews { background:url('../images/header_industryNews.gif') no-repeat 0 0; width:131px; }
.main_content_auto_height h3.jobResources { background:url('../images/header_jobResources.gif') no-repeat 0 0; width:136px; }
.main_content_auto_height h3.contactUs { background:url('../images/header_contactUs.gif') no-repeat 0 0; width:102px; }
.main_content_auto_height h4 { font-size:14px; margin:0; }
.main_content_auto_height h5 { font-size:12px; margin:0; }
.main_content_auto_height h6 { font-size:12px; margin:0; color:#555555; }
.main_content_auto_height a.newsHeadLink { display:block; padding-bottom:15px; }
.main_content_auto_height p { margin-bottom:0; padding-bottom:15px; line-height:1.2em; }
.main_content_auto_height a:link, .main_content_auto_height a:visited { text-decoration:none; }
.main_content_auto_height a:hover, .main_content_auto_height a:active { text-decoration:underline; }
.main_content_auto_height img { padding-bottom:15px; }

.main_content_auto_height form.horizontal .field { padding-left:0; margin-bottom:0; padding-bottom:5px; }
.main_content_auto_height form.horizontal .field label { margin-left:0; width:65px; font-size:14px; }
.main_content_auto_height form.horizontal .field input { width:192px; border:none; }
.main_content_auto_height form.horizontal .field textarea { width:279px; border:none; }
.main_content_auto_height .buttons { padding-left:62px; }
.main_content_auto_height form.horizontal { clear:both; padding-top:20px; }

.main_content_auto_height .jobDescription { font-size:11px; font-style:italic; }
.main_content_auto_height dl { margin-bottom:0; padding-bottom:10px; }
.main_content_auto_height dl.last { margin-bottom:0; padding-bottom:25px; }
.main_content_auto_height dt { }
.main_content_auto_height dl span { font-weight:normal; font-weight:bold; }
.main_content_auto_height dd { padding-left:0; }

#footerContent { display:block; width:876px; margin:0 auto; text-align:left; color:#555555; padding:8px 20px 0 20px; font-size:10px; line-height:1.4em; }
#footerContent a:link, #footerContent a:visited { color:#555555; text-decoration:none; }
#footerContent a:hover, #footerContent a:active { color:#555555; text-decoration:underline; }