@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'BebasNeueRegular';
	src: url('fonts/BebasNeue-webfont.eot');
	src: local('☺'), url('fonts/BebasNeue-webfont.woff') format('woff'), url('fonts/BebasNeue-webfont.ttf') format('truetype'), url('fonts/BebasNeue-webfont.svg#webfontYW4lu6A6') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PTSansRegular';
	src: url('fonts/PTS55F-webfont.eot');
	src: local('☺'), url('fonts/PTS55F-webfont.woff') format('woff'), url('fonts/PTS55F-webfont.ttf') format('truetype'), url('fonts/PTS55F-webfont.svg#webfontpzNI2Qiy') format('svg');
	font-weight: normal;
	font-style: normal;
}

body,h1,h2,h3,h4,h5,h6,p,img, ul, li, a {margin:0; padding:0; border:0; list-style-type:none; text-decoration:none;}

body {background:#222; font-family:Arial, Helvetica, sans-serif; padding:0; margin:0; padding-top:10px;}
a {color:#CCC;}
a:hover {color:#FC0;}


.left {float:left;}
.right {float:right;}
.hr {border-bottom:1px solid #666; margin:10px 0; height:1px; line-height:1px; overflow:hidden;}

#mainwrapper {width:942px; margin:auto;}
#header {height:74px; background:url(img/header-bg.png) no-repeat;}

#menu {padding-top:50px; width:942px; overflow:hidden;}
#menu ul {float:right; margin-right:10px;}
#menu li {float:left;}
#menu li a {display:block; color:#CCC; font-family:BebasNeueRegular,"Arial Narrow"; font-size:17px; text-transform:uppercase; padding:0 5px;}
#menu li a:hover,
#menu li a.current {color:#FC0;}
#menu li a.playboy {padding-left:14px; background:url(img/ico-playboy.png) bottom left no-repeat;}

#contents {background:#444448; width:942px; overflow:hidden;  border-radius:0 0 8px 8px;}
#contents.home {padding:30px; width:882px;}

#contents.photos {background:url(img/content-bg.png) repeat-y #444448;}

#contents.chooser {}
#contents.chooser h1 {font-size:18px; color:#CCC; font-weight:normal; border-bottom:1px dotted #888; margin:20px 30px; padding-bottom:10px; font-family:BebasNeueRegular; font-size:23px;}
#contents.chooser ul {width:600px; overflow:hidden; margin:auto; margin-bottom:20px;}
#contents.chooser ul.fill {width:840px;}
#contents.chooser li {float:left;}
#contents.chooser li a {display:block; width:254px; color:#CCC; font-size:14px; text-align:center; padding:10px; font-family:BebasNeueRegular; font-size:17px;}
#contents.chooser li a:hover {color:#FC0;}
#contents.chooser li a img {display:block; border:2px solid #CCC; margin-bottom:5px;}
#contents.chooser li a:hover img {border:2px solid #FC0;}

#mainevent {background:#4D4D4D; overflow:hidden; width:882px;}
#mainevent #photo {font-size:10px; float:left; margin:8px;}
#mainevent #photo img {border:3px solid #CCC;}

#firstevent {width:552px; padding:12px; background:#4D4D4D; overflow:hidden; float:left;}
#firstevent .slideshow {height:356px; overflow:hidden;}
#firstevent .slideshow img {border:3px solid #CCC;}
#firstevent .description {font-family:BebasNeueRegular; color:#CCC; font-size:14px;}
#firstevent .description h1 {font-weight:normal; display:inline-block; margin-right:52px; font-size:36px; position:relative; top:6px;}
#firstevent .description img {vertical-align:middle; margin-left:8px;}

.event {background:#4D4D4D; overflow:hidden; width:882px; border-radius:8px;}
.event .pictures {float:left; margin:8px; margin-right:0; width:552px; height:356px; overflow:hidden;}
.event .pictures img {border:3px solid #CCC;}
.event .contents {text-align:center; margin-top:0; padding:16px; float:right; font-family:BebasNeueRegular;}
.event .contents h1 {font-size:20px; font-weight:normal; margin-bottom:12px;}
.event .contents h1 a {color:#999;}
.event .contents h1 a:hover {color:#FC0;}
.event .contents h2 {font-size:38px; font-weight:normal;}
.event .contents p {color:#222; font-size:15px; margin-bottom:4px;}
.event .featuring {border:1px solid #888; padding:10px; width:268px; margin:10px auto; font-family:BebasNeueRegular; color:#CCC; background:#5A5A5A; font-size:12px; text-align:center;}
.event .featuring ul {width:100%; overflow:hidden;}
.event .featuring li {list-style-type:disc; float:left;}
.event .featuring li:first-child {list-style-type:none;}


.presentation {padding:10px; font-size:15px; font-weight:normal; margin-top:5px; background:#555; border:1px solid #888; text-align:center; font-family:BebasNeueRegular;}
.presentation a {color:#ccc;}
.presentation a:hover {color:#fc0;}
.presentation a strong {color:#FC0; font-weight:normal;}

#secondevent {width:286px; height:400px; background:#333; text-align:center; margin-top:0; padding:12px 8px; float:right; border-radius:4px;}
#secondevent h1 {font-family:BebasNeueRegular; height:64px; line-height:64px; font-size:24px; font-weight:normal; border-bottom:1px solid #CCC; margin-bottom:24px; color:#CCC; margin-top:10px;}
#secondevent .featured {height:356px; overflow:hidden; width:269px; margin:auto; margin-bottom:14px;}
#secondevent .featured img {border:3px solid #CCC;}
#secondevent h2 {font-family:BebasNeueRegular; color:#CCC; font-size:20px; font-weight:normal;}
#secondevent h2 img {margin-left:4px;}

#mainevent .content {text-align:center; margin-top:20px; color:#CCC; float:left; width:100%; overflow:hidden;}
#mainevent .content h1 {color:#FC0; font-size:18px; margin-bottom:8px;}
#mainevent .content h2 {font-size:16px; margin-bottom:6px;}
#mainevent .content h3 {font-size:11px; margin-bottom:5px; color:#DDD; line-height:14px;}
#mainevent .content a {color: #FFF;}
#mainevent .content a:hover {color:#FC0;}
#mainevent .content p {font-size:12px; margin-bottom:5px;}


#mainevent ul {}
#mainevent li {float:left;}
#mainevent li a {width:152px; display:block; height:40px; padding-left:10px; padding-top:10px; background:#6E6E6E; border-right:1px solid #5B5B5B; }
#mainevent li a:hover {background:#777;}
#mainevent li a:hover .section {color:#FFF; background:#777;}
#mainevent li a:hover .description {color:#FC0;}
#mainevent li a span {display:block;}
#mainevent li .section {color:#DDD; font-size:16px; line-height:18px;}
#mainevent li .description {color:#BBB; font-size:10px;}

#morecontents {overflow:hidden; width:866px;}
#morecontents h2 {color:#FC0; font-size:16px; margin-bottom:10px; font-family:BebasNeueRegular; font-weight:normal; font-size:19px;}

#photographer {width:450px; overflow:hidden; font-family:PTSansRegular;}
#photographer img {float:left; margin-right:10px; border:3px solid #CCC;}
#photographer p {color:#CCC; font-size:11px; line-height:1.4; margin-bottom:7px;}
#photographer strong {color:#EEE;}


#sections {width:400px;}
#sections ul {width:100%; overflow:hidden;}
#sections li {float:left; margin-right:10px; width:120px; text-align:center;}
#sections li img {display:block; border:2px solid #CCC; margin:auto; margin-bottom:5px;}
#sections li a {font-family:BebasNeueRegular; font-size:14px;}
#sections li a:hover img {border-color:#FC0;}

#navigator {width:942px; overflow:hidden; height:87px; background:#525252; border-bottom:1px solid #777;}
#navigator h1 {float:left; width:213px; font-size:18px; height:87px; line-height:87px; text-align:center; color:#A9A9A9; text-transform:uppercase; font-family:BebasNeueRegular; font-weight:normal; font-size:23px;}
#navigator #previews {float:left; width:726px; overflow:hidden; padding-top:2px;}
#navigator #previews a#LScroll {display:block; cursor:pointer; width:20px; height:80px; background:url(img/scroll-left-bg.png) no-repeat;}
#navigator #previews a#LScroll:hover {background:url(img/scroll-left-on.png);}
#navigator #previews a#RScroll {display:block; cursor:pointer; width:20px; height:80px; background:url(img/scroll-right-bg.png) no-repeat;}
#navigator #previews a#RScroll:hover {background:url(img/scroll-right-on.png);}
#navigator #previews #photos  {width:666px; height:78px; overflow-y:hidden; overflow-x:hidden; overflow:hidden;margin-left:7px; margin-right:9px;}
#navigator #previews #photos td {padding:1px; height:80px; text-align:center;}
#navigator #previews #photos a {display:block; height:70px; line-height:70px; border:1px solid #525252;}
#navigator #previews #photos a:hover {border:1px solid #FC0;}

#sidebar {width:213px; float:left;}
#sidebar li a {display:block; height:40px; padding-left:20px; padding-top:10px; border-bottom:1px solid #777; border-left:1px solid #777; border-right:1px solid #777; background:#555;}
#sidebar li a:hover .section {color:#DDD;}
#sidebar li a:hover .description {color:#FC0;}
#sidebar li a.current {background: url(img/menu-bg.png) no-repeat right #555; border-right:1px solid #444448;}
#sidebar li a:hover{background-color:#5c5c5c;}
#sidebar li a span {display:block;}
#sidebar li .section {color:#DDD; font-size:16px; line-height:18px; font-family:PTSansRegular; }
#sidebar li .description {color:#AAA; font-size:10px; font-family:PTSansRegular; }
#sidebar li ul li a {display:block; height:26px; padding-left:20px; padding-top:0; border-bottom:1px solid #777; border-left:1px solid #777; border-right:1px solid #777; font-size:11px; line-height:26px; background:#6A6A6A; color:#DDD; font-family:PTSansRegular; }
#sidebar li ul li a:hover,
#sidebar li ul li a.current {color:#FC0; background-image:none;background:#777; border-right:1px solid #777;}


#contentheader {float:left; width:668px; overflow:hidden; margin:0 30px; height:50px; line-height:49px;border-bottom:1px dotted #888;}
#contentheader h2 {font-size:18px; color:#CCC; font-weight:normal;  float:left; font-family:BebasNeueRegular; font-size:22px;}

#contentheader #picnav {float:right; margin-top:15px;}

#contentheader #picnav li {float:left;}
#contentheader #picnav li a {display:block; width:57px; height:20px; line-height:18px; color:#C3C3C3; font-family:"Arial Black", Gadget, sans-serif; font-size:10px; text-transform:lowercase; font-variant:small-caps; }
#contentheader #picnav li a.avanti {background:#5B5B5B url(img/avanti-bg.png) right no-repeat; text-align:left; padding-left:10px; border-left:1px solid #444;}
#contentheader #picnav li a.indietro {background:#5B5B5B url(img/indietro-bg.png) left no-repeat; text-align:right; padding-right:10px;}
#contentheader #picnav li a:hover {color:#FC0;}

#content {float:left; background:#444448; width:668px; overflow:hidden; padding:30px;}

#content2 {float:left; background:#444448; width:668px; overflow:hidden; padding:30px; padding-top:10px;}

#content h1 {font-size:20px; font-weight:bold; height:45px; border-bottom:1px solid #C3C3C3; margin-bottom:20px; color:#DDD; font-family:BebasNeueRegular; font-size:24px; font-weight:normal; }
#content h2 {font-size:14px; font-weight:normal; margin-bottom:7px; color:#C3C3C3;}
#content p {font-size:12px; color:#C3C3C3; line-height:16px; margin-bottom:12px;}
#content p a {color:#EEE;font-weight:bold;}
#content p a:hover {color:#FC0; }
#content strong {color:#DDD;}

#content #photo {float:left; width:425px;}
#content #photo img {border:3px solid #CCC;}

#content2 #photo2 {text-align:center;}
#content2 #photo2 img {border:3px solid #CCC;}

.didascalia {font-family:PTSansRegular; font-size:12px; line-height:1.3; color:#999; padding:16px;}


#content.backstage #photo {float:none; width:556px; height:556px; margin:auto; margin-bottom:10px; line-height:556px; text-align:center;}
#content.backstage #photo img {display:inline; vertical-align:middle; margin:auto; border:3px solid #CCC;}


#content #text {float:right; width:225px; height:564px; margin-top:5px;}
#content #text h1 {font-size:20px; font-weight:bold; height:45px; border-bottom:1px solid #C3C3C3; margin-bottom:20px; color:#DDD; font-family:BebasNeueRegular; font-size:24px; font-weight:normal;}
#content #text h2 {font-size:14px; font-weight:normal; margin-bottom:7px; color:#C3C3C3;}
#content #text p {font-size:11px; color:#C3C3C3; line-height:14px; margin-bottom:9px;}
#content #text strong {color:#DDD;}

#content2 #text2 {text-align:center;}
#content2 #text2 h1 {font-size:19px; font-weight:normal; color:#DDD; margin-bottom:10px; font-family:BebasNeueRegular;}
#content2 #text2 h1 .note {font-size:14px;}
#content2 #text2 h1 .note strong {font-weight:normal; color:#FC0;}
#content2 #text2 h2 {font-size:16px; font-weight:normal; margin-bottom:3px; color:#C3C3C3; font-family:BebasNeueRegular;}
#content2 #text2 p {font-size:11px; color:#C3C3C3; line-height:14px; margin-bottom:9px;}
#content2 #text2 strong {color:#DDD;}


#content #picnav {float:right; width:225px;}

#content.backstage #picnav {float:none; width:225px; margin:auto;}

#content #picnav li {float:left;}
#content #picnav li a {display:block; width:97px; height:27px; line-height:27px; color:#C3C3C3; font-family:"Arial Black", Gadget, sans-serif; font-size:10px; text-transform:uppercase; }
#content #picnav li a.avanti {background:#5B5B5B url(img/avanti-bg.png) right no-repeat; text-align:right; padding-right:15px;}
#content #picnav li a.indietro {background:#5B5B5B url(img/indietro-bg.png) left no-repeat; text-align:left; padding-left:15px;}
#content #picnav li a:hover {color:#FC0;}

#footer {color:#525252; font-size:11px; text-align:right; padding:0 20px; margin-top:5px;margin-bottom:20px; width:902px; overflow:hidden; font-family:PTSansRegular;}

.webdesign {color:#333;font-size:10px;}
.webdesign a {color:#333;}
.webdesign a:hover {color:#FC0;}