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

body{ background:#1e1d1d; margin: 0px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; }
#container{ width: 1280px; height: 683px; margin-left: auto; margin-right: auto; }
#homeBack{ background:url(images/index_back.jpg); width: 1280px; height: 683px; position: relative; }
#aboutusBack{ background:url(images/aboutus_back.jpg); width: 1280px; height: 683px; position: relative; }
#servicesBack{ background:url(images/services_back.jpg); width: 1280px; height: 683px; position: relative; }
#lightingBack{ background:url(images/lighting_back.jpg); width: 1280px; height: 683px; position: relative; }
#contactusBack{ background:url(images/contactus_back.jpg); width: 1280px; height: 683px; position: relative; }

#logo{ background:url(images/logo.png); position: absolute; top: 10px; left: 10px; width: 161px; height: 108px; display: block; }
#topArea{ width: 100%; height: 580px; }

#navArea{ width: 100%; height: 103px; }
#navBar{ width: 100%; height: 57px; background:url(images/navbar_back.png); position: relative; }

#sm{ display: block; float: right; margin: 17px 5px; }




#navAboutus, #navAboutusOn{ display: block; width: 90px; height: 40px; background:url(images/nav_aboutus.png) 3px 10px no-repeat; float: left; margin: 8px 5px 8px 25px; }
#navAboutus:hover, #navAboutusOn{ background:url(images/nav_aboutus_o.png) 3px 10px no-repeat; }
	
	
#navServices, #navServicesOn{ display: block; width: 82px; height: 40px; background:url(images/nav_services.png) 3px 10px no-repeat; float: left; margin: 8px; }
#navServices:hover, #navServicesOn{ background:url(images/nav_services_o.png) 3px 10px no-repeat; }

#navLighting, #navLightingOn{ display: block; width: 126px; height: 40px; background:url(images/nav_lighting.png) 3px 10px no-repeat; float: left; margin: 8px; }
#navLighting:hover, #navLightingOn{ background:url(images/nav_lighting_o.png) 3px 10px no-repeat; }

#navGallery, #navGalleryOn{ display: block; width: 74px; height: 40px; background:url(images/nav_gallery.png) 3px 10px no-repeat; float: left; margin: 8px; }
#navGallery:hover, #navGalleryOn{ background:url(images/nav_gallery_o.png) 3px 10px no-repeat; }

#navContactus, #navContactusOn{ display: block; width: 100px; height: 40px; background:url(images/nav_contactus.png) 3px 12px no-repeat; float: left; margin: 8px; }
#navContactus:hover, #navContactusOn{ background:url(images/nav_contactus_o.png) 3px 12px no-repeat; }

#navSeparator{ width: 3px; height: 18px; background:url(images/navbar_separator.png); margin: 15px 0px 0px 0px; float: left; }


#aboutusContent{ width: 610px; height: 453px; background:url(images/aboutus_back.png); position: absolute; top: 100px; left: 200px; }
#servicesContent{ width: 610px; height: 453px; background:url(images/services_back.png); position: absolute; top: 100px; left: 200px; }
#lightingContent{ width: 610px; height: 453px; background:url(images/lighting_back.png); position: absolute; top: 100px; left: 200px; }
#contactusContent{ width: 610px; height: 453px; background:url(images/contactus_back.png); position: absolute; top: 100px; left: 200px; }
#galleryContent{ width: 604px; height: 315px; position: absolute; top: 100px; left: 300px; background:url(images/galleryBack.png); }


#galleryThumbs{ width: 100%; height: 103px; background:url(images/galleryThumb_back.png) ;position: absolute; bottom: 120px; left: 0px; }




#thumbsRow{ margin: 5px; height: 90px; text-align: center; }

#thumbsRow a{ display: inline; width: 140px; height: 90px;  }
#thumbsRow a img{  border: 1px solid #000; margin: 0px 10px; }
#thumbsRow a img:hover{ border: 1px solid #fff; }

div.galleryImages{ padding: 20px 40px; }


div.back{ position: absolute; top: 5px; left: 5px; cursor: pointer; }
div.next{ position: absolute; top: 5px; right: 5px; cursor: pointer; }




div.pageContent{ width: 570px; margin-left: auto; margin-right: auto; margin-top: 35px; color: #fff; }

div.pageNav{ margin-top: 55px; height: 35px; width: 610px;  }

#whoweareTop, #whoweareTopOn{ float: left; display: block; margin-left: 12px; width: 287px; height: 35px; background:url(images/whoweare_top.png) center 10px no-repeat;}
#whoweareTop:hover,  #whoweareTopOn{ background:url(images/whoweare_top_o.png) center 10px no-repeat; }

#yourweddingTop, #yourweddingTopOn{ float: left; display: block; margin-left: 5px; width: 287px; height: 35px; background:url(images/yourwedding_top.png) center 10px no-repeat;  }
#yourweddingTop:hover, #yourweddingTopOn{ background:url(images/yourwedding_top_o.png) center 10px no-repeat; }

#ssTop, #ssTopOn{ float: left; display: block; margin-left: 12px; width: 170px; height: 35px; background:url(images/top_ss.png) center 10px no-repeat;  }
#ssTop:hover, #ssTopOn{ background:url(images/top_ss_o.png) center 10px no-repeat; }

#videoTop, #videoTopOn{ float: left; display: block; margin-left: 5px; width: 115px; height: 35px; background:url(images/top_video.png) center 10px no-repeat;  }
#videoTop:hover, #videoTopOn{ background:url(images/top_video_o.png) center 10px no-repeat; }

#drapeTop, #drapeTopOn{ float: left; display: block; margin-left: 5px; width: 120px; height: 35px; background:url(images/top_drape.png) center 10px no-repeat;  }
#drapeTop:hover, #drapeTopOn{ background:url(images/top_drape_o.png) center 10px no-repeat; }

#stagingTop, #stagingTopOn{ float: left; display: block; margin-left: 5px; width: 165px; height: 35px; background:url(images/top_staging.png) center 10px no-repeat;  }
#stagingTop:hover, #stagingTopOn{ background:url(images/top_staging_o.png) center 10px no-repeat; }




#uplightingTop, #uplightingTopOn{ float: left; display: block; margin-left: 12px; width: 95px; height: 35px; background:url(images/top_uplighting.png) center 5px no-repeat;  }
#uplightingTop:hover, #uplightingTopOn{ background:url(images/top_uplighting_o.png) center 5px no-repeat; }

#custommonoTop, #custommonoTopOn{ float: left; display: block; margin-left: 5px; width: 90px; height: 35px; background:url(images/top_custommono.png) center 2px no-repeat;  }
#custommonoTop:hover, #custommonoTopOn{ background:url(images/top_custommono_o.png) center 2px no-repeat; }

#ledTop, #ledTopOn{ float: left; display: block; margin-left: 5px; width: 95px; height: 35px; background:url(images/top_led.png) center 8px no-repeat;  }
#ledTop:hover, #ledTopOn{ background:url(images/top_led_o.png) center 8px no-repeat; }

#pinspotsTop, #pinspotsTopOn{ float: left; display: block; margin-left: 5px; width: 95px; height: 35px; background:url(images/top_pinspots.png) center 8px no-repeat;  }
#pinspotsTop:hover, #pinspotsTopOn{ background:url(images/top_pinspots_o.png) center 8px no-repeat; }

#patternTop, #patternTopOn{ float: left; display: block; margin-left: 5px; width: 90px; height: 35px; background:url(images/top_pattern.png) center 2px no-repeat;  }
#patternTop:hover, #patternTopOn{ background:url(images/top_pattern_o.png) center 2px no-repeat; }

#intelligentTop, #intelligentTopOn{ float: left; display: block; margin-left: 5px; width: 95px; height: 35px; background:url(images/top_intelligent.png) center 2px no-repeat;  }
#intelligentTop:hover, #intelligentTopOn{ background:url(images/top_intelligent_o.png) center 2px no-repeat; }


#irfTop, #irfTopOn{ float: left; display: block; margin-left: 12px; width: 290px; height: 35px; background:url(images/top_irf.png) center 10px no-repeat;  }
#irfTop:hover, #irfTopOn{ background:url(images/top_irf_o.png) center 10px no-repeat; }

#contactinfoTop, #contactinfoTopOn{ float: left; display: block; margin-left: 5px; width: 290px; height: 35px; background:url(images/top_contactinfo.png) center 10px no-repeat;  }
#contactinfoTop:hover, #contactinfoTopOn{ background:url(images/top_contactinfo_o.png) center 10px no-repeat; }











#buttonsDiv{ width: 550px; margin-left: auto; margin-right: auto; margin-top: 60px; }

#projectors{ float: left; display: block; margin-left: 5px; width: 156px; height: 20px; background:url(images/button_projectors.png) no-repeat;  }
#projectors:hover{ background:url(images/button_projectors_o.png) no-repeat; }

#plasma{ float: right; display: block; margin-left: 5px; width: 235px; height: 20px; background:url(images/button_plasma.png) no-repeat;  }
#plasma:hover{ background:url(images/button_plasma_o.png) no-repeat; }

#screens{ float: left; display: block; margin-left: 5px; width: 156px; height: 20px; background:url(images/button_screens.png) no-repeat;  }
#screens:hover{ background:url(images/button_screens_o.png) no-repeat; }

#dvd{ float: right; display: block; margin-left: 5px; width: 235px; height: 20px; background:url(images/button_dvd.png) no-repeat;  }
#dvd:hover{ background:url(images/button_dvd_o.png) no-repeat; }

#smallsound{ float: left; display: block; margin-left: 5px; width: 224px; height: 20px; background:url(images/button_smallsound.png) no-repeat;  }
#smallsound:hover{ background:url(images/button_smallsound_o.png) no-repeat; }

#mediumsound{ float: right; display: block; margin-left: 5px; width: 234px; height: 20px; background:url(images/button_mediumsound.png) no-repeat;  }
#mediumsound:hover{ background:url(images/button_mediumsound_o.png) no-repeat; }

#largesound{ float: left; display: block; margin-left: 5px; width: 224px; height: 20px; background:url(images/button_largesound.png) no-repeat;  }
#largesound:hover{ background:url(images/button_largesound_o.png) no-repeat; }

#ds{ float: right; display: block; margin-left: 5px; width: 235px; height: 37px; background:url(images/button_ds.png) no-repeat;  }
#ds:hover{ background:url(images/button_ds_o.png) no-repeat; }



div.servicesPopup{ position: absolute; bottom: 12px; left: 12px; display: none; }
div.servicesPopup img{ cursor: pointer; }


#form{ background:url(images/form.png); width: 535px; height: 235px; position: relative; margin: 25px 15px; }

#form input{ background: transparent; border: 0px; font-size: 14px; position: absolute; width: 122px; }

input.submit{ width: 100px; height: 23px; position: absolute; bottom: 5px; right: 22px; border: 0px; background: transparent; cursor: pointer; }


#whoweareBottom, #whoweareBottomOn{ background:url(images/whoweare_bottom.png) center 0px no-repeat; width: 90px; height: 20px; display: block; float: left;  }
#whoweareBottom:hover, #whoweareBottomOn{ background:url(images/whoweare_bottom_o.png) center 0px no-repeat; }

#yourweddingBottom, #yourweddingBottomOn{ background:url(images/yourwedding_bottom.png) center 0px no-repeat; width: 159px; height: 20px; display: block; float: left; }
#yourweddingBottom:hover, #yourweddingBottomOn{ background:url(images/yourwedding_bottom_o.png) center 0px no-repeat; }

#soundsystemsBottom, #soundsystemsBottomOn{ background:url(images/subnav_soundsystems.png) center 0px no-repeat; width: 104px; height: 20px; display: block; float: left;  }
#soundsystemsBottom:hover, #soundsystemsBottomOn{ background:url(images/subnav_soundsystems_o.png) center 0px no-repeat; }

#videoBottom, #videoBottomOn{ background:url(images/subnav_video.png) center 0px no-repeat; width: 55px; height: 20px; display: block; float: left;  }
#videoBottom:hover, #videoBottomOn{ background:url(images/subnav_video_o.png) center 0px no-repeat; }

#drapeBottom, #drapeBottomOn{ background:url(images/subnav_drape.png) center 0px no-repeat; width: 57px; height: 20px; display: block; float: left;  }
#drapeBottom:hover, #drapeBottomOn{ background:url(images/subnav_drape_o.png) center 0px no-repeat; }

#stagingBottom, #stagingBottomOn{ background:url(images/subnav_staging.png) center 0px no-repeat; width: 64px; height: 20px; display: block; float: left;  }
#stagingBottom:hover, #stagingBottomOn{ background:url(images/subnav_staging_o.png) center 0px no-repeat; }

#uplightingBottom, #uplightingBottomOn{ background:url(images/subnav_uplighting.png) center 0px no-repeat; width: 83px; height: 20px; display: block; float: left;  }
#uplightingBottom:hover, #uplightingBottomOn{ background:url(images/subnav_uplighting_o.png) center 0px no-repeat; }

#monogramBottom, #monogramBottomOn{ background:url(images/subnav_monograms.png) center 2px no-repeat; width: 134px; height: 20px; display: block; float: left;  }
#monogramBottom:hover, #monogramBottomOn{ background:url(images/subnav_monograms_o.png) center 2px no-repeat; }

#ledBottom, #ledBottomOn{ background:url(images/subnav_led.png) center 1px no-repeat; width: 90px; height: 20px; display: block; float: left;  }
#ledBottom:hover, #ledBottomOn{ background:url(images/subnav_led_o.png) center 1px no-repeat; }

#pinspotsBottom, #pinspotsBottomOn{ background:url(images/subnav_pinspots.png) center 0px no-repeat; width: 74px; height: 20px; display: block; float: left;  }
#pinspotsBottom:hover, #pinspotsBottomOn{ background:url(images/subnav_pinspots_o.png) center 0px no-repeat; }

#patternBottom, #patternBottomOn{ background:url(images/subnav_pattern.png) center 0px no-repeat; width: 112px; height: 20px; display: block; float: left;  }
#patternBottom:hover, #patternBottomOn{ background:url(images/subnav_pattern_o.png) center 0px no-repeat; }

#intelligentBottom, #intelligentBottomOn{ background:url(images/subnav_intelligent.png) center 0px no-repeat; width: 128px; height: 20px; display: block; float: left;  }
#intelligentBottom:hover, #intelligentBottomOn{ background:url(images/subnav_intelligent_o.png) center 0px no-repeat; }



#irfBottom, #irfBottomOn{ background:url(images/bottom_irf.png) center 1px no-repeat; width: 169px; height: 20px; display: block; float: left;  }
#irfBottom:hover, #irfBottomOn{ background:url(images/bottom_irf_o.png) center 1px no-repeat; }

#contactinfoBottom, #contactinfoBottomOn{ background:url(images/bottom_contactinfo.png) center 1px no-repeat; width: 95px; height: 20px; display: block; float: left;  }
#contactinfoBottom:hover, #contactinfoBottomOn{ background:url(images/bottom_contactinfo_o.png) center 1px no-repeat; }


	








div.subnavAboutus{ width: auto; height: 17px; position: absolute; left: 17px; top: 40px; display: none;  }
div.subnavServices{ width: auto; height: 17px; position: absolute; left: 120px; top: 40px; display: none; }
div.subnavLighting{ width: auto; height: 17px; position: absolute; left: 225px; top: 40px; display: none; }
div.subnavGallery{ width: auto; height: 17px; position: absolute; left: 320px; top: 40px; display: none; }
div.subnavContact{ width: auto; height: 17px; position: absolute; left: 460px; top: 40px; display: block; }











#clear{ clear: both; }