/*
-----------------------------------------------
Style Sheet 
author:   Adam Blakey
version:  1.0  2008-04-09
----------------------------------------------- */

body {
	margin: 0px;
	padding: 0px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	font-size:11px;
	color:#fff;
	background: url(../../images/bg.jpg) no-repeat center top #000;
	line-height:18px;
	margin-top:25px;
	
}

.pad { padding:10px; }
.error { font-size:10px; color:#F00; }
.small { font-size:10px; }
.highlight { color:#FFCC00; font-weight:400; }
.highlight2 { font-size:16px; font-weight:bold }

/* Links 
----------------------------------------------------------------*/

a:link, a:active { color:#E8151A; text-decoration: underline;}
a:visited { color:#E8151A; text-decoration:underline}
a:hover { color:#FFCC00; text-decoration:underline}
a img {border:0 !important;}

a.sub:link	{font-size:11px; color:#fff; font-weight:normal; text-decoration:none; } 
a.sub:active	{font-size:11px; color:#fff; font-weight:normal; text-decoration:none; }
a.sub:visited	{font-size:11px; color:#fff; font-weight:normal; text-decoration:none; }
a.sub:hover	{font-size:11px; color:#E6100E; font-weight:normal; text-decoration:none; }

/* TOP NAVIGATION LINKS 
----------------------------------------------------------------*/

#nav { font-size:100%; text-align:left; line-height:18px;  }
#nav ul {margin:0; padding:5px; }
#nav li { display:inline; padding:3px; color:#fff; font-weight:bold; }
#nav li a { color:#fff; font-weight:bold; text-decoration:none; padding:3px; }
#nav li a:hover { color: #E8151B; }

/* MAIN 
----------------------------------------------------------------*/

#main {width: 1000px; margin: 0 auto; position: relative; padding:0px;}
#header { height:77px; background-image:url(../../images/header.jpg); margin:0px; padding:0px;  }
#breadcrums { height:10px; background:#000; margin:0px; padding:5px; text-align:right; padding-right:10px; text-align:right; border-right:1px solid #CCC; border-left:1px solid #CCC; border-bottom:1px solid #CCC; color:#999; font-size:10px; line-height:10px; }
#logo { width:150px; float:left; height:77px; }
#header_nav { width:840px; float:left; padding-top:50px; padding-right:10px; text-align:right;}
#header_nav a { color:#909090;}
#header_nav a:hover { color:#E8151A;}
#navigation { height:28px; background-image:url(../../images/navigation.jpg); margin:0px; padding:0px; clear:both; }
	
	#home {height:468px; margin:0px; padding:0px; overflow:auto; clear:auto;} 
	#home_nav {height:126px; background:#000; margin:0px; padding:0px; margin-top:234px; text-align:center; border-top:2px solid #999; border-bottom:2px solid #999; background: rgba(0, 0, 0, 0.3); } 
	
	#body {height:468px; background:#000; margin:0px; overflow:auto; clear:auto; background-image:url(../../images/body-bk.jpg);}	
	
	#calculator {height:630px; background:#000; margin:0px; overflow:auto; clear:auto; background-image:url(../../images/calculator.jpg);}
	
	#water_cooled_installation {height:468px; background-image:url(../../images/water-cooled-installation.jpg); margin:0px; padding:0px; overflow:auto; clear:auto;}
	#water_cooled_installation_left { width:573px; float:left; margin-top:30px; text-align:center}
	#water_cooled_installation_right { width:367px; float:left; margin-top:40px; padding-left:20px; padding-right:30px;}
	
	#air_cooled_installation {height:468px; background-image:url(../../images/air-cooled-installation.jpg); margin:0px; padding:0px; overflow:auto; clear:auto;}
	#air_cooled_installation_right { width:437px; float:left; margin-top:70px; margin-left:520px;}
	
	#slip_table_installation {height:468px; background-image:url(../../images/slip-table-installations.jpg); margin:0px; padding:0px; overflow:auto; clear:auto;}
	#slip_table_installation_left { width:442px; float:left; margin-top:330px; text-align:right}
	#slip_table_installation_right { width:507px; float:left; margin-top:20px; padding-left:20px; padding-right:30px;}
	
	#shaker_chamber_installation {height:468px; background-image:url(../../images/shaker-chamber-installtions.jpg); margin:0px; padding:0px; overflow:auto; clear:auto;}
	#shaker_chamber_installation_right { width:437px; float:left; margin-top:40px; margin-left:520px;}
	
	#system_health_check {height:468px; background-image:url(../../images/system-health-check.jpg); margin:0px; padding:0px; overflow:auto; clear:auto;}
	#system_health_check_right { width:467px; float:left; margin-top:30px; margin-left:470px;}
	
	#maintenance_program {height:468px; background-image:url(../../images/maintenance-program.jpg); margin:0px; padding:0px; overflow:auto; clear:auto;}
	#maintenance_program_right { width:467px; float:left; margin-top:130px; margin-left:20px;}
	
	#calibration_lab {height:468px; background-image:url(../../images/calibration-lab.jpg); margin:0px; padding:0px; overflow:auto; clear:auto;}
	#calibration_lab_right { width:550px; float:left; margin-top:20px; margin-left:20px;}
	
	#emergency_call_outs {height:468px; background-image:url(../../images/emergency-call-outs.jpg); margin:0px; padding:0px; overflow:auto; clear:auto;}
	#emergency_call_outs_right { width:410px; float:left; margin-top:130px; margin-left:20px;}
	
	#site_planning_relocation {height:468px; background-image:url(../../images/site-planning-relocation.jpg); margin:0px; padding:0px; overflow:auto; clear:auto;}
	#site_planning_relocation_right { width:410px; float:left; margin-top:90px; margin-left:20px;}
	
	#slip_table_installation {height:468px; background-image:url(../../images/slip-table-installations.jpg); margin:0px; padding:0px; overflow:auto; clear:auto;}
	#slip_table_installation_left { width:442px; float:left; margin-top:330px; text-align:right}
	#slip_table_installation_right { width:507px; float:left; margin-top:20px; padding-left:20px; padding-right:30px;}	
	
	#accelerometer_cal {height:468px; background-image:url(../../images/accelerometer-cal.jpg); margin:0px; padding:0px; overflow:auto; clear:auto;}
	#accelerometer_cal_left { width:400px; float:left; margin-top:30px; margin-left:20px;}
	#accelerometer_cal_right { width:520px; float:left; margin-top:298px; margin-left:20px;}
	
	#importance_of_quality {height:468px; background-image:url(../../images/importance-of-quality.jpg); margin:0px; padding:0px; overflow:auto; clear:auto;}
	#importance_of_quality_left {float:left; margin-top:20px; margin-left:20px; width:500px;}
	#importance_of_quality_right {float:left; margin-left:20px; width:460px; background:#fff; text-align:center; padding-top:20px; padding-bottom:20px;}

	#pre_owned_systems {height:468px; background-image:url(../../images/pre-owned-systems.jpg); margin:0px; padding:0px; overflow:auto; clear:auto;}
	#pre_owned_systems_right { width:530px; float:left; margin-top:50px; margin-left:20px;}
	
	#power_module_repair {height:468px; background-image:url(../../images/power-module-repair.jpg); margin:0px; padding:0px; overflow:auto; clear:auto;}
	#power_module_repair_right { width:430px; float:left; margin-top:30px; margin-left:20px;}
	
	#spare_parts_electro_mech {height:468px; background-image:url(../../images/spare-parts-electro-mech.jpg); margin:0px; padding:0px; overflow:auto; clear:auto;}
	#spare_parts_electro_mech_right { width:400px; float:left; margin-top:30px; margin-left:580px;}
	
	#exchange_armatures {height:468px; background-image:url(../../images/exchange-armatures.jpg); margin:0px; padding:0px; overflow:auto; clear:auto;}
	#exchange_armatures_right { width:330px; float:left; margin-top:30px; margin-left:20px;}
	
	#armature_rewinds {height:468px; background-image:url(../../images/armature-rewinds2.jpg); margin:0px; padding:0px; overflow:auto; clear:auto;}
	#armature_rewinds_right { width:450px; float:left; margin-top:30px; margin-left:20px;}
	
	#field_coil_replacements {height:468px; background-image:url(../../images/field-coil-replacements.jpg); margin:0px; padding:0px; overflow:auto; clear:auto;}
	#field_coil_replacements_right { width:495px; float:left; margin-top:30px; margin-left:15px;}
	
	#shaker_upgrade {height:468px; background-image:url(../../images/shaker-upgrade.jpg); margin:0px; padding:0px; overflow:auto; clear:auto;}
	#shaker_upgrade_right { width:495px; float:left; margin-top:20px; margin-left:455px;}
	
	#replacement_amplifiers {height:468px; background-image:url(../../images/replacement-amplifiers.jpg); margin:0px; padding:0px; overflow:auto; clear:auto;}
	#replacement_amplifiers_right { width:530px; float:left; margin-top:50px; margin-left:20px;}
	
	#slip_table_bearing_upgrades {height:468px; background-image:url(../../images/slip-table-bearing-upgrades.jpg); margin:0px; padding:0px; overflow:auto; clear:auto;}
	#slip_table_bearing_upgrades_right { width:480px; float:left; margin-top:50px; margin-left:20px;}
	
	#special_head_expanders {height:468px; background-image:url(../../images/special-head-expanders.jpg); margin:0px; padding:0px; overflow:auto; clear:auto;}
	#special_head_expanders_right { width:490px; float:left; margin-top:30px; margin-left:20px;}
	
	#shaker_systems {height:468px; background-image:url(../../images/shaker-systems.jpg); margin:0px; padding:0px; overflow:auto; clear:auto;}
	#shaker_systems_right { width:520px; float:left; margin-top:40px; margin-left:430px;}
	
	#switching_amplifiers {height:468px; background-image:url(../../images/switching-amplifiers.jpg); margin:0px; padding:0px; overflow:auto; clear:auto;}
	#switching_amplifiers_right { width:620px; float:left; margin-top:60px; margin-left:350px;}
	
	#mechanical_shaker_systems {height:468px; background-image:url(../../images/mechanical-shaker-systems.jpg); margin:0px; padding:0px; overflow:auto; clear:auto;}
	#mechanical_shaker_systems_right { width:430px; float:left; margin-top:40px; margin-left:30px;}
	
	#slip_tables_bearings {height:468px; background-image:url(../../images/slip-tables-bearings.jpg); margin:0px; padding:0px; overflow:auto; clear:auto;}
	#slip_tables_bearings_left { width:480px; float:left; margin-top:30px; margin-left:30px;}
	#slip_tables_bearings_right { width:420px; float:left; margin-top:10px; margin-left:40px;}
	
	#head_expanders_fixtures {height:468px; background-image:url(../../images/head-expanders-fixtures.jpg); margin:0px; padding:0px; overflow:auto; clear:auto;}
	#head_expanders_fixtures_right { width:500px; float:left; margin-top:10px; margin-left:470px;}
	
	#suspension_types {height:468px; background-image:url(../../images/suspension-types.jpg); margin:0px; padding:0px; overflow:auto; clear:auto;}
	#suspension_types_left { width:410px; float:left; margin-top:30px; margin-left:570px;}
	
	#bearing_types {height:468px; background-image:url(../../images/bearing-types.jpg); margin:0px; padding:0px; overflow:auto; clear:auto;}
	#bearing_types_left { width:500px; float:left; margin-top:40px; margin-left:30px;}
	
	#worldwide_service_support {height:468px; background-image:url(../../images/worldwide-service-support.jpg); margin:0px; padding:0px; overflow:auto; clear:auto;}
	#worldwide_service_support_left { width:310px; float:left; margin-top:40px; margin-left:20px;}
	#worldwide_service_support_right { width:600px; float:left; margin-left:30px;}
	
	#consultation_training {height:468px; background-image:url(../../images/consultation-training.jpg); margin:0px; padding:0px; overflow:auto; clear:auto;}
	#consultation_training_right { width:420px; float:left; margin-top:30px; margin-left:40px;}

	#consultation_training_course { background:url(../../images/consultation-training-course.jpg) bottom; margin:0px; padding:0px; overflow:auto; clear:auto; color:#000; height:1100px;}
		#consultation_training_course_right { margin:40px; margin-top:0px; margin-top:20px;}
	#consultation_training_course h1 { font-size:24px; font-weight:bold; color:#EA1322 }
	#consultation_training_course h2 { font-size:14px; font-weight:bold; color:#000; }
	#consultation_training_course strong {color:#EA1322 }
	
	
	#oil_cooled_shakers {height:468px; background-image:url(../../images/oil-cooled-shakers.jpg); margin:0px; padding:0px; overflow:auto; clear:auto;}
	#oil_cooled_shakers_right { width:350px; float:left; margin-top:70px; margin-left:600px;}	
	
	#about_bk {height:468px; background-image:url(../../images/about-bk.jpg); margin:0px; padding:0px; overflow:auto; clear:auto;}
	
	#news {height:468px; background:#fff;; margin:0px; padding:0px; overflow:auto; clear:auto; color:#000;}
	
	 #about { width:900px; height:170px; overflow: auto;}
	 #abouts { width:180px; float:left; padding-right:10px; border-right:1px solid #fff; padding-left:10px;}
	 #abouts h2 { color:#FFCC00;}
	
	
	h3 { font-size:14px; margin:0px; padding:3px;}
	h2 { font-size:16px; margin:0px; padding:0px; color:#0A65AE; padding-bottom:5px; padding-top:5px;}
	h1 { font-size:16px; margin:0px; padding:0px; color:#E7151B}
	
	.h2 { font-size:16px; margin:0px; padding:0px; color:#fff; padding-bottom:10px; }
	.h1 { font-size:22px; margin:0px; padding:0px; color:#fff; padding-bottom:10px;}
	 
#footer { height:27px; text-align:center; clear:both; font-size:10px; padding:0px; margin:0px; line-height:25px; background-image:url(../../images/footer.jpg);}

#subfooter { padding:20px; text-align:center; font-size:10px; color:#999; padding-left:80px; padding-right:80px;}

#subfooter a { color:#999; }
#subfooter a:hover { color:#E8151B; }

#clearer { clear:both; line-height: 1px; font-size: 1px; }

hr { margin-top:10px; margin-bottom:10px; }

img.expando{ /*sample CSS for expando images. Not required but recommended*/
border: none;
vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}

/* FORM 
----------------------------------------------------------------*/

INPUT {margin-top:4px; margin-bottom:4px; border:1px solid #ccc; font-size:11px; padding:3px; color:#666; width:180px;}
TEXTAREA {margin-top:4px; margin-bottom:4px; border:1px solid #ccc; padding:5px; color:#666;}
select {margin-top:4px; margin-bottom:4px; padding:3px; width:200px; font-size:12px; color:#666; }
.input { padding:6px; width:250px; font-size:12px; color:#666; float:left; }
.inputs { padding:6px; width:250px; font-size:12px; color:#666; }
.label { width: 160px; float: left; margin-right: 0.5em; margin-left: 0px; display: block; }
.label2 { width: 9em; float: left; text-align: left; margin-right: 0.5em; margin-left: 0px; display: block; }

.button { background:#E8151A; color:#fff; padding:6px; font-weight:bold; border:1px solid #FFCC00}

/* BULLET LIST
----------------------------------------------------------------*/
	
UL	{list-style-image:url(../../images/icon.png); margin:25px; padding:0px; }
LI  { margin:0px; padding:0px; margin-left:20px; }

#column ul {
float: left; width: 940px; margin: 20px 0 1em 0; padding: 5px; list-style: none; font-size: 1em; line-height: 1.3em; color: #036; background: #D6E4EF;
}
 
#column li {
float: left; width: 300px; margin: 0; padding: 0; list-style: none; border-bottom:1px solid #AED8FA; padding:6px; height:20px;}

.highlight_column { background-color:#0B66AF; color:#FFFFFF; font-weight:bold; font-size:14px; }

/* DROP DOWN MENU
----------------------------------------------------------------*/

.ddsmoothmenu{
width: 100%;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
line-height:23px;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
color: white;
padding: 0px;
color: #2d2b2b;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color: white;
}

.ddsmoothmenu ul li a:hover{
color: #FFCC00;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
padding:0px;
margin:0px;
float: none;
background:#000;
opacity:0.8;
filter:alpha(opacity=80);
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{	
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
width: 160px; /*width of sub menus*/
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
opacity:0.8;
filter:alpha(opacity=100);
padding-left:5px;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}


/* LIGHTBOX
----------------------------------------------------------------*/
#lightbox{
	background-color:#eee;
	padding: 5px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	color:#333
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	color:#333
	}	
#lightboxCaption{ float: left; color:#333}
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }