/*
 * c-css by U4EA Technologies - Allan Jardine
 * Version:       1.2.php.3
 * Browser:        0
 * Browser group: 
 */
body { margin: 40px 10px; background-image:url(../images/background.jpg); }
#header { position: fixed; top: 0; left: 0; z-index: 5; background-image:url(../images/center_background.png); background-repeat:repeat-x; width: 3000px; height:69px; }
#header-left { position: fixed; top: 0; left: 0; z-index: 5; }
#header-right { position: fixed; background-image:url(../images/right_menu.png); height:103px; width:504px; float:right; top: 0; right: 0px; z-index: 5; }
#music_videos{ left: 324px; top: 5px; position: absolute; z-index:10; width: 68px; height: 0px; }
#narrative{ left: 489px; top: 5px; position: absolute; z-index:10; width: 68px; height: 0px; }
#commercials{ left: 623px; top: 5px; position: absolute; z-index:10; width: 68px; height: 0px; }
#reel{ left: 324px; top: 23px; position: absolute; z-index:10; width: 68px; height: 0px; }
#photography{ left: 540px; top: 23px; position: absolute; z-index:10; width: 68px; height: 0px; }
#me{ left: 326px; top: 15px; position: absolute; z-index:10; width: 360px; height: 14px; }
#signature{ left: 583px; top: 427px; position: absolute; z-index:10; width: 68px; height: 0px; }
#blog{ left: 324px; top: 39px; position: absolute; z-index:10; width: 68px; height: 0px; }
#music_videos_f{ left: 259px; top: 243px; position: absolute; z-index:10; width: 68px; height: 0px; }
#narrative_f{ left: 424px; top: 243px; position: absolute; z-index:10; width: 68px; height: 0px; }
#commercials_f{ left: 558px; top: 243px; position: absolute; z-index:10; width: 68px; height: 0px; }
#reel_f{ left: 259px; top: 261px; position: absolute; z-index:10; width: 68px; height: 0px; }
#photography_f{ left: 475px; top: 261px; position: absolute; z-index:10; width: 68px; height: 0px; }
#me_f{ left: 453px; top: 277px; position: absolute; z-index:10; width: 68px; height: 0px; }
#blog_f{ left: 259px; top: 277px; position: absolute; z-index:10; width: 68px; height: 0px; }
#autograph{ left: 531px; top: 293px; position: absolute; z-index:10; width: 68px; height: 0px; }
#title{ left: 70px; top: 25px; position: relative; z-index:10; width: 800px; height: 0px; text-align: right; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-transform:uppercase; font-weight:bold; color:#FFF; }
#agency{ left: 257px; top: 6px; position: absolute; z-index:15; width: 22px; height: 14px; }
#vimeo{ left: 194px; top: 15px; position: absolute; z-index:15; width: 12px; height: 0px; }
#youtube{ left: 252px; top: 15px; position: absolute; z-index:15; width: 49px; height: 18px; }
#flickr{ left: 311px; top: 15px; position: absolute; z-index:15; width: 35px; height: 19px; }
#twitter{ left: 364px; top: 15px; position: absolute; z-index:15; width: 37px; height: 17px; }
#facebook{ left: 433px; top: 15px; position: absolute; z-index:15; width: 36px; height: 22px; }
div#Content { width:800px; margin-left: auto; margin-right: auto; text-align:left; }
div#container { position: relative; width: 1200px; height:100%; margin-left: auto; margin-right: auto; }
*html #header { position: absolute; top: expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop : document.body.scrollTop); }
#video-background { position:relative; width:1078px; height:603px; background-image:url(../images/video_background.png); background-repeat:no-repeat; top: -20px; left: 45px; }
#video-iframe { position: absolute; top:14px; left:110px; margin-left: auto; margin-right: auto; }
#intro_iframe { position: relative; top:14px; margin-left: auto; margin-right: auto; }
div#bigimage-holder { position:absolute; top: 212px; left: -10px; }
div#bigimage { position:absolute; text-align: center; top: 0px; left: 0px; }
div#bigimage-video { position:absolute; top: 0px; left: 0px; }
.fade div { position: absolute; top: 0px; left: 0px; display: none; }
div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 30; }
div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; }
div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('../images/fancy_progress.png') no-repeat; }
div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 20px 20px 40px 20px; margin: 0; background: transparent; display: none; }
div#fancy_inner { position: relative; width:100%; height:100%; background: transparent; }
div#fancy_content { margin: 0; z-index: 100; position: absolute; }
div#fancy_div { background: #000; color: #FFF; height: 100%; width: 100%; z-index: 100; }
img#fancy_img { position: absolute; top: 0; left: 0; border:0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%; }
#fancy_frame { position: relative; width: 100%; height: 100%; display: none; }
#fancy_ajax { width: 100%; height: 100%; overflow: auto; }
a#fancy_left, a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url("data:image/gif;base64,AAAA"); outline: none; overflow: hidden; }
a#fancy_left { left: 0px; }
a#fancy_right { right: 0px; }
span.fancy_ico { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block; }
span#fancy_left_ico { left: -9999px; background: transparent url('../images/fancy_left.png') no-repeat; }
span#fancy_right_ico { right: -9999px; background: transparent url('../images/fancy_right.png') no-repeat; }
a#fancy_left:hover, a#fancy_right:hover { visibility: visible; background-color: transparent; }
a#fancy_left:hover span { left: 20px; }
a#fancy_right:hover span { right: 20px; }
#fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }
div#fancy_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0; }
div.fancy_bg { position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0; }
div#fancy_bg_n { top: -20px; left: 0; width: 100%; height: 20px; background: transparent url('../images/fancy_shadow_n.png') repeat-x; }
div#fancy_bg_ne { top: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('../images/fancy_shadow_ne.png') no-repeat; }
div#fancy_bg_e { right: -20px; height: 100%; width: 20px; background: transparent url('../images/fancy_shadow_e.png') repeat-y; }
div#fancy_bg_se { bottom: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('../images/fancy_shadow_se.png') no-repeat; }
div#fancy_bg_s { bottom: -20px; left: 0; width: 100%; height: 20px; background: transparent url('../images/fancy_shadow_s.png') repeat-x; }
div#fancy_bg_sw { bottom: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('../images/fancy_shadow_sw.png') no-repeat; }
div#fancy_bg_w { left: -20px; height: 100%; width: 20px; background: transparent url('../images/fancy_shadow_w.png') repeat-y; }
div#fancy_bg_nw { top: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('../images/fancy_shadow_nw.png') no-repeat; }
div#fancy_title { position: absolute; z-index: 100; display: none; }
div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 3px; white-space: nowrap; }
div#fancy_title table { margin: 0 auto; }
div#fancy_title table td { padding: 0; vertical-align: middle; }