@import url("reset.css");

html {font-size: 100.01%;}
body {font-size: 87.5%; color: #292929; text-align: center; line-height: 1.5; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; background: #000000;}
sub, sup {font-size: .83em;}
sup {vertical-align: super;}


h1, h2, h3, h4, h5 {color: #292929; margin: 0 0 0.5em 0;}
h1 {font-size: 1.286em; font-weight: normal; }


table {border-collapse: separate; margin: 0 0 1.5em 0;}
th, td {padding: 5px;}
th {font-weight: bold;}

a {text-decoration: none; color: #494949;}
a:hover {text-decoration: underline; color: #0272b8;}
strong {font-weight: bold;}
a img {vertical-align: top;}

ul, ul li {margin: 0; padding: 0;}
ul {list-style-type: disc;}
ol {list-style-type: decimal;}

ul, p {padding: 0 0 1.5em 0;}
ul, ol {padding-left: 1.5em;}

/* special style */
.vegas-background {image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; z-index:-2;}
.no-js body {background: #000000 url('../media/background-0.jpg') no-repeat left top;}
.container {width: 960px; padding: 0 95px; margin: 0 auto; text-align: left; position: relative;}

/* standard style */
#header {height: 130px; position: relative;}
#header .logo {margin: 50px 0 0 40px; display: block; float: left;}

#menu {position: absolute; top: 0; right: 0; height: 88px; background: url('../images/bg-menu.png') top right no-repeat; width: 645px; padding: 42px 95px 0 0; overflow: hidden; text-align: right;}
#menu ul {padding: 0;}
#menu a {font-size: 1.286em; color: #fff; text-decoration: none;}
#menu li:hover a {border-bottom: #FFF solid 4px;}
#menu li {width: auto; padding: 0 25px; display: inline-block; margin: 0; text-align: center; position:relative;}
#menu .sub-menu {position: absolute; color: #fff; display: none; width: 400%; top: 26px; left:0; text-align: center; left:-150%; padding: 5px 0 0 0;}
#menu .sub-menu ul {display: inline;}
#menu .sub-menu li {padding: 0 10px;}
#menu li:hover li a {color: #fff; font-size: 1em; font-style: italic; border: 0;}
#menu li:hover li a:hover {color: #8b4f13;}
#menu li:hover .sub-menu {display: block;}

#content {padding: 25px 40px; background: url('../images/bg-content.png') top left repeat;}

.photo {padding: 0; list-style-type: none;}
.photo li {padding: 10px 0;}
.photo a {font-size: 1.286em; color: #000000;}
.photo a:hover {color: #8b4f13; text-decoration: none;}

#video {position: relative; width: 1004px; margin: 20px 0 0 0; padding: 0; left: -22px; min-height: 230px;}
#video ul {padding: 25px 0 0 0;}
#video li {float: left; padding: 5px 22px; width: 122px; height: 160px; list-style-type: none; background: url('../images/bg-video2.png') bottom left no-repeat;}
#video a {color: #3c3c3c; float: left; text-align: center; text-shadow: 1px 1px 1px rgba(255, 255, 190, 0.85);}
#video a:hover {text-decoration: none;}
#video a img {border: #FFF solid 1px;}