/****************************************/
/* client */
/* Copyright (c) The Worx Group - 2008 */
/* base.css */
/****************************************/
img	{ border:0px; }
img, div, input { behavior: url("/style/iepngfix.htc"); }
.clear { clear:both; }

body { margin:0; padding:0; text-align:center; min-width:960px; background:#484848 url(/images/background.gif) top repeat-x; font:normal 11px arial; color:#333; }
h1 {  }
h2 { font-size:13px; }
h3 { font-size:11px; font-weight:bold; text-transform:uppercase; margin:10px 0px 0px; }
p { margin:14px 0; line-height:16px; }
h2 + p { margin-top:0; }
a { color:red; }
a:hover { color:#000; text-decoration:underline; }
a.button { font-size:0.9em; color:#000; text-transform:uppercase; text-decoration:none; font-weight:bold; background:url(/images/bg_button_arrow.gif) right no-repeat; padding:0 14px 0 0; margin:0 35px 0 0; }
h2 a.button { font-size:1.0em; }
a.button:hover { color:#FF0000; }
strong { font-weight:bold; }
em { font-style:italic; }

/****************************************/
/* Common Elements */
/****************************************/
.wrapper { width:960px; margin:0 auto; text-align:left; background:#FFF; position:relative; }
	div.shadow_left { position:absolute; top:0; left:-7px; background:url(/images/shadow_left.png) top no-repeat; width:7px; height:880px; }
	div.shadow_right { position:absolute; top:0; right:-7px; background:url(/images/shadow_right.png) top no-repeat; width:7px; height:880px; }
	div.logo { float:left; padding:30px 0 15px 30px; }
	div.tagline { float:right; padding:50px 30px 0 0; }
	ul.nav { z-index:9; clear:both; height:33px; background:url(/images/bg_nav.gif) repeat-x; font-size:12px; position:relative; padding-left:0px; }
		ul.nav li { display:inline; }
		ul.nav li#home a { border-left:0; }
		ul.nav li#contact a { border-right:0; padding-right:10px; }
		ul.nav li a { display:block; float:left; color:#FFF; text-decoration:none; padding:8px 13px 10px 13px; border-left:1px solid #9a9a9a; border-right:1px solid #606060; }
		ul.nav li.active a { background:url(/images/bg_nav_active.gif) repeat-x; border-left:1px solid #cc6868; border-right:1px solid #a13535; }
			ul.nav li ul { position:absolute; top:33px; background:#FFF url(/images/bg_subnav.jpg) top repeat-x; border:1px solid #999; border-width:0 1px 1px 1px; }
			ul.nav li#about ul { left:115px; }
			ul.nav li#engineering ul { left:190px; }
			ul.nav li#manufacturing ul { left:350px; }
			ul.nav li#value ul { left:450px; }
			ul.nav li#capabilities ul { left:570px; }
			ul.nav li#industries ul { right:85px; }
			ul.nav li#contact ul { right:0px; }
				ul.nav li ul li { display:block; }
				ul.nav li ul li a, ul.nav li.active ul li a { color:#333; float:none; padding:5px 8px; margin:0; border:0; background:0; font-size:11px; }
				ul.nav li ul li a:hover, ul.nav li.active ul li a:hover { color:#FF0000; }
				
		 	
	
	div.rotate { z-index:8; clear:both; position:relative; width:960px; height:270px; }
		div.rotate ul.main { z-index:9; position:absolute; top:0; left:0; width:218px; height:270px; background:url(/images/rotate/bg_nav.png) no-repeat; }
		div.rotate ul.main li { border-bottom:1px solid #000; }
		div.rotate ul.main li a { display:block; padding:18px 25px 19px 25px; color:#FFF; text-transform:uppercase; color:#999; font-size:14px; font-weight:bold; text-decoration:none; }
		div.rotate ul.main li.active a { background:url(/images/rotate/bg_nav_arrow.gif) 190px 22px no-repeat; color:#FFF; }
		div.rotate div.content { z-index:8; position:absolute; top:0; left:0; width:960px; height:270px; }
		
		div.rotate div#military { background:url(/images/rotate/military_bg.jpg) no-repeat; }
			div.rotate div#military img.text { position:absolute; top:50px; left:480px; }
			div.rotate div#military ul.sub { top:115px; left:615px; }
		div.rotate div#energy { background:url(/images/rotate/energy_bg.jpg) no-repeat; }
			div.rotate div#energy img.text { position:absolute; top:15px; right:30px; }
			div.rotate div#energy ul.sub { top:135px; left:645px; }
		div.rotate div#medical{ background:url(/images/rotate/medical_bg.jpg) no-repeat; }
			div.rotate div#medical img.text { position:absolute; top:25px; left:240px; }
			div.rotate div#medical ul.sub { top:88px; left:242px; }
			div.rotate div#medical ul.sub li a { color:#000000; }
			div.rotate div#medical ul.sub li a:hover { color:#ff0000; }
		div.rotate div#safety{ background:url(/images/rotate/safety_bg.jpg) no-repeat; }
			div.rotate div#safety img.text { position:absolute; top:150px; left:520px; }
			div.rotate div#safety ul.sub { top:215px; left:645px;}
			div.rotate div#safety ul.sub li a { color:#000000; }
			div.rotate div#safety ul.sub li a:hover { color:#ff0000; }
		div.rotate div#telecom { background:url(/images/rotate/telecom_bg.jpg) no-repeat; }
			div.rotate div#telecom img.text { position:absolute; top:130px; left:250px; }
			div.rotate div#telecom ul.sub { top:205px; left:330px; }
			
			div.rotate ul.sub { position:absolute; font-size:11px; }
			div.rotate ul.sub li { margin-bottom:3px; }
			div.rotate ul.sub li a { text-decoration:none; text-transform:uppercase; font-weight:bold; color:#FFFFFF; }
			div.rotate ul.sub li a:hover { color:#ff0000; }
	
	div.menu { float:left; width:178px; height:430px; background:url(/images/bg_accordion.jpg) top no-repeat; padding:30px 20px; font-size:11px; margin:0px; }
		div.menu h1 { font-size:17px; font-weight:bold; margin:0 0 10px 0; color:#ff0000; }
		div.menu ul {  }
		div.menu ul li { padding:2px 0; }
		div.menu ul li a { color:#333; font-weight:bold; text-decoration:none; }
		div.menu ul li a:hover, div.menu ul li.active a { color:#ff0000; }
			div.menu ul li.active ul {  }
			div.menu ul li ul li { margin:0 0 0 15px; }
			div.menu ul li ul li a { font-weight:normal; }
			div.menu ul li.active ul li a { color:#333; }
			div.menu ul li.active ul li a:hover { color:#ff0000; }
		
	div.page { float:left; width:712px; padding:25px 15px; }
		div.page h1 { font-size:20px; margin:0 0 10px 0; }
		div.page h2 { font-size:16px; margin:0 0 10px 0; color:#003366; }
		div.page ul { list-style-type:disc; margin:0px 0px 14px 17px; }
		div.page div.full { padding:0 70px 0 30px; }
			div.page div.full h1 { color:#FF0000; }
		div.page div.columns { padding:25px 70px 25px 30px; border-top:1px dotted #a6a6a6; background:url(/images/bg_columns.gif) top repeat-x; }
			div.page div.columns div.highlight { float:left; width:315px; padding:0 30px 0 0; border-right:1px dotted #a6a6a6; }
				div.page div.columns div.highlight h1 { color:#003366; }
			div.page div.columns div.news { float:left; width:235px; padding:0 0 0 30px }
				div.page div.columns div.news h1 { color:#d96702; }
				div.page div.columns div.news div { padding:10px; border-bottom:1px dotted #a6a6a6; cursor:pointer; }
				div.page div.columns div.news div.active { background:#f3f3f3; }
				div.page div.columns div.news div.active a { color:#FF0000; }

	div.footer { clear:both; border-top:1px dotted #a6a6a6; padding:15px 0; text-align:center; color:#999; font-size:11px; }
		div.footer a { color:#999; }
		div.footer a:hover { color:#333; }
		div.footer ul { margin:0 0 4px 0; }
		div.footer ul li { display:inline; }
		div.footer ul li a { text-decoration:none; font-weight:bold; }
		
	.break { clear:both; border-top:1px dotted #a6a6a6; margin:5px 0px; }
	.bold { font-weight:bold; }