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

body {font-family: Tahoma, sans-serif;color:#FFF;background-color:#161115;padding: 0px;margin: 0px;border: none; font-size:12px; overflow-x: hidden;}
img {border: none;}
a {color: #FFF; text-decoration:underline;}
p { line-height:16px; letter-spacing:1px; text-indent:10px;}
a:hover {color:#CCC;}
h1 {font-size: 16px; font-weight: 100; color: #CCC; text-decoration:underline;}
h2 {font-size: 14px; font-weight: 100; color: #CCC; text-decoration:underline;}
h3 {font-size: 25px; font-weight: 100; color: #fff; text-decoration:none; padding:0; margin:0;}
#wrapper1 {text-align: left;width: 934px;height: auto; margin-left: auto;margin-right: auto;}
#wrapper2 {text-align: left;width: 900px;height: auto; margin-left: auto;margin-right: auto;}
.prop {height:700px;float:right;width:1px;}
.clear {clear:both;height:1px;overflow:hidden;}
#top_nav {background: url(../images/top_nav/top_nav_background.gif) repeat-x; height: 31px;}
#top_nav img {padding: 4px;}
#top_nav p {margin: 0; padding: 6px;}
.mini_head h1 {margin: 0px; padding:0px; line-height:0px; text-decoration:none; font-size:14px; float:left;}
#top_nav form {margin: -2px 0 0 0;}
.mini_head {height: 25px; padding: 15px 0 0 0; text-align: left; font-size: 14px; }
.movie {float:left; margin: 39px 0 0 0;}
.awards{position: absolute; margin: -262px 0 0 855px; border-right: 1px solid #da0000;border-top: 1px solid #da0000;border-bottom: 1px solid #da0000;}
.home {background: url(../images/main_nav/sidenavs/homebtn.png) no-repeat; height: 39px;}
.console_nav {width: 855px;}
.testimonials {background: url(../images/main_nav/frame/featured/border.png) no-repeat; padding: 10px;}
#featured_nav {background: url(../images/main_nav/frame/frame.png) no-repeat; width: 855px; height: 270px; border: none; }
#bottom_nav {
}
#container {}
#sitemap {width: 500px; padding: 20px; float: left;}
#footer {border-top: 1px solid #333; border-bottom:1px solid #333; width:100%; padding: 30px 0; text-align:center; margin-bottom: 40px; float:left;}

table#content td {padding:10px; border-top:1px solid #333;}
#twitter_feed { background:url(../images/layout/tweet_background.jpg) no-repeat;font-size: 11px; padding: 8px 25px; height: 44px; width: 373px;}

table#services h1 {color:#999; font-size: 26px; text-shadow: 0px 1px 0px #ccc; text-decoration:none; font-weight:lighter; font-family:Arial, Helvetica, sans-serif;}
table#services h2 {color:#CCC; font-size: 18px;  text-decoration:none;}
table#services h3 {font-size:18px;}

.head_title {font-size: 14px; float:left;}
.title {color: #999; font-size: 26px; text-decoration:none; text-shadow: #000 0 1px 1px; }

.floatleft {float:left;}
.floatright {float:right;}
.contact_info {font-size: 12px; color: #993;}
.numbers li {list-style:decimal; font-weight:500;}
/*Top Nav Form*/
#top_nav form{float:right; padding: 3px;}
#top_nav input {background: url(../images/top_nav/form/input_background.gif);height:20px;color:#CCC;border:1px solid #ddd;-moz-border-radius:0.4em;-khtml-border-radius:0.4em;}
#top_nav input:hover, #top_nav input:focus {border-color:#39F;background:#000;}

#popular_search {list-style:none; list-style-image:none; list-style-type: none;}
#popular_search li { list-style:none; list-style-image: none; list-style-type: none; line-height:30px; float:left; margin-left: 5px; margin-top:5px;}
#popular_search a {border: 1px solid #666; border-bottom: 1px solid #CCC; padding: 4px 7px; -webkit-border-radius: 20px;-moz-border-radius: 20px; text-decoration:none; background: url(../images/featured/searches/button.jpg) repeat-x; color:#FFF; text-shadow: #000 0 1px 0;}
#popular_search a:hover {text-decoration:none; background: url(../images/featured/searches/hover.jpg) repeat-x; color:#FFF; text-shadow: #000 0 1px 0;}
#no_line {text-decoration:none;}
#no_line a {text-decoration:none;}
.services {width: 100%; -webkit-border-radius: 20px;-moz-border-radius: 20px; border:1px solid #FC0; padding: 10px 10px 0 10px; background:#333; margin: 8px 0;}
.services:hover {background: #000;}
.services img {float:left; padding: 0 10px 10px 0; -webkit-border-radius: 10px;-moz-border-radius: 10px; overflow:hidden; background:#000; margin-right: 10px;}
.services h2 {line-height: 0;}
.services p {line-height: 15px; padding:0;}


/*Featured Pages */

/* Shadowbox CSS */

#sb-container,#sb-wrapper{text-align:left;}#sb-container,#sb-overlay{position:absolute;top:0;left:0;width:100%;margin:0;padding:0;}#sb-container{height:100%;display:none;visibility:hidden;z-index:999;}body>#sb-container{position:fixed;}#sb-overlay{height:expression(document.documentElement.clientHeight+'px');}#sb-container>#sb-overlay{height:100%;}#sb-wrapper{position:relative;}#sb-wrapper img{border:none;}#sb-body{position:relative;margin:0;padding:0;overflow:hidden;border:1px solid #303030;}#sb-body-inner{position:relative;height:100%;}#sb-content.html{height:100%;overflow:auto;}#sb-loading{position:absolute;top:0;width:100%;height:100%;text-align:center;padding-top:10px;}#sb-body,#sb-loading{background-color:#060606;}#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}#sb-title-inner,#sb-info-inner{position:relative;font-family:'Lucida Grande',Tahoma,sans-serif;line-height:16px;}#sb-title,#sb-title-inner{height:26px;}#sb-title-inner{font-size:16px;padding:5px 0;color:#fff;}#sb-info,#sb-info-inner{height:20px;}#sb-info-inner{font-size:12px;color:#fff;}#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;}#sb-nav-close{background-image:url(../images/shadowbox/resources/close.png);background-repeat:no-repeat;}#sb-nav-next{background-image:url(../images/shadowbox/resources/next.png);background-repeat:no-repeat;}#sb-nav-previous{background-image:url(../images/shadowbox/resources/previous.png);background-repeat:no-repeat;}#sb-nav-play{background-image:url(../images/shadowbox/resources/play.png);background-repeat:no-repeat;}#sb-nav-pause{background-image:url(../images/shadowbox/resources/pause.png);background-repeat:no-repeat;}#sb-counter{float:left;padding:2px 0;width:45%;}#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}#sb-counter a.sb-counter-current{text-decoration:underline;}div.sb-message{font-family:'Lucida Grande',Tahoma,sans-serif;font-size:12px;padding:10px;text-align:center;}div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}


/* Top Nav Drop Down Menu */


/* Basic code - don't modify */
 
 #nav { display: block; margin: 0; padding: 0; position: relative; z-index:100;}
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative;}
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 122px;  }
#nav ul ul { left: 122px; }

/* Everything else is theming */
 
#nav {background: url(../images/main_nav/upper_nav/btn.png);  height: 40px; border-left: 1px solid #da0000; }
#nav *:hover {color: #FF9;}
#nav a {color: #FFF; font-size: 16px; height: 30px; padding: 10px 0 0 0; text-decoration: none; width: 122px;}
  #nav li.hover a {height: auto; width: 122px; }
  #nav ul { top: 40px; width:auto; }
    #nav ul li a { background-image: url(../images/main_nav/upper_nav/sub_btn.png); font-size: 12px; font-weight:bold; color: #000; height: auto; width: 122px; padding: 10px; text-align:left;}
      #nav ul a.hover { background-color: #fff046; color: #000;}
   #nav ul a { border-bottom: 1px solid #da0000; border-bottom: 1px solid #da0000; border-left: 1px solid #da0000; border-right: 1px solid #da0000; opacity: 0.9; filter: alpha(opacity=90);  }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

/* Bottom Nav Drop Down Menu */


/* Basic code - don't modify */
 
 #navbottom { display: block; margin: 0; padding: 0; position: relative; }
  #navbottom li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative;}
  #navbottom a { display: block; }
  #navbottom ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #navbottom ul { line-height: 0; } /* IE6 "fix" */
  	#navbottom ul a { zoom: 1; } /* IE6/7 fix */
    #navbottom ul li { float: none; }
    #navbottom ul ul { top: 0; }
    
/* Essentials - configure this */

#navbottom ul { width: 122px;  }
#navbottom ul ul { left: 122px; }

/* Everything else is theming */
 
#navbottom {background: url(../images/main_nav/lower_nav/btn.jpg);  height: 40px; border-left: 1px solid #da0000; }
#navbottom *:hover {color: #FF9;}
#navbottom a {color: #FFF; font-size: 16px; height: 30px; padding: 10px 0 0 0; text-decoration: none; width: 122px;}
  #navbottom li.hover a {height: auto; width: 122px; }
  #navbottom ul { top: 40px; width: auto;}
    #navbottom ul li a { background-image: url(../images/main_nav/upper_nav/sub_btn.png); font-size: 12px; font-weight:bold; color: #000; height: auto; padding: 10px; width: 122px; text-align:left;}
      #navbottom ul a.hover { background-color: #fff046; color: #000;}
   #navbottom ul a { border-bottom: 1px solid #da0000; border-bottom: 1px solid #da0000; border-left: 1px solid #da0000; border-right: 1px solid #da0000; opacity: 0.9; filter: alpha(opacity=90);  }

/* #navbottom ul a { border-bottom: none; } - I also needed this for IE6/7 */

/* MINI Nav Drop Down Menu */

/* Basic code - don't modify */
 #minitop { width:285px; z-index:899;}
 
 #minitop { display: block; margin: 0; padding: 0; position: relative; }
  #minitop li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative;}
  #minitop a { display: block; }
  #minitop ul { display: none; position: absolute; left: 0; margin: 0; padding:0; }
  * html #minitop ul { line-height: 0; } /* IE6 "fix" */
  	#minitop ul a { zoom: 1; } /* IE6/7 fix */
    #minitop ul li { float: none; }
    #minitop ul ul { top: 0; }
    
/* Essentials - configure this */

#minitop ul { }
#minitop ul ul {  }

/* Everything else is theming */
 
#minitop {color: #ccc; }
#minitop *:hover {color:#ccc;}
#minitop a {color: #ccc; text-decoration: none; padding: 0 4px; }
  #minitop li.hover a {color:#fff;}
  #minitop ul {color:#ccc; padding: 0 4px; background-image: url(../images/main_nav/upper_nav/sub_btn.png); border-left: 1px solid #da0000; border-right: 1px solid #da0000; border-bottom: 1px solid #da0000; border-top: 1px solid #da0000;}
    #minitop ul li a {color: #ccc;}
      #minitop ul a.hover { color: #000;}
   #minitop ul a {color: #ccc;}

/* #navbottom ul a { border-bottom: none; } - I also needed this for IE6/7 */


/* Basic code - don't modify */
 
 #navbottom { display: block; margin: 0; padding: 0; position: relative; }
  #navbottom li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative;}
  #navbottom a { display: block; }
  #navbottom ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #navbottom ul { line-height: 0; } /* IE6 "fix" */
  	#navbottom ul a { zoom: 1; } /* IE6/7 fix */
    #navbottom ul li { float: none; }
    #navbottom ul ul { top: 0; }
    
/* MINI Nav Drop Down Menu */

/* Basic code - don't modify */
 #foot { width:auto;}
 
 #foot { display: block; margin: 0; padding: 0; position: relative; }
  #foot li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; width: 150px;}
  #foot a { display: block; }
  #foot ul { display: none; position: absolute; left: 0; margin: 0; padding:0; }
  * html #foot ul { line-height: 0; } /* IE6 "fix" */
  	#foot ul a { zoom: 1; } /* IE6/7 fix */
    #foot ul li { float: none; }
    #foot ul ul { top: 0; }
    
/* Essentials - configure this */

#foot ul {}
#foot ul ul {  }

/* Everything else is theming */
 
#foot {color: #fff;  margin:-14px -38px; }
#foot *:hover {color:#fff;}
#foot a {color: #fff; text-decoration: none; padding: 0 4px; }
  #foot li.hover a {color:#fff;}
  #foot ul {color:#ccc; padding: 0 4px; background-color: #000; border-left: 1px solid #da0000; border-right: 1px solid #da0000; border-bottom: 1px solid #da0000; border-top: 1px solid #da0000;}
    #foot ul li a {color: #ccc;}
      #foot ul a.hover { color: #ccc;}
   #foot ul a {color: #ccc;}


/* step carousel */

.stepcarousel{
position: relative; /*leave this value alone*/
border: none;
overflow: scroll; /*leave this value alone*/
width: 835px;
height: 261px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 9px 0 0 0; /*margin around each panel*/
width: 835px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


/*Collapse/Featured Items */

.featured_items {border: 1px solid #ffcc02;/* Do rounding (native in Firefox and Safari) */-webkit-border-radius: 20px;-moz-border-radius: 20px;}
.featured_items:hover {border:1px solid #39F;}
#promo {width:197px;height:110px;float: left; margin: 20px 10px 0 0;}
#prod {width:197px;height:110px;float: left; margin: 20px 10px 0 0;}
#media {width:197px;height:110px;float: left; margin: 20px 10px 0 0;}
#case_study {width:600px;height:110px;float: left; margin: 20px 10px 0 0;}
#case_study img {padding:2px 1px; margin: 0px;}
#case_study h3 {font-size:18px; color: #CCC; border: 1px solid #FC0; padding: 7px; margin: 10px 0;}
.flickr {width:207px; border: 1px solid #ffcc02; padding: 10px;/* Do rounding (native in Firefox and Safari) */-webkit-border-radius: 20px;-moz-border-radius: 20px;}
.rounded {border: 1px solid #ffcc02; padding: 10px;/* Do rounding (native in Firefox and Safari) */-webkit-border-radius: 20px;-moz-border-radius: 20px;}
#left_column_div {color: #CCC;}
#left_column_div h3 {text-shadow: #000 0 1px 0; font-size:14px; font-weight:100;}
.quote {color:#999; font-size:10px; font-weight:100;}
#flickr_overflow {width:207; overflow:hidden;}
table#rss {width:620px; height: auto; overflow:hidden; padding: 5px; float: left; margin: 20px 10px 0 0; text-align:justify; }
table#rss:hover {}
table#rss a {color: #F90; font-size: 10px;}
table#rss a:hover {color: #FC0; text-decoration: underline;}

.collapse_head, .collapse_head a {background: url(../images/featured/collapse_head.jpg) repeat-x; color: #CCC; text-decoration:none; padding: 10px; font-size: 12px; border: 1px solid #333;}
.collapse_head a {border: none; background: none;}
.collapse_head a:hover {color:#FFF;}

.collapse_head2, .collapse_head2 a {background: url(../images/featured/collapse_head.jpg) repeat-x; color: #CCC; text-decoration:none; padding: 10px; font-size: 12px; border: 1px solid #333;}
.collapse_head2 a {border: none; background: none;}
.collapse_head2 a:hover {color:#FFF;}

.collapse_head3, .collapse_head3 a {background: url(../images/featured/collapse_head.jpg) repeat-x; color: #CCC; text-decoration:none; padding: 5px; font-size: 12px; border: 1px solid #333;}
.collapse_head3 a {border: none; background: none;}
.collapse_head3 a:hover {color:#FFF;}
.padstyle5 {padding: 5px 0 5px 5px;}

.collapse_head4, .collapse_head4 a {background:#CCC; width:600px;height:110px; border: 3px solid #ffcc02;/* Do rounding (native in Firefox and Safari) */-webkit-border-radius: 20px;-moz-border-radius: 20px;}
.collapse_head4:hover {border: 3px solid #39F;}
.collapse_head4 a {border: none; background: none;}
.collapse_head4 a:hover {color:#FFF;} 


	/* NIGHT LIFE DIV */
@font-face {
	font-family: 'Lane-NarrowRegular';
	src: url('LANENAR_.eot');
	src: local('Lane - Narrow Regular'), local('Lane-Narrow'), url('LANENAR_.woff') format('woff'), url('LANENAR_.ttf') format('truetype'), url('LANENAR_.svg#Lane-Narrow') format('svg');
}

#night-life h2 {font: 30px 'Lane-NarrowRegular', Arial, sans-serif; color:#ede388; text-decoration:none;}
.nightlife-projects {margin: 80px 0;}
.nightlife-frame {border: 5px solid #333; background: #222; padding: 10px;}
.nightlife-frame img {border: 2px solid #333;}
.nightbox {float:right; width:210px; text-align:left;}
.nightbox li {font: 16px 'Lane-NarrowRegular', Arial, sans-serif; color:#ede388; list-style:none; list-style-image:none; list-style-type:none;}

table#quicklaunch {}
table#quicklaunch .anchor {height: 43px; width: 64px; padding:2px;}
table#quicklaunch a:hover .anchor {border:2px solid #FF6; padding:0; height: 43px; width: 64px;}