body { margin:0; padding:0; font-size:11px; line-height:16px; font-family: Arial, Tahoma;} a { color:#fe5800;} a:hover { text-decoration:none;} .orange { color:#fe5800;} #header { background: url(/images/header_bckg2.gif) repeat-x ; height:125px; } #logo { width:780px; margin:0 auto; padding-top: 2px;} #logo a{ color:#FFFFFF; text-decoration:none; font-weight:bold; height:12px; font-size:20px; text-transform:uppercase;} #logo a:hover { } #menu {color:#fff; text-align:center; margin-top:10px;} #menu ul{ width:780px; margin:0 auto;list-style:none; padding:0; text-align:left;} #menu ul li{display:inline} #menu ul a { display:block; float:left; font-weight:bold; font-size:13px; text-decoration:none; color:#fff; background:url(/images/menu_enactive.gif) no-repeat bottom center; padding:8px 10px; width:118px; text-align:center; text-transform:uppercase;} #menu ul a:hover { background:url(/images/menu_over.gif) no-repeat bottom center; color:#232323;} #menu ul a.active { background:url(/images/menu_active.gif) no-repeat bottom center; color:#232323;} #menu ul a.active:hover { background:url(/images/menu_active.gif) no-repeat bottom center; color:#232323;} #main { width:100%; margin:20px 0 20px 0; float:left;} #main_image { height:150px; background:url(/images/main_bckg.jpg) no-repeat #fe5d00; padding:30px 0 30px 50px; line-height:24px;} #contact { width:100%; margin:20px 0 20px 0; float:left;} #contact_image { height:150px; background:url(/images/contact_bckg.jpg) no-repeat #fe5d00; padding:30px 0 30px 50px; line-height:24px;} #pricing { width:100%; margin:20px 0 20px 0; float:left;} #pricing_image { height:150px; background:url(/images/pricing_bckg.jpg) no-repeat #fe5d00; padding:30px 0 30px 50px; line-height:24px;} #support { width:100%; margin:20px 0 20px 0; float:left;} #support_image { height:150px; background:url(/images/support_bckg.jpg) no-repeat #fe5d00; padding:30px 0 30px 50px; line-height:24px;} #solutions { width:100%; margin:20px 0 20px 0; float:left;} #solutions_image { height:150px; background:url(/images/solutions_bckg.jpg) no-repeat #fe5d00; padding:30px 0 30px 50px; line-height:24px;} #print { width:100%; margin:20px 0 20px 0; float:left;} #print_image { height:150px; background:url(/images/print_bckg.jpg) no-repeat #fe5d00; padding:30px 0 30px 50px; line-height:24px;} #web { width:100%; margin:20px 0 20px 0; float:left;} #web_image { height:150px; background:url(/images/web_bckg.jpg) no-repeat #fe5d00; padding:30px 0 30px 50px; line-height:24px;} #imaging { width:100%; margin:20px 0 20px 0; float:left;} #imaging_image { height:150px; background:url(/images/imaging_bckg.jpg) no-repeat #fe5d00; padding:30px 0 30px 50px; line-height:24px;} #ifaith { width:100%; margin:20px 0 20px 0; float:left;} #ifaith_image { height:150px; background:url(/images/ifaith_bckg.jpg) no-repeat #fe5d00; padding:30px 0 30px 50px; line-height:24px;} #imed { width:100%; margin:20px 0 20px 0; float:left;} #imed_image { height:150px; background:url(/images/imed_bckg.jpg) no-repeat #fe5d00; padding:30px 0 30px 50px; line-height:24px;} #iexhibit { width:100%; margin:20px 0 20px 0; float:left;} #iexhibit_image { height:150px; background:url(/images/iexhibit_bckg.jpg) no-repeat #fe5d00; padding:30px 0 30px 50px; line-height:24px;} #ipublic { width:100%; margin:20px 0 20px 0; float:left;} #ipublic_image { height:150px; background:url(/images/ipublic_bckg.jpg) no-repeat #fe5d00; padding:30px 0 30px 50px; line-height:24px;} #iart { width:100%; margin:20px 0 20px 0; float:left;} #iart_image { height:150px; background:url(/images/iart_bckg.jpg) no-repeat #fe5d00; padding:30px 0 30px 50px; line-height:24px;} #media { width:100%; margin:20px 0 20px 0; float:left;} #media_image { height:150px; background:url(/images/media_bckg.jpg) no-repeat #fe5d00; padding:30px 0 30px 50px; line-height:24px;} #film { width:100%; margin:20px 0 20px 0; float:left;} #film_image { height:150px; background:url(/images/film_bckg.jpg) no-repeat #fe5d00; padding:30px 0 30px 50px; line-height:24px;} #gigsandprofiles { width:100%; margin:20px 0 20px 0; float:left;} #gigsandprofiles_image { height:150px; background:url(/images/gigsandprofiles_bckg.jpg) no-repeat #fe5d00; padding:30px 0 30px 50px; line-height:24px;} #marketing { width:100%; margin:20px 0 20px 0; float:left;} #marketing_image { height:150px; background:url(/images/mktg_bckg.jpg) no-repeat #fe5d00; padding:30px 0 30px 50px; line-height:24px;} #isuitcase { width:100%; margin:20px 0 20px 0; float:left;} #isuitcase_image { height:150px; background:url(/images/isuitcase_bckg.jpg) no-repeat #fe5d00; padding:30px 0 30px 50px; line-height:24px;} #sews { width:100%; margin:20px 0 20px 0; float:left;} #sews_image { height:150px; background:url(/images/sews_bckg.jpg) no-repeat #fe5d00; padding:30px 0 30px 50px; line-height:24px;} #slogan { color:#fff; font-family: "Arial Narrow", Arial, Tahoma; font-size:21px; text-transform:uppercase; } #under_slogan_text { color:#ffff00; font-size:10px; line-height:12px; padding-top:15px;} #content { margin:0 auto; padding:0; width:780px;} #content h1 { margin:20px 0 0 0; text-transform:uppercase; font-size:20px; color:#000; font-weight:normal;} #text {float:left; width:530px; padding-left:20px;} #sidebar { background:url(/images/sidebar_bckg.gif) repeat-x; margin:20px 0 0 560px; color:#6f6e6e; padding:20px; } #sidebar h2 {color:#fe5800; margin:0 0 15px 0; font-size:14px; font-weight:bold; text-transform:uppercase;} #footer {background:url(/images/footer_bckg.gif) repeat-x #3f3e3e 0 2px; height:94px; margin-top:20px; clear:both;} #left_footer { float:left; padding:40px 0 0 30px; color:#FFFFFF; font-weight:bold; font-size:11px;} #left_footer a { color:#FFFFFF;} #left_footer a:hover { text-decoration:none;} #right_footer { float:right; padding:40px 30px 0 0; color:#FFFFFF; font-weight:bold; font-size:11px; text-align:right;} #right_footer a { color:#FFFFFF;} #right_footer a:hover { text-decoration:none;} #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }