/************************************************************************
  Global Reset
************************************************************************/
* margin, padding{ 0;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; font-style:inherit; font-size:100%; line-height:1; font-family:inherit; text-align:left; vertical-align:baseline; }
a img,:link img,:visited img { border:0; }
table { border-collapse:collapse; border-spacing:0; }
ol,ul { list-style:none; }
q:before,q:after,blockquote:before,blockquote:after { content:""; }
strong { font-weight: bold;}
em {font-style: italic;}
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }
a:focus { outline: none;}
a {color: #71716f; text-decoration: underline;} 
body { background: #000 url(../img/bg_primary_nav.png) 0 0 repeat-x;}
#main_wrapper {width: 1024px; margin: 0 auto;}
#video_wrapper {width: 996px; height: 295px; padding: 26px 0 0 28px;}
#logo { float: right; margin: 0 26px 0 0;}
#footer {margin: 0 auto; padding: 29px; text-align: right; display: block; clear: both; color: #333; font:11px Arial, Helvetica, sans-serif;}

/************************************************************************
  Primary Navigation
************************************************************************/
#nav_wrapper {width: 100%; height: 51px; background: url(../img/bg_primary_nav.png) repeat-x; }

/* Menu Body */
ul#menu { width:1024px; height:51px; list-style:none;}
ul#menu li { float:left; }
ul#menu li a { background:url(../img/bg_primary_nav_sprite.png) no-repeat scroll top left; display:block; height:51px; position:relative; }

/* Specify width and background position attributes */
ul#menu li a.home { width:147px; }
ul#menu li a.about { width:147px; background-position:-147px 0; }
ul#menu li a.process { width:146px; background-position:-294px 0; }
ul#menu li a.services { width:146px; background-position:-442px 0; }
ul#menu li a.work { width:146px; background-position:-587px 0; }
ul#menu li a.yourmedia { width:146px; background-position:-734px 0; }
ul#menu li a.contact { width:146px; background-position:-883px 0; }

/* Shift background Active */
ul#menu li a.homeactive { width:147px; background-position:0 -51px; }
ul#menu li a.aboutactive { width:147px; background-position:-147px -51px; }
ul#menu li a.processactive {width:146px;  background-position:-294px -51px; }
ul#menu li a.servicesactive  {width:146px; background-position:-442px -51px; }
ul#menu li a.workactive { width:146px;background-position:-587px -51px; }
ul#menu li a.yourmediaactive  { width:146px; background-position:-734px -51px; }
ul#menu li a.contactactive{ width:146px; background-position:-883px -51px; }

/* Span (on hover) - common attributes */
ul#menu li a span { background:url(../img/bg_primary_nav_sprite.png) no-repeat scroll bottom left; display:block; position:absolute; top:0; left:0; height:100%; width:100%; z-index:100; }

/* Span (on hover) - display pointer */
ul#menu li a span:hover { cursor:pointer; }

/* Shift background */
ul#menu li a.home span { background-position:0 -51px; }
ul#menu li a.about span { background-position:-147px -51px; }
ul#menu li a.process span { background-position:-294px -51px; }
ul#menu li a.services span { background-position:-442px -51px; }
ul#menu li a.work span { background-position:-587px -51px; }
ul#menu li a.yourmedia span { background-position:-734px -51px; }
ul#menu li a.contact span { background-position:-883px -51px; }

/* Shift background Actives */
ul#menu li a.homeactive span { background-position:0 -51px; }
ul#menu li a.aboutactive span { background-position:-147px -51px; }
ul#menu li a.processactive span { background-position:-294px -51px; }
ul#menu li a.servicesactive span { background-position:-442px -51px; }
ul#menu li a.workactive span { background-position:-587px -51px; }
ul#menu li a.yourmediaactive span { background-position:-734px -51px; }
ul#menu li a.contactactive span { background-position:-883px -51px; }

/************************************************************************
  Home Page
************************************************************************/
#textblock {width: 302px; height: 239px; padding: 60px 13px 0 40px; background: #28282a url(../img/bg_sidebox.gif) top repeat-x; float: left; z-index: 100; position: relative; margin: 0 0 0 29px; }
#textblock p { color: #636363; font: 20px Arial, Helvetica, sans-serif; line-height: 30px; font-weight: normal;}


/************************************************************************
  Sub Pages
************************************************************************/
/* Vertical Tabs */
#tabwrapper {width: 750px; padding: 20px 0 0 0; background: url(../img/bg_sidebar_fn.gif) 0 0 no-repeat; margin: 0 0 0 29px;}
#tabheader { margin: 0 0 5px 182px;}
#TabbedPanels1 {float: left; width: 750px; background: url(../img/head_aboutus2.gif) 182px 0 no-repeat;}
.TabbedPanels { float: left; clear: none; width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/ }
.TabbedPanelsTabGroup { margin: 0px; padding: 0px;  }
.TabbedPanelsTab { position: relative; top: 1px;float: left;padding: 4px 10px;margin: 0px 1px 0px 0px;font: bold 0.7em sans-serif; list-style: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; }
.TabbedPanelsTabHover {  }
.TabbedPanelsTabSelected {  }
.TabbedPanelsTab a { color: black; text-decoration: none; }
.TabbedPanelsContentGroup { clear: both; }
.TabbedPanelsContent { padding: 4px;}

.VTabbedPanels .TabbedPanelsTabGroup { float: left; z-index: 100; position: relative; width: 355px; height: 299px; }
.VTabbedPanels .TabbedPanelsTab { float: none; margin: 0px; width: 172px; padding: 0 0 0 182px; color: #fff; font: 16px Arial, Helvetica, sans-serif;line-height: 23px; outline: none; }
.VTabbedPanels .TabbedPanelsTab a { color:#fff; }
.VTabbedPanels .TabbedPanelsTabSelected, .VTabbedPanels .TabbedPanelsTabSelected a { color: #5c5b5b; text-indent:  20px; }

.TabbedPanelsTabSelected #tabheaderimg {margin: 0 0 0 -20px;}

.VTabbedPanels .TabbedPanelsContentGroup { clear: none; float: left; padding: 0px; width: 370px; margin: -5px 0 0 23px; }
.TabbedPanelsContentGroup h2 {font: 16px Arial, Helvetica, sans-serif; color: #fff; letter-spacing: 5px; font-weight: normal; }
.TabbedPanelsContentGroup p {font: 16px Georgia, Palatino, Times, serif; color:#71716f; line-height: 23px; margin: 0 0 10px 0; } 
.TabbedPanelsContentGroup p span {font: 16px Georgia, Palatino, Times, serif; color:#fff; line-height: 23px; margin: 0 0 10px 0; font-style: italic; } 

/************************************************************************
  Demo Reel Video Overlay
************************************************************************/
#colorbox, #cboxOverlay {position:absolute; top:0; left:0; z-index:9999; overflow:hidden; }
#cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; height: 486px; }
#colorbox {position:absolute; top:0; left:0; z-index:9999; overflow:hidden; }
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin:45px; border: 10px solid #545455; background: #000; min-height: 480px;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(../img/ajax-loader.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000; }
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) 0 0 no-repeat;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{right:-33px; top: -33px; text-indent:-9999px; z-index: 100000; width:38px; height:38px; position:absolute; background:url(../img/fancy_closebox.png) 0 0 no-repeat;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}