/* css :: document */

/*
@font-face {
    font-family: 'ma_LetterGothicStd';
    src: url('letter-gothic.eot?') format('embedded-opentype'),
    	url('LetterGothicStd.otf') format('opentype'),
    	url('LetterGothicStd.ttf') format('truetype');    	             	
    font-weight: normal;
    font-style: normal;
   
}

@font-face {
    font-family: 'ma_LetterGothicStd';
    src: url('letter-gothic-bold.eot?') format('embedded-opentype'),    	
    	url('LetterGothicStd-Bold.otf') format('opentype'),
    	url('letter-gothic-bold.ttf') format('truetype');    	
    font-weight: bold;
    font-style: normal;
   
}

@font-face {
    font-family: 'ma_LetterGothicStd';
    src: url('letter-gothic-italic.eot?') format('embedded-opentype'),
    	url('LetterGothicStd-Slanted.otf') format('opentype'),
    	url('letter-gothic-italic.ttf') format('truetype');    	
    font-weight: normal;
    font-style: italic;
   
}

@font-face {
    font-family: 'ma_LetterGothicStd';
    src: url('letter-gothic-bold-italic.eot?') format('embedded-opentype'),
    	url('LetterGothicStd-BoldSlanted.otf') format('opentype'),
    	url('letter-gothic-bold-italic.ttf') format('truetype');    	
    font-weight: bold;
    font-style: italic;
}
*/

@font-face {
    font-family: 'ma_LetterGothicStd';
    font-weight: normal;
    font-style: normal;
    src: url('fonts/lettergothicstd-webfont.eot');
    src: url('fonts/lettergothicstd-webfont.eot?#iefix') format('embedded-opentype'),
    	url('fonts/lettergothicstd-webfont.woff') format('woff'),
    	url('fonts/lettergothicstd-webfont.ttf') format('truetype'),
    	url('fonts/lettergothicstd-webfont.svg#LetterGothicStdMedium') format('svg');
}

@font-face {
    font-family: 'ma_LetterGothicStd';
    font-weight: bold;
    font-style: normal;
    src: url('fonts/lettergothicstd-bold-webfont.eot');
    src: url('fonts/lettergothicstd-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lettergothicstd-bold-webfont.woff') format('woff'),
         url('fonts/lettergothicstd-bold-webfont.ttf') format('truetype'),
         url('fonts/lettergothicstd-bold-webfont.svg#LetterGothicStdBold') format('svg');
}


@font-face {
    font-family: 'ma_LetterGothicStd';
    font-weight: normal;
    font-style: italic;
    src: url('fonts/lettergothicstd-slanted-webfont.eot');
    src: url('fonts/lettergothicstd-slanted-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lettergothicstd-slanted-webfont.woff') format('woff'),
         url('fonts/lettergothicstd-slanted-webfont.ttf') format('truetype'),
         url('fonts/lettergothicstd-slanted-webfont.svg#LetterGothicStdSlanted') format('svg');
}

@font-face {
    font-family: 'ma_LetterGothicStd';
    font-weight: bold;
    font-style: italic;
    src: url('lettergothicstd-boldslanted-webfont.eot');
    src: url('lettergothicstd-boldslanted-webfont.eot?#iefix') format('embedded-opentype'),
         url('lettergothicstd-boldslanted-webfont.woff') format('woff'),
         url('lettergothicstd-boldslanted-webfont.ttf') format('truetype'),
         url('lettergothicstd-boldslanted-webfont.svg#LetterGothicStdBoldSlanted') format('svg');
}

/*
@font-face {
    font-family: 'ma_FranklinGothicBook';
    src: url('FRABK.eot?') format('embedded-opentype'),
    	url('FRABK.TTF') format('truetype');    
    font-weight: normal;
    font-style: normal;
    
    src: url('fonts/frabk-webfont.eot');
    src: url('fonts/frabk-webfont.eot?#iefix') format('embedded-opentype'),
}
*/
@font-face {
    font-family: 'ma_FranklinGothicBook';
    src: url('fonts/frabk-webfont.eot');
    src: url('fonts/frabk-webfont.eot?#iefix') format('embedded-opentype'),         
         url('fonts/frabk-webfont.ttf') format('truetype'),
         url('fonts/frabk-webfont.woff') format('woff'),
         url('fonts/frabk-webfont.svg#FranklinGothicBookRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
@font-face {
    font-family: 'ma_FranklinGothicBook';
    src: url('fonts/lettergothicstd-webfont.eot');
    src: url('fonts/lettergothicstd-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lettergothicstd-webfont.woff') format('woff'),
         url('fonts/lettergothicstd-webfont.ttf') format('truetype'),
         url('fonts/lettergothicstd-webfont.svg#LetterGothicStdMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ma_FranklinGothicBook';
    src: url('fonts/lettergothicstd-slanted-webfont.eot');
    src: url('fonts/lettergothicstd-slanted-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lettergothicstd-slanted-webfont.woff') format('woff'),
         url('fonts/lettergothicstd-slanted-webfont.ttf') format('truetype'),
         url('fonts/lettergothicstd-slanted-webfont.svg#LetterGothicStdSlanted') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'ma_FranklinGothicBook';
    src: url('fonts/lettergothicstd-bold-webfont.eot');
    src: url('fonts/lettergothicstd-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lettergothicstd-bold-webfont.woff') format('woff'),
         url('fonts/lettergothicstd-bold-webfont.ttf') format('truetype'),
         url('fonts/lettergothicstd-bold-webfont.svg#LetterGothicStdBold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'ma_FranklinGothicBook';
    src: url('fonts/lettergothicstd-boldslanted-webfont.eot');
    src: url('fonts/lettergothicstd-boldslanted-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lettergothicstd-boldslanted-webfont.woff') format('woff'),
         url('fonts/lettergothicstd-boldslanted-webfont.ttf') format('truetype'),
         url('fonts/lettergothicstd-boldslanted-webfont.svg#LetterGothicStdBoldSlanted') format('svg');
    font-weight: bold;
    font-style: italic;

}
*/
* {
	outline: none;
	outline-style: none;
	margin:0;
	padding:0;
}

html {
	
}

br {

}

a {
	color:#000000;	
	color:#8d8992;	
	text-decoration:none;
}

img {
	border:0;
}

li {
	list-style:none;
}

header, footer, section, aside, nav, article, select {
	display:block;
}

body {	
	display:block;
	margin:0;
	padding:0;	
	font-family: 'ma_LetterGothicStd', sans-serif;
	-webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */
	
	/*
	http://kilianvalkhof.com/2010/css-xhtml/how-to-use-rgba-in-ie/
*/
/*
	background:none;
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
	zoom: 1;
*/
/*
	http://css-tricks.com/rgba-browser-support/
*/
/*
	background:transparent;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
    zoom: 1;
*/
/* css3 */
	background-color:rgba(0,0,0,0.5);
		
}

#wrapper {
	display:table;
	width:1024px;
	height:100%;
	margin:0 auto;
	margin-top:0;
	z-index:-1;
	background-color:#ffffff;
}

header {
	width:1024px;
	height:63px;
	z-index:2;	
	background-color:rgba(0,0,0,0.5);
}

header h1 {
	/*
	display:none;
	*/
	float:left;		
	text-indent: -9999px;
	height:0px;
}

header>a {
	float:left;
	color:#000000;
	height:63px;
}

#topnav {
	float:left;
	background-color:#9e9e9e;
	background-color:rgba(0,0,0,0.38);
	width:1024px;	
}

#topnav #frmlanguage {
	float:right;
	width:94px;
	margin-top:4px;
	margin-right:4px;
	margin-left:8px;
}

#language {
	width:94px;
	height:22px;
	border:0;
	color:#ffffff;
	background-color:#716f6e;
	background-color:rgba(0,0,0,0.40);
	font-family: 'ma_LetterGothicStd', sans-serif;
	-webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */ 
	font-size:14px;	
	padding-top:2px;
	font-weight:100;
	
}

#language option {	
	font-family: 'ma_LetterGothicStd', sans-serif;
	-webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */
	font-weight:100;
	font-size:14px;
	padding:2px;
	border:0;
	background-color:rgba(0,0,0,0.40);
}

#topnav #icons {
	float:right;
	margin:0;
	padding:0;
	margin-top:1px;
}

#topnav #icons a {
	float:left;
	height:28px;
	margin-left:6px;
}

#topnav menu {	
	float:left;
	font-size:28px;
	letter-spacing:-3px;
	word-spacing:-6px;
	padding:0;
	margin:0;		
}

#topnav menu li {
	float:left;
	text-align:center;
	text-transform:uppercase;	
	
}

#topnav menu li>a {
	float:left;
	color:#ffffff;
	height:30px;
	padding:0;
	margin:0;
	vertical-align:50%;
	/* vertical-align:center; */ 	
	padding-left:10px;
	padding-right:10px;
	width:auto;
}

#topnav menu li:hover>a {	
	float:left;
	display:block;
	background-color:#5f5f5f;
	background-color:rgba(0,0,0,0.5);	
}

#topnav menu li>a.sel {
	float:left;
	background-color:#5f5f5f;
	background-color:rgba(0,0,0,0.5);	
}

#topnav menu li>a.work_mnu_home {
	float:left;
	text-align:left;
	width:140px;
}

#topnav menu li a.work_menu_next {
	float:left;
	margin-left:160px;	
}

/* extend de supersized per fer fons transparent */
#controls {
	/*
	background:none;
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
	zoom: 1;
	*/
	background-color:rgba(0,0,0,0.25);
}
/* fi extend de supersized per fer fons transparent */

/*
#topnav #frmsearch{
	float:right;
	width:253px;
	margin-top:8px;
	margin-right:12px;
}

#search {
	width:146px;
	height:20px;
	color:#716f6e;
	background-color:#ffffff;
	border:0;
	font-family: 'ma_LetterGothicStd';
	font-weight:bold;
	line-height:26px;
	vertical-align:baseline;
}

#btsearch {
	height:20px;
	padding-left:6px;
	padding-right:6px;
	color:#716f6e;
	background-color:#bfbfbf;
	font-family: 'ma_LetterGothicStd';
	font-weight:bold;
	line-height:26px;
	vertical-align:middle;
}
*/




#latnav {
	position:absolute;
	display:block;
	float:left;
	background-color:rgba(218,218,218,0.5);
	width:160px;
	max-width:160px;	
}

#latnav menu {
	float:left;
	font-weight:normal;
	font-size:28px;
	letter-spacing:-3px;
	word-spacing:-6px;
}

#latnav menu li {
	float:left;
	text-align:left;
	padding:0;
	clear:both;	
}

#latnav menu li>a {
	float:left;
	display:block;
	color:#000000;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:5px;
	width:150px;
	font-size:28px;
}

#latnav menu li menu {	
	display:block;
	float:left;
}

#latnav menu li menu li {	
	float:left;	
	text-transform:none;
}

#latnav menu li menu li>a {
	display:table;
	float:left;	
	font-weight:normal;	
	font-size:16px;
	letter-spacing:-2px;
	word-spacing:-5px;
	text-align:left;
	padding:0;
	padding-left:8px;
	padding-right:2px;
	width:150px;
}

#latnav menu li menu li:hover>a {
	display:table;	
	float:left;
	background-color:#ffffff;
	background-color:rgba(0,0,0,0.3);	
}

#latnav menu li menu li>a.sel {
	display:table;
	float:left;
	background-color:#ffffff;
	background-color:rgba(0,0,0,0.3);
}

.latnav_desp {
	float:left;
	width:150px;
	margin-top:6px;
}

#latnav menu li menu li .extra{
	position:absolute;
	margin:0;
	left:160px;
	background-color:#000000;
	color:#ffffff;
	padding:0;
	padding-left:5px;
	padding-right:11px;
	padding-top:4px;
	display:none;
	white-space:nowrap;
	text-transform:uppercase;
	z-index:22;
	font-size:18px;
}

.submenu {
	text-align:left;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:8px;
	font-size:18px;
	font-weight:bold;
	clear:both;	
}

#latnav menu li a.work_menu {	
	width:140px;
	padding-left:10px;
	padding-right:10px;	
	height:28px;
	padding-top:0px;
	padding-bottom:2px;
	color:#ffffff;	
}

.nav_desp {
	float:left;
}

.nav_desp menu{	
	position:absolute;	
	display:block;
	float:left;	
	background-color:rgba(0,0,0,0.25);
	top:93px;
	z-index:6;	
	margin:0;
	padding:0;
	/* background-color: pink; */
	display:none;
}

.nav_desp menu li{	
	float:left;		
	width:100%;
}

.nav_desp menu li>a{	
	display:table;
	float:left;	
	font-size:16px;
	letter-spacing:0px;
	word-spacing:0px;
	text-align:left;
	padding:0;		
}


.subnav_desp {		
	float:left;
	margin-top:6px;	
}

article {
	float:right;
	background-color:#ffffff;
	width:864px;
	height:100%;
	min-height:678px;	
}

article section {
	font-family: 'ma_FranklinGothicBook', sans-serif;
	-webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */
	font-size:12px;
	float:left;
	padding:10px;
	padding-top:26px;
	width:556px;
}

h2 {
	padding:0;
	margin-bottom:6px;
	font-size:12px;
	font-weight:bold;
	color:#8d8992;
	text-transform:uppercase;
	height:46px;
}

#credits{
	float:left;
	padding:10px;	
	padding-top:26px;
	width:268px;
	font-size:11px;
	font-family: 'ma_FranklinGothicBook', sans-serif;
	-webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */
}

.job {
	color:#8d8992;
}

#credits b {
	color:#8d8992;
	font-weight:normal;
}

#credits strong {
	color:#8d8992;
	font-weight:normal;
}

article>footer {
	clear:both;
	float:left;
	padding:10px;
	width:844px;
	font-size:11px;
	font-family: 'ma_FranklinGothicBook', sans-serif;
	-webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */
}

#images {
	float:left;
	background-color:#ffffff;
	width:844px;
	padding-top:10px;
}

#images li {
	float:left;
	padding:5px;
}


.single_image_article {
	background-color:rgba(0,0,0,0.95);
}

#single_image {
	float:left;
	width:844px;
	height:100%;
	padding-top:10px;	
}

#single_image h2 {
	margin-top:20px;
	margin-bottom:0;
}

#single_image ul {
	margin:0;
	padding:0;
	padding-top:20px;
	padding-bottom:20px;
	clear:both;
	text-align:center;
	background-color:rgba(0,0,0,0.95);
}

#single_image ul li{
	clear:both;
	color:#8d8992;
}

.pagination {
	float:right;
	color:#fff;
}

.full {
	/*	
	display:block;
	position:relative;
	left:180px;
	top:-25px;
	padding:0;
	margin:0;		
	width:20px;
	height:20px;
	line-height:20px;
	color:#fff;	
	*/
	display:none;
}

article h3 {	
	float:left;
	color:#000000;
	background-color:#c6c6c4;
	background-color:rgba(0,0,0,0.25);
	font-size:28px;
	width:854px;	
	padding:0;
	padding-top:12px;
	padding-bottom:4px;	
	padding-left:10px;
	margin:0;
}

#biography {
	float:left;
	background-color:#ffffff;
	width:764px;
	padding:50px;
	padding-top:40px;
	padding-bottom:0;
}