@import url('reset.css');


body{background:#000;color:#efefef;font-family:'PT Sans Narrow', Arial, sans-serif;font-size:16px;}
a, a:active,a:visited, a:focus{color:#666;text-decoration:none;border:0;outline:0;}
a:hover{color:#fff;}
.box a{margin-top:0px;display:inline;height:auto;}
p{line-height:21px;margin-bottom:15px;}
.bold{font-weight:bold;}
img.ac_bgimage{position:fixed;left:0px;top:0px;width:100%;opacity:0.8;display:none;}
a img{outline:0px;border:0px;}

div:active{border:0px;outline:0;}

.ac_overlay{width:100%;height:100%;position:fixed;top:0px;left:0px;background:transparent url(../images/pattern.png) repeat top left;}
.ac_loading{position:fixed;top:10px;right:10px;background:#000 url(../images/loader.gif) no-repeat center center;width:50px;height:50px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px 10px 10px 10px;z-index:999;opacity:0.7;display:none;}
.ac_content{position:fixed;height:90px;width:100%;top:15%;left:0px;margin-top:-65px;}
.ac_content h1{display:block;float:left;width:200px;height:120px;}
.ac_menu{background:transparent url(../images/bg_menualt.png) repeat top left;float:left;position:relative;height:120px;width:0px;}
.ac_menu > ul{float:right;margin-right:20px;}
.ac_menu > ul > li{float:left;position:relative;height:120px;overflow:hidden;}
.ac_menu > ul > li a.menu{color:#fff;margin-top:60px;opacity:0;display:block;height:120px;padding:0px 10px;text-align:center;line-height:120px;outline:none;font-size:18px;font-weight:bold;text-transform:uppercase;letter-spacing:0.05em;font-family: 'PT Sans Narrow';text-shadow:1px 1px 1px #000;}
.ac_menu > ul > li a.menu:hover{color:#666;}
.ac_subitem{width:670px;height:0px;/* animate to 400px */
top:9.5%;right:0px;margin-top:0px;/* animate to -200px */
position:fixed;z-index:99;overflow:hidden;background:transparent url(../images/bg_menu.png) repeat top left;}

h2{font-size:18px;text-transform:uppercase;font-weight:bold;color:#fff;padding:40px 0px 10px 0px;border-bottom:1px dotted #333;text-shadow:0px 0px 1px #000; font-family: 'PT Sans Narrow';letter-spacing:0.02em;margin:0px 0px 30px 0px;}

.ac_subitem ul li{margin:10px 0px;}
span.ac_close{float:right;margin:44px 40px 0 0;width:14px;height:14px;cursor:pointer;background:transparent url(../images/close.png) no-repeat top left;opacity:0.4;}
span.ac_close:hover{opacity:1.0;}
.ac_footer{position:fixed;bottom:0px;left:0px;width:100%;font-size:13px;background:#000;opacity:0.9;height:60px;padding-bottom:5px;}
.footer span a:hover{color:#fff;}
.ac_footer a span{font-weight:bold;}
.ac_footer a.ac_left{float:left;}
.box{padding:0px 30px;}
.space {padding:0px 40px 0px 30px;}
.caption{margin:20px 0px 0px 0px;}
.caption .title{font-size:16px;}

@font-face {
    font-family: 'DoergonRegular';
    src: url('../css/doergon/doergon-webfont.eot');
    src: url('../css/doergon/doergon-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/doergon/doergon-webfont.woff') format('woff'),
         url('../css/doergon/doergon-webfont.ttf') format('truetype'),
         url('../css/doergon/doergon-webfont.svg#DoergonRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'JournalRegular';
    src: url('../css/journal/journal-webfont.eot');
    src: url('../css/journal/journal-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/journal/journal-webfont.woff') format('woff'),
         url('../css/journal/journal-webfont.ttf') format('truetype'),
         url('../css/journal/journal-webfont.svg#JournalRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

form,div.left{float:left;}
input{height:30px;width:338px;padding:10px;background-color:#111;border:1px solid #404041;outline:none;color:#fff;}
textarea{padding:10px;background-color:#111;border:1px solid #404041;outline:none;color:#fff;width:338px;height:150px;}
.submit_btn{height:50px;width:80px;padding:10px;background-color:#111;border:1px solid #404041;outline:none;color:#fff;}
.submit_btn:hover{color:#A6A8AB;}
fieldset ul{margin:0px !important;padding:0px !important;font-family:'PT Sans Narrow', Arial, sans-serif;font-size:16px;}
fieldset li {margin-left:0px;list-style:none;}
fieldset li#left{margin-right:20px;}

fieldset.contact_form li {margin:0px 0px 20px 0px;}
div.left p{margin-bottom:5px;}


.social{list-style:none;width:145px;}
.social li {float:left;margin:0px 10px 0px 0px;}
.social li a{display:block;height:60px;width:58px;background: url('../images/btn-social.png') no-repeat;text-indent:-9999px;}
.social li#fb a{background-position:0px 0px;}
.social li#twitter a{background-position:-78px 0px;}
.social li#twitter{margin-right:0px;}



#inline_content .wrap{background-color:#000;padding:20px;}
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{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;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/overlay.png) repeat ;}
#colorbox{}
    #cboxContent{margin-top:20px;}

        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; }
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:30px; right:30px; display:block; background: #000 url(../images/close.png) no-repeat center center; width:25px; height:25px; text-indent:-9999px;}
    

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.blur{width:610px;height:50px;background:url(../images/blur.png) repeat-x top;position:absolute;top:-35px;left:0px;z-index:100;}
.toggle{font-family: 'JournalRegular';font-size:24px;color:#fff;margin-top:40px;position:relative;opacity:0;}
.toggle p{line-height:25px;letter-spacing:0.08em;padding-left:2px;}
.toggle p.title{font-size:40px;line-height:43px;}
.reset{position:absolute;top:100px;}
.scroll-pane{height:700px;overflow:auto;padding-bottom:50px;}
.scroll-pane-manifesto{height:610px;overflow:auto;padding-bottom:250px;}
.jspContainer
{
	overflow: hidden;
	position: relative;
	
}

.jspPane
{
	position: absolute;

}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #000;
	position: relative;
}

.toggle .jspTrack
{
	background: #000;
	position: relative;
	height:700px !important;
}

.jspDrag
{
	background: url('../images/tvsnow.gif') repeat ;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	height:50px !important;


}




.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}