@font-face {
  font-family: ACaslonPro-Regular;
  src: url('font/ACaslonPro-Regular.otf');
}
@font-face {
  font-family: Bebas;
  src: url('font/BebasNeue.otf');
}
html, body{ 
margin:0 auto;
padding:0; 
background-color:#f5f5f5;height:100%;
}


/* ----------LINKS --------------------------------*/

a {color: #09959a; text-decoration:none; }
a:visited {color: #09959a; text-decoration:none;}
/*74a9db*/
a:hover {color: #fff; text-decoration:none;}
a:active{color: #fff; text-decoration:none;}
a.ref{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;top: -0.5em;}

#wrap{width:100%;height:100%; margin:0; text-align:center;}



/* ----------LEFT --------------------------------*/

#left a{ font-family: Bebas;font-size:1.6em;}
#left span{ font-family: Bebas;font-size:1.6em;color:#ffffff;}
#left{
	
	background-color:#231f20;
	/*padding-right:20px;
	padding-left:10px;*/
	padding-top:30px;
	color:#FFF;
	text-transform:uppercase;
	
	/*line-height: 200%; */
	font-family: ACaslonPro-Regular;
	text-align:right; 

 position:absolute;
 top:0px;
 left:0px;
 width:300px;height:100%;
  }
  
  
   .title{
	font-size:3em;
	 line-height: 110%;
 font-family: Bebas;
	}
#menu {background-color:#231f20;
padding-right:20px;
	padding-left:10px;
}



#left a.copy{
	font-family: ACaslonPro-Regular;
	font-size:0.8em;
	color:#555;
	line-height: 110%;
	}
	
.date{
	font-size:0.8em;
	color:#666;
	line-height: 110%;
}

/* ----------RIGHT --------------------------------*/
#right{
	font-family: ACaslonPro-Regular;
	
	text-align:left;
 font-size:1.3em; 
 padding-top:30px;
 color:#282828; 
  line-height: 140%;
 position:absolute;
 top:0px;
 left:350px;
 width:600px;
 }
#right a{
	 font-weight:bold;
	 color:#04539c;
	 }
#right a:hover{
	 color:#000;
}
 
 #ref{font-size:0.8em;}
 
 /*-----------*/
#rotate {
margin:0;
	
	
	color: #ccc;
	
	font-size:10em;
	font-family:Bebas;
	  line-height: 100%;
	  text-align:left;
	 -moz-transform:rotate(90deg);
/*  -webkit-transform: rotate(90deg);
 
  ie6-8 Values: 0, 1, 2, 3 for 0, 90, 180 or 270 degress respectively 
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);*/
/*
TRANSPARENCY

Required for IE 5, 6, 7 */
        /* ...or something to trigger hasLayout, like zoom: 1; 
       height: 100%; */
	    width: 120%; 
		
        /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter 
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";*/

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=80);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.1;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.2;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.2;
		
		
		
		position: absolute;
	right:-460px;
top: 220px;/*		*/
	

}
	
	
b{
font-size:1.3em;  line-height: 150%;

}
	
blockquote{
	color:#3a3a37;
	font-style:italic;
	background-color:#FFF;
	padding: 15px;
	}