/*  ----------- GLOBAL  ----------- */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; line-height:24px; letter-spacing:1px; color:#fff;  }

a   { outline: none; }
a:active  { outline: none; }
a:focus   { -moz-outline-style: none; }
a:link, a:visited { text-decoration:none; color:#E8E8E8; }
img { border:none; }
html.video { height: 100%; }
body   			{  font-family:Helvetica, arial; margin: 20px auto; width: 100%; margin-bottom:60px; min-height:94%; }

/*  ----------- INTRO  ----------- */
body#intro 		{  margin:0 auto; text-align: center; font-family: Impact, Charcoal, sans-serif; overflow:hidden; }
body.motion {

}
#intro a { height:200px; }
#intro h1, #intro h2 {  color:#000; line-height:100px; font-size: 136px; left: 50%; margin-left: -50%; top: 50%; opacity: 0; position: absolute;  text-align: center; height:200px; width: 100%; -webkit-text-shadow: 0 1px 7px #202020; text-shadow: 0 1px 7px #202020;  -moz-text-shadow: 0 1px 7px #202020; }
#intro img { left: 50%; margin-left: -50%; position: absolute; top: -3%; width: 100%;  z-index: -1; }
#intro h2		{ margin-top:120px; font-family:helvetica; z-index:4;}
#intro span  		{ font-family:arial;font-size:18px; padding-left:6px; }
#intro #fittext { height:200px;}
body.contact{ background: #101010;}
body, #main #text, body.portrait, body.edit, body.advert  { background: #202020; /* Old browsers */
background: -moz-linear-gradient(top, #202020 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#202020), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #202020 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #202020 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #202020 0%,#000000 100%); /* IE10+ */
background: linear-gradient(top, #202020 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ 
Color format: Comments IE9 Support (?) }

/*  ----------- HEADER  ----------- */
#header  	{ background-color:#000; color:#282828; -moz-box-shadow: 0 0 2px #909090; box-shadow: 0 0 2px #909090; -webkit-box-shadow: 0 0 2px #909090; z-index:1; margin:0 auto;  width:100%; height: 23px; position:fixed; padding: 15px 0; bottom:0; font-size:58px;   _font-size:48px; *font-size:48px; opacity:1; z-index:12000;  }
#header a { float:left; font-family: Impact, Charcoal, sans-serif; height:100px; display:inline; font-size:48px \0/IE8; }
#header a.title { margin-left:32px; }
#header span { font-family:Helvetica, arial; font-style:italic; font-size:10px; padding-left:6px; -webkit-text-shadow: 0 5px 1px #F8F8F8; text-shadow: 0 5px 1px #F8F8F8;  -moz-text-shadow: 0 5px 1px #F8F8F8; }

/*  ----------- Menu  ----------- */
body.edit #VerColMenu a.edit, body.advert #VerColMenu a.advert, body.portrait #VerColMenu a.portrait, body.archive #VerColMenu a.archive, body.contact #VerColMenu a.contact, body.links #VerColMenu a.links, body#blog #VerColMenu a.blog { color:#404040; }

#header #VerColMenu, #header #VerColMenu ul { list-style:none; width:646px; float:right; line-height:0; width:496px \0/IE8;}
#header #VerColMenu li { display:inline; }
#header #VerColMenu a { font-family:Helvetica Neue Condensed, arial;  line-height:24px; display:inline-block; font-weight:bold; font-size:16px; font-size:12px \0/IE8;  padding :4px; margin-left: 13px; text-decoration: none; text-align:right;  }
#header #VerColMenu a:hover { color:#999; }
#header #VerColMenu ul a { color : #4E4848; font-size:16px; padding :2px 8px; }
#header #VerColMenu ul a:hover {  color : #CFCFCF; }

#main a:hover   { }
#main #images   { width:848px;  margin:0 auto; padding-top:20px; padding-left:20px; margin-bottom:66px; /*-moz-box-shadow: 0 0 36px #E8E8E8; box-shadow: 0 0 36px #E8E8E8; -webkit-box-shadow: 0 0 36px #E8E8E8;*/  }
#main #images img { margin:6px; border:medium none;  -moz-box-shadow: 0 0 4px #404040; box-shadow: 0 0 4px #404040; -webkit-box-shadow: 0 0 4px #404040;}
#main #images a {  width: 276px; display: inline-block; opacity:0.01;   }
#main #images a.hide { display:none!important; }
#main #images span { font-family:Helvetica, arial; font-style:italic; font-size: 10px; display:block; margin-left: 10px; margin-top: -14px; text-align: left; }
#main #wrapper { height:50%; margin-bottom:-296px; }
#main #text   { clear:both; height:592px; position:relative; background-color:#000; width:986px; left:50%; margin-left:-538px;  text-align:left; overflow:auto; opacity:0.1; padding:20px 40px 40px;  }

#fancybox-content video {
	display: block;
	margin:0 auto;
}
/* ----------- Page specific  ----------- */
body.portrait { min-height:124%  ;}
body.portrait #up { background:url("../i/arrow_down.gif") no-repeat scroll 100% 0 transparent; height:20px; opacity:0.7 }
body.portrait #down { background:url("../i/arrow_up.gif") no-repeat scroll 100% 0 transparent; height:40px; opacity:0.7; }
body.edit #header { bottom:-90px; font-size:58px; opacity:0; }
body.archive h1 { text-align:center; opacity:0; top:50%; left:50%; margin-left: -490px; position:absolute; line-height:40px; width:980px; }
body.archive h1 a {color:#CCC;}
body.archive h1 a:hover { color:#303030;}
body.contact {margin:0 auto;  }
body.contact h3 { text-align:right; font-size:16px; margin-top:30px; line-height:30px;}
body.contact h3 b { color:#909090;  font-size: 20px;}

body.ie6 h1.iefix,
body.ie7 h1.iefix,
body.ie8 h1.iefix,
body.ie9 h1.iefix {
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Chroma(Color=#cccccc) progid:DXImageTransform.Microsoft.DropShadow(Color=#202020, OffX=2, OffY=2)";
	filter: progid:DXImageTransform.Microsoft.Chroma(Color=#cccccc)
	        progid:DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=2, Color=#202020);
}

/*Screen specific */
@media only screen and (max-width : 1480px) { 
#header a { font-size: 56px; }
#header a.title { margin-left: 24px; }
#header #VerColMenu {  width: 512px; }
#header #VerColMenu a {  font-size:16px; padding-left: 18px; padding-top: 0; margin-left: 2px; }
}

@media only screen and (max-width : 1244px) { 
#header a { font-size: 48px; }
#header #VerColMenu {  width: 436px; }
#header #VerColMenu a {  padding-left: 10px; font-size:14px; }
#main #images { width:848px; margin: 0 auto;   }
}


@media only screen and (max-width : 1024px) { 
#header a { font-size: 46px }
#header #VerColMenu {  width: 434px; }
#header #VerColMenu a {  font-size:14px; }
#main #images { width:578px; margin: 0 auto; position:inherit; }
}
/*@media only screen and (min-width : 1680px) { 
#main #images { width:1530px; margin-top:40px;} 	
#main #images img { width:91%; height:auto;} 	
#intro h2 {  margin-top:180px;}
#main #images a {  height: 262px; width: 376px; } */

@media only screen and (max-width : 940px)   {
#header { height:18px; padding:18px 0;}
#header a { font-size: 36px;  }	
#header #VerColMenu {  width: 404px; margin: -5px; }
#header #VerColMenu a {  font-size:12px; margin-top: 6px; }
#main #images img { margin:4px; width:260px;}
#main #images a {   }
#main #text { font-size: 12px; width: 800px; }
 
}
@media only screen and (max-width : 790px)   {
#header { height: 20px; padding: 10px 0;}
#header a { font-size: 26px;  }	
#header #VerColMenu {  width: 476px; }
#header #VerColMenu a {  font-size:11px; }
#main #images img { margin:4px; } 
}
@media only screen and (max-width : 700px)   {
#header #VerColMenu { width: 380px;  }
#header a { font-size: 20px; padding:2px; }
#header #VerColMenu {  width: 304px; }
#header #VerColMenu a {  font-size:8px; }	
}
/* iPhone Portrait & Landscape*/
@media only screen and (max-device-width:480px) {
#header  	{  height: 33px; }
#header a { font-size: 26px; padding:2px; }
#header #VerColMenu {  width: 356px; }
#header #VerColMenu a {  font-size:10px; }	
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
#intro img { top: 0;  }
.contact #header { margin-top:10px; }
#header { margin-top:-10px; height:20px;}
#header a { font-size: 30px; }
body.portrait #images, body.advert #images { margin-top:-80px; }

#main #images  { width: 96%; margin: -42px auto; }
#main #images a {  width: 24%; }
#main #images img { width:90%; height:auto;}
#main #images img.short { width:96%; height:auto;}
#main #text { width:740px; margin-left:-470px; margin-top:-246px; }	
#main #images span { font-size:8px; }
#main #text {position:static; margin:10px auto; padding-top:10px;}
	
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
#header { width:110%; }
}