@charset "UTF-8";

/* CSS Document */

* {margin:0; padding:0;}
body {background: #1a1c1e url(../img/bg.jpg) no-repeat top center; margin:0; font-family: Arial, Helvetica, sans-serif;}
h1, h2, h3 {letter-spacing:-1px; font-weight:bold; margin:0px auto; padding:0px; line-height:120%; display:block;}
p {font-size:11px; line-height:16px; margin-bottom:12px;}
a {text-decoration:none; color:#3c7091; outline:none;}
a:hover {text-decoration:underline;}

/*   Main   */
.slogan {background:transparent url(../img/slogan.png) no-repeat 0px 0px; width:860px; height:95px; margin:362px 0px 3px 0px; *margin:3px 0px 3px 0px; border-top:solid 3px #3c7091; border-bottom:solid 3px #3c7091;}
.slogan h2 {text-indent: -9000px; text-decoration: none; font-size:30px; overflow: hidden; margin:0px; padding:0px;}
.top {background:url(../img/bg_top.png) no-repeat bottom center; padding:10px 0px; width:900px; height:65px; margin:0 auto;}
.container {width:900px; margin:0px auto;}
.content {background:#1a1c1e; width:860px; padding:10px; margin:0px auto;}
.mainsub {width:860px; padding:0 0 15px 0; border-bottom:solid 3px #3c7091;}
.address_main {width:395px; margin:10px 10px 10px 10px; float:left; clear:left; color:#fff;  padding:10px; font:12px Arial, Helvetica, sans-serif;}
.address_main h2 {font-size: 18px; margin-bottom:5px; color:#3c7091;}
.newsbox_main {width:395px; float:left; color:#fff; padding:10px; margin:10px 10px 10px 0px;}
.newsbox_main h2 {font-size: 18px; margin-bottom:5px; color:#3c7091;}
.newsbox_main ul {list-style:none; margin:0px 0px 10px 10px; font:12px Arial, Helvetica, sans-serif;}
.newsbox_main li {list-style-image:url(../img/li_arrow.png); margin-top: 10px;}
.newsbox_main a {padding:5px; color:#fff;}
.newsbox_main a:hover {padding:5px; color:#ababab;}
.newsbox_main img {float:right; border:0px;}

/*  Main Accordion  */
#accordion {padding:10px 0px 0px 0px; width:860px; height:155px; color:#aaa; overflow:hidden;}
#accordion img { border:solid 5px #030304; float:left; margin-left:10px; cursor:pointer; opacity:0.2; filter: alpha(opacity=20);}
#accordion img.current {cursor:default; opacity:1; filter: alpha(opacity=100); cursor: pointer;}
#accordion div {background:#030304; width:0px; float:left; display:none; margin-right:1px;}
#accordion div h3 {color:#900; margin:10px 0 0 5px; font-size:14px; width:180px; }
#accordion div p {font-size:11px; width:180px; padding:5px;}

/*   Vimeo   */
#thumbs { padding:0px 23px; }
#thumbs ul { list-style-type: none; margin: 0; padding: 0; }
#thumbs ul li { background:#010101; -moz-border-radius:3px; -webkit-border-radius:3px; padding:10px; margin:5px; width:150px; height:150px; float:left;}
#thumbs ul li p { color:#fff; font:11px Arial, Helvetica, sans-serif; line-height:120%; padding-top: 5px; }
.thumb { padding: 0; border: 0; width: 150px; height: 113px;}

/*   Photos  */
.photoThumb {float: left; margin:5px;}

/*   Pages   */
.left { background:#cecece; width:590px; -moz-border-radius:3px; -webkit-border-radius:3px; float:left; }
.left h2 { color:#000; font:bold 22px Arial, Helvetica, sans-serif; margin-bottom:15px; text-shadow:#FFF 0px 0px 2px;}
.left h3 { color:#000; font:bold 18px Arial, Helvetica, sans-serif; margin-bottom:15px;}
.left p { color:#232323; font-size:12px;}
.right { width:260px; margin-left:10px; float:left;}
.right h2 { margin-top:0px; color:#900; font:bold 22px Arial, Helvetica, sans-serif; }
.p40 { padding:20px 40px;}
.p40 h2 { margin-bottom:12px; color:#600;}
.p40 h3 { margin-bottom:4px; color:#101010;}
.p40 ul { margin:10px 0px 10px 20px; font:13px Arial, Helvetica, sans-serif; color:#222;}
.p40 img {margin:8px; float:left; border:none;}
.buttons_contact { position:absolute; left:50%; margin-left:-40px; top:120px;}
.buttons_contact img { margin-bottom:10px;}

/* container for slides */
.images { position:relative; height:350px; width:860px; float:left;}

/* single slide */
.images div { display:none; position:absolute; top:0; left:0; height:350px;}
.logo { *background:none; background:url(../img/b_logo.png) no-repeat bottom center; height:110px; width:102px; position:absolute; left:50%; margin-left:-475px; top:0px;}
.intro { position:absolute; left:50%; margin-left:-350px; top:20px; width:815px; }

/*   Logo   */
#logo { width: 135px; height:65px; margin: 0px; background: transparent url(../img/logo.png) no-repeat 20px 5px; float:left; }
#logo h1 { text-indent: -9000px; text-decoration: none; font-size:50px; overflow: hidden; margin:0px; padding:0px; }
#logo h1 a { display:block; outline:none; }

/*   TVP Product   */
.tvproduct { background:#9298a3; padding:10px; margin:10px 0px; border:solid 1px #989898; -moz-border-radius: 3px; -webkit-border-radius: 3px; min-height:166px; clear:left;}
.tvproduct h3 { text-shadow:#fff 0px 0px 1px; color:#600;}
.tvproduct img { float:left; margin-right:15px; border:0;}

/*  Bio  */
.bio { padding:20px 40px;}
.bio img { margin:0 20px 20px 0; float:left;}
.bio h2 { margin-bottom:12px; color:#600;}
.bio h3 { margin-bottom:4px; color:#101010;}
.bio ul { margin:10px 0px 10px 20px; font:13px Arial, Helvetica, sans-serif; color:#222;}

/*   People   */
.peoplepad {padding:0px 23px;}
.peoplepad div {font:11px Arial, Helvetica, sans-serif; line-height:110%; color:#fff; background:#010101; -moz-border-radius:3px; -webkit-border-radius:3px; padding:10px; margin:5px; width:150px; height:170px; float:left;}
.peoplepad div h3 {color:#3c7091; font:16px Arial, Helvetica, sans-serif; margin-bottom:5px;}
.peoplepad div h3 a {color:#3c7091; text-decoration:none;}
.peoplepad div h3 a:hover {color:#3c7091; text-decoration:underline;}
.peoplepad div img {margin-bottom:10px; border:none;}

/*   Place   */
#products img {margin:0 0 0 10px; cursor:pointer;}
.description {background:none; width:590px; text-align:center; display:none; margin-top:8px; margin-bottom:-10px; clear: both;}
.placetip {background:url(../img/bg_placetip.png) repeat-x bottom; min-height:100px; padding:20px 40px; margin:10px 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size:13px; clear:both; text-align:left;}
.placetip div {background:#3c7091; width:150px; padding:10px; float:right; color:#fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; font:11px Verdana, Geneva, sans-serif;}
.placetip ul {margin:10px 0px 10px 20px; font:13px Arial, Helvetica, sans-serif; color:#222;}
.placetip h2 {margin-bottom:4px; color:#600;}
.placetip h3 {margin-bottom:4px; color:#101010;}
.description .arrow {width:99px; height:20px; background: url(../img/bg_arrow.png) no-repeat top center; margin-top:-20px; margin-left:15px; font-size:1px; position:relative; z-index:100;}
#smoke .arrow {margin-left:129px;}
#edit .arrow {margin-left:244px;}
#audio .arrow {margin-left:358px;}
#greenscreen .arrow {margin-left:473px;}

/*   Work   */

.workpad {padding:0px 23px;}
.workbox {font:11px Arial, Helvetica, sans-serif; color:#fff; background:#010101; -moz-border-radius:3px; -webkit-border-radius:3px; padding:10px; margin:5px; width:150px; height:170px; float:left;}
.workbox img {border:none;}
.workbox h3 {color:#3c7091; font:16px Arial, Helvetica, sans-serif; margin-bottom:5px;}
.workbox h3 a {color:#3c7091; text-decoration:none;}
.workbox h3 a:hover {color:#3c7091; text-decoration:underline;}
.workbox img { margin-bottom:10px;}

/* Lightbox  */
	
div.dark_square .pp_left,  div.dark_square .pp_middle,  div.dark_square .pp_right,  div.dark_square .pp_content { /*background: url(../img/prettyPhoto/contentPattern.png);*/ }

div.dark_square .currentTextHolder { color: #c4c4c4; }

div.dark_square .pp_description { color: #fff; }

div.dark_square .pp_loaderIcon { background: url(../img/prettyPhoto/loader.gif) center center no-repeat; }

div.dark_square .pp_content_container .pp_left { /*background: url(../img/prettyPhoto/contentPattern.png) top left repeat-y;*/ } 

div.dark_square .pp_content_container .pp_right { /*background: url(../img/prettyPhoto/contentPattern.png) top right repeat-y;*/ }

div.dark_square .pp_expand { background: url(../img/prettyPhoto/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */

div.dark_square .pp_expand:hover { background: url(../img/prettyPhoto/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */

div.dark_square .pp_contract { background: url(../img/prettyPhoto/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */

div.dark_square .pp_contract:hover { background: url(../img/prettyPhoto/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */

div.dark_square .pp_close { width: 75px; height: 22px; background: url(../img/prettyPhoto/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */

div.dark_square #pp_full_res .pp_inline { color: #fff; }

div.dark_square .pp_arrow_previous { background: url(../img/prettyPhoto/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */

div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }

div.dark_square .pp_arrow_next { background: url(../img/prettyPhoto/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */

div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

div.dark_square .pp_next:hover { background: url(../img/prettyPhoto/btnNext.png) center right no-repeat; cursor: pointer; }

div.dark_square .pp_previous:hover { background: url(../img/prettyPhoto/btnPrevious.png) center left no-repeat; cursor: pointer; }

/* 	Lightbox- Don't Change  */

div.pp_pic_holder a:focus { outline:none; }

div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; }

div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; }

.pp_top { height: 0px; position: relative; }

* html .pp_top { padding: 0 20px; }

.pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; }

.pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; }

* html .pp_top .pp_middle { left: 0; position: static; }

.pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; }

.pp_content { height: 40px; }

.pp_content .ppt { left: auto; margin-bottom: 5px; position: relative; top: auto; }

.pp_fade { display: none; }

.pp_content_container { position: relative; text-align: left; width: 100%; }

.pp_content_container .pp_left { padding-left: 20px; }

.pp_content_container .pp_right { padding-right: 20px; }

.pp_content_container .pp_details { margin: 10px 0 2px 0; }

.pp_description { display: none; margin: 0 0 5px 0; }

.pp_nav { clear: left; float: left; margin: 3px 0 0 0; }

.pp_nav p { float: left; margin: 2px 4px; }

.pp_nav a.pp_arrow_previous,  .pp_nav a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; }

.pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; }

a.pp_next { background: url(../img/prettyPhoto/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; }

a.pp_previous { background: url(../img/prettyPhoto/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; }

a.pp_expand,  a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; }

a.pp_close { display: block; float: right; text-indent: -10000px; }

.pp_bottom { height: 20px; position: relative; }

* html .pp_bottom { padding: 0 20px; }

.pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; }

.pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; }

* html .pp_bottom .pp_middle { left: 0; position: static; }

.pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; }

.pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; }

#pp_full_res { line-height: 1 !important; }

#pp_full_res .pp_inline { text-align: left; }

#pp_full_res .pp_inline p { margin: 0 0 15px 0; }

div.ppt { color: #fff; display: none; font-size: 17px; left: 0; position: absolute; top: 0; z-index: 9999; }

/* Lightbox Misc */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/*   Colours   */
.ltgrey { color:#888; }
.blu {color: #09C;}

/* Top Nav */
.menu { background:#101010; width:450px; margin:10px 0px 0px 20px; font:bold 13px Arial, Helvetica, sans-serif; text-transform:uppercase; float:left; color:#fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
ul.topnav { list-style: none; padding: 0px; margin: 0; float: left; width: 445px; }
ul.topnav li { float:left; margin:0; position:relative; /*--Declare X and Y axis base--*/ }
ul.topnav li a { padding:15px 25px; color:#fff; display:block; text-decoration:none; float:left; }
ul.topnav li a:hover { color:#3c7091; }
/*ul.topnav li span { Drop down trigger styles-- background:url(../img/subnav_btn.png) no-repeat center top; width:17px; height:35px; float:left;}
ul.topnav li span.subhover { background-position:center bottom; cursor: pointer; } --Hover effect for trigger--*/
ul.topnav li ul.subnav {list-style: none; position:absolute; font-size:11px; left:0; top:43px; background:#101010; margin:0; padding: 0; display: none; float: left; z-index:1000; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
ul.topnav li ul.subnav li {margin:0; padding:0; clear:both; display:block;}
html ul.topnav li ul.subnav li a {float:left; background:#101010; width:100px; padding:10px 0px 10px 20px;}
html ul.topnav li ul.subnav li a:hover {background:#000 url(../img/subnav_btn.png) no-repeat left center;}

/*   Nav   */
.menu { width:450px; margin:10px 0px 0px 20px; font:bold 13px Arial, Helvetica, sans-serif; text-transform:uppercase; text-shadow:#000 0px 1px 3px; float:left; color:#fff; z-index:1000;}
.menu ul { list-style-type:none; margin: 0; padding: 0; width: auto;}
.menu li { margin: 0px 5px; display:inline;}
.menu li a { color: #fff; text-decoration:none; padding: 4px;}
.menu li a:hover { color: #3c7091;}

/* Right Nav */
div#leftnav { display:inline; float:left; position:relative; z-index:5; background:#010101; padding:10px; margin-bottom:10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
div#leftnav .ctx { }
div#leftnav .ctx ul { list-style-type:none }
div#leftnav .ctx ul li { background:#010101; display:block; margin-bottom:5px; width:100%; }
div#leftnav .ctx ul li a { color:#ededed; display:block; font-size:14px; text-transform:uppercase; font-weight:bold; position:relative; text-decoration:none; width:220px; padding:10px; z-index:10; }
div#leftnav .ctx ul li a:hover { background:#000; color:#3c7091; }
div#leftnav .ctx ul li a.active { background: url(../img/leftnav-active-arrow.png) no-repeat left center; padding:10px 10px 10px 40px; margin-left:-31px; width:221px; text-shadow:#036 0px 0px 3px; color:#FFF; }

/*  People  */
.people { background:#010101; padding:20px 10px 10px 10px; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; clear:left;}
.people h3 { font:bold 18px Arial, Helvetica, sans-serif; color:#fff; letter-spacing:-1px; padding-bottom:5px; margin-bottom:10px; border-bottom:solid 1px #444;}
.people h4 { font:bold 13px Arial, Helvetica, sans-serif; color:#fff; margin-top:3px;}
.people ul { list-style:none; margin-left:0;}
.people li { padding-bottom:10px; height:50px; display:block; clear:both; }
.people a { color:#3c7091; text-decoration:none; font-size:11px; }
.people a:hover { color:#3c7091; text-decoration:underline; }
.people img { float:left; border:0; margin-right:10px;}

/*   Address   */
.address {background:#3c7091 url(../img/bg_address.png) no-repeat 0 0; font-size:14px; color:#FFF; margin-top:0; padding:85px 10px 10px 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; clear:left;}
.address h3 {font:bold 21px Arial, Helvetica, sans-serif; text-shadow:#000 0px 0px 2px;}
.address img {margin:3px; border:none;}

/*  Newsbox  */
.newsbox_right { background:#8d2017; font-size:14px; color:#FFF; padding:10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; clear:left; margin:10px 0px; font-size:12px; }
.newsbox_right h3 { font:bold 21px Arial, Helvetica, sans-serif; color:#010101; margin-bottom:12px; }
.newsbox_right ul { list-style: none; margin-left:5px; }
.newsbox_right li { margin-bottom:10px; line-height:100%; }
.newsbox_right li a { text-decoration:none; color:#FFF; }
.newsbox_right li a:hover { text-decoration:underline; color:#111; }
.newsbox_right img { float:right; }

/*   Login   */
#login { position:absolute; background:#101010; width:240px; left:50%; margin-left:170px; top:-5px; font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:15px 10px 0px 20px; height:55px; color:#efefef; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#login input, input.file, textarea { border:solid 1px #3c7091; color: #333; padding:3px; margin-top: 6px; font-size:10px;}
#login .graybox { color:#ccc; font-weight:bold;}
#login .normalbox { color:#222; font-weight:bold;}
#login .login_button { background-color:#3c7091; border:solid 1px #036; color: #fff; margin-left:10px; cursor: pointer; }
#login label { font-size:15px; font-weight: bold; display: block; padding-top:10px; margin-bottom:-8px; }

/* Forms Elements */
input, input.file, textarea { background: #efefef; border:solid 1px #ababab; padding:8px; margin-top: 12px; font-size:14px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.submit { font:bold 12px Arial, Helvetica, sans-serif; background-color:#3c7091; border:solid 1px #2e5269; color: #fff; text-shadow:#000 0px 0px 1px; cursor: pointer; display:block; }
label { font-size:15px; font-weight: bold; display: block; padding-top:10px; margin-bottom:-8px; }