/*--- CSS Reset ---*/
html, body, div, span, 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, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

:focus {
outline: 0;
}

body {
line-height: 22px;
}

ul {
list-style: none;
}

table {
border-collapse: separate;
border-spacing: 0;
}

caption, th, td {
text-align: left;
font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}

blockquote, q {
quotes: "" "";
}

.left {
float:left
}

.right {
float:right;
margin-right:0!important;
}
	
.clearfix:after {
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}


/* Hides from IE-max \*/
* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}
/* End hide from IE-mac */


/*--- Common ---*/

body {
font-family:Arial, Verdana, sans-serif;
color:#fff;
background:#000000;
}

h1 {
font-size:50px;
letter-spacing:-10px
}

h2 {
width:300px;
float:left;
font-size:40px;
line-height:58px;
letter-spacing:-1px;
margin:0px 0 0 70px;
text-indent:-15px;
}

h3 {
float:left;
margin:0 0 30px 0;
font-family:Times, Georgia, Serif;
font-weight:normal;
font-size:30px;
line-height:30px;
width:80%;
}

h4 {
float:left;
margin:0 0 20px 0;
font-size:20px;
}

h5 {
float:left;
margin:0 0 20px 0;
font-size:17px;
}

p {
font-size:17px;
line-height:24px;
margin-bottom:24px;
float:left;
}

em {
font-style:italic;
border-bottom:1px dashed;
}

strong {
font-weight:bold;
color:#ff9000;
text-transform:uppercase;
}

a {
color:#fff;
border-bottom:1px solid;
}

a:hover {
color:#ff9000;
}

.a1 {
color:#FF9000;
border-bottom:0px solid;
font-weight: bold;
text-transform: uppercase;
font-size: 17px !important;
line-height: 24px !important;
}

.a1:hover {
color:#FFFFFF !important;
}

.a2 {
color:#FF9000;
border-bottom:0px solid;
font-size: 17px !important;
line-height: 24px !important;
}

.a2:hover {
color:#FFFFFF !important;
}

.a3 {
color:#FF9000;
border-bottom:0px solid;
font-size: 24px !important;
line-height: 24px !important;
}

.a3:hover {
color:#FFFFFF !important;
}

.o {
color:#ff9000
}

.number {
float:right;
color:#fff;
font-family:Times, Georgia, Serif;
font-size:30px;
line-height:30px;
}


/*--- Layout ---*/

#wrapper {
width:960px; 
margin:0 auto;
padding: 220px 0 0;
 
}


/*--- Nav ---*/

#nav {
list-style:none;
padding: 20px 0 16px;
position: fixed;
z-index:40;
border-bottom: 1px solid #222222;
width: 960px;
background: #000000;
top: 0px;
}

#nav li {
float:left;
opacity: 0.2;
}

#nav li:hover {
opacity: 1;
}

#nav li a {
text-decoration:none;
padding:2px 4px;
border:none;
}

#nav li#first a {
padding-left:655px
}


/*--- Header ---*/

#header {
height:375px
}

#logo {
float:left;margin:0 0 0 0;
background-image: none;
background-color: transparent !important;
}


/*--- Content ---*/

.box {
float:left;
width:100%;
margin:45px 30px 0 0;
padding:10px 0 0 0;
}

.salto {
float:left;
width:100%;
margin: 0 30px 0 0;
padding: 100px 0 0;
}

.small {
width:300px;
}

.big {
width:630px;
}

.sidenote p {
text-align:right;
font-size:24px;
line-height:24px;
margin:-1px 0 24px 0;
float:none;
}


/*--- Footer ---*/

#footer {
float:left;
width:100%;
height:560px;
margin:150px 0 0 0;
border-top: 1px solid #222222;
background-color: #000000;
}

.inner {
width:960px;
margin:0 auto;
padding:140px 0 0 0;
}

#footer img, #footer p {
margin:0 53px 10px 0;
width:200px;
float:left
}

.credits {
margin:100px 0 0 0;
font-size: 16px;
}

.credits a {
text-decoration:none;
}