@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; }

.bt, .bb { font-size: 1px; line-height: 1px; }

body { position:relative; background:#202020; color:#666666; font-size:0.95em; font-family:'Helvetica Neue', 'Helvetica', Arial, sans-serif; font-weight:normal; margin:20px auto 0; width:1003px; }

/* drop down for ie */
body { behavior: url("csshover3.htc"); }
 
html { background-color: #202020; }
p { font-size:1em; line-height:1.7em; font-weight:lighter; margin:0 20px 35px 0; color:#999999; letter-spacing:normal; }
li { font-weight:lighter; font-size:0.9em; color:#999999; list-style-type:none; display:inline; }
h1 { font-size:1.7em; font-weight:lighter; line-height:1.3em; color:#FFFFFF; letter-spacing:normal; }
h2 { font-size:2.7em; line-height:1.5em; font-weight:bold; color:#FFFFFF; letter-spacing:normal; }
h3 { font-size:1.5em; font-weight:normal; line-height:1.5em; margin:0 0 10px 0; padding:0; color:#FFFFFF; }
h4 { font-size:0.8em; font-weight:normal; line-height:1.5em; }
h5 { font-size:2em; font-weight:bold; line-height:0.9em; margin:0 0 20px 0; color:#999999; }
table { font: 0.95em/1.8em 'Helvetica Neue', 'Helvetica', Arial, sans-serif; background-color:#222; border:#333 1px solid; color:#666666; margin:0 0 43px 0; padding: 2px 15px; }
td, th { border-bottom:#333 1px solid; padding:7px 0; }
.bottom-row { border-bottom:none; padding:7px 0; }
.right-col { border-left:#333 1px solid; padding:0 0 0 15px; }
.o2 { font-family:Verdana, Arial, Helvetica, sans-serif; }

a { color:#FFF; text-decoration:none; }
a:hover { color:#00AEEF; }
img a { border: 0; }

#main_wrapper { background:#000 url(images/bg/bg_1003x1150.jpg) no-repeat; float:left; width:1003px; margin: 0 0 25px 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

#header { width: 1003px; height: 168px; padding:0; }
#logo { width:176px; float:left; padding: 39px 0 0 30px; }
#phone { width:670px; float:right; right:0; }
#phone h3 { font:0.95em/0.9em 'Helvetica Neue', 'Helvetica', Arial, sans-serif; color:#222; float:right; padding:0 30px 0 30px; }
#phone a { color:#222; text-decoration:underline; }
#phone a:hover { color:#FFF; text-decoration:none; }
#phone-inner { width: 200px; float:right; padding: 116px 28px 0 0; display:inline; }

#nav { background:url(images/strips/nav_slice_1x48.jpg) repeat-x #333333; width:1003px; height:48px; float:left; }
#nav_bar { float:right; width:789px; }
#nav_bar ul { position:absolute; width:789px; z-index:2500; clear:both; }
#nav_bar ul li { display:block; position:relative; margin:0; height: 48px; border-left:1px solid #282828; border-right:1px solid #101010; float:right; letter-spacing:normal; font-size:0.9em; z-index:2500; }


#nav_bar ul li.home { border-right:1px solid #101010; border-left:none; }
#nav_bar ul li.contact { margin:1px 10px 0 0; border-left:1px solid #282828; border-right:none; }
#nav_bar ul a { display:block; height: 33px; color:#FFFFFF; cursor:pointer; float:left; font-size:1.09em; font-weight:normal; line-height:1.2em; padding:15px 23px 0 23px; margin:1px 0 0 0; text-decoration:none; }
#nav_bar ul a.onstate, #nav_bar ul a:hover { color:#00AEEF; }

#nav_bar ul li ul.dropdown { position:absolute; top:47px; left:0px; margin:0; overflow:hidden; background:#000; z-index:2500; width:220px; height:90px; display:none; }
#nav_bar ul li:hover ul.dropdown, #nav_bar ul li:active ul.dropdown, #nav_bar ul li:visited ul.dropdown { display:block; } 
#nav_bar ul li ul.dropdown li { border-bottom:#444444 solid 1px; border-left:none; border-top:none; border-right: none; float:left; height: 45px; display:block; }
#nav_bar ul li ul.dropdown li#bottom-item { border:none; }
#nav_bar ul li ul.dropdown li a { line-height: 2.1em; display:block; padding:7px 0 4px 22px; width:198px; }


/*css for gallery*/
#gallery { position:relative; width:1003px; height:305px; background: #444; float:left; border:none; }
ul.slideshow { z-index:500; list-style:none; height:305px; overflow:hidden; position:relative; border:none;}	
ul.slideshow li { position:absolute; border:none; }
ul.slideshow li.show { z-index:500; border:none; }
ul img { border:none; }

#slideshow-caption { height:27px; width:331px; color:#fff; background:#000; z-index:1000; border:none; right:0; padding:0; margin:0; text-align:right; display:inline; }
.slideshow-caption-container { padding:8px 30px 0 0; height: 27px; margin:0; border:none; }
#slideshow-caption h3 { font-size:0.8em; line-height:1.1em; border:none; margin:0; padding:0; }

.copy_header { width:640px; float:left; padding:56px 0 45px 30px; }
.copy_panel { width:570px; float:left; padding:0 0 50px 30px; }
.copy_panel ul { padding: 0 0 35px 0; }
.copy_panel ul li { font: 1em/1.7em 'Helvetica Neue', 'Helvetica', Arial, sans-serif; font-weight:lighter; display:list-item; list-style:inside; list-style-type:disc; text-indent:-1em; padding: 0 0 0 1.5em;  }
.copy_panel ul#products li { font: 1em/1.7em 'Helvetica Neue', 'Helvetica', Arial, sans-serif; font-weight:lighter; padding: 0 0 1.3em 1.5em;  }
.testimonials { width:570px; float:left; padding:0 0 30px 30px; }
.testimonials p { margin:0; text-indent:-0.3em; }
.testimonials h4 { margin:10px 0 30px 0; }

.blockquote { text-indent:-0.3em; }


.highlights_right { color:#999999; font-weight:normal; }
.highlights_copy { color:#FFF; font-weight:normal; }

.right_column { float:right; width:330px; padding:0 30px 70px 0; }
.behind_box { background-color:#000000; width:300px; float:right; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.front_box { background-color:#202020; border:1px solid #303030; width:268px; float:left; padding:20px 10px 0 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.front_box p { line-height:1.5em; color:#666666; }
.front_box p a { color:#FFFFFF }
.front_box p a:hover { color:#00AEEF }
#email {padding:0 0 20px 0; margin:0; }

.right_column_home { float:right; width:330px; padding:10px 30px 70px 0; }
.front_box_home { background-color:#202020; border:1px solid #303030; width:268px; float:left; padding:20px 10px 20px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.front_box_home ul li { font-weight:lighter; font-size:0.95em; line-height:1.8em; list-style-type:none; display:block; }
.front_box_home ul li a { color:#666666; text-decoration:none; }
.front_box_home ul li a:hover { color:#00AEEF; }

/*exhibition flash
.front_box_nav { width: 653px; float:right; padding:10px 0 0 0; background-color:#00AEEF; -moz-border-radius: 0 5px 0 5px; -webkit-border-radius: 0 5px 0 5px; display:inline; }
*/

.right_column_services { float:right; width:330px; padding:42px 30px 70px 0; }
.right_column_rp { float:right; width:330px; padding:50px 30px 70px 0; }
.right_column_customer { float:right; width:330px; padding:30px 30px 70px 0; }

*{ margin:0; padding:0; }
fieldset {clear: both; }
form { color:#999; }
input,select,textarea { color:#333; }
div.box { width:650px; position:relative; border:none; }
div.box #full_name, #email_add { width:470px; height: 55px; float:left; border:none; }
div.box #multi_line { width:470px; margin:0 0 5px 0; float:left; border:none; }
div.box #submit { width:130px; height:40px; padding: 0 0 0 115px; float:left; border:none; overflow:hidden; cursor:pointer; }
div.box #submit:hover input { margin-top:-40px; }


div.box label { width:70px; height:43px; font-size:0.95em; display: block; text-align:right; padding: 12px 15px 0 30px; float:left; }
div.box #name { font:0.95em Arial, Helvetica, sans-serif; padding: 10px; width: 500px; height: 20px; border: none; background:#FFF; margin:0 0 15px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div.box #email { font:0.95em Arial, Helvetica, sans-serif; padding: 10px; width: 500px; height:20px; border: none; background:#FFF; margin:0 0 15px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
div.box #message { font:0.95em Arial, Helvetica, sans-serif; overflow:hidden; overflow:auto; padding: 10px; width: 500px; height:150px; border: none; background:#FFF; margin:0 0 10px 0; -moz-border-radius: 5px 5px 5px 0; -webkit-border-radius: 5px 5px 5px 0;  }
image.button { width:260px; height:40px; color:#333333; border:none; }
#contact_column_left { width:635px; padding:0 0 100px 0; float:left; }
#contact_column_right { float:right; width:300px; padding:0 30px 70px 0; }
#contact_column_right ul li { color:#666666; }
#contact_column_right ul li#contact_tel { padding:22px 0 0 0; }
.contact_copy { width:570px; padding:0 0 30px 30px; float:left;}
.thanks_copy { width:570px; float:left; padding:0 0 70px 30px;}


#services_image_1 { background:url(images/imgs/lighting-small.jpg) no-repeat; width:300px; height:171px; float:right; margin: 24px 0 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#services_image_2 { background:url(images/imgs/cable-ramp-small.jpg) no-repeat; width:300px; height:171px; float:right; margin: 24px 0 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#services_image_3 { background:url(images/imgs/scissor-lift-small.jpg) no-repeat; width:300px; height:171px; float:right; margin: 24px 0 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#customer_image_1 { background:url(images/imgs/spec-lighting-small_300x171.jpg) no-repeat; width:300px; height:171px; float:right; margin: 5px 0 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#customer_image_2 { background:url(images/imgs/cable-ramp-small_300x171.jpg) no-repeat; width:300px; height:171px; float:right; margin: 30px 0 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#customer_image_3 { background:url(images/imgs/scissor-lifts-small_300x171.jpg) no-repeat; width:300px; height:171px; float:right; margin: 30px 0 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#rp_venue_ec { background:url(images/imgs/rp_ec_300x171.jpg) no-repeat; width:300px; height:171px; float:right; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#rp_venue_o2 { background:url(images/imgs/rp_o2_300x171.jpg) no-repeat; width:300px; height:171px; float:right; margin: 186px 0 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.titles { background:url(images/strips/title_strip_287x27.png) no-repeat; width:287px; height:27px; margin:7px 0 0 7px; }
*html body .titles { background-color:#FFFFFF; filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60; }
.titles h4 { padding:4px 0 0 7px; color:#333333; }

#footer { float:left; width:943px; padding:12px 30px 12px 30px; font-size:0.8em; line-height:1.5em; border-top:1px solid #282828; border-bottom:1px solid #282828; }
#footer ul { float:left; }
#footer ul a.onstate, #footer ul a:hover { color:#00AEEF; }
#fr_nav { float:left; border:0; padding: 3px 0 0 0; }
#fr_nav ul li { font-weight:normal; color:#666666; padding-right:18px; }

#fr_phone { float:right; padding: 3px 0 0 0; }
#fr_phone li { color:#FFFFFF; font-size:1.5em; letter-spacing:1px; line-height:1em; }

#footer_bottom { float:left; width:943px; padding:10px 30px 15px 30px; }

#fr_copyright { float:left; border:0; padding:30px 0 10px 0; }
#fr_copyright ul li { font:0.7em Arial, Helvetica, sans-serif; line-height:1.5em; font-weight:normal; color:#999; display:block; }
#fr_copyright ul li a:hover { color:#00AEEF; }
#fr_copyright ul li#stu {padding: 0 0 5px 0 }

#fr_logos { float:right; width:400px;  }
#fr_logos ul li#psa { float:right; padding:49px 0 0 0; }
#fr_logos ul li#essa { float:right; padding:49px 0 0 18px; }

.cleaner { /* This cleans the floating divs */ clear:both; height:1px; line-height:0; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
