/*
Theme Name: Beholder Procutions 2012
Theme URI: http://www.beholderproductions.com
Description: Beholder Productions' 2012 Theme utilizing html5 and jquery elemments in a clean and modern layout.
Version: 3.0
Author: Beholder Procutions
Author URI: http://www.beholderproductions.com
*/

@import url("css/reset.css");
@import url("css/grid.css");
body { font-family: Tahoma, Arial, Helvetica, tahoma sans-serif; font-size:12px; line-height:1.6; color:#666666; }
body.homepage { background-image: url(http://beholderproductions.com/images/pattern/ptn-04.png); }
/* Heading */
h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#454545; font-family: 'Yanone Kaffeesatz', Tahoma, sans-serif; line-height:1; }
h1 { font-size:3.5em; margin-bottom:5px; }
h2 { font-size:2em; margin-bottom:5px; }
h3 { font-size:1.5em; margin-bottom:15px; }
h4 { font-size:1.3em; margin-bottom:15px; }
h5 { font-size:1.3em; margin-bottom: 15px; padding:0px; font-style:italic; }
h6 { font-size:1em; margin-bottom: 15px; padding:0px; letter-spacing: 1px; font-style:italic; }
/* links */
a { color:#A59ACA; text-decoration:none; }
a:hover { color:#555555; }
a img, img { border:none }
em { font-style: italic; }
/* paragraphs,blockquote,code */
p { margin-bottom:15px; }
blockquote { margin: 0 0 15px 0; color: #8a8a8a; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.4em; font-size: 14px; }
blockquote p { line-height: 1.4em; font-size: 14px; }
code { background: #fafafa; padding: 5px 10px; display: block; font-size: 12px; color: #858585; margin-bottom: 10px; border: 1px dotted #eaeaea; clear: both; }
/* Lists */
ol { margin: 20px 0 20px 25px; list-style-type: decimal; }
ol li { font-size: 12px; margin: 5px 0; padding-bottom: 5px; color: #666666; }
ul { margin-bottom: 20px; }
/* CUSTOM LISTS */
.mainbody ul { list-style:disc; margin-left:15px; margin-bottom:20px; }
ul, ol { margin:5px 0; }
ul.list-type-1, ul.list-type-2, ul.list-type-3, ul.list-type-4, ul.list-type-5, ul.list-type-6, ul.list-type-7, ul.list-type-8 { padding-left:0; margin-bottom:20px; margin-left:0px; }
ul.list-type-1 li { padding-left:15px; list-style:none; background:url(http://beholderproductions.com/images/bullet-list_01.png) no-repeat 0 0; line-height:20px; margin: 5px 0; }
ul.list-type-2 li { padding-left:15px; list-style:none; background:url(http://beholderproductions.com/images/bullet-list_02.png) no-repeat 0 0; line-height:20px; }
ul.list-type-3 li { padding-left:15px; list-style:none; background:url(http://beholderproductions.com/images/bullet-list_03.png) no-repeat 0 0; line-height:20px; margin: 7px 0; }
ul.list-type-4 li { padding-left:25px; list-style:none; background:url(http://beholderproductions.com/images/bullet-list_04.png) no-repeat 0 0; line-height:20px; margin-bottom:5px; }
ul.list-type-5 li { padding-left:25px; list-style:none; background:url(http://beholderproductions.com/images/bullet-list_05.png) no-repeat 0 0; line-height:20px; margin-bottom:5px; }
ul.list-type-6 li { padding-left:25px; list-style:none; background:url(http://beholderproductions.com/images/bullet-list_06.png) no-repeat 0 0; line-height:20px; margin-bottom:5px; }
ul.list-type-7 li { padding-left:25px; list-style:none; background:url(http://beholderproductions.com/images/bullet-list_07.png) no-repeat 0 0; line-height:20px; margin-bottom:5px; }
ul.list-type-8 li { padding-left:25px; list-style:none; background:url(http://beholderproductions.com/images/bullet-list_08.png) no-repeat 0 0; line-height:20px; margin-bottom:5px; }
.highlight25 { background-color:#dedede; padding:2px 4px; text-shadow:0 1px 0 #fff; }
.highlight50 { background-color:#bbb; padding:2px 4px; text-shadow:0 1px 0 #ddd; color:#222; }
.pre { font: 11px Courier, "Courier New", monospace; padding: 5px 5px 5px 15px; border: 1px solid #ccc; background:#efefef; -webkit-border-radius: 5px; -moz-border-radius:  5px; border-radius: 5px; color: #333; line-height: 19px; overflow:auto; overflow-Y: hidden; clear:both; margin-bottom:20px; }
.separator { background:#eee; height: 1px; margin: 0 0 15px; }
img.shadow { padding:4px; border:1px solid #ededed; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
img.shadow:hover { -moz-box-shadow: 0 0 5px #A59ACA; -webkit-box-shadow: 0 0 5px #A59ACA; box-shadow: 0 0 5px #A59ACA; border: 1px solid #A59ACA; }
/* buttons variation */
a.btn-style1 { background: #e3e3e3; border: 1px solid #bbb; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 0 1px 1px #f6f6f6; -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6; box-shadow: inset 0 0 1px 1px #f6f6f6; color: #333; font-family: "helvetica neue", helvetica, arial, sans-serif; font-size: 12px; line-height: 1; padding: 4px 8px; text-align: center; text-shadow: 0 1px 0 #fff; }
a.btn-style1.rounded { -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; padding-left:13px; padding-right:13px; }
a.btn-style1:hover { background: #d9d9d9; -moz-box-shadow: inset 0 0 1px 1px #eaeaea; -webkit-box-shadow: inset 0 0 1px 1px #eaeaea; box-shadow: inset 0 0 1px 1px #eaeaea; color: #222; cursor: pointer; }
a.btn-style1:active { background: #d0d0d0; -moz-box-shadow: inset 0 0 1px 1px #e3e3e3; -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3; box-shadow: inset 0 0 1px 1px #e3e3e3; color: #000; }
a.btn-style2 { background: #eee; background: -moz-linear-gradient(top, #eee 0%, #ccc 100%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ccc)); border: 1px solid #ccc; border-bottom: 1px solid #bbb; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #333; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; font-size: 11px; font-weight: bold; line-height: 1; padding: 4px 8px; text-align: center; text-shadow: 0 1px 0 #eee; }
a.btn-style2.rounded { -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; padding-left:13px; padding-right:13px; }
a.btn-style2:hover { background: #ddd; background: -moz-linear-gradient(top, #ddd 0%, #bbb 100%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#bbb)); border: 1px solid #bbb; border-bottom: 1px solid #999; cursor: pointer; text-shadow: 0 1px 0 #ddd; }
a.btn-style2:active { border: 1px solid #aaa; border-bottom: 1px solid #888; -moz-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee; -webkit-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee; box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee; }
/* patterns */
.ptn-1 { background-image:url(http://beholderproductions.com/images/pattern/ptn-01.png); }
.ptn-2 { background-image:url(http://beholderproductions.com/images/pattern/ptn-02.png); }
.ptn-3 { background-image:url(http://beholderproductions.com/images/pattern/ptn-03.png); }
.ptn-4 { background-image:url(http://beholderproductions.com/images/pattern/ptn-04.png); }
.ptn-5 { background-image:url(http://beholderproductions.com/images/pattern/ptn-05.png); }
.ptn-6 { background-image:url(http://beholderproductions.com/images/pattern/ptn-06.png); }
.ptn-7 { background-image:url(http://beholderproductions.com/images/pattern/ptn-07.png); }
.ptn-8 { background-image:url(http://beholderproductions.com/images/pattern/ptn-08.png); }
.ptn-9 { background-image:url(http://beholderproductions.com/images/pattern/ptn-09.png); }
.ptn-10 { background-image:url(http://beholderproductions.com/images/pattern/ptn-10.png); }
.ptn-11 { background-image:url(http://beholderproductions.com/images/pattern/ptn-11.png); }
.ptn-12 { background-image:url(http://beholderproductions.com/images/pattern/ptn-12.png); }
.ptn-13 { background-image:url(http://beholderproductions.com/images/pattern/ptn-13.png); }
.ptn-14 { background-image:url(http://beholderproductions.com/images/pattern/ptn-14.png); }
.ptn-15 { background-image:url(http://beholderproductions.com/images/pattern/ptn-15.png); }
.ptn-16 { background-image:url(http://beholderproductions.com/images/pattern/ptn-16.png); }
.ptn-17 { background-image:url(http://beholderproductions.com/images/pattern/ptn-17.png); }
.ptn-18 { background-image:url(http://beholderproductions.com/images/pattern/ptn-18.png); }
.ptn-19 { background-image:url(http://beholderproductions.com/images/pattern/ptn-19.png); }
/* custom table style */
.styled-table { border-top:1px solid #CFCFCF; border-left:1px solid #CFCFCF; border-right:0; border-bottom:0; width:100%; }
.styled-table td, .styled-table th { border-right:1px solid #CFCFCF; border-bottom:1px solid #CFCFCF; text-align:center; padding:5px 0; width:20%; }
.styled-table th { background-color:#dedede; font-size:120%; text-shadow: 0 1px 0 #fff; }
.styled-table tr:nth-child(even) { background: #fff; }
.styled-table tr:nth-child(odd) { background: #F6F6F6; }
/* warning boxes */
.info, .success, .warning, .error { border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; }
.info { color: #00529B; background-color: #BDE5F8; background-image: url('images/icon-info.png'); }
.success { color: #4F8A10; background-color: #DFF2BF; background-image:url('images/icon-tick.png'); }
.warning { color: #9F6000; background-color: #FEEFB3; background-image: url('images/icon-warning.png'); }
.error { color: #D8000C; background-color: #FFBABA; background-image: url('images/icon-cross.png'); }
.center_text { text-align:center; }
/* Selections */
::-moz-selection {
color: #fff !important;
background: #A59ACA;
}
::selection { color: #fff !important; background: #A59ACA; }
/* INPUT, TEXTAREA, SUBMIT */
input[type=text], input[type=file], textarea, select { border:1px solid #e3e3e3; background-color:#f4f4f4; padding:8px; font-size:11px; color:#777; }
input[type=text]:focus, input[type=file]:focus, textarea:focus { border:1px solid #ccc; background-color:#fff; }
input[type=submit] { background-color:#A59ACA; font-size:11px; height:20px; border:none; cursor:pointer; text-transform:uppercase; font-size:9px; opacity:0.7; filter:alpha(opacity=70); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color:#fff; }
input[type=submit]:hover { opacity:1; filter:alpha(opacity=100); }
/* 404 ERROR */
.error404 { font:bold 220px/1 Tahoma, Geneva, sans-serif; text-shadow: 0 0 7px #EEEEEE; }
.error404 span { display:block; }
.error404 p { font-size:30px; }
/* CLEAR FIX */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; height: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
/* MAIN */
#container { padding:10px 10px 0; background:#fff; min-height:300px; }
#logo { width:220px; height:70px; background:url(http://beholderproductions.com/images/logo.png) no-repeat; display:block; text-indent:-9999px; margin:10px 0 0; }
/* HEADER */
#header .container_12 { background:#fff; padding-left:10px; padding-right:10px; }
#header ul.menu { margin:0; }
#header ul.menu li { float:left; margin-left:25px; }
#header ul.menu li:first-child { margin-left:0; }
#header ul.menu li a { font:20px 'Yanone Kaffeesatz', arial, serif; color:#888; padding:5px; display:block; text-shadow: none !important; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
#header ul.menu:hover li > a { text-shadow: 0 0 2px rgba(0,0,0,0.2) !important; }
#header ul.menu li.sfHover a.sf-with-ul { color: #555; color: rgba(0,0,0, 1.0); text-shadow: none !important; }
#header ul.menu li.active > a { color:#000; text-shadow: none !important; }
#header ul.menu:hover li.active > a { text-shadow: 0 0 2px rgba(0,0,0,0.2) !important; }
#header ul.menu li > a:hover { color: #555; color: rgba(0,0,0, 1.0) !important; text-shadow: none !important; }
#header ul.menu ul { padding:10px 10px 5px; background:#fff; margin-top:0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 7px #ffffff; -moz-box-shadow: 0px 0px 7px #ffffff; box-shadow: 0px 0px 7px #ffffff; z-index: 20001; }
#header ul.menu ul li { margin:0px 0; border-top:1px dotted #ccc; }
#header ul.menu ul li:first-child { border-top:none; }
#header ul.menu ul li a { font:300 13px/1 'Tahoma', arial, serif; color:#555; padding:11px 0; text-shadow:none !important; }
#header ul.menu ul:hover li a, #header ul.menu:hover ul li a, #header ul.menu ul:hover li.active a { color:#555 !important; text-shadow:none !important; }
#header ul.menu ul li a:hover { color:#000 !important; text-shadow:none !important; }
#header ul.submenu { }
#header ul.submenu li { float:left; margin-left:15px; }
#header ul.submenu li:first-child { margin-left:0; }
#header ul.submenu li a { font:14px 'Yanone Kaffeesatz', arial, serif; color:#888; padding:5px; display:block; }
#header ul.submenu li a:hover { color: #555; color: rgba(0,0,0, 1.0); }
#header ul.submenu li.active > a { color:#000; }
.get_social #social_share { margin-top: 8px; }
.award_header { width: 400px; float: left; padding-top: 15px }
.award_header a {}
.award_header img { margin-left: 20px; top: -15px; position: relative; }
/* SLIDE DECK */
#slidedeck_frame { width: 700px; margin-bottom: 15px; }
#slidedeck_frame dl { margin: 0; height: 320px; }
.slidedeck dd { background: #f8f8f8 url(images/bg-deck-slide.gif) right 1px no-repeat; height: 12px; padding: 26px 0px; -webkit-margin-start: 0px;}
.slidedeck dt { cursor: pointer; height: 40px; -webkit-top: 295px;}
.slidedeck dt#quality-deck { background: url(images/bg-deck-spines.png) 4px 1px no-repeat; }
.slidedeck dt#quality-deck:hover, .slidedeck dt#quality-deck.active { background-position: -313px 1px; }
.slidedeck dt#film-deck { background: url(images/bg-deck-spines.png) 4px -40px no-repeat; }
.slidedeck dt#film-deck:hover, .slidedeck dt#film-deck.active { background-position: -313px -40px; }
.slidedeck dt#motion-deck { background: url(images/bg-deck-spines.png) 4px -80px no-repeat; }
.slidedeck dt#motion-deck:hover, .slidedeck dt#motion-deck.active { background-position: -313px -80px; }
.slidedeck dt#online-deck { background: url(images/bg-deck-spines.png) 4px -120px no-repeat; }
.slidedeck dt#online-deck:hover, .slidedeck dt#online-deck.active { background-position: -313px -120px; }
.slidedeck dt#studio-deck { background: url(images/bg-deck-spines.png) 4px -160px no-repeat; }
.slidedeck dt#studio-deck:hover, .slidedeck dt#studio-deck.active { background-position: -313px -160px; }
.slidedeck .activeCorner { margin-left: -2px; background: url(images/bg-deck-arrow.png); z-index:2px!important; width: 10px; height: 28px; }
.slidedeck .panel { width: 445px; height: 200px; margin-left: 20px; }
.slidedeck .panel .left { width: 210px; padding-top: 65px; float: left; }
.slidedeck .panel .right img { margin-bottom: 10px; }
.slidedeck .panel .right { width: 215px; float: right; }
.slidedeck .panel .button, .button { font-size:13px; width:75px; height:30px; padding: 10px 5px; border:none; text-transform:uppercase; background-color:#A59ACA; opacity:0.7; filter:alpha(opacity=70); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color:#fff; }
.slidedeck .panel .button:hover { opacity:1; filter:alpha(opacity=100); }
/* LOGO SCROLL */
#logoScroll { margin-top: 0px; }
.scrollWrapper { position: relative; overflow: hidden; width: 100%; height: 100%; }
.scrollableArea { position: relative; width: auto; height: 100%; }
/* HOMEPAGE STYLES */
.intro-text { border-bottom: 1px solid #EFEFEF; margin: 20px 10px 0; padding-bottom: 30px; }
.intro-text h1 { font:300 1.8em/1.6 'Yanone Kaffeesatz', arial, serif; padding:0; margin:0; color:#747474; text-align:center; letter-spacing: 0.3px; font-size-adjust:none }
.intro-text h1 strong { font-weight:bold; }
h2.title { font-weight:300; font-size:2em; color:#666; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #cecece; }
h2.title_services { font-weight:300; font-size:2em; color:#666; padding-bottom:0; margin-bottom:0; float:left }
h2.subtitle { color: #FFF; float: right; font-style: italic; padding: 20px 0 0; margin-bottom: 0px !important; font-weight: bold; }
.very-small { color:#c6c6c6; font-size:9px; margin-bottom: 5px; margin-top: -10px; }
div.block { padding-bottom:30px; }
/* LATEST NEWS BLOCK (HOMEPAGE) */
.latest_news li { padding-bottom:4px; margin-bottom:4px; border-bottom:1px dotted #eee; }
.latest_news span.date { font-size:10px; }
/* LATEST WORK BLOCK (HOMEPAGE) */
#latest_work h2.title { margin-bottom:10px; }
#latest_work ul { margin: 0; }
#latest_work li { float:left; margin-right:50px; margin-top:40px; width:300px; height:140px; overflow:hidden; border-top:1px solid #efefef; position:relative; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
#latest_work li.last { margin-right:0; }
#latest_work li:hover { border-top:1px solid #626262; }
#latest_work li a img { top:20px; position:relative; }
#latest_work .description-overlay { height:100px; width:280px; background:url(http://beholderproductions.com/images/transparent_png/black70.png); background:rgba(0,0,0,0.7); position:absolute; top:140px; color:#eee; padding:10px; cursor:pointer; }
#latest_work .description-overlay h4 { color:#eee; font:300 22px/1 'Yanone Kaffeesatz', arial, serif; }
#latest_work a { color:#fff; }
/* BOTTOM BLOCK */
#bottom { background-color:#f7f7f7; border-width:5px 0 0; border-style:solid; border-color:#eee; border-color: rgba(0,0,0,0.1); padding-top:35px; padding-bottom:5px; }
#bottom h2.title { text-transform:uppercase; }
#bottom ul.menu {margin-left: -10px;}
#bottom ul.menu li { width:150px; float:left; }
/* SOCIAL ICONS */
.get_social { background-color: #CCC; padding: 5px 0; }
.get_social_footer { padding: 5px 0; }
.get_social span { text-transform:uppercase; display:block; float:left; line-height:1.3; margin:11px 0 0 }
.get_social ul, .get_social_footer ul { float:left; margin:8px 0 0 10px; }
.get_social ul li, .get_social_footer ul li { float:left; margin-left:15px; }
.get_social ul li a, .get_social_footer ul li a { background:url(http://beholderproductions.com/images/social_icons/social.jpg) no-repeat; display:block; width:21px; height:21px; text-indent:-9999px; }
ul li.facebook a { background-position: -27px 0px; }
ul li.twitter a { background-position: 0px; }
ul li.linkedin a { background-position: -79px 0px; }
ul li.youtube a { background-position: -54px 0px; }
ul li.wordpress a { background-position: -106px 0px; }
/* FOOTER */
#footer { padding: 10px; }
#footer h3 { margin: 0; padding: 0; } 
#twitter li { margin-bottom:10px; }
.testimonials ul li { display:none; }
.testimonials ul li p { float: right; margin: 0 0 0 2px; width:130px }
.testimonials ul li img { margin: 20px 0 0 0 }
.testimonials ul li .strong { font-weight:bold; padding: 0 0 10px 0; display:block; }
.right_text { text-align:right; }
.center_text { text-align:center; margin-top: 25px; }
/* SEARCHBOX */
.searchbox { }
.searchbox form { position:relative; }
.searchbox form p { margin: 0; }
.searchbox label { color: #838383; font-size: 11px; left: 28px; position: absolute; top: 10px; }
.searchbox input[type=text] { width:210px; height:20px; padding:3px 5px 3px 25px; color:#000; background:url(http://beholderproductions.com/images/loupe.png) no-repeat 7px center #f4f4f4; border:0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; margin: 5px 10px 0 0; }
.searchbox input[type=text]:hover { background-color:#f4f4f4 }
.searchbox input[type=text]:focus { background-color:#f4f4f4; outline:0 none; }
/* PAGE TITLE */ 
#pagetitle { width:100%; border-width:5px 0; border-style:solid; border-color:#eee; border-color: rgba(0,0,0,0.1); position:relative; overflow:hidden; position: relative; }
#pagetitle .wrapper { background:#A59ACA; height:60px; }
#pagetitle h1 { color:#fff; padding-top:5px; font-weight:bold; float: left; }
.breadcrumb { border-bottom: 1px solid #EEEEEE; margin-bottom: 10px; padding-bottom: 10px; }
/* PARALLAX */
#parallax { position:absolute; top:0; left:0; width:100%; height:110px; overflow:hidden; z-index: 2; margin:0; }
#parallax li { position:absolute; top:0; left:1px; }
#parallax li.prl1 { background:url(http://beholderproductions.com/images/bokeh/b1.png); width:2200px; height:120px; }
#parallax li.prl2 { background:url(http://beholderproductions.com/images/bokeh/b2.png); width:2050px; height:110px; }
#parallax li.prl3 { background:url(http://beholderproductions.com/images/bokeh/b3.png); width:2500px; height:120px; }
#parallax li.prl4 { background:url(http://beholderproductions.com/images/bokeh/b4.png); width:1900px; height:100px; }
/* ABOUT US COLUMNS */
.mainbody .columns { float:left; width:400px; }
.mainbody .columns.rightmargin { margin-right:50px; }
.mainbody strong { font-weight:bold; }
.quotes { margin-top:40px; position:relative }
.quotes blockquote { margin-bottom: 40px; padding: 0 0 0 70px; position: relative; width: 90%; }
.quotes blockquote p { color: #444444; font-size: 18px; font-style: italic; margin: 0; }
blockquote { quotes:none; }
.quotes blockquote:before { color: #DDDDDD; content: '“'; display: block; font-size: 140px; font-family: Georgia, "Times New Roman", Times, serif; left: -10px; position: absolute; top: 40px; z-index: 3; }
/* SIDEBAR */
#sidebar h3 { color:#454545; font:400 24px/32px 'Yanone Kaffeesatz', arial, serif; }
#sidebar .sideblock { margin-bottom:20px; }
#sidebar ul.menu li span { padding-right:5px; color:#ccc; }
#sidebar ul.menu li { line-height:1.8; }
#sidebar .menu li ul li { margin-left: 10px; }
/* PHOTO GALLERY */
ul.gallery { clear: both; list-style: none outside none; margin: 8px auto; overflow: hidden; padding: 8px 0; }
ul.gallery li { background:#FFFFFF; float: left; margin: 5px; padding: 0; list-style:none; }
ul.gallery li a img { padding:4px; border:1px solid #ededed; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
ul.gallery li a img:hover { -moz-box-shadow: 0 0 5px #A59ACA; -webkit-box-shadow: 0 0 5px #A59ACA; box-shadow: 0 0 5px #A59ACA; border: 1px solid #A59ACA; }
/* FAQ and Founders*/
#faqs { position:relative; padding-top:20px; }
#faqs h3 { cursor:pointer; letter-spacing:0px; color:#666666; font-size:18px; }
#faqs h3:hover { color:#444; }
#faqs h3.active { color:#d74646; }
#faqs div { height:0; overflow:hidden; position:relative; border-bottom:1px dotted #DDDDDD; margin-bottom: 15px; }
#faqs div p { padding:0; margin-bottom:15px; }
#key_people h3 { cursor:pointer; letter-spacing:0px; color:#666666; font-size:18px; padding: 50px 0 100px 10px; }
#key_people h3:hover { color:#444; }
#key_people h3.active { color:#A59ACA; }
#key_people div { height:0; margin-bottom: 15px; }
#key_people div p { padding:0; margin-bottom:15px; }
#key_people h3 p { font-size:12px !important; }
/* PORTFOLIO PAGE  */
#portfolio_items .tab_container li { float:left; margin:0 19px 20px 0; padding-top:0px; width:300px; height:244px; overflow:hidden; position:relative; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -moz-box-shadow: 0 0 2px #000; -webkit-box-shadow: 0 0 2px #000; box-shadow: 0 0 2px #000; }
#portfolio_items .tab_container li.last { margin-right:0; }
#portfolio_items .tab_container li:hover { -moz-box-shadow: 0 0 7px #000; -webkit-box-shadow: 0 0 7px #000; box-shadow: 0 0 7px #000; }
#portfolio_items .tab_container .description-overlay { width:280px; background:url(http://beholderproductions.com/images/transparent_png/black70.png); background:rgba(0,0,0,0.7); position:absolute; color:#eee; padding:0 10px; cursor:pointer; }
#portfolio_items .tab_container .description-overlay h4 { color:#eee; font:300 22px/1 'Yanone Kaffeesatz', arial, serif; margin-top:20px; }
.description-overlay p { margin-bottom:10px; }
#portfolio_items .tab_container a { color:#fff; }
ul.tabs { margin: 10px 0; padding: 0; list-style: none; width: 100%; border-bottom:1px solid #eee; }
ul.tabs li { display: inline-block; width: 170px; margin: 0 0 0 10px; padding: 0 5px; text-transform:uppercase; border-left:1px solid #eee; }
ul.tabs li:first-child { margin: 0; padding: 0; border-left:0; }
ul.tabs li a { text-decoration: none; display: block; padding: 0 10px; outline: none; font:300 13px/1.3 Tahoma, Arial, Helvetica, tahoma sans-serif; color:#555; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
ul.tabs:hover li a { }
ul.tabs li.active a { color:#000; }
ul.tabs:hover li.active a { }
ul.tabs li a:hover { color: #555; color: rgba(0,0,0, 1.0) !important; }
.tab_container { clear: both; float: left; width: 100%; }
#portfolio-nav { float:left; margin-top:0px; margin-left:0; list-style:none; }
#portfolio-nav li { float:left; margin-left:10px; }
#portfolio-nav li:first-child { margin-left:0; }
#portfolio-nav li a { display:block; width:26px; height:26px; text-indent:-9999px; background:url(http://beholderproductions.com/images/portfolio-nav.png) no-repeat #d2d2d2; }
#portfolio-nav li a:hover { background-color:#A59ACA; }
#portfolio-nav li .portfolio-list { background-position:0 0; margin-right:5px; }
#portfolio-nav li .portfolio-prev { background-position:-26px 0; }
#portfolio-nav li .portfolio-next { background-position:-52px 0; }
/* Media hover decorations -------------------------------------------------- */
.zoom-frame { position: absolute; top: 3px; left: 2px; display: none; margin: 0; height: 100%; width: 100%; background: url(http://beholderproductions.com/images/transparent_png/black40.png)!Important; background: rgba(0,0,0,.5)!Important; z-index: 1; }
.zoom-frame-icon { position: absolute; top: 50%; left: 50%; display: block; margin: -15px 0 0 -15px; padding: 0; width: 30px; height: 30px; background: url(http://beholderproductions.com/images/icons/media-zoom-icon.png) transparent; z-index: 1; }
.media-image .zoom-frame-icon { background-image: url(http://beholderproductions.com/images/icons/media-zoom-icon.png); }
.media-video .zoom-frame-icon { background-image: url(http://beholderproductions.com/images/icons/media-video-icon.png); }
.media-link .zoom-frame-icon { background-image: url(http://beholderproductions.com/images/icons/media-link-icon.png); }

.element-holder { position: relative; display: inline-block; height: 106px; padding: 0!Important; background: url(http://beholderproductions.com/images/transparent_png/black40.png); background: rgba(0,0,0,.15); }
.holder { position: relative; display: inline-block; height: 261px; padding: 0!Important; background: url(http://beholderproductions.com/images/transparent_png/black40.png); background: rgba(0,0,0,.15); }
.small-holder { position: relative; display: inline-block; height: 91px; padding: 0!Important; background: url(http://beholderproductions.com/images/transparent_png/black40.png); background: rgba(0,0,0,.15); }

.element-holder:hover, .holder:hover, .small-holder:hover { background: #ccc; -webkit-box-shadow: 0 0 3px #ccc; -moz-box-shadow: 0 0 3px #ccc; box-shadow: 0 0 3px #ccc; }

.element-holder > * { margin: 1px; padding: 2px; background: #fff; }
.holder > * { margin: 1px; padding: 2px; background: #fff; }
.small-holder > *  { margin: 1px; padding: 2px; background: #fff; }
/* BLOG PAGE */
.post_block { border-bottom:1px solid #dedede; margin-bottom:25px; padding-bottom:10px; }
.post_block.item { border-bottom:0px; }
.post_block .post_data { list-style:none; margin:0 0 20px; display:inline-block; font-size:12px; }
.post_block .post_data li { float:left; margin-left:10px; padding-left:10px; border-left:1px dotted #ccc; line-height:1; }
.post_block .post_data li:first-child { margin-left:0; padding-left:0; border-left:0; }
.post_block .introtext img { float:left; margin:0 15px 15px 0; }
.post_block .introtext { margin-bottom:15px; overflow:hidden; }
.post_block .readmore { display:inline-block; background:#F8F8F8; font-size:12px; padding:5px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.post_block .socshare { margin:10px 0 0; }
.post_block .socshare .twitter-share-button { float:right; margin-right: 30px }
.post_block .socshare .google_plus { float:right !important; }
.post_signature { border-top: 1px solid #DEDEDE; margin-top: 20px; padding-top:10px; font-style:italic; font-size:11px}
/* PAGINATION */
div.pagination { padding:3px; margin: 3px; text-align: center; }
div.pagination a, div.pagination span { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
div.pagination a { display:inline-block; background:#F8F8F8; font-size:11px; padding:0 6px; margin:0 5px; border:1px solid #F8F8F8; }
div.pagination a:hover { border:1px solid #ddd; }
div.pagination span.current { display:inline-block; color:#aaa; font-weight:bold; background:#F8F8F8; font-size:11px; padding:0 6px; margin:0 5px; border:1px solid #ddd; }
div.pagination span.disabled { display:inline-block; color:#bbb; background:#F8F8F8; font-size:11px; padding:0 6px; margin:0 5px; border:1px solid #F8F8F8; }
/* COMMENTS */
#comments { border-top:1px solid #dedede; margin-top:20px; padding-top:20px; }
span.note { display:block; margin-bottom:10px; }
#commentform { position:relative; padding-top:20px; }
#commentform form p { position:relative; }
#commentform label { position:absolute; left:7px; top:4px; font-size:11px; color:#838383; }
#commentform label.comment_label { position:static; font-size:11px; color:#838383; display:block; }
#commentform input[type=text] { width: 310px; }
#commentform textarea { width: 410px; height:180px; }
#commentform input[type=submit] { width:65px; height:20px; }
/* CONTACT PAGE */
#map_holder { width:960px; margin: 5px auto 0; padding-top: 5px; }
#map, #map2 { height:300px; border: 3px solid #efefef; width: 450px; }
#contact-form p { position:relative; }
#contact-form label { position:absolute; left:9px; top:9px; font-size:11px; color:#838383; }
#contact-form label.message-label { position:static; font-size:11px; color:#838383; display:block; }
#contact-form input { width:450px; }
#contact-form select { width:370px; height: 30px; margin: 0 0 0 15px; padding: 5px !important }
#contact-form input[type=file] { width:350px; }
#contact-form textarea { width: 445px; height:140px; }
#contact-form input[type=submit] { width:85px; height:30px; }
#contact-form .name-required, #contact-form .email-required, #contact-form .comment-required { color:#f00; font-size:10px; display:block; padding-top:3px; }
/* IE FIXES */
.browserIE #header { position:relative; z-index:2; zoom:1; }
.browserIE #header ul.menu:hover li a { color:#555 !important; }
.browserIE #header ul.menu li a:hover { color:#000 !important; }
.browserIE #slideshow { position:relative; z-index:1; }
.browserIE #pagetitle { position:relative; z-index:1; }
.browserIE #latest_work li > a { position:relative; display:block; }
.browserIE #latest_work li > a img { position:relative; zoom:1; z-index:1; }
.browserIE #latest_work .description-overlay { zoom:1; z-index:2; left:0; }
.browserIE input[type=text] { vertical-align:middle; padding-top:5px; height:17px; }
.browserIE .key_people img { margin-right:10px; float:left; }
.browserIE.browserIE7 .quotes blockquote { padding: 0; }
.browserIE #portfolio_items .tab_container .description-overlay { zoom:1; z-index:2; left:0; }
.browserIE ul.tabs { zoom:1; }
.browserIE ul.tabs li { zoom:1; *display:inline;
}
.browserIE ul.tabs:hover li a { color:#555 !important; }
.browserIE ul.tabs li a:hover { color:#000 !important; }
/* CONTACT BOX */
#contact_header { margin: 5px 0 0; text-align: right; }
#header_form { float: right; }
#header_form form p, #newsletter_form p { position:relative; }
#header_form label, #newsletter_form label { position:absolute; left:13px; top:8px; font-size:11px; color:#838383; }
#header_form textarea { width: 197px; height:100px; padding: 8px; }
#header_form input[type=text] { color:#838383; border:1px solid #e3e3e3; background-color:#f4f4f4; width: 200px; padding:8px; height:17px; font-size:11px; }
#header_form input[type=submit] { color:#fff; font-size:11px; width:75px; height:30px; margin-bottom: 20px; border:none; cursor:pointer; text-transform:uppercase; font-size:10px; }
.browserChrome #header_form input[type=submit] { padding-top:4px; }
input.subscribe { height:30px; padding: 10px; }
/* ADDITIONAL STYLES*/
.newsletter ul li > span { padding: 0 10px 0 0; }
.video_slide { width: 1920px; margin: 0 0 0 600px; }
.layout-last, .layout-1-1, .last-element { margin-right: 0!Important; }
.layout-1-2, .layout-1-3, .layout-2-3, .layout-1-4, .layout-2-4, .layout-3-4, .layout-1-5, .layout-2-5, .layout-3-5, .layout-4-5, .layout-1-6, .layout-2-6, .layout-3-6, .layout-4-6, .layout-5-6 { float: left; margin: 0 10px 10px 0; padding: 0; display: inline-block; }
.layout-1-2 { width: 140px; }
.layout-1-5 { width: 165px; }
.fltright { float:right; }
.fltleft { float:left; margin: 0 2px 0 0; }