/*------------------------------------------------------------------
eric meyer's reset
------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/*------------------------------------------------------------------
end reset
------------------------------------------------------------------*/

/*------------------------------------------------------------------
layout
------------------------------------------------------------------*/
#wrapper{width:972px; margin:0 auto; position:relative; padding:0px;}

/*family body bgs*/
body{font-family:Arial, Helvetica, sans-serif;color:#c9c7c7; font-size:14px; background:#000000;}

/*------------------------------------------------------------------
type
------------------------------------------------------------------*/
a{color:#A3443E; text-decoration:none;}
a:hover{text-decoration:underline;}
a.go{background:url("../images/arrow_go.png") right -17px no-repeat; padding-right:15px; font-family:'ProximaNovaSemiBold', Arial, Helvetica, sans-serif; text-transform:uppercase; color:#a3443e; letter-spacing:.1em;}
a.go:hover{	background-position:right 1px; color:#373737; text-decoration:none;}
a.go.download{background:url("../images/arrow_download.png") right -19px no-repeat;}
a.go.download:hover{	background-position:right 1px;}
a.go.back{background:url("../images/arrow_go_back.png") left -17px no-repeat; padding-right:0; padding-left:15px;}
a.go.back:hover{	background-position:left 1px;}
a.add{background:url("../images/plus_sign.png") right -19px no-repeat;}
a.add:hover{background-position:right 1px;}

/*text element sizing*/
/*body base-size = 15px*/
p.large{
	font-size:1em;/*15px*/
	line-height:1.8em;/*24px*/
/*	letter-spacing:-.02em;*/
;}
p{
	font-size:13px;
	line-height:1.8em;/*24px*/
;}

h1, h2, h3, h4, h5, h6{font-family:'ProximaNovaSemiBold', Arial, sans-serif; text-transform:uppercase; font-weight:normal;}
h2{
	font-size:2.867em;/*43px*/
	line-height:1.116em;/*48px*/
	letter-spacing:.1em;
;}
h3{
	font-size:2.2em;/*33px*/
	line-height:1.455em;/*48px*/
	letter-spacing:.07em;
;}
h4{
	font-size:2.9em;/*24px*/
	line-height:1.24em;/*30px*/
	letter-spacing:.1em;
;}
h5{
	font-size:1.2em;/*18px*/
	line-height:2em;/*36px*/
	letter-spacing:.1em;
;}
h6{
	font-size:.867em;/*13px*/
	line-height:1.846em;/*24px*/
	letter-spacing:.1em;
;}

li{letter-spacing:.03em;}


h2.pageTitle{text-align:center; font-size:2.2em; line-height:1.455em;letter-spacing:.12em; color:#191919; padding:0 0 24px;}
h3.articleHead, h2.articleHead{text-align:center; font-family:'ProximaNovaBold', Arial, Helvetica, sans-serif; color:#373737; font-size:3.2em; line-height:1.25em; letter-spacing:.05em; margin-bottom:40px;}
h2.articleHead{padding-top:16px;}
/*------------------------------------------------------------------
header
------------------------------------------------------------------*/
#pageHeader{margin-bottom:2px;  background-color:#000000; }
ul.nav{height:75px; width:972px; margin:0px auto; left:15%; position:relative; z-index:3; padding-top:10px; }
ul.nav li{float:left; font-family:'ProximaNovaBold', Arial, Helvetica, sans-serif; font-size:.83em; text-transform:uppercase; letter-spacing:.1em; padding:0;}
ul.nav li a{display:block; color:#d3d3d4; padding:21px 15px 16px;}
.de ul.nav li a, .it ul.nav li a{padding:21px 7px 16px;} /*german and italian words are so long!*/
ul.nav li.ddLink a{ background:url("../img/nav_arrow-default.png") center 35px no-repeat;}
ul.nav li a:hover{color:#f7902c; text-decoration:none;}
ul.nav li.ddLink a:hover{background-image:url("../img/nav_arrow-hover.png");}
ul.nav li.ddLink a.down{color:#FFF;}
ul.nav li.active > a{color:#FFF; background-color:#151515;}
ul.nav li.active > a:hover{color:#f7902c;}

h1#siteTitle{ background:#999;height:80px; border-bottom:1px solid #d7d7d7; padding-top:20px;}
h1#siteTitle a{display:block; width:230px; height:61px; margin:0 auto 0; background:url("../img/logo.png") top left no-repeat; text-indent:-999em;}

/*------------------------------------------------------------------
l10n dropdown
------------------------------------------------------------------*/
ul.nav li#l10n{position:absolute; right:-8px; width:130px; background:#000; padding-right:8px;}
ul.nav li#l10n a{padding:21px 10px 15px;background:#000 url("../img/nav_arrow-default.png") 30% 35px no-repeat;}
ul.nav li#l10n a:first-child{position:relative; z-index:3; /*background:#000;*/}
ul.nav li#l10n ul{font-size:15px; padding-bottom:5px; position:relative; z-index:0; display:none;}
ul.nav li#l10n ul li{float:none; padding:0; margin:0;}
ul.nav li#l10n ul li a{padding:6px 0 6px 10px;}


/*------------------------------------------------------------------
dropdown
------------------------------------------------------------------*/
div.dd{
	position:absolute;
	left:-280px;
	z-index:3;
	overflow:hidden;
	font-size:16px;
	width:1200px;
	visibility:hidden;
	text-align:center;
	
}
div.dd ul{height:40px; overflow:hidden; padding:33px 0 0; text-align:center; width:100%; float:left;}
li.ddLink div.dd ul li{padding:0 23px 0 12px; display:inline !important; float:none; font-size:1em; letter-spacing:.1em; background:url("../img/border_dot_v_1_3.png") top right repeat-y; font-family:'ProximaNovaSemiBold', Arial, Helvetica, sans-serif;}
li.ddLink div.dd ul li.last{background:none;}
li.ddLink div.dd ul li a, li.ddLink div.dd ul li a:hover{ background:none; padding:0; display:inline;}

li.ddLink div.dd.collection ul {width:1200px; margin:0 auto; height:119px; padding-top:32px; padding-bottom:2px; float:none;}
li.ddLink div.dd.collection ul li{ font-size: .733em; width:138px; padding:0; float:left; background:none;}
li.ddLink div.dd.collection ul li a{ color:#373737;}
li.ddLink div.dd.collection ul li a:hover{color:#A3443E;}
li.ddLink div.dd.collection ul li img, div.dd.collection ul li span{display:block;}
li.ddLink div.dd.collection ul li img{margin:10px auto 5px; width:auto;}
div.dd.collection ul li span{padding:0 20px 0 18px; font-family:'ProximaNovaSemiBold', Arial, Helvetica, sans-serif; font-size:1em; letter-spacing:.15em; min-height:24px;}
div.dd.collection ul li span.watchesNumber{font-size:.85em; letter-spacing:.23em; font-family:'ProximaNovaSemiBold', Arial, Helvetica, sans-serif;  border:1px solid #e5e5e6; border-top:0; border-left:0; color:#FFF; padding-bottom:5px; padding-right:18px;}
li.ddLink div.dd.collection ul li:first-child span.watchesNumber{border-left:1px solid #e5e5e6;}
li.ddLink div.dd.collection ul li a:hover span.watchesNumber{color:#9a9a9a;}

ul.nav li div.dd.collection .inner{padding-bottom:8px;}
ul.nav li div.dd.collection p.special{text-align:center;  font-size:.813em; line-height:.813em; letter-spacing:.1em; padding-bottom:10px;}
ul.nav li div.dd.collection p.special a{display:inline-block; background:url("../img/border_dot_v_1_3.png") top right repeat-y; padding:5px 27px 5px 28px; color:#A3443E; margin-top:-10px;}
ul.nav li div.dd.collection p.special a.last{background:none; padding-left:0; padding-right:0;}
ul.nav li div.dd.collection p.special a span{background:url("../img/arrow_lt_grey_rt_10.png") right 1px no-repeat; padding:0 15px 0 ;}
ul.nav li div.dd.collection p.special a:hover{color:#373737;}
ul.nav li div.dd.collection p.special a:hover span{background-image:url("../img/arrow_dk_grey_rt_10.png");}

ul.nav li div.dd.userInfo{width:819px; padding:0 72px; position:absolute; right:0; top:0;}
ul.nav li div.dd.userInfo h4{font-size:1.0667em; color:#373737;}
ul.nav li div.dd.userInfo ul{max-height:260px; min-height:200px; padding:33px 0 20px;}
ul.nav li div.dd.userInfo ol{margin:18px 0 ; border-top:1px solid #dedede;}
ul.nav li div.dd.userInfo ol li{font-size:.733em; font-family:Arial, Helvetica, sans-serif; text-transform:none; padding:14px; display:block !important; border-bottom:1px solid #dedede; background:none; letter-spacing:0;}
ul.nav li div.dd.userInfo ol li:hover{background:#f1f2f2;}
ul.nav li div.dd.userInfo ol li:hover span.pubTime{color:#373737;}
ul.nav li div.dd.userInfo ol li:hover a{color:#a3443e;}
ul.nav li div.dd.userInfo ol li span.pubTime{width:162px; display:inline-block;}
ul.nav li div.dd.userInfo div.recentActivity{width:549px; float:left; border-top:0; text-align:left; margin-right:22px;}

ul.nav li div.dd.userInfo a.go{ font-size:.867em; background:url("../img/arrow_go.png") right -16px no-repeat; padding-right:15px; font-family:'ProximaNovaSemiBold', Arial, Helvetica, sans-serif; color:#a3443e;}
ul.nav li div.dd.userInfo a.go:hover{ background-position:right 2px; color:#373737; text-decoration:none;}

ul.nav li div.dd.userInfo a.add{background:url("../img/plus_sign.png") right -20px no-repeat; color:#a3443e;}
ul.nav li div.dd.userInfo a.add:hover{background-position:right 0px; color:#47474a;}

ul.nav li div.dd.userInfo .userProfile {width:220px; float:left; text-align:left;padding-left:22px;}
ul.nav li div.dd.userInfo .userProfile .avatar{ width:63px; float:left; clear:both;}
ul.nav li div.dd.userInfo .userProfile .avatar img{width:48px;}
ul.nav li div.dd.userInfo .userProfile cite span.username{font-size:.867em; line-height:1.385em; text-transform:none;}
ul.nav li div.dd.userInfo .userProfile cite span.username a{color:#a3443e;}
ul.nav li div.dd.userInfo .userProfile cite span.username a:hover{color:#373737;}
ul.nav li div.dd.userInfo .userProfile cite span.alias{font-size:0.733em; line-height:1.636em; display:block;}
ul.nav li div.dd.userInfo .userProfile cite span.pubtime{font-size:0.733em; line-height:1.636em; font-weight:normal; text-transform:none;}
ul.nav li div.dd.userInfo .progress{clear:both; border-bottom:1px solid #dedede; padding:10px 0 10px 0; height:100%; margin-bottom:10px;}
ul.nav li div.dd.userInfo .progress p{margin-bottom:0; line-height:1.125em; font-size:.733;}
ul.nav li div.dd.userInfo p{font-family:Arial, Helvetica, sans-serif; text-transform:none; letter-spacing:0; font-size:.867em;}

#ddDrawer{background: url("../img/drawer_ds_bg.png") top left repeat-x #FFF; overflow:hidden; border-bottom:1px solid #ebebeb; margin-top:-1px; clear:both; position:relative; z-index:0;}
#ddDrawer .indicator{background:url("") top left no-repeat; width:15px; height:9px; position:absolute; top:-10px; left:0;}
#ddDrawer .indicatorTrack{width:972px; margin:0 auto; position:relative;z-index:3;}

div.dd .washout{background:#fff; position:absolute; bottom:0; left:0;width:100%; z-index:2;}



#bg {
	position:fixed;
	top:0px;
	left:-1580px; 

	/* Preserve aspet ratio */
	min-width:100%;
	min-height:100%;
	z-index:-2;

}