@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; }


body { position:relative; color:#666666; font-size: 17px; line-height: 1.5em; font-family: Calibri, Arial, sans-serif; font-weight:normal; margin:20px auto 20px; width:1003px; }

/* drop down for ie */
body { behavior: url("csshover3.htc"); }

html { background:url(images/bg/body-bg.png) repeat #202020; -webkit-font-smoothing: antialiased; }
p { font-size:1em; font-weight:normal; margin:0 20px 20px 0; color:#999999; letter-spacing:normal; }
li { font-size:1em; font-weight:normal; color:#999999; list-style-type:none; display:inline; }
h1 { font-size:1.7em; font-weight:normal; line-height:1.3em; color:#FFFFFF; letter-spacing:normal; text-align:right; }
h2 { font-family: 'Raleway', sans-serif; font-size:2.7em; line-height:1.2em; font-weight:bold; color:#FFFFFF; letter-spacing:normal; }
h3 { font-size:1.4em; line-height: 1.4em; font-weight:normal;  margin:0 0 10px 0; padding:0; color:#FFFFFF; letter-spacing:normal; }
h4 { font-size:0.8em; font-weight:normal; line-height:1.5em; }
h5 { font-family: 'Raleway', sans-serif; font-size:2em; font-weight:bold; line-height:1.1em; margin:0 0 20px 0; color:#999999; }
h6 { font-size:1em; font-weight:normal;  margin:0 0 5px 0; color:#FFFFFF; letter-spacing:normal; }
h7 { font-family: 'Raleway', sans-serif; font-size:1.9em; padding: 0; color:#222222; }
h8 { font-family: 'Raleway', sans-serif; font-size:0.8em; line-height:2em; padding: 0; color:#222222; }
table { font: 0.95em/1.8em Calibri, 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, Calibri, Arial, sans-serif; }

a { color:#ffffff; text-decoration:none; }
a:hover { border-bottom:#999999 thin dotted; }
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; -box-shadow: 0 0 15px #111; -moz-box-shadow: 0 0 15px #111; -webkit-box-shadow: 0 0 15px #111; }

#header { width: 1003px; height: 168px; padding:0; }
#logo { width:176px; float:left; padding: 39px 0 0 30px; }
#logo a:hover { border:none; }
#phone { width:565px; float:right; right:0; }
#phone h3 { font:0.95em/0.9em Arial, sans-serif; color:#222; float:right; padding:0 30px 0 30px; }
#phone a { color:#222; border-bottom:thin dotted; }
#phone a:hover { color:#222; border-bottom:none; }
#phone-inner { width: 211px; float:right; padding: 34px 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 7px 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; border:none; }

#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 { padding: 0 0 2px 0; }

#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 p { padding-bottom:5px; }
.copy_panel ul { padding: 0 0 35px 0; }
.copy_panel ul li { font: 1em/1.7em; font-weight:normal; 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; font-weight:normal; padding: 0 0 1.3em 1.5em;  }
.testimonials { width:570px; float:left; padding:0 0 30px 30px; }
.testimonials p { margin:0; text-indent:-0.4em; }
.testimonials h4 { margin:10px 0 50px 0; }
.last_para { padding-bottom: 30px !important; }

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


.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; width:268px; float:left; padding:20px 10px 0 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.front_box h5 { margin: 0 0 8px 0 }
.front_box img { margin: 0 2px 2px 0 }
.front_box p { line-height:1.5em; color:#666666; }
.front_box p a { color:#FFFFFF }
#email {padding:0 0 20px 0; margin:0; }

a.essa:hover { border-bottom:none; }
p.essa { padding: 25px 0 0 0; }


.right_column_home { float:right; width:330px; padding:10px 30px 100px 0; }
.front_box_home { background-color:#202020; width:258px; float:left; padding:20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.front_box_home ul li { font-size:0.95em; line-height:1.8em; font-weight:normal; list-style-type:none; display:block; }
.front_box_home ul li a { color:#ffffff; text-decoration:none; }

.front_box_nav { float:right; padding:18px 0 9px 21px; margin: 0; background-color: #FFFFFF; -moz-border-radius: 0 5px 0 5px; -webkit-border-radius: 0 5px 0 5px; display:inline; }
#banner-logo { float:top; }
#banner-logo img { padding:0; margin:0; }

.front_box_nav h7 { float:left; padding: 0 20px 0 0; }
.front_box_nav h8 {float:left; }

.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-size:0.95em; 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-size:0.95em; 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-size:0.95em; overflow:hidden; overflow:auto; padding: 10px; width: 500px; height:162px; 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: 198px 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 { background:#151515; float:left; width:973px; margin-top: 50px; padding:12px 0 12px 30px; }
#footer ul { float:left; }
#fr_nav { float:left; border:0; padding: 20px 0 0 0; }
#fr_nav ul li { font-size: 0.8em; line-height: 1.6em; display:block; font-weight:normal; color:#666666; padding-right:18px; }
#fr_nav ul li a { color:#999; }
#fr_phone { float:left; padding: 3px 0 0 0; }
#fr_phone li { color:#FFFFFF; font-size:1.5em; letter-spacing:1px; line-height:1em; }
#footer_bottom { background:#151515; float:left; width:943px; padding:80px 30px 15px 30px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; }
.footer { width: 194px; }

#fr_logos ul { text-align:center; }
#fr_logos a:hover { border:none; }
#fr_logos ul li#psa { padding: 0 0 0 25px;  }
#fr_logos ul li#essa {  }

#fr_copyright { border:0; padding:10px 0 10px 0; text-align:center; }
#fr_copyright ul li { font-size:0.7em; line-height:1.5em; font-weight:normal; color:#999; display:block; }
#fr_copyright ul li#stu {padding: 0 0 5px 0 }

.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%;
}