/* RESET */
a, a:link, a:visited, a:hover, a:active {text-decoration: none; margin: 0; padding: 0; outline:none;}
p, h1, h2, h3, h4, h5, h6, ul, li, form {margin: 0; padding: 0;}
img {border: none; margin: 0; padding: 0;}
/* LAYOUT */
body {background: #323232 url(../images/common/main_bg.jpg) no-repeat top center; color: #cccccc; font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height: 18px; margin: 0; padding: 0; border: none; }
#login {background: #1c1c1c url(../images/common/texture.gif) repeat-x 0 0; border-bottom:1px solid #555555; color:#555555; cursor:pointer; padding:5px 0; text-align:center; text-indent:600px; text-transform:uppercase; font-size: 9px;}
#page { width: 100%; overflow: hidden; }
#wrapper {margin: 0 auto 0 auto; width: 980px; display: table;}

/*TOP*/
#top {width:980px; margin: 23px 0 23px 0;}
h1 {width: 214px; height: 30px; overflow: hidden; background: url(../images/common/omega_logo.png) no-repeat 0 0; margin: 0 0 0 25px;}
h1 span {width: 214px; height: 30px; line-height: 500px; display: block;}
#top_nav {float: right; list-style: none; margin: -33px 0 0 0; background: url(../images/common/folio_nav.png) no-repeat 0 4px; padding: 0 0 0 115px;}
#top_nav:hover {background-position: 0 -33px;}
#top_nav li {display:inline; float: left;}

#top_nav li a {border-right: 1px dotted #666666; padding: 10px 20px 10px 20px; color: #888888; font-size: 12px; float: left; position: relative; font-weight: bold; text-transform: uppercase;}
#top_nav li a:hover {color: #bcd22c;}
#top_nav .last a {border: none;}
#top_nav a span {display:none; font-size: 11px; color: #444444; overflow: hidden; line-height: 100px;}
#top_nav a:hover span {display:none; position: absolute; background: url(../images/common/menu_tip.png) no-repeat 0 0; width: 84px; height: 38px;}
#top_nav a .brand, #top_nav a .online {left: 10px;}
#top_nav a .photography {left: 50px;}
#top_nav a .photography, #top_nav a .packaging {left: 22px;}

/*CONTENT*/
#content {width: 980px; float: left; background: #383838;}
#content_home {width: 980px; float: left; background: #383838; padding: 0 0 25px 0;}
#nav {float: left; list-style: none; width: 980px; background: #2a2a2a;}
#nav .right {float: right;}
#nav li {display: block; float: left; position: relative;}
#nav li a span {padding: 10px 20px 10px 20px; border-right: 1px solid #373737; color: #cccccc; font-size: 11px; background: #2a2a2a; float: left; display: block; text-transform: uppercase; font-weight: bold;}
#nav li a:hover span, #nav li .active span {color: #373737; background: #bcd22c;}

#nav .sub_nav {display: none; float: left;}
#nav .sub:hover .sub_nav {display: block; margin: 38px 0 0 0; border: none; cursor: pointer; position: absolute; z-index: 5000; width: 100px;}
#nav .sub .sub_nav li { background: url(../images/common/bullet.gif) no-repeat 0 0; }
#nav .sub_nav li a span {padding: 10px 10px 10px 26px; line-height: 20px; border-bottom: 1px solid #333333; font-size: 12px; height: 20px; width: 110px; cursor: pointer; margin: 0 !important; border-right: none !important; background: #2a2a2a url(../images/common/bullet.gif) no-repeat scroll 13px 19px; }
#nav .sub_nav li a span:hover, #nav .sub_nav li .active span { color: #373737; background: #bcd22c !important; }
#nav .sub_nav .last_sub a span {border: none !important;}
#nav .sub_nav li span {width: 100px; }

#banner {width: 930px; float: left; padding: 25px;}
h2 {float: left; font-weight: normal; font-size: 19px; line-height: 28px; padding: 0 25px 25px 25px;}
#box1, #box2, #box3 {width: 248px; float: left; background: #444444; padding: 20px 25px 20px 25px; float: left; border: 1px solid #4a4a4a;}
#box1 {margin: 0px 25px 0 25px; padding: 20px 25px 15px 25px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#box1 {margin: 0px 25px 0 25px; padding: 20px 25px 15px 25px;}
}
#box2 {margin: 0px 25px 0 -10px; padding: 20px 25px 129px 25px; background: #444444 url(../images/common/boxes.jpg) no-repeat 12px 115px; }
#box3 {margin: 0px 25px 0 -10px; padding: 20px 25px 8px 25px; background: #444444;}
#box1 h3, #box2 h3, #box3 h3 {color: #bcd22c; padding: 0 0 15px 0; font-size: 20px; font-weight: normal;}
#box3 h3 { background: url(../images/common/divider.gif) repeat-x bottom left; padding: 0 0 17px 0; }
#box1 h3 span, #box2 h3 span, #box3 h3 span {color: #e7e7e7;}
#box1 p, #box2 p, #box3 p { background: url(../images/common/divider.gif) repeat-x 0 0; padding: 10px 0 0 0;}
#box1 a span, #box2 a span, #box3 a span {background: #bcd22c; padding: 2px 9px 2px 10px; color: #2a2a2a; border: none; font-size: 10px; font-weight: bold; display: table; cursor: pointer; float: right; margin: 12px 0 0 0;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#box2 a span, #box3 a span {background: #bcd22c; padding: 2px 9px 2px 10px; color: #2a2a2a; border: none; font-size: 10px; font-weight: bold; display: table; cursor: pointer; float: right; margin: 12px 0 0 0;}
}
#box2 a:hover span, #box3 a:hover span {background: #e7e7e7; color: #2a2a2a;}

/*EXTRA STUFF*/
#box1 a { background: none !important; color: #bcd22c !important; }
#box1 h4 { background: url(../images/common/divider.gif) repeat-x 0 0; padding: 10px 0 6px 0 !important;}
#box1 h4 a { color: #cccccc !important; }
#box1 h4 a:hover { color: #bcd22c !important; }
#box1 p { background: none; padding: 0px 0 10px 0 !important;}

/*LEFT*/
#left {width: 541px; height: 510px; float: left; padding: 0 25px 0 25px; position: relative;}
#left h2 {font-size: 11px; font-weight: normal; line-height: 20px; padding: 25px 0 25px 0 !important; width: 520px;}
#left h2 span {margin: 10px 0 0 0; display: block;}
#left a {color: #bcd22c;}
#left .panel {float: left; width: 541px; overflow: hidden;}
#left .panel h3 {display:none;}
#left .panel p {margin: 10px;}
#left .panel .panel-wrapper {float: left; background: #444444; padding: 20px 20px 20px 20px; position: relative;}
#left .panel .panel-wrapper .bullets {margin: 15px 0 0 10px;}
#left .panel .panel-wrapper .bullets li {float: left; display: inline; background: url(../images/common/bullet.gif) no-repeat 0 7px; padding: 0 0 0 12px; margin: 0 30px 8px 0; width: 180px;}
#left .panel .panel-wrapper li {float: left; display: inline; background: url(../images/common/bullet.gif) no-repeat 0 7px; padding: 0 0 0 12px; margin: 0 30px 8px 0; width: 180px;}
#left .panel .panel-wrapper li a {color: #e7e7e7;}
#left .panel .panel-wrapper li a:hover {color: #ffffff;}
#left .panel .panel-wrapper p {color: #e7e7e7;}

#left .services {float: left; background: #444444; padding: 20px 25px 20px 25px; position: relative;}
#left .services li {float: left; display: inline; background: url(../images/common/bullet.gif) no-repeat 0 7px; padding: 0 0 0 12px; margin: 0 30px 8px 0; width: 200px;}
#left .services li a {color: #e7e7e7;}
#left .services li a:hover {color: #ffffff;}

#left .sitemap {float: left; background: #444444; border: 1px solid #4a4a4a; padding: 20px 25px 20px 25px; position: relative; margin: 30px 0 0 0;}
#left .sitemap li {float: left; display: inline; background: url(../images/common/bullet.gif) no-repeat 0 4px; padding: 0 0 0 12px; margin: 0 30px 8px 0; width: 210px; font-size: 14px;}
#left .sitemap li a {color: #e7e7e7;}
#left .sitemap li a:hover {color: #ffffff;}
#left .sitemap li ul { margin: 10px 0 0 20px;}
#left .sitemap li ul li a {color: # cccccc; font-size: 12px; padding: 5px;}
#left .sitemap li ul li a:hover {background: #3a3a3a;}


#box3 .subscribeForm {float: left; position: relative; margin: 5px 0 0 0;}
#box3 .textField {border: 1px solid #333333; padding: 9px 4px 9px 4px; width: 235px; background: #222222; color: #777777; clear: both; float: left; margin: 4px 0 0 0;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#box3 .textField {border: 1px solid #333333; padding: 9px 4px 9px 4px; width: 235px; background: #222222; color: #777777; clear: both; float: left; margin: 4px 0 0 0;}
}
#box3 .subscribeButton {background: #bcd22c; padding: 5px 3px 4px 3px; color: #2a2a2a; border: none; font-size: 10px; font-weight: bold; margin: 10px 4px 0 0; display: block; cursor: pointer; float: right;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#box3 .subscribeButton {background: #bcd22c; padding: 5px 5px 5px 5px; color: #2a2a2a; border: none; font-size: 10px; font-weight: bold; margin: 14px 4px 0 0; display: block; cursor: pointer; float: right;}
}
#box3 .subscribeButton:hover {background: #e7e7e7; color: #2a2a2a;}

/*RIGHT*/
#right {width: 389px; float: right;}
#myMap {width: 389px; height: 510px; float: left; position: static;}
.map_btn {margin: 25px 0 20px 0 !important;}
#displayText {color: #2a2a2a !important; background: #bcd22c; padding: 5px;}
#office {display: none;}

/*SLIDESHOW*/
div.wrap {width:930px; margin:0 auto; text-align:left;}
div#top div#nav {float:left; clear:both; width:930px; height:52px; margin:22px 0 0;}
div#top div#nav ul {float:left; width:930px; height:52px; list-style-type:none;}
div#nav ul li {float:left; height:52px;}
div#nav ul li a {border:0; height:52px; display:block; line-height:52px; text-indent:-9999px;}
div#header div.wrap { height:261px; padding: 38px 0 0 0;}
div#header div#slide-holder {z-index:0; width:930px; height:300px; position:absolute; margin: -38px 0 0 0;}
div#header div#slide-holder div#slide-runner {width:930px; height:300px; overflow:hidden; position:absolute;}
div#header div#slide-holder img {margin:0; display:none; position:absolute;}
div#header div#slide-holder div#slide-controls {width:930px; display:none; position:absolute; margin: 267px 0 0 0;}
div#header div#slide-holder div#slide-controls p.text {float:left; color:#fff; display:inline; font-size:10px; line-height:16px; margin:15px 0 0 20px; text-transform:uppercase; display: none;}
div#header div#slide-holder div#slide-controls p#slide-nav {float:right; display:inline;}
div#header div#slide-holder div#slide-controls p#slide-nav a {float:left; width:24px; height:24px; display:inline; font-size:11px; margin:0 5px 0 0; line-height:24px; font-weight:bold; text-align:center; text-decoration:none;}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {background: #bcd22c; color: #2a2a2a;}
div#header div#slide-holder div#slide-controls p#slide-nav a {background: #333333; color: #e7e7e7;}

/*SLIDESHOW*/
#right div.wrap {width:389px; margin:0 auto; text-align:left;}
#right div#top div#nav {float:left; clear:both; width:389px; height:52px; margin:22px 0 0;}
#right div#top div#nav ul {float:left; width:389px; height:52px; list-style-type:none;}
#right div#nav ul li {float:left; height:52px;}
#right div#nav ul li a {border:0; height:52px; display:block; line-height:52px; text-indent:-9999px;}
#right div#header div.wrap { height:299px;}
#right div#header div#slide-holder {z-index:40; width:389px; height:299px; position:absolute; margin: -38px 0 0 0;}
#right div#header div#slide-holder div#slide-runner {top:0; left:0; width:389px; height:510px; overflow:hidden; position:absolute; /*padding: 38px 0 0 0;*/}
#right div#header div#slide-holder img {margin:0; display:none; position:absolute;}
#right div#header div#slide-holder div#slide-controls {width:362px; display:none; position:absolute; margin: -31px 0 0 0;}
#right div#header div#slide-holder div#slide-controls p.text {float:left; color:#fff; display:inline; font-size:10px; line-height:16px; margin:15px 0 0 20px; text-transform:uppercase; display: none;}
#right div#header div#slide-holder div#slide-controls p#slide-nav {float:right; display:inline;}
#right div#header div#slide-holder div#slide-controls p#slide-nav a {float:left; width:24px; height:24px; display:inline; font-size:11px; margin:0 5px 0 0; line-height:24px; font-weight:bold; text-align:center; text-decoration:none;}
#right div#header div#slide-holder div#slide-controls p#slide-nav a.on {background: #bcd22c; color: #2a2a2a;}
#right div#header div#slide-holder div#slide-controls p#slide-nav a {background: #333333; color: #e7e7e7;}

/*CODA SLIDER*/
.panel h2.title {margin-bottom: 10px;}
noscript div {background: #e7e7e7; color: #444444; margin: 80px 0; padding: 30px;}
noscript div a {color: #111111;}
.coda-slider-wrapper {}
.coda-slider {background: #444444;}	
.coda-slider, .coda-slider .panel {width: 541px;} 
.coda-slider .panel-wrapper {padding: 10px 0 0 0;}
.coda-slider p.loading {padding: 20px; text-align: center;}
.coda-nav ul {clear: both; display: block; margin: auto; overflow: hidden; float: left; width: 500px !important;}
.coda-nav ul li {display:inline; float: left; margin: 0 1px 0 0;}
.coda-nav ul li a {padding: 7px 20px 7px 20px; color: #cccccc !important; font-size: 11px; background: #2a2a2a; float: left; text-transform: uppercase; font-weight: bold;}
.coda-nav ul li a:hover {color: #2a2a2a !important; background: #bcd22c;}
.coda-nav ul li a.current {color: #dddddd !important; background: #444444;}
.coda-slider-wrapper {clear: both; overflow: auto;}
.coda-slider {float: left; overflow: hidden; position: relative;}
.coda-slider .panel {display: block; float: left;}
.coda-slider .panel-container {position: relative;}	

/*CONTACT FORM*/
.contactForm {float: left; margin: 0 0 0 22px; position: relative; z-index: 999;}
.contactForm .textField {border: 1px solid #dddddd; padding: 7px; width: 350px; background: #e7e7e7; color: #777777; clear: both; float: left; margin: 15px 0 0 0;}
.contactForm .textArea {border: 1px solid #dddddd; padding: 7px; width: 350px; background: #e7e7e7; color: #777777; clear:both; float: left; margin: 15px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
.contactForm .submitButton {background: #bcd22c; padding: 4px 5px 3px 5px; color: #2a2a2a; border: 1px solid #bcd22c; font-size: 10px; font-weight: bold; margin: 10px 0 0 0;}

/*FOOTER*/
#footer {width:930px; float: left; background: #454545; font-size: 11px; padding: 7px 25px 7px 25px;}
#footer h6 {float: left; font-size: 11px; font-weight: normal; margin: 2px 5px 0px 0px; color: #dddddd}
#footer #links {float: left; list-style: none; margin: 0 0 0 -10px; width: 400px;}
#footer #links li {display: inline; float: left;}
#footer #links li a {border-right: 1px dotted #666666; padding: 5px 10px 5px 10px; color: #dddddd; float: left;}
#footer #links li a:hover {color: #bcd22c;}
#footer #links .last a {border: none;}
#address {text-align: center; color: #666666; padding: 7px 0 0 25px; font-size: 11px; float: left;}

#footer #social {float: right; list-style: none;}
#footer #social li {display: inline; float: left; margin-right: 5px;}
#footer #social li a {border:none; float: left;}

/*FLASHCONTENT*/
#flashcontent {width: 960px; padding: 0px 10px; background: #F7F7F7; height: 520px; font-family: Arial; font-size: 12px; display: table; clear: both;}
#right #flashcontent {width: 389px; padding: 0; background: #000000; height: 510px; font-family: Arial, Helvetica, sans-serif; font-size:12px; display: table;}
#flashcontent a {color: #bcd22c;}
.disabled {display: none !important; }

/*FLASHCONTENT_2*/
#flashcontent_2 {width: 280px; background: #444444; height: 165px; font-family: Arial; font-size: 12px; display: table; clear: both; margin: 0 0 0 -25px; }

/*TUMBLR*/
ul#social li.tumblr {width: 20px; height: 20px; overflow: hidden; float: right; margin: 9px 25px 0 0;}
ul#social li.tumblr a span {background: url(../images/common/tumblr.gif) no-repeat 0 0; line-height: 100px; padding: 0 !important;}
ul#social li.tumblr a:hover span {background: url(../images/common/tumblr.gif) no-repeat 0 -20px;}

/*LIGHTBOX*/
#zoom {z-index: 10000;}

/*ADDRESS*/
/*.people {float: left; margin: 25px 0 0 0; width: 260px;}*/
ul.people {list-style: none;}
ul.people li {width: 220px; float: left; margin: 40px 38px 0 0; border-bottom: 1px solid #555555;}
ul.people li span {font-size: 10px; color: #999999; margin: 0 0 0 0 !important;}
ul.people li span.email_link {font-size: 11px; text-transform: uppercase; float: right;}

.bottom_border {border-bottom: 1px solid #555555; padding: 0 0 10px 0;}

/*SEARCH*/
#nav .search {float: right; padding: 7px; width: 245px; height: 22px; margin: 0 10px 0 0;}
#nav .search .search_field {border: none; font-size: 11px;  color: #888888; padding: 4px; width: 170px; height: 15px; float: left; background: #333333; border: 1px solid #3a3a3a;}
#nav .search .search_btn {background: #bcd22c; padding: 5px 9px 5px 10px; color: #2a2a2a; border: none; font-size: 10px; font-weight: bold; display: table; cursor: pointer; float: left;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#nav .search .search_btn {background: #bcd22c; padding: 6px 11px 6px 12px; color: #2a2a2a; border: none; font-size: 10px; font-weight: bold; display: table; cursor: pointer; float: left;}
}
#nav .search .search_btn:hover {background: #e7e7e7; color: #2a2a2a;}

#search_result {color: #999999;}
#search_result h3 {padding: 25px 25px 25px 25px; font-weight: normal; font-size: 18px; margin: 38px 0 0 0; background: #3f3f3f;}
#search_result .result_item {font-size:12px; padding: 20px 25px 20px 25px; border-bottom: 1px solid #444444; display: block;}
#search_result .result_item:hover {background: #444444;}
#search_result .result_item span {clear:both; margin: 5px 0 0 0;}
#search_result .result_item .keyword {font-size: 14px; font-weight: bold; color: #eeeeee; border-bottom: 1px dotted #cccccc;}
#search_result .result_item span a {color: #bcd22c; padding: 10px 0 20px 0;}

div#right.blackbox { background: #000000; padding: 5px; width: 359px; height: 492px; margin: 10px; }
.newboxes { clear: both; }
.newboxes a { font-size: 11px; color: #757575; line-height: 125%; display: block; padding: 10px; height: 103px; }
.newboxes a:hover { background: #181818; color: #FFFFFF; padding: 10px 15px 10px 10px; }
.newboxes a img { float: left; margin-right: 15px; max-width: 138px; max-height: 103px; }
.newboxes a:hover img { border: 5px solid #000000; max-width: 128px; max-height: 93px; }
.newboxes a strong { color: #BCD22C; font-size: 12px; display: block; font-weight: bold; margin: 5px 0px; }
.newboxes a span { color: #BCD22C; }

/*NEWSLETTER SLIDER*/
.slideBox { width: 215px; background: #bcd22c; float: right; position: relative; padding: 20px; margin: 77px -255px 0 0; z-index: 1000; }
.slider_tab { background: #222222 url(../images/common/newsletter_tab.gif) no-repeat 0 0; width: 30px; height: 110px; position: absolute; margin: 0 0 0 -50px; display: block; }
.subscribeForm { display: block; float: left; width: 250px; }
.subscribeForm .textField { border: 1px solid #eeeeee; color: #777777; background: #ffffff; padding: 5px; margin: 0 0 5px 0; float: left; width: 180px; }
.subscribeForm .subscribeButton { background: #222222; color: #eeeeee; border: 1px #333333; float: left; clear: both; padding: 5px; margin: 5px 0 0 0; }
.slider_description { color: #222222; margin: 0 0 10px 0; }

/* SLIDER */
.arrow {background: url(../images/arrows.gif) no-repeat 0 0; line-height: 500px; width: 103px; height: 21px; overflow: hidden; display: block; float: left; position: absolute; opacity: 0.7; filter:alpha(opacity=70);}
.up {margin: -30px 0 0 70px !important;}
.down {background-position: 0 -21px !important; margin: 104px 0 0 70px !important;}
#customers {width: 250px; height: 80px; float: left; overflow: hidden; margin: 42px 0 43px 0;}
#customers a span, #customers a:hover span {border: none; background: none;}

.sample {width: 250px; float: left;}
.sample img {float: left;}
.sample img {width: 250px;}
.sample .thumbnail {opacity: 0.5; filter: alpha(opacity=50);}

h3.viewfolio {width: 88px; height: 29px; overflow: hidden; display: block; background: url(../images/common/view_folio.gif) no-repeat 0 0;}
h3.viewfolio a span {font-size: 13px; font-weight: normal; width: 88px; height: 29px; display: block; overflow: hidden; line-height: 200px;}

#left h2.address {font-size: 13px;}
#left h2.brief {background: #333333; padding: 15px 15px 15px 15px !important; margin: 5px 0 0 0;}
#left h2.brief:first-child {margin: 20px 0 0 0;}
#left h2.brief:hover {background: #444444;}