html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  

article, aside, figure, footer, header, 
hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

/* end reset */

body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1.22; }
table { font-size:inherit; font:100%; }
select, input, textarea { font:99% sans-serif; }

/* normalize monospace sizing 
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp { font-family: monospace, sans-serif; }
 


/* 
 * minimal base styles 
 */


/* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
body, select, input, textarea { color:#444; }

/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */ 
 
/* www.aestheticallyloyal.com/public/optimize-legibility/ */ 
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }

/* maxvoltar.com/archive/-webkit-font-smoothing */
html { -webkit-font-smoothing: antialiased; }

 
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

a, a:active, a:visited { color:#F7911A; }
a:hover { color:#F7911A; }


ul { margin-left:30px; }
ol { margin-left:30px; list-style-type: decimal; }

small { font-size:85%; }
strong, th { font-weight: bold; }

td, td img { vertical-align:top; } 

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre { 
  padding: 15px;   
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }


/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
   /*
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }
*/ 

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; } 


/* always force a scrollbar in non-IE */
html { overflow-y: scroll; height:100%; }

/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
 
/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }



/* 
 * Non-semantic helper classes 
 */

/* for image replacement */
.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display:none; visibility:hidden; } 

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/ 
   Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
.visuallyhidden { position:absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX << */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }


 /* Primary Styles
    Author: m.schrodt@mediacluster.de
 */

html body {position:absolute !important;clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);}
html.cufon-ready body {position:relative !important;clip:auto;}

.hidden {display:none !important;}

::selection {background:#f39900;color:#fff;}
::-moz-selection {background:#f39900;color:#fff;}
::-webkit-selection {background:#f39900;color:#fff;}



#dbg {position:fixed;top:0;right:0;padding:10px;background:rgba(0,0,0,.6);color:#fff;}
#bg {width:100%;min-width:990px;height:100%;position:fixed;left:0;top:0;overflow:hidden;border:30px solid #000;border-width:30px 0;}
#bg img {width:100%;min-height:100%;}

body {position:relative;background:#000;}
html {overflow-y:scroll;}
html, body, #container {height:100%;}
body > #container {height:auto;min-height:100%;overflow:hidden;}

#home {display:block;position:absolute;right:20px;top:50px;width:235px;height:122px;background:url('../images/MediaCluster.gif') no-repeat center;}
#container {width:990px;height:100%;}

#content {position:relative;width:990px;margin-top:120px;float:left;padding-bottom:45px;padding-bottom:60px;}

#nav {position:relative;height:90px;margin-bottom:30px;}
#nav ul {list-style:none;margin:0;float:left;width:auto;position:absolute;height:32px;}
#nav li {float:left;list-style:none;}
#nav li a {text-decoration:none;}

#top {padding:6px 6px 6px 50px;height:32px;z-index:2;background:#000;}
#top li {padding-left:5px;vertical-align:baseline;font:17px/32px arial,helvetica,sans-serif;text-transform:uppercase;}  
#top li:first-child {background:none;padding-left:0;}
#top li a {text-decoration:none;color:#fff;padding:0 10px;}
#top li a:hover, #top li.active a {color:#f39900;}

#top li, #sub li.divider, #sub2 li.divider {background:url('../images/nav_divider.png') no-repeat left center;}

#sub, #sub2 {padding:12px 0 0 0;z-index:1;top:32px;left:30px;margin:0;background:#F7911A;border:1px solid #FFAA33;}
#sub li, #sub2 li {padding:0 10px;text-transform:lowercase;float:left;}
#sub li.active, #sub2 li.active {padding:0 0 0 10px;height:30px;background:url('../images/bg_subnav.gif') no-repeat left center;}
#sub li a, #sub2 li a {font-size:15px;font-weight:600;color:#fff;height:32px;line-height:32px;text-decoration:none;}
#sub li a:hover, #sub2 li a:hover {color:#000;}
#sub li.active a, #sub2 li.active a {display:block;color:#fff;background:#F7911A url('../images/bg_subnav.gif') no-repeat right center;padding:0 10px 0 0;}
#sub li.divider, #sub2 li.divider {width:6px;color:#fff;height:32px;padding:0;}

#sub2 {float:right;position:absolute;right:0;left:auto;width:auto;list-style:none;padding-top:0;}

li#share {height:100%;padding-left:12px;}
#top span.wrap {display:block;float:left;padding:0 !important;width:32px;height:100%;text-align:center;position:relative;}
#top span.wrap a {display:block;width:32px;height:32px;margin:0 auto;padding:0 !important;position:relative;}
#top span.wrap a img {display:block;margin-left:auto;margin-right:auto;position:relative;top:9px;width:16px;height:16px;}
#top span.wrap a label {opacity:0;background:#fff;color:#000;padding:15px;display:block;display:none;position:absolute;bottom:45px;left:-110px;font-size:12px;width:220px;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;}
#top span.wrap a label span {
  font-size:0px;
  line-height:0%;
  width:0px;
  border-top:10px solid #fff;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  position:absolute;
  left:50%;
  bottom:-10px;
  margin-left:-10px;
}
#top #mailto span.wrap a label span {margin-left:-1px;}
#mailto span.wrap, #mailto span.wrap a {width:48px !important;}
#top #mailto a img {width:24px;height:17px;}

h1.bw, h1.bw .offset, h1.bw .offset2 {font:600 40px/40px arial;text-transform:uppercase;color:#fff;background:#000;letter-spacing:-2px;}
h1.orange, h1.orange .offset {font:600 40px/40px arial;text-transform:uppercase;color:#F7911A;background:transparent;letter-spacing:-2px;}
h1 {padding:20px 20px 10px 60px;position:relative;clear:left;float:left;width:auto;}
h1 .offset {position:absolute;left:30px;bottom:-55px;padding:10px 30px 20px 60px;float:left;display:block;width:500px;}

h1.home, h1.home .offset {font-size:50px;padding:30px 30px 30px 60px;}
h1.home cufon {position:absolute;z-index:2;}
h1.home {width:300px;position:relative;}
h1.home .offset {bottom:-60px;left:0;width:620px;}

.text {background:#000;color:#fff;font:14px/18px arial,helvetica,sans-serif;padding:30px;}
span.s0 {display:block;font-size:15px;margin-bottom:9px;}
.text a {color:#F7911A;text-decoration:none;font-weight:600;}
.text a:hover {text-decoration:underline}
.text ul {list-style:disc outside;margin-left:15px;}

a.focusedLink {color:#f7911a !important;}

table.text {border-left:60px solid #000 !important;padding:0;}

#container.cat2 #col3 {line-height:27px;}

#claim, .anythingSlider {margin-top:30px;}

#news-list { position: absolute; left: 0; top: 330px; }
#news-list h3 { padding: 10px 20px 10px 60px; color: #fff; background: #000; font: 17px/32px arial,helvetica,sans-serif;text-transform:uppercase; display: inline; }
#news-list ul { margin: 0; padding: 0; list-style-type: none; }
.news-item a { padding: 10px 20px 10px 60px; background: #000; text-decoration: none; font: bold 17px/32px arial,helvetica,sans-serif;text-transform: uppercase; }

.anythingSlider {float:left;margin-left:30px;width:375px !important;padding:30px;}
.anythingControls .start-stop {display:none;}

td.block .anythingSlider {width:100% !important;padding:0;margin:0;float:none;}
td.block .anythingSlider .anythingWindow {left:0;margin:0;top:0;padding:0;}
td.block li.slider-section {width:900px !important;}
td.block .anythingSlider .arrow.back {top:auto;right:150px;bottom:-40px;left:auto;}
td.block .anythingSlider .arrow.forward {top:auto;right:-10px;bottom:-40px;left:auto;}
td.block .anythingSlider .arrow a {width:110px;}

#sliderinfo {background:#000;padding:15px;position:absolute;top:410px;left:80px;width:500px;color:#fff;visibility:hidden;}
#sliderinfo span {text-transform:uppercase;display:block;font-weight:600;font-size:18px;}
#sliderinfo .project {color:#F7931E;}

#claim {clear:left;float:left;background:#000;width:440px;position:relative;left:-60px;}
#claim #h1wrap {height:30px;width:380px;margin-left:60px;margin-top:30px;}
#claim h1 {font:300 30px/20px arial,helvetica,sans-serif;background:transparent;padding:0 0 0 60px;margin:0;}

#claim #h2wrap {margin-left:60px;}
#claim h2 {color:#F7911A;text-transform:uppercase;font-size:18px;padding-left:60px;}
#claim .text {clear:both;padding-top:0;padding-left:120px;}

#slider1 .panel > div {position:relative;}
.panel .teaser {position:absolute;left:0;bottom:0;padding:10px;background:rgba(0,0,0,.6);color:#fff;display:block;width:100%;font:600 12px/18px arial,helvetica,sans-serif;text-transform:uppercase;}
.teaserPic {height:270px;width:375px;overflow:hidden;}

#slider1_more {display:block;width:30px;height:30px;background:#F7911A url('../images/slider_sprite.png') no-repeat -174px -15px;position:absolute;left:30px;top:-15px;border:2px dotted #F7911A;}

#slider1_thumbs {float:left;}
#slider1_thumbs li {float:left;margin-right:3px;}
#slider1_thumbs li a {cursor:pointer;}

.reference {position:relative;width:1030px;min-height:450px;height:100%;}
.reference .content {float:right;width:250px;height:100%;background:#000;position:relative;}
.reference .content .work {position:absolute;bottom:0;right:0;text-align:right;width:240px;color:#aaa;}
.reference .title {background:#000;padding:15px;margin:-15px -15px 15px;}
.reference .title h1 {letter-spacing:-0.5px !important;line-height:30px;}
.reference .title h1 span {font-weight:300;color:#777;margin-right:5px;}
.reference .project {font-size:18px;color:#F7931E;margin:0;padding:0;display:block;width:100%;}
.reference .text {color:#fff;padding-top:0;}
.reference .client {display:block;text-transform:uppercase;color:#999;}

#reference_gallery {width:780px !important;height:480px !important;overflow:hidden;float:left;}
#reference_gallery img {width:100% !important;height:100% !important;}
#rg_prev, #rg_next {position:absolute;z-index:1000;width:73px;height:55px;display:block;background:url('../images/slider_sprite.png');}
#rg_prev {left:-50px;top:45%;background-position:left top;}
#rg_next {left:750px;top:45%;background-position:-73px top;}

#fancybox-inner {overflow:visible !important;}

#people {height:200px;background:#000;width:800px;clear:both;margin-top:160px;padding:30px 30px 10px;}
#people .scrollpane {float:left;width:100%;height:200px;overflow:auto;}
#people .scrollpane .jspPane {/*width:2500px !important;*/min-width:1560px;}
#people .jspTrack {background:#7a7a7a;}
#people .jspDrag {background:#f59b00;}

#people .text {float:left;width:350px;}
#people .person {float:left;width:200px;height:185px;margin:0 15px;letter-spacing:-1px;}
#people .person img {width:180px !important;}
#people .person h3 {margin-top:-10px;background:#fff;color:#000;font:600 14px/18px arial,helvetica,sans-serif;text-transform:uppercase;margin-right:50px;padding:3px 6px;}
#people .person p {background:#fff;color:#7A7A7A;font:italic 600 14px/18px arial,helvetica,sans-serif;margin-left:50px;text-align:right;padding:3px 6px;margin-top:-3px;}

#col2 tr, #col3 tr {display:block;width:900px;}
#col2 td, #col3 td {display:inline-block;}

#col2 {background:#000;clear:both;float:left;margin-top:30px;width:900px;display:table;border:30px solid #000;}
#col2 .col {width:46%;padding-left:6%;position:relative;height:100%;vertical-align:top;}
#col2 .col.master {padding-left:0;}
#col2 h2 {margin-bottom:15px;font-size:20px;}

#col2 span.col {float:left;}
#col2 td.block {width:100%;}

.blocktext {padding-top:36px;}
.pg {margin-bottom:18px;}

#art {margin-top:210px;}
#art #col2 .col {width:53%;}
#art #col2 .col.master {width:39%;}

#col3 {background:#000;clear:both;margin-top:30px;width:900px;/*table-layout:fixed;*/border:30px solid #000;border-left:60px solid #000;display:table;}
#col3 .col {width:30%;padding-left:4%;position:relative;height:100%;vertical-align:bottom;}
.col .bot {position:absolute;bottom:0;}
#col3 .col.master {padding-left:0;vertical-align:top;}

#jobs {border-collapse:separate;border-spacing:15px;margin-left:42px;}
#jobs td {background:#000;vertical-align:middle;}
#jobs td h1 {margin-top:0;display:inline;/*font-size:40px;*/}
#jobs td a:hover h1 {background:#F7911A;}

.text.white {color:#000;background:#fff;}
.text.orange {color:#fff;background:#F7911A;}

#all {clear:both;width:80%;float:left;background:#000;margin-top:30px;padding-left:60px;}
.all {/*clear:left;float:left;*/display:block;text-decoration:none;padding:7px;}
.all .project {font:600 12px/16px arial,helvetica,sans-serif;min-width:240px;display:inline-block;}
.all .client {font:300 12px/16px arial,helvetica,sans-serif;color:#fff;}
a.all:hover {text-decoration:none;background:#111;}

#foot {margin-top:-45px;height:45px;clear:both;position:relative;margin-bottom:-1px;background:#000;line-height:44px;padding-left:60px;}
#foot a {color:#623e00;text-decoration:none;text-transform:uppercase;display:inline-block;margin-right:5px;font:11px/45px verdana,arial,sans-serif;}
#foot a:not(:first-child):before { content: "\\  "; }
#foot a:hover {color:#F7911A;}
#foot .ext {float:right;margin-right:30px;}
#foot .ext a {}

/* Kontaktformular */

#kontakt {font:300 12px/22px arial,helvetica,sans-serif;margin-bottom:36px;padding-right:60px;width:390px;}
#kontakt span {color:#EE7F01;margin-left:3px;}
#kontakt label {width:114px;clear:left;line-height:20px;color:#aaa;}
#kontakt label, #kontakt input, #kontakt textarea {float:left;}

#kontakt select {padding:2px;margin-bottom:3px;border:1px solid #ddd;background:#fafafa;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}

#kontakt input{width:270px;}
#kontakt textarea {width:384px;}
#kontakt input, #kontakt textarea, #formcontainer input {padding:2px;margin:0 0 4px 0;border:1px solid #222;background:#ccc;color:#444;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
#kontakt input:focus, #kontakt textarea:focus, #kontakt select:focus, #formcontainer input:focus {background:#fff;border-color:#ccc;color:#444;}
#kontakt textarea {overflow:hidden;}

#kontakt #PLZ {width:50px;}
#PLZ + label {width:30px;margin-left:10px;clear:none;}
#kontakt #Ort {width:304px;}

#kontakt #action {height:28px;clear:both;}
#kontakt #submit {width:110px !important;}
#formcontainer #getRoute {width:80px !important;}
#kontakt #submit, #formcontainer #getRoute {background:#000 url('/static/images/grad_w.png') repeat-x top;float:right;margin-left:3px;font:600 11px/22px arial,helvetica,sans-serif;color:#888;border-color:#888;}
#kontakt #submit:hover, #formcontainer #getRoute:hover {color:#fff;background:#6AB023;}

#kontakt p.alert {color:#E32D02 !important;font-size:11px !important;line-height:18px;margin-top:10px;}
#kontakt p.note {font-size:11px !important;margin-left:112px;color:#888;width:auto;float:left;}
#kontakt label.error {display:none;color:#EE7F01;clear:both;width:auto;margin-left:100px;position:relative;top:-4px;padding-left:20px;}
#kontakt label.error span {display:block;width:10px;height:9px;background:url('/static/images/label_error.gif') no-repeat center;position:absolute;bottom:12px;left:2px;}
#kontakt input.error, #kontakt textarea.error {border-color:#EE7F01;}

/* Anfahrt */

#map {background:#ccc;}
#formcontainer {padding:6px 0;}
#formcontainer, #directions {font:12px/20px arial,helvetica,sans-serif}
#directions {padding:0 !important}
#formcontainer form {float:left}
a#print {float:right;padding-left:0;line-height:24px;color:#888;display:none;}
a#print:hover {color:#F39900;}
#fromLabel {color:#888;}
input#fromAddress {margin-left:8px;color:#444;width:262px;}
.googledir div table tr {background:transparent;}
.googledir b {font-weight:600}
*+html #fromLabel {position:relative;top:4px}
* html #fromLabel {position:relative;top:4px}

#directions tr {display:table-row !important;}
#directions td {display:table-cell !important;}
#directions  .googledir div table {background:transparent !important;color:#fff !important;border:0 !important;}

/* Blog */

#blog {float:left;clear:left;padding:15px 15px 0 45px;background:#111;margin-top:15px;}
#blog .post {margin:0 0 15px 0;padding:15px;background:#000;position:relative;}
#blog .post h3 {clear:both;float:left;width:690px;font-size:20px;margin-bottom:10px;}
#blog .post h3 a {text-decoration:none;color:#F7911A;}
#blog .post h3 a:hover {color:#fff;}
#blog .post .date {float:right;width:210px;text-align:right;font:600 italic 11px/20px arial,helvetica,sans-serif;color:#555;}
#blog .post .content {clear:both;color:#777;padding-bottom:50px;}
#blog .post .content img[title] {float:left;margin-right:15px;}
#blog .post .tags {display:block;font-size:10px;margin-bottom:11px;margin-left:165px;position:absolute;bottom:0;}
#blog .post .tags span {float:left;padding:3px;background:#111;color:#777;margin:0 4px 4px 0;}
#blog .post .more {text-decoration:none;color:#999;font-weight:600;}
#blog .post .more:hover {color:#fff;}

/* Notice */

#fancybox-outer.notice {background:url('../images/bg_xmas_notice.gif') no-repeat left top;width:569px;height:328px;padding:0;}
#fancybox-outer.notice  #fancybox-inner {position:relative;left:0;top:0;}
#fancybox-outer.notice #fancybox-close {right:25px;top:20px;}
#notice {color:#F7911A;text-transform:uppercase;font:600 11px/20px arial,helvetica,sans-serif;padding:30px;width:400px;position:relative;top:10px;left:10px;}
#notice h1 {float:none;padding:0;font-size:11px;margin-bottom:10px;}

/* */

body#references {color:#fff !important;clip:auto !important;width:1030px;height:auto;margin:220px auto 20px;position:relative !important;}
body#references .reference {height:480px;}
body#references #home {position:fixed;top:10px;right:10px;}
body#references .visuallyhidden {clip:auto;top:-180px;color:#fff;}
body#references .visuallyhidden .project, body#references .visuallyhidden .client {float:left;width:auto;margin-right:20px;}
body#references .visuallyhidden .client {font-size:18px;text-transform:none;}
body#references .visuallyhidden .descr {clear:both;float:left;margin-top:20px;width:780px;}
body#references .visuallyhidden img, body#references .visuallyhidden .bgimg, body#references .visuallyhidden .caption, body#references .visuallyhidden .overview {display:none;}

/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }  
  .ir a:after { content: ""; }  /* Don't show links for images */  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }  
  img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

/*
 * Media queries for responsive design
 */

@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  
  
  /* Prevent iOS, WinMobile from adjusting font size */
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 
}

/* */

/*
    AnythingSlider v1.4.4 Default (base) theme

    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/******* SET DEFAULT DIMENSIONS HERE ********/
div.anythingSlider {
	width: 700px;
	height: 390px;
	padding:30px;
	background:#000;
	/*margin: 0 auto;*/
}

/****** SET COLORS HERE *******/
/* Default State */
div.anythingSlider .thumbNav a.cur, div.anythingSlider .thumbNav a {
	background: #777;
	color: #000;
}
div.anythingSlider .anythingWindow {  
}
div.anythingSlider .start-stop {
	background-color: #040;
	color: #fff;
}
div.anythingSlider .start-stop.playing {
	background-color: #800;
}
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
	color: #ddd;
}

/* Active State */
div.anythingSlider.activeSlider .anythingWindow {
  /*
	border-color: #F7911A;
	border-top-color:#000;
	*/
}
div.anythingSlider.activeSlider .thumbNav a.cur, div.anythingSlider.activeSlider .thumbNav a {
	background-color: #F7911A;
}
div.anythingSlider .start-stop {
	background-color: #080;
	color: #fff;
}
div.anythingSlider .start-stop.playing {
	background-color: #d00;
}
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
	color: #fff;
}

/**** DO NOT CHANGE BELOW THIS LINE ****/
/* anythingSlider viewport window */
div.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
  margin:-30px;
  padding:0 0 30px 30px;
  background:#000;
  left:30px;
  top:30px;	
}
/* wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
div.anythingSlider {
	position: relative;
	z-index:10;
	/*padding: 0 45px 28px 45px;*/
}
/* anythingSlider base UL */
ul.anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
ul.anythingBase li.panel {
	background: transparent;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

/* Navigation Arrows */
div.anythingSlider .arrow {
	/*top: 50%;*/
	position: absolute;
	display: block;
	/*margin-top:20px;*/
	z-index:100;	
}
div.anythingSlider .arrow a, #slider1_all {
	display: block;
	position:relative;
	outline: 0;
	background:#F7911A;	
	font:14px/30px arial,helvetica,sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	color:#fff;	
	height:auto;
	padding:8px 15px;
	border:2px dotted #F7911A;
}

#slider1_all {position:absolute;right:-30px;bottom:-30px;width:150px;padding-top:30px;z-index:-10;}

div.anythingSlider .forward {left:-15px;bottom:-15px;}
div.anythingSlider .back {right:-15px;top:-15px;}
div.anythingSlider .forward a {padding-left:0;text-align:right;width:220px;}
div.anythingSlider .back a { padding-left:0;text-align:right;width:190px;}
div.anythingSlider .arrow a:hover, #slider1_all:hover {background:#000;color:#F7911A;}
#slider1_more:hover {background-color:#000;}
div.anythingSlider .arrow a .icon {position:absolute;background-image:url('../images/slider_sprite.png');display:block;width:73px;height:55px;}
div.anythingSlider .forward a .icon {left:-25px;top:-14px;background-position:-73px top;}
div.anythingSlider .back a .icon {left:-46px;top:-14px;background-position:-left top;}




div.anythingSlider .forward a.hover {}
div.anythingSlider .back a.hover {}

/* Navigation Links */
div.anythingSlider .anythingControls { outline: 0; }
div.anythingSlider .thumbNav { margin: 0; }
div.anythingSlider .thumbNav li { display: inline; }
div.anythingSlider .thumbNav a {
	font: 600 11px/18px arial,helvetica,sans-serif;
	display: inline-block;
	text-decoration: none;
	padding: 2px 8px;
	height: 18px;
	margin: 0 5px 0 0;
	background-image: url(../images/slider/cellshade.png);
	background-repeat: repeat-x;
	text-align: center;
	outline: 0;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
div.anythingSlider .thumbNav a:hover {
	background-image: none;
}

/* slider autoplay right-to-left, reverse order of nav links to look better */
div.anythingSlider.rtl .thumbNav a { float: right; } /* reverse order of nav links */
div.anythingSlider.rtl .thumbNav { float: left; }    /* move nav link group to left */
/* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */

/* Autoplay Start/Stop button */
div.anythingSlider .start-stop {
	background-image: url(../images/slider/cellshade.png);
	background-repeat: repeat-x;
	background-position: center top;
	padding: 2px 5px;
	width: 40px;
	text-align: center;
	text-decoration: none;
	float: right;
	z-index: 100;
	outline: 0;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; }

.noTransitions {
	transition-duration: 0;
	-o-transition-duration: 0;
	-moz-transition-duration: 0;
	-webkit-transition-duration: 0;
}

/*
 * 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.
 */

.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: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.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;
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../images/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000 !important;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #000;
	padding:15px;
}

#fancybox-inner {
	position: absolute;
	top: 30px !important;
	left: 30px !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background:#F7911A url('../images/slider_sprite.png') no-repeat -220px -14px;	
	cursor: pointer;
	z-index: 9999;
	display: none;
	border:2px dotted #F7911A;
	display:block;
}
#fancybox-close:hover {background-color:#000;}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../images/fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('../images/fancybox/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 40%;
	cursor: pointer;
	outline: none;
	background-image: url('../images/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: -60px;
}

#fancybox-right {
	right: -60px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 70px;
	height: 70px;
	margin-top: -30px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../images/slider_sprite.png');
	background-position: -140px 0;
}
#fancybox-left-ico:hover {background-position:-140px -70px;}

#fancybox-right-ico {
	background-image: url('../images/slider_sprite.png');
	background-position: -70px 0;
}
#fancybox-right-ico:hover {background-position:-70px -70px;}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/fancybox/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../images/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../images/fancybox/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
/*.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='slider_sprite.png', sizingMethod='scale'); }*/

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

/* SM-Panel */

#socialmediapanel a:focus {
outline: none;
}

#socialmediapanel h1 {
font-size: 34px;
font-family: verdana, helvetica, arial, sans-serif;
letter-spacing:-2px;
/*color:#9FC54E;*/
font-weight:700;
padding:20px 0 0;
}

#socialmediapanel h2 {
font-size: 24px;
font-family: verdana, helvetica, arial, sans-serif;
color:#444444;
font-weight: 400;
padding: 0 0 10px;
}

#socialmediapanel h3 {
font-size:14px;
font-family:verdana, helvetica, arial, sans-serif;
letter-spacing:-1px;
color:#fff;
font-weight: 700;
margin:0;
padding:8px 0 8px 0;
}

#socialmediapanel img{
float: right;
margin: 3px 3px 6px 8px;
padding: 5px;
background: #222222;
border: 1px solid #333333;
}

#socialmediapanel p {
color:#cccccc;
line-height:22px;
padding: 0 0 10px;
margin: 20px 0 20px 0;
}





.smpanel {
/*position: absolute;*/
position:fixed;
top: 200px;
right: 0;
display: none;
background: #000;
border:1px solid #111111;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
width: 330px;
height: auto;
padding: 30px 170px 30px 30px;
filter: alpha(opacity=85);
opacity: .85;
filter:alpha(opacity=85);
z-index: 1099;
}
.smpanel *{opacity:1;}
.smpanel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}
#socialmediapanel img {
border:none;
background: transparent;
}
.smpanel a, .panel a:visited{
margin: 0;
padding: 0;
/*color: #9FC54E;*/
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}

.smpanel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

a.trigger{
position: absolute;
text-decoration: none;
top: 240px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 21px 18px 20px 48px;
font-weight: 700;
background:#000 url(/static/images/plus.png) 15% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
opacity: .85;
filter:alpha(opacity=85);
z-index:1100;
}

a.trigger:hover{
position: absolute;
text-decoration: none;
top: 240px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 21px 18px 20px 48px;
font-weight: 700;
background:#111 url(/static/images/plus.png) 15% 55% no-repeat;
border:1px solid #333;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
opacity: .85;
filter:alpha(opacity=85);
z-index: 1100;
}

a.active.trigger {
background:#111 url(/static/images/minus.png) 15% 55% no-repeat;
}

.share {
    margin: 0 auto;
    float:left;
    width:100%;
    padding-bottom:10px;
    
}
.share *{
  opacity:1 !important;
}

.twittershare {}

.gplus {}

.facebook {position:relative; bottom:4px; padding-right:20px;}
.fblikebox {width:310px; float:left;}
.mc {margin-right:0px;}

#bookmarking {float: left;}