@charset "UTF-8";
html {}
body {background:url(../images/bg_fade.png) repeat-x; height:100%; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; }
div#outer {margin:auto; width:960px; padding-bottom:20px;}
div#header {background:url(../images/header-bg.png) no-repeat; height:107px; margin-bottom:7px; position:relative;}

div#content-cap {background:url(../images/content-gradient-cap.png) no-repeat; height:11px; position:relative;}
div#content-outer {background:url(../images/content-gradient-ds.png) repeat-y;padding:0 9px 0 10px;}
div#content {background:url(../images/content-gradient.png) repeat-x #f0f0f0; height:1192px; padding:40px 0 30px 20px;}

div#returnhome {position:absolute; height:44px; width:144; left: 29px; top: 62px;}

/*** Adjusting content background heights ***/

div#content-aboutus {background:url(../images/content-gradient.png) repeat-x #f0f0f0; height:2400px;padding:40px 0 30px 20px; }
div#content-news {background:url(../images/content-gradient.png) repeat-x #f0f0f0; height:3270px;padding:40px 0 30px 20px; }
div#content-legal {background:url(../images/content-gradient.png) repeat-x #f0f0f0; height:3820px;padding:40px 0 30px 20px; }
div#content-contact {background:url(../images/content-gradient.png) repeat-x #f0f0f0; height:700px;padding:40px 0 30px 20px; }
div#content-agencies {background:url(../images/content-gradient.png) repeat-x #f0f0f0; height:1130px;padding:40px 0 30px 20px; }
div#content-tech {background:url(../images/content-gradient.png) repeat-x #f0f0f0; height:4400px;padding:40px 0 30px 20px; }
div#content-film {background:url(../images/content-gradient.png) repeat-x #f0f0f0; height:2800px;padding:40px 0 30px 20px; }
div#content-minority-report {background:url(../images/content-gradient.png) repeat-x #f0f0f0; height:2730px;padding:40px 0 30px 20px; }
div#content-star-trek {background:url(../images/content-gradient.png) repeat-x #f0f0f0; height:1000px;padding:40px 0 30px 20px; }
div#content-island {background:url(../images/content-gradient.png) repeat-x #f0f0f0; height:800px;padding:40px 0 30px 20px; }
div#content-fast {background:url(../images/content-gradient.png) repeat-x #f0f0f0; height:890px;padding:40px 0 30px 20px; }
div#content-enemy {background:url(../images/content-gradient.png) repeat-x #f0f0f0; height:730px;padding:40px 0 30px 20px; }
div#content-dv {background:url(../images/content-gradient.png) repeat-x #f0f0f0; height:770px;padding:40px 0 30px 20px; }
div#content-app {background:url(../images/content-gradient.png) repeat-x #f0f0f0; height:1800px;padding:40px 0 30px 20px; }
div#content-coming {background:url(../images/content-gradient.png) repeat-x #f0f0f0; height:1300px;padding:40px 0 30px 20px; }
div#content-news-063010 {background:url(../images/content-gradient.png) repeat-x #f0f0f0; height:900px;padding:40px 0 30px 20px; }




/*** end adjusting heights ***/


div#epbanner{padding: 0 0 25px 0; margin:0px;}
div.shareThis{float:right; position:relative; top:-10px; display:inline;}
div.breadcrumbs {font-size:11px; color:#CCCCCC; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; }
div.breadcrumbs a {color:#CCCCCC; text-decoration:none;}
div.breadcrumbs a:hover {color:#98CC0A; text-decoration:none}

div#footer {background:url(../images/footer.png) no-repeat; height:60px; color:#6c6c6c; font-size: 10px; padding:25px 0 0 30px;}
div#footer a {text-decoration: none; color:#6c6c6c;}

div#secondary-nav {position:absolute; right:40px; top:15px; color:#666666; font-size: 11px;}
div#secondary-nav a {text-decoration: none; color:#666666;}
ul#nav {list-style:none; padding:0; margin:0; position:absolute; bottom:0px; right:30px;}

ul#nav li {float:left; margin:0; padding:0 10px 2px 0; }
ul#nav li a {display:block; padding:11px 0 0 10px; text-decoration:none; color:#333333; height:22px; font-size:11px; font-family:Arial, Helvetica, sans-serif;text-transform:uppercase; }
ul#nav li.on { background:url(../images/buttonbg-right.png) no-repeat top right; border-bottom:2px solid #98cc0a; padding: 0 10px 0 0;}
ul#nav li.on a { background:url(../images/buttonbg-left.png) no-repeat top left; color:#4a4a4a;}
ul#nav li a:hover {color:#98cc0a;}


div#titlebarlogo {background:url(../images/logo-bg.png) no-repeat; position:absolute; width:324px; height:76px; right:30px; top:6px;}
div#titlebar {background:url(../images/titlebarwithlogo.png) no-repeat; padding:40px 0 30px 30px;}


div#titlebar-home h1,
div#titlebar h1,
div#title-left h1 {margin:0 0 8px 0; padding:0; font-size:27px; }
div#titlebar-home h2,
div#titlebar h2,
div#title-left h2 {margin:0 0 25px 0; padding:0; font-size: 20px; line-height: 24px; color:#6c6c6c;}

div#title-left,
div#left-col {width:554px; min-height: 1px;}
div#left-col { float:left; padding:15px 0 0 0; background:url(../images/oooii-hr-wide-col.gif) no-repeat top;}
/* div#left-col h3 {color:#98cc0a;font-size: 18px; text-transform: uppercase; margin:0px; padding:20px 0 10px 0;} */
div#right-col {width:285px; float:left; margin-left: 60px; padding:15px 0 0 0; background:url(../images/oooii-hr-small-rtcol.gif) no-repeat top;}
div#right-col-news {width:285px; float:left; margin-left: 60px; padding:0px 0 0 0;}

div#left-col-tech {width:554px; min-height: 1px; margin-top:-19px;}
div#left-col-tech { float:left; padding:0px 0 0 0;}
div#left-col-tech p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999; line-height:18px;} 
div#left-col-tech h3 {color:#98cc0a;font-size: 18px; text-transform: uppercase; margin:0px; padding:20px 0 0px 0;} 








div.sidebox-black-header {background:url(../images/black-sidebox-top.png) no-repeat top; height:100px;}
div.sidebox-black-content {background:url(../images/black-sidebox-bottom.png) no-repeat bottom; height:308px; margin-bottom:20px;}
div.sidebox-gray-header {background:url(../images/gray-sidebox-top.png) no-repeat top; height:100px;}
div.sidebox-gray-content {background:url(../images/gray-sidebox-bottom.png) no-repeat bottom; height:5px}
div.sidebox-gray{background:url(../images/gray-sidebox.png) no-repeat; width:248px; height:281px; margin-bottom:20px;position:relative; padding:18px 18px;}
div.sidebox-gray-overlap{position:absolute; top:158px; left:0;}
div.sidebox-gray h5 {font-size:15px; color:#666666; padding:1px 0 9px 0; margin:6px 0 8px 0; border-bottom: 1px solid #cccccc; font-weight: 700;}
div.sidebox-gray h5.camera {padding-left:30px; background:url(../images/camera-icon.png) no-repeat top left;}
div.sidebox-gray p {font-size: 11px; color:#797979; line-height:18px; margin:0;}
div.sidebox-gray a {font-weight:bold; text-decoration: none; color:#98cc0a; line-height: 26px;}

div.sidebox-gray-location-header {background:url(../images/gray-sidebox-top.png) no-repeat top; height:100px;}
div.sidebox-gray-location-content {background:url(../images/gray-sidebox-bottom.png) no-repeat bottom; height:5px}
div.sidebox-gray-location {background:url(../images/gray-sidebox-216.png) no-repeat; width:248px; height:216px; margin-bottom:0px;position:relative; padding: 18px 18px 0px 18px;}
div.sidebox-gray-location-overlap{position:absolute; top:158px; left:0;}
div.sidebox-gray-location h5 {font-size:18px; color:#666666; padding:1px 0 9px 0; margin:0px 0 8px 0; border-bottom: 1px solid #cccccc; font-weight: 700;}
div.sidebox-gray-location h5.camera {padding-left:30px; background:url(../images/camera-icon.png) no-repeat top left;}
div.sidebox-gray-location p {font-size: 11px; color:#797979; line-height:18px; margin:0;}
div.sidebox-gray-location a {font-weight:bold; text-decoration: none; color:#98cc0a; line-height: 26px;}

div.sidebox-gray-clients-header {background:url(../images/gray-sidebox-top.png) no-repeat top; height:100px;}
div.sidebox-gray-clients-content {background:url(../images/gray-sidebox-bottom.png) no-repeat bottom; height:5px}
div.sidebox-gray-clients {background:url(../images/gray-sidebox-327.png) no-repeat; width:248px; height:327px; margin-bottom:20px;position:relative; padding:18px 18px;}
div.sidebox-gray-clients-overlap{position:absolute; top:158px; left:0;}
div.sidebox-gray-clients h5 {font-size:18px; color:#666666; padding:1px 0 9px 0; margin:0px 0 8px 0; border-bottom: 1px solid #cccccc; font-weight: 700;}
div.sidebox-gray-clients h5.camera {padding-left:30px; background:url(../images/camera-icon.png) no-repeat top left;}
div.sidebox-gray-clients p {font-size: 11px; color:#797979; line-height:18px; margin:0;}
div.sidebox-gray-clients a {font-weight:bold; text-decoration: none; color:#98cc0a; line-height: 26px;}

div.sidebox-gray-clients-agencies  {background:url(../images/oooii_our_technology_clients.png) no-repeat top; height:587px;}
div.sidebox-gray-clients-agencies h5 {font-size:18px; color:#666666; padding:20px 0 9px 0px; margin:0px 18px 8px 18px; border-bottom: 1px solid #cccccc; font-weight: 700;}
div.sidebox-gray-clients-agencies p {font-size: 11px; color:#797979; line-height:18px; margin:0;}
div.sidebox-gray-clients-agencies a {font-weight:bold; text-decoration: none; color:#98cc0a; line-height: 26px;}



div.sideboxtop-black-header {background:url(../images/black-sidebox-top.png) no-repeat top; height:100px;}
div.sideboxtop-black-content {background:url(../images/black-sidebox-bottom.png) no-repeat bottom; height:308px; margin-bottom:20px;}
div.sideboxtop-gray-header {background:url(../images/gray-sidebox-top.png) no-repeat top; height:100px;}
div.sideboxtop-gray-content {background:url(../images/gray-sidebox-bottom.png) no-repeat bottom; height:5px}
div.sideboxtop-gray{background:url(../images/gray-sidebox.png) no-repeat; width:248px; height:281px; margin-bottom:0px;position:relative; padding:18px 18px 0px 18px;}
div.sideboxtop-gray-overlap{position:absolute; top:158px; left:0;}
div.sideboxtop-gray h5 {font-size:15px; color:#666666; padding:1px 0 9px 0; margin:6px 0 8px 0; border-bottom: 1px solid #cccccc; font-weight: 700;}
div.sideboxtop-gray h5.camera {padding-left:30px; background:url(../images/camera-icon.png) no-repeat top left;}
div.sideboxtop-gray p {font-size: 11px; color:#797979; line-height:18px; margin:0;}
div.sideboxtop-gray a {font-weight:bold; text-decoration: none; color:#98cc0a; line-height: 26px;}



div.sidebox-black{background:url(../images/black-sidebox.png) no-repeat ;width:248px; height:332px; margin-bottom:20px; padding:25px 18px 12px 18px; position:relative;}
div.sidebox-black h5 {font-size: 18px; color:#9b9b9b; padding:0 0 10px 0; border-bottom: 1px solid #525252; margin:0 0 13px 0; text-transform: uppercase;}
div.sidebox-black h6 {font-size:12px; color:#57781F; margin:8px 0 0px 0;line-height: 18px; background:url(../images/green-arrow.png) no-repeat 0 4px;)}
div.sidebox-black div.on h6 {background:url(../images/white-arrow.png) no-repeat 0 5px;)}
div.sidebox-black div.on h6,
div.sidebox-black div.on p,
div.sidebox-black div.on p a,
div.sidebox-black a.on,
div.sidebox-black div.on h6 a,
div.sidebox-black p.expand {color:#FFFFFF;}
div.sidebox-black p {line-height: 18px; margin:0; font-size:11px; color:#57781F}
div.sidebox-black p.date {}
div.sidebox-black p.hide {display:none;}
div.sidebox-black p.seeall {border-top:1px solid #353535; margin: 13px 0 0 0; padding:8px 0 0 0; font-size: 12px; width:248px; position:absolute; bottom:8px;}
div.sidebox-black p.seeall a {text-decoration: none; font-weight: bold:}
div.sidebox-black a {color:#57781F;}
div.sidebox-black h6 a {text-decoration: none;}
div.sidebox-black p.on a {font-weight: bold;}

div.sidebox-black h6,
div.sidebox-black p {padding-left:15px;}







/*** News Items ***/

div.newsitem {border-bottom:1px solid #e3e3e3; padding-bottom:8px;}
div.newsitem H2 {padding-bottom:8px; margin:20px 0 0px 0;}
div.newsitem h3 {color:#98cc0a;font-size: 18px; text-transform: uppercase; margin:0px; padding:20px 0 5px 0;}
div.newsitem h4 {font-size:12px; margin:0px; padding:0px 0 5px 0; color:#797979;}
div.newsitem p {font-size:12px; line-height: 18px; color:#797979;}
div.newsitem a {color:#98cc0a; text-decoration: none; font-weight: bold;}
div.newsitem ul {font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; line-height:16px; padding: 10px 0 0 20px;}
div.newsitem ul li{padding: 0 0 10px 0px;}

div.newsitem-last {padding-bottom:8px;}
div.newsitem-last p {font-size:12px; line-height: 18px; color:#797979;}
div.newsitem-last a {color:#98cc0a; text-decoration: none; font-weight: bold;}
div.newsitem-last h3 {color:#98cc0a;font-size: 18px; text-transform: uppercase; margin:0px; padding:20px 0 5px 0;}
div.newsitem-last h4 {font-size:12px; margin:0px; padding:0px 0 5px 0; color:#797979;}

div.newsitem-story {padding-bottom:8px;}
div.newsitem-story p {font-size:12px; line-height: 18px; color:#797979; margin:0; padding:0px 0 10px 0;}
div.newsitem-story p.copyHeadline {font-size:14px; line-height: 20px; color:#797979; margin:0; padding:0px 0 10px 0; font-weight:bold;}

div.newsitem-story a {color:#98cc0a; text-decoration: none; font-weight: bold;}
div.newsitem-story h3 {color:#98cc0a;font-size: 18px; text-transform: uppercase; margin:0px; padding:20px 0 10px 0;}
div.newsitem-story h4 {font-size:12px; margin:0px; padding:0px 0 5px 0; color:#797979;}
div.newsitem-story ul {font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; line-height:10px; padding: 0px 0 0 20px;}
div.newsitem-story ul li{padding: 0 0 10px 0px;}
div.newsitem-story img {padding:0 0 10px 0;}

ul#pagination {list-style: none; float:left; clear:both; margin:20px 0 0 350px; padding:0;}
ul#pagination li {float:left; margin-right:18px;}
ul#pagination li a {color:#98cc0a; text-decoration:none; font-size: 12px;}
ul#pagination li a.on {text-decoration:underline; color:#666666;}

div.proximity {width:592px; height:200px; background:url(../images/proximity-block.png) no-repeat; margin-bottom:15px;}
div.proximity div {padding:115px 0 0 20px;}
div.proximity h3 {color:#969696; margin:0; padding:0;}
div.proximity span {color:#666666;}
div.proximity p {font-size:11px; color:#adadad; text-transform:uppercase;}
div.proximity p a {text-decoration:none;}

div#prox-lens {margin-top:20px; background:url(../images/proximity-lens.png) no-repeat 20px 50px;}
div#prox-lens a {color:#e02826;}
div#prox-lens span.solutions {color:#e02826;}
div#prox-lens H3 {padding:0 10px 0 0;}
div#prox-ads {background:url(../images/proximity-ads.png) no-repeat 20px 50px;}
div#prox-ads a {color:#662d91;}
div#prox-ads H3 {padding:0 10px 0 0;}
div#prox-hci {background:url(../images/proximity-hci.png) no-repeat 20px 50px;}
div#prox-hci a {color:#f7941e;}
div#prox-hci H3 {padding:0 10px 0 0;}
div#prox-vista {background:url(../images/proximity-vista.png) no-repeat 20px 50px;}
div#prox-vista a {color:#44648d;}
div#prox-vista span.solutions {color:#44648d;}
div#prox-vista H3 {padding:0 10px 0 0;}

/*Homepage Styling*/
div#titlebarlogo-home {background:url(../images/logo-bg.png) no-repeat; position:absolute; width:324px; height:76px; right:30px; top:0px;}
div#titlebar-home {width:760px;}
div#titlebar-home H2 {line-height:2em;}
div#content-outer-home {background:url(../images/content-gradient-ds.png) repeat-y;padding:0 9px 0 11px;}
div#content-cap-home {background:url(../images/home-cap.png) no-repeat; height:6px; margin-top:13px; position:relative;}
div#home-content-top {background:url(../images/home-top-gradient.png) repeat-x; height:357px; margin:0 9px 0 11px;}
div#content-home {background:url(../images/home-gradient.png) repeat-x; height:440px; padding:40px 9px 0 25px; position:relative;}
div#footer-home {width:960px; height:43px; background:url(../images/home-footer.png) no-repeat; color:#6c6c6c; font-size: 10px; padding:25px 0 0 30px;}
div#footer-home a {text-decoration: none; color:#6c6c6c;}
div#content-home div.sidebox-gray {float:left; margin:0 20px 0 0px;}
div#content-home div#last-home-sidebox {margin:0 0px 0 0px;}

div#home-slideshow {position:absolute; top:0px; left:11px; width:640px; height:367px;background-color:#f7f7f7; background:url(../images/oooiii_web_landing_banner_blk.jpg) no-repeat;}
div#home-news {position:absolute;width:264px; height:325px; left:655px;}

div#content-cap-home div.sidebox-black {background:none; margin: 0;}
div#home-slideshow div.overlay {position: absolute; height:75px; width:640px; top:260px;background-color:black;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
 }
div#home-slideshow h1 {font-size: 20px; color:#FFFFFF; position:absolute; top:250px; padding:15px 20px;  }
div#home-slideshow h1 span#miniheader {font-size:14px; font-weight: normal;}

div#slideshow div {display:none;}
div#slideshow div.active,
div#slideshow div.overlay {display:block;}
div#slideshow div.active {width:640px; height:367px;}

div#slideshow ul.slideshow-navigator {position:absolute; right:30px; top:20px;}
div#slideshow ul.slideshow-navigator {list-style:none; margin:0; padding:0;}
div#slideshow ul.slideshow-navigator li {float:left; margin-left:10px; background:url(../images/ss-inactive.png) no-repeat; text-indent: -9000px; width:20px; height:20px;}
div#slideshow ul.slideshow-navigator li.active {background:url(../images/ss-active.png) no-repeat;}

/*end homepage styling*/

/* Ad Agencies */
div#adagencies-slideshow {position:relative; top:0px; left:0px; background:url(../images/adagencies_banner_bg.jpg) no-repeat; width:897px; height:368px;background-color:#f7f7f7; padding: 0 0 25px 0; margin:0px;}

div#slideshow-agencies h1 {font-size: 20px; color:#FFFFFF; position:absolute; top:245px; padding:15px 20px;  }
div#slideshow-agencies h1 span#miniheader {font-size:14px; font-weight: normal;}

div#slideshow-agencies div {display:none;}
div#slideshow-agencies div.active,
div#slideshow-agencies div.overlay {display:block;}
div#slideshow-agencies div.active {width:897px; height:368px;}

div#slideshow-agencies ul.slideshow-navigator {position:absolute; right:30px; top:20px;}
div#slideshow-agencies ul.slideshow-navigator {list-style:none; margin:0; padding:0;}
div#slideshow-agencies ul.slideshow-navigator li {float:left; margin-left:10px; background:url(../images/ss-inactive.png) no-repeat; text-indent: -9000px; width:20px; height:20px;}
div#slideshow-agencies ul.slideshow-navigator li.active {background:url(../images/ss-active.png) no-repeat;}

div#slideshow-agencies div.overlay {position: absolute; height:75px; width:897px; top:260px;background-color:black;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
 }
/* End Ad Agencies */

/* Legal */
div.legal {padding-bottom:8px;}
div.legal p {font-size:12px; line-height: 18px; color:#797979; margin:0; padding:0px 0 10px 0;}
div.legal p.copyHeadline {font-size:14px; line-height: 20px; color:#797979; margin:0; padding:0px 0 10px 0; font-weight:bold;}

div.legal a {color:#98cc0a; text-decoration: none; font-weight: bold;}
div.legal h5 {font-size:12px; margin:0px; padding:10px 0 5px 0; color:#666666;}
div.legal ul {font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; line-height:10px; padding: 0px 0 0 20px;}
div.legal ul li{padding: 0 0 10px 0px;}
div.legalimg {padding:0 0 10px 0;}