@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'DINEngschriftStdRegular';
    src: url('dinengschriftstd-webfont.eot');
    src: url('dinengschriftstd-webfont.eot?#iefix') format('embedded-opentype'),
         url('dinengschriftstd-webfont.woff') format('woff'),
         url('dinengschriftstd-webfont.ttf') format('truetype'),
         url('dinengschriftstd-webfont.svg#DINEngschriftStdRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'DINNeuzeitGroteskStdBoldCnRg';
    src: url('dinneuzeitgroteskstd-bdcond-webfont.eot');
    src: url('dinneuzeitgroteskstd-bdcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('dinneuzeitgroteskstd-bdcond-webfont.woff') format('woff'),
         url('dinneuzeitgroteskstd-bdcond-webfont.ttf') format('truetype'),
         url('dinneuzeitgroteskstd-bdcond-webfont.svg#DINNeuzeitGroteskStdBoldCnRg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'DINNeuzeitGroteskStdLightRg';
    src: url('dinneuzeitgroteskstd-light-webfont.eot');
    src: url('dinneuzeitgroteskstd-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('dinneuzeitgroteskstd-light-webfont.woff') format('woff'),
         url('dinneuzeitgroteskstd-light-webfont.ttf') format('truetype'),
         url('dinneuzeitgroteskstd-light-webfont.svg#DINNeuzeitGroteskStdLightRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	background: #ccc;
	font:100% 'DINEngschriftStdRegular', Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
}
/* ~~ Element/tag selectors ~~ */
ul, dl {
	padding: 0;
	margin: 0;
	list-style-type:none;
}
h1 {
	margin-top: 0;
	font-family: 'DINNeuzeitGroteskStdLightRg', Arial, Helvetica, sans-serif;
	font-size:18px;
	margin-bottom:3px;
}
h2, h3 {

	margin-top: 0;
	font-family: 'DINNeuzeitGroteskStdLightRg', Arial, Helvetica, sans-serif;
	margin-bottom:3px;
	font-weight:500;
}
h2.subHeading 
{
	font-weight:500; padding-bottom:15px;
	}
h4, h5, h6 {
	margin-top: 0;
	font-family: 'DINNeuzeitGroteskStdLightRg', Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:3px;
}
h3.blockquote {
	font-family: 'DINNeuzeitGroteskStdBoldCnRg';
	font-size:18px;
	font-weight: bold;
	margin-bottom:15px;
	}
p {
	font-family:'Garamond', sans-serif;
	margin-top: 0;
	padding-right: 5px;
	padding-left: 5px;
}
a img {
	border: none;
}
a:link {
	color: #fff;
}
a:visited {
	color: #fff;
}
a.black:link {color:#3c5ec0;}
a.black:visited {color:#3c5ec0;}
a.black:hover {color:#3c5ec0;}	
a:hover, a:active, a:focus {
	text-decoration: none;
}
.container {
	width: 1000px;
	background: #FFFFFF;
	margin: 0 auto;
}
header {
	background: #000;
	height:40px;
	color:#FFF;
	margin-top:-3px;
}
.sidebar1 {
	float: left;
	background: #fff;
	padding-right:10px;
	margin-left:10px;
	width:140px;
	margin-top:5px;
	overflow:hidden;
}
.sidebar2 {
	float: right;
	background: #fff;
	font-family: DINNeuzeitGroteskStdLightRg, Arial, Helvetica, sans-serif;
	overflow:hidden;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
	text-align:left;
	background-color:#fff;
	color:#000;
	border:2px solid #cccccc;
	
	
}
.sidebar3 {
	float: right;
	background: #fff;
	font-family: DINNeuzeitGroteskStdLightRg, Arial, Helvetica, sans-serif;
	overflow:hidden;
padding-left:5px;
padding-right:5px;
padding-top:10px;
padding-bottom:20px;
	text-align:left;
	background-color:#fff;
	color:#000;
	margin-top:50px;
	border:2px solid #cccccc;
}
.sidebar4 {
	float: right;
	background: #fff;
	font-family: DINNeuzeitGroteskStdLightRg, Arial, Helvetica, sans-serif;
	overflow:hidden;
padding-left:5px;
padding-right:5px;
margin-top:50px;
	text-align:left;
	background-color:#fff;
	color:#000;
	border:2px solid #cccccc;
}
.content {
	padding: 10px 0;
	width:840px;
	float: left;
}
p.King
{
font-size:16px;
margin-top:10px;
	}
.contentColumn {
	width:630px;
	float: left;
display: inline;  /* <---Solution for bug IE6 */
}
.contentColumn550 {
	width:550px;
	float: left;
display: inline;  /* <---Solution for bug IE6 */
}
.contentColSmall {
	width:500px;
	float: left;
display: inline;  /* <---Solution for bug IE6 */
}
.contentColumnSp {
	width:635px;
	float: left;
display: inline;  /* <---Solution for bug IE6 */
}
asideKing {
	float: right;
	width: 270px;
	padding: 5px;
	margin-right:10px;
	margin-top:10px;
	color:#fff;
	overflow:hidden;
}
aside {
	float: right;
	width: 170px;
	padding: 5px;
	margin-right:10px;
	margin-top:10px;
	color:#fff;
	background-color:#000;
	overflow:hidden;
}
asideLG {
	float: right;
	width: 300px;
	padding: 15px;
	margin-right:10px;
	margin-top:10px;
	color:#fff;
	overflow:hidden;
}
aside2 {
	float: right;
	width: 180px;
	background: #fff;
	padding: 5px;
	margin-right:10px;
	
}
aside3 {
	float: right;
	width: 179px;
	background: #fff;
	padding-left: 5px;
	padding-right:5px;
	padding-bottom:30px;
	margin-right:-5px;
	margin-top:80px;
	margin-bottom:50px;
	
	
}
.aside2
{
	font-family: DINNeuzeitGroteskStdLightRg, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
.content ul, .content ol {
	padding: 0 15px 15px 40px;
	font-family:Garamond, sans-serif;
}
.sidebar2 ul, .sidebar2 ol {
	list-style-type:square;
	font-family: DINNeuzeitGroteskStdLightRg, Arial, Helvetica, sans-serif;
	margin-left:-20px;
	font-size:12px;
	
}
.sidebar3 ul {
	list-style-type:square;
	font-family: DINNeuzeitGroteskStdLightRg, Arial, Helvetica, sans-serif;
	margin-left:-20px;
	font-size:12px;
	
}
nav ul {
	float:left;
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
}
nav ul li {
	border-bottom: 1px solid #666; /* this creates the button separation */
}
nav li {
	display:inline;
}
nav ul a, nav ul a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	float:left;
	width:6em;
	text-decoration:none;
	color:white;
	background-color:purple;
	padding:0.2em 0.6em;
	border-right:1px solid white;
}
nav ul a:hover, nav ul a:active, nav ul a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background: #ADB96E;
	color: #FFF;
}
/* ~~ The footer ~~ */
footer {
	padding: 10px 0;
	background: #000;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}
/* ~~ Miscellaneous float/clear classes ~~ */
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, nav, article, figure {
	display: block;
}
a {
	color:#fff;
	text-decoration:none;
}
.sl_examples {
	float:left;
	font-family: 'DINNeuzeitGroteskStdLightRg', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:15px;
	color:#f0f0f0;
	text-transform:uppercase;
	display: inline;  /* <---Solution for bug IE6 */ 

}
.sl_examples a {
	display:block;
	position:relative;
	float:left;
	clear:both;
	color:#fff;
	display: inline;  /* <---Solution for bug IE6 */ 

}
.sl_examples a > span {
	height:20px;
	float:left;
	position:relative;
	overflow:hidden;
	display: inline;  /* <---Solution for bug IE6 */ 

}
.sl_examples a span span {
	position:absolute;
	display:block;
	left:0px;
	top:0px;
	text-align:center;
	display: inline;  /* <---Solution for bug IE6 */ 

}
.sl_examples a span span.sl-w1 {
	color:#fff;
	text-shadow:0px 0px 1px #fff;
	z-index:2;
}
.sl_menu a span span.sl-w2 {
	color:#e82760;
	text-shadow:-1px 1px 2px #9f0633;
	z-index:3;
}
.sl_examples {
	padding-top:5px;
	padding-bottom:10px;
	margin:5px;
	clear:both;
	display:block;
	background-color:#000;
}
.sl_examples a {
	margin:15px;
}
#example1 {
	font-family:DINNeuzeitGroteskStdLightRg, Arial, Helvetica, sans-serif;
}
#example2 {
	font-family:DINNeuzeitGroteskStdLightRg, Arial, Helvetica, sans-serif;
}
#example3 {
	font-family:DINNeuzeitGroteskStdLightRg, Arial, Helvetica, sans-serif;
}
#example4 {
	font-family:DINNeuzeitGroteskStdLightRg, Arial, Helvetica, sans-serif;
}
#example5 {
	font-family:DINNeuzeitGroteskStdLightRg, Arial, Helvetica, sans-serif;
}
.sl_examples a#example5 > span {
	height:40px;
}
.sl_examples a#example1 span span.sl-w2 {
	color:#ffff00;
	text-shadow:0px 0px 1px #ffff00;
	z-index:3;
}
.sl_examples a#example2 span span.sl-w2 {
	color:#78cdd2;
	text-shadow:0px 0px 1px #78cdd2;
	z-index:3;
}
.sl_examples a#example3 span span.sl-w2 {
	color:#f57f48;
	text-shadow:0px 0px 1px #f57f48;
	z-index:3;
}
.sl_examples a#example4 span span.sl-w2 {
	color:#6ac6cc;
	text-shadow:0px 0px 1px #6ac6cc;
	z-index:3;
}
.sl_examples a#example5 span span.sl-w2 {
	color:#999999;
	text-shadow:0px 0px 1px #999999;
	z-index:3;
}
span.header {
	float:right;
	padding-right:15px;
	padding-top:15px;
}
.imgArticle {
	margin-left:-20px;
	margin-top:-300px;
}
.imgArticle2 {
	margin-left:40px;
	margin-top:10px;
}
h1.title {
	margin-bottom:2px;
	font-size:40px;
}
p.subtitle {
	line-height:2px;
	font-size:10px;
}
p.small {
	width:600px;
	margin-top:5px;
}
#ackn {
	font-size:14px;
	color:#000;
	background-color:#ffff00;
	padding:15px;
	
	
}
.columnsRelatedHeading {
	background-color:#f57f48;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:30px;
	margin-left:5px;
	margin-right:5px;
}
.columnsRelatedListing {
	margin-top:25px;
	margin-bottom:10px;
	border-left:5px solid #f57f48;
}
.columnsRelatedListingArchive {
	margin-top:25px;
	margin-bottom:10px;
	border-left:5px solid #f57f48;
}
.exclusivesRelatedListing {
	margin-top:25px;
	margin-bottom:10px;
	border-left:5px solid #9999CC;
}
.editorialRelatedHeading {
	background-color:#78CDD2;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:30px;
	margin-left:5px;
	margin-right:5px;
}
.editorialRelatedListing {
	margin-top:25px;
	border-left:5px solid #78CDD2;
}
.editorialRelatedListingArchive {
	margin-top:25px;
	margin-left:10px;
	border-left:5px solid #78CDD2;
}
.featureRelatedHeading {
	background-color:#ffff00;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:30px;
	margin-left:5px;
	margin-right:5px;
	color:#FFF;
}
.featureRelatedListing {
	margin-top:25px;
	border-left:5px solid #ffff00;
}
.featureRelatedListingArchive {
	margin-top:25px;
	margin-left:10px;
	border-left:5px solid #ffff00;
}
.frenchRelatedHeading {
	background-color:#CCCCCC;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:30px;
	margin-left:5px;
	margin-right:5px;
	color:#FFF;
}
.frenchRelatedListing {
	margin-top:25px;
	border-left:5px solid #CCCCCC;
}
.frenchRelatedListingArchive {
	margin-top:25px;
	margin-left:10px;
	border-left:5px solid #CCCCCC;
}
.listItemRelated {
	margin-left:5px;
}
.sectionSmallWimg {
	width:500px;
	
	padding-top:5px;
	text-align:justify;
}
.sectionSmaller {
	width:610px;
	padding-top:5px;
	text-align:justify;
}
.sectionSmaller1 {
	width:640px;
	padding-top:5px;
	text-align:justify;
}
.titleColumn {
	margin-bottom:1px;
	float:right;
	padding-top:100px;
	padding-right:50px;
	margin-bottom:1px;
}
.ArticeImage {
	padding-top:10px;
}
.authorName {
	margin-top:-130px;
	font-style:italic;
	float:right;
	padding-right:60px;
	font-size:12px;
}
.columnOrderedListing {
	margin-left:70px;
	list-style-type:decimal;
	width:530px;
	font-family:Garamond, sans-serif;
}
.orderedListItem {
	margin-bottom: 5px;
}
.orderedListing {
	width: 580px;
	font-family: Garamond, sans-serif;
	
	}
.orderListBlueLarge
{
	font-size:20px; font-weight:bold;
	}
.orderListLargeItem
{
	font-size:16px; 
	font-weight:normal;
	}	
.simpleList {
	margin-left:50px;
	list-style-type:disc;
	width:550px;
	font-family:Garamond, sans-serif;
}
div.orangeBorder {
	border-left:5px solid #f57f48;
	padding-left:5px;
}
h4.bottom
{
	margin-bottom: 3px;
	font-weight: 600;
	padding-bottom:2px;
	}
/*PHOTOPAGE*/	
.contentPhoto {
	width: 650px;
	margin: 20px auto 0 auto;
	padding: 10px 60px 20px 60px;
	border: solid 1px #eee;
	background: #fff;
-moz-box-shadow:1px 3px 5px 1px #cbcffb;  
-webkit-box-shadow: 1px 3px 5px 1px #cbcffb;  
box-shadow: 1px 3px 5px 1px #cbcffb;
}
.contentPhotoSpecial {
	width: 230px;
	/*margin: 20px auto 0 auto;
	padding: 10px 10px 20px 10px;*/
	/*border: solid 1px #eee;*/
	background: #fff;
/*-moz-box-shadow:1px 3px 5px 1px #cbcffb;  
-webkit-box-shadow: 1px 3px 5px 1px #cbcffb;  
box-shadow: 1px 3px 5px 1px #cbcffb;*/
margin-bottom:10px;
}
IMG.ART
{
	-moz-box-shadow:3px 3px 3px #999;  
-webkit-box-shadow: 3px 3px 3px #999;  
box-shadow: 3px 3px 3px #999;
border:1px solid #dee0e2;
padding:5px;
	}
a img.photo {
/*	border: 1px solid #ccc;
	padding: 2px;
	margin: 10px 20px 10px 0;
	vertical-align: top;
	-moz-box-shadow:1px 3px 5px 1px #ccc;  
-webkit-box-shadow: 1px 3px 5px 1px #ccc;  
box-shadow: 1px 3px 5px 1px #ccc;
border-radius:99999px;*/
 border-radius: 99999px;
    border:  1px solid #ccc;

    height:     100%;
    max-width:  100%;
    max-height: 10%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
			-moz-box-shadow:1px 3px 5px 1px #ccc;  
-webkit-box-shadow: 1px 3px 5px 1px #ccc;  
box-shadow: 1px 3px 5px 1px #ccc;
}
a img.photoSpecial {
/*	border: 1px solid #ccc;
	padding: 2px;
	margin: 10px 20px 10px 0;
	vertical-align: top;
	-moz-box-shadow:1px 3px 5px 1px #ccc;  
-webkit-box-shadow: 1px 3px 5px 1px #ccc;  
box-shadow: 1px 3px 5px 1px #ccc;
border-radius:99999px;*/
    border:  10px solid #fff;
	margin:10px 10px 10px 40px;
    height:     100%;
    max-width:  100%;
    max-height: 10%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
			-moz-box-shadow:1px 3px 5px 1px #ccc;  
-webkit-box-shadow: 1px 3px 5px 1px #ccc;  
box-shadow: 1px 3px 5px 1px #ccc;
}

a img.last {
	margin-right: 0;	
}

ul.photo {
	margin-bottom: 24px;
	padding-left: 30px;
}
ul.photoSpecial {
	margin-bottom: 24px;
	padding-left: 30px;
}
#feature {
	background-color:#ffff00;
	margin-top:115px;
	padding:8px;
	color:#000;
	font-family: DINNeuzeitGroteskStdLightRg, Arial, Helvetica, sans-serif;
	font-weight:300;
}

#editorial {
	font-family: DINNeuzeitGroteskStdLightRg, Arial, Helvetica, sans-serif;
	font-weight:300;
	background-color:#78cdd2;
	margin-top:305px;
	padding:8px;
}
#columns {
	font-family: DINNeuzeitGroteskStdLightRg, Arial, Helvetica, sans-serif;
	font-weight:300;
	background-color:#f57f48;
	margin-top:115px;
	padding:8px;
}
#photo {
	font-family: DINNeuzeitGroteskStdLightRg, Arial, Helvetica, sans-serif;
	font-weight:300;
	background-color:#CCCCCC;
	margin-top:115px;
	padding:8px 15px 8px 15px;
}
a.archive:link {color:#000; font-weight:600;}
a.archive:visited {color:#cccccc;}
a.archive:hover {color:#f57f48;}	
a:hover, a:active, a:focus {
	text-decoration: none;
	font-weight:600;
}
.archive
{font-family: DINNeuzeitGroteskStdLightRg, Arial, Helvetica, sans-serif;
	}
.asideFeature
{
	float:right;
	width: 80px;
	}	
.sidebarFeature
{
	border:3px solid #ffff00;
	color:#000;
	float:right;
	font-family: DINNeuzeitGroteskStdLightRg, Arial, Helvetica, sans-serif;
	margin-top:25px;
	overflow:hidden;
	padding:5px;
	width:152px;
	background-color:#FFF;
	}
	.sidebarCO
{
	border:3px solid #f57f48;
	color:#000;
	float:right;
	font-family: DINNeuzeitGroteskStdLightRg, Arial, Helvetica, sans-serif;
	margin-top:25px;
	overflow:hidden;
	padding:5px;
	width:152px;
	background-color:#FFF;
	}
	.sidebarCO {
		font-size:12px;
		font-family:DINNeuzeitGroteskStdLightRg, Arial, Helvetica, sans-serif;
		}
	.asideED
{
	float:right;
	width: 80px;
	}	
.sidebarED
{
	border:3px solid #78CDD2;
	color:#000;
	float:right;
	font-family: DINNeuzeitGroteskStdLightRg, Arial, Helvetica, sans-serif;
	margin-top:25px;
	overflow:hidden;
	padding:5px;
	width:152px;
	background-color:#FFF;
	}
p.sidebarNew
{font-family: DINNeuzeitGroteskStdLightRg, Arial, Helvetica, sans-serif;
font-size:14px;
	}	
h3.editorial{
	font-family:DINNeuzeitGroteskStdLightRg,Arial,Helvetica,sans-serif;
	font-weight:600;
	margin-right:20px;
	margin-left:20px;
	
	}	
h5.editorial{
	font-family:DINNeuzeitGroteskStdLightRg,Arial,Helvetica,sans-serif;
	font-size:14px; margin-left:20px; padding-left:5px; text-align:left; padding-bottom:10px; font-weight:500;
	padding-top:15px;
		
	}		
	h3.editorial1{
	font-family:DINNeuzeitGroteskStdLightRg,Arial,Helvetica,sans-serif;
	font-weight:600;
		
	}	
h5.editorial1{
	font-family:DINNeuzeitGroteskStdLightRg,Arial,Helvetica,sans-serif;
	font-size:14px; text-align:left; padding-bottom:10px; font-weight:500;
	padding-top:15px;
		
	}		
.imgeditorial
{
	margin-right:20px;
	margin-bottom:5px;
	margin-left:5px;
	-moz-box-shadow: -5px -3px 5px #ccc;
-webkit-box-shadow: -5px -3px 5px #ccc;
box-shadow: -5px -3px 5px #ccc;
		}	
