/*************************
   
HTML

*************************/

html {
height: 99.8%;
}

body {
background-color: #000;
height: 100%;
font-family:arial,helvetica,sans-serif;
color: #DDDDDD;
}

/************************

GENERIC

************************/


h1{
font-size: 2.4em;
}

h3{
font-size: 1.8em;
}

h4{
font-size: 1.8em;
}

h5{
font-size: 1.6em;

}

h6{
font-size: 1em;	
}

a{
text-decoration:none;
color:#9DC9BA;
}


a:hover{
color: #CCC;
}

/************************

TYPOGRAPHY

************************/

#titleText h1{
color:#CCC;
letter-spacing: 15px;;
}

#introText h3{
color:#9DC9BA;
line-height: 1.2em;
letter-spacing: .1em;
}

#introText p{
padding-top: 30px;
color:#BBB;
font-size: 1.2em;
word-spacing: .1em;
letter-spacing: .1em;
line-height: 1.3em;
}


/************************

SHARED STRUCTURE

************************/

#container {
height: 100%;
width: 990px;
padding-top:30px;
margin-left: auto;
margin-right: auto;
}

/**************************************************************************************************
***************************************************************************************************

HEADER

***************************************************************************************************
***************************************************************************************************/

#header{
width:990px;
height:240px;
}

#flashHeader{
width:990px;
height:200px;
background-color: #000;
}

#titleText{
padding-top:20px;
width:990px;
height:40px;
}

/**************************************************************************************************
***************************************************************************************************

BODY

***************************************************************************************************
***************************************************************************************************/

#body{
padding-top:40px;
width:990px;
}
  
#copy{
width:560px;
float: left;
}

#slideshow{
width:400px;
float: right;
}

/**************************************************************************************************
***************************************************************************************************

FOOTER

***************************************************************************************************
***************************************************************************************************/

#footer{
clear: both;
position:relative;
top:50px;
width:990px;
height:160px;

border-top: solid #666 1px;
}

#logo{
position:relative;
top:20px;
float:left;
}


#footerText{
float:left;
position:relative;
top:18px;
left:20px;
font-size: 1.2em;
line-height: 1.3em;
letter-spacing: .2em;
}

#footerText a{
letter-spacing:.3em;
}

#numbers{
padding-top:2px;
}

#footerText .pair{
clear:both;

}

#footerText .pair .pairName{
float:left;
width:4.5em;;
color:#9DC9BA;
}

#footerText .pair .pairValue{
float:left;
display:inline;
}

#darkandlong{
padding-top:5px;
float:right;
display:block;
}

#darkandlong h3{
font-size: .8em;
letter-spacing:.6em
}

#darkandlong a{
letter-spacing:.6em;
}




/**************************************************************************************************

PAGE SPECIFIC CONTENT

***************************************************************************************************/