html {
height: 100%;
}
body {
background-color: #333;
margin: 0px;
height: 100%;
}

a {
border-width: 0px;
border-style: none;
text-decoration: none;
color: #000000;
}
a:hover { color: #FFFFFF; }


h1 {
font-family: Helvetica, Arial, sans-serif;
font-size: 13.5pt;
font-weight: bold;
padding: 0px;
color: #FFFFFF;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
}
.title-link {
display: block;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

.navimg { padding-bottom: 3px; }
.undonavimg {
margin-top: -15px;
margin-bottom: 10px;
margin-left: -15px;
}
.popcolor { color: #FF3300; }

#container {
width: 900px;
position: relative;
z-index: 1;
padding: 0px;
overflow: visible;
margin: 0px auto;
height: 675px;
}
#deck {
z-index: 5;
position: relative;
overflow: visible;
width: 900px;
margin: 0px;
padding: 0px;
background-color: #666666;
clear: both;
top: 0px;
float: left;
}
#deck_index {
z-index: 5;
position: absolute;
overflow: visible;
width: 900px;
margin: 0px;
padding: 0px;
background-color: #666666;
top: 0px;
float: left;
height: 675px;
left: 0px;
}
#deck_textonly {
z-index: 5;
position: relative;
overflow: visible;
width: 700px;
margin: 0px;
padding: 15px 185px 15px 15px;
background-color: #666666;
top: 0px;
float: left;
height: 645px;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
color: #FFFFFF;
}



#overlay {
margin: 0px;
padding: 0px;
width: 900px;
position: absolute;
z-index: 10;
height: 675px;
background-image: url(images/clear.gif);
overflow: visible;
top: 0px;
background-repeat: repeat;
left: 0px;
cursor: pointer;
cursor: hand;
}
#overlaymovie {
margin: 0px;
padding: 0px;
width: 900px;
position: absolute;
z-index: 10;
height: 625px;
background-image: url(images/clear.gif);
overflow: visible;
top: 0px;
background-repeat: repeat;
left: 0px;
cursor: pointer;
cursor: hand;
bottom: 50px;
}
#overlaytext {
margin: 0px;
padding: 0px;
width: 400px;
position: absolute;
z-index: 50;
height: 225px;
overflow: visible;
left: 0px;
cursor: pointer;
cursor: hand;
bottom: 0px;
background-image: url(images/clear.gif);
background-repeat: repeat;
}



#infobar {
background-image: url(images/infobar.black.30.png);
background-repeat: repeat;
width: 900px;
position: absolute;
z-index: 99;
border-top-width: 1px;
border-top-style: none;
border-top-color: #666666;
bottom: 0px;
margin-right: auto;
margin-left: auto;
float: left;
height: 50px;
}
#infobar_white {
background-image: url(images/infobar.white.10.png);
background-repeat: repeat;
width: 900px;
position: absolute;
z-index: 99;
border-top-width: 1px;
border-top-style: none;
border-top-color: #666666;
bottom: 0px;
margin-right: auto;
margin-left: auto;
float: left;
height: 50px;
}
#titlebar {
float: right;
width: 650px;
bottom: 50px;
position: absolute;
right: 0px;
padding-right: 12px;
padding-bottom: 10px;
z-index: 99;
}
#title-corner {
position: relative;
top: 1px;
float: left;
}

#title {
text-align: right;
color: #FFFFFF;
font-size: 13.5pt;
font-family: "Helvetica Neue", "HelveticaNeue", "Helvetica Neue LT", "Helvetica LT", Helvetica, Garamond;
font-weight: bold;
position: relative;
float: right;
right: 0px;
letter-spacing: -0.25px;
padding: 10px;
}
#title_black {
text-align: right;
color: #000000;
font-size: 13.5pt;
font-family: "Helvetica Neue", "HelveticaNeue", "Helvetica Neue LT", "Helvetica LT", Helvetica, Garamond;
font-weight: bold;
position: relative;
float: right;
right: 0px;
letter-spacing: -0.25px;
padding: 10px;
}



#count {
text-align: right;
color: #999999;
font-size: 14pt;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
position: relative;
float: right;
right: 0px;
clear: left;
}
#navtop {
z-index: 99;
width: 300px;
background-image: url(images/infobar.black.30.png);
background-repeat: repeat;
padding: 20px;
border-top: 1px none #666666;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
border-left: 1px solid #666666;
position: absolute;
top: 0px;
}
#navcontainer {
position: absolute;
width: 900px;
bottom: 0px;
z-index: 60;
float: left;
height: 340px;
right: 0px;
}
#navbarspan {
background-color: #CC0066;
z-index: 80;
}



#navbar {
z-index: 99;
width: 300px;
padding: 15px 20px 20px;
border-top: 1px solid #666666;
border-right: 1px solid #666666;
border-bottom: 1px none #666666;
float: left;
position: absolute;
bottom: 0px;
visibility: visible;
}
#navbar_black {
z-index: 99;
width: 300px;
background-image: url(images/infobar.black.20.png);
background-repeat: repeat;
padding: 15px 20px 20px;
border-top: 1px solid #666666;
border-right: 1px solid #666666;
border-bottom: 1px none #666666;
float: left;
position: absolute;
bottom: 0px;
visibility: visible;
}



#navbar2 {
z-index: 99;
width: 300px;
padding: 20px 20px 20px;
bottom: 0px;
position: absolute;
right: 0px;
text-align: right;
float: right;
margin-bottom: 0px;
visibility: visible;
}

#hoverbottom {
z-index: 55;
width: 900px;
position: absolute;
height: 225px;
bottom: 0px;
left: 0px;
visibility: visible;
display: block;
}



#hovertop {
z-index: 50;
width: 900px;
position: absolute;
top: 0px;
height: 100px;
left: 0px;
}

#hoverprev {
height: 350px;
width: 200px;
position: relative;
z-index: 50;
float: left;
padding-top: 0px;
left: 0px;
text-align: right;
margin: 0px;
top: 0px;
}
#hovernext {
height: 350px;
width: 200px;
z-index: 50;
text-align: left;
right: 0px;
float: right;
position: relative;
padding-top: 0px;
margin: 0px;
top: 0px;
}
#navprev {
float: left;
position: relative;
clear: left;
padding-top: 100px;
padding-left: 50px;
visibility: visible;
height: 100px;
width: 150px;
z-index: 99;
cursor: pointer;
cursor: hand;
}
#navnext {
float: right;
position: relative;
clear: right;
padding-top: 100px;
padding-right: 50px;
visibility: visible;
z-index: 99;
height: 150px;
width: 150px;
cursor: pointer;
cursor: hand;
}
#prevproj {
visibility: visible;
z-index: 99;
}
#nextproj {
visibility: visible;
z-index: 99;
}
#prevprojimg {
margin: 0px;
float: left;
position: relative;
top: 0px;
}

#nextprojimg {
margin: 0px;
float: right;
position: relative;
top: 0px;
}

#contactinfo {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.85em;
font-weight: bold;
color: #000000;
letter-spacing: -1px;
height: 300px;
width: 300px;
position: absolute;
right: 40px;
bottom: 50px;
z-index: 99;
}
#intro_roto {
height: 80px;
width: 434px;
position: absolute;
right: 153px;
bottom: 71px;
z-index: 50;
visibility: visible;
}
#intro_spoiler {
height: 99px;
width: 317px;
position: absolute;
right: 241px;
bottom: 527px;
z-index: 50;
visibility: visible;
}
#intro_index {
height: 43px;
width: 200px;
position: absolute;
right: 25px;
bottom: 341px;
z-index: 50;
}
#intro_miranda {
height: 125px;
width: 500px;
position: absolute;
right: 284px;
bottom: 371px;
z-index: 50;
cursor: pointer;
cursor: hand;
}
#intro_hello {
height: 125px;
width: 400px;
position: absolute;
z-index: 99;
visibility: visible;
left: 200px;
top: 70px;
}


#intro_luggage {
height: 125px;
width: 636px;
position: absolute;
right: 31px;
bottom: 477px;
z-index: 50;
visibility: visible;
}


.intro_headline {
font-family: "Helvetica Neue", "Helvetica Neue LT", "Helvetica-NeueLT", Helvetica, Arial, sans-serif;
font-size: 1.85em;
font-weight: bold;
color: #000000;
letter-spacing: -1px;
margin: 0px;
padding: 0px;
}
.intro_resumeHeader {
font-family: "Helvetica Neue", "Helvetica Neue LT", "Helvetica-NeueLT", Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
letter-spacing: -1px;
margin: 0px;
padding: 0px;
}

.intro_subline {
font-family: "Helvetica Neue", "Helvetica Neue LT", "Helvetica-NeueLT", Helvetica, Arial, sans-serif;
font-size: 1.45em;
font-weight: bold;
letter-spacing: -1px;
margin: 0px;
padding: 0px;
}
.intro_microline {
font-family: "Helvetica Neue", "Helvetica Neue LT", "Helvetica-NeueLT", Helvetica, Arial, sans-serif;
font-size: 1em;
font-weight: bold;
color: #000000;
letter-spacing: -1px;
margin: 0px;
padding: 0px;
}
.intro_line {
font-family: "Helvetica Neue", "Helvetica Neue LT", "Helvetica-NeueLT", Helvetica, Arial, sans-serif;
font-size: 1.2em;
font-weight: bold;
color: #000000;
letter-spacing: -1px;
margin: 0px;
padding: 0px;
}
.white { color: #FFFFFF; }
#copy {
height: 600px;
width: 800px;
position: absolute;
left: 0px;
top: 0px;
z-index: 55;
padding: 20px;
}
#breadcrumb {
position: absolute;
z-index: 99;
height: 20px;
width: 320px;
bottom: -20px;
font-family: Helvetica, sans-serif;
font-size: 15px;
font-weight: normal;
color: #FFFFFF;
letter-spacing: -0.75px;
text-align: left;
left: 0px;
vertical-align: bottom;
}




#caption {
text-align: right;
color: #FFFFFF;
font-size: 15px;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
letter-spacing: -0.5px;
position: absolute;
z-index: 99;
width: 600px;
height: 15px;
right: 0px;
bottom: -20px;
vertical-align: bottom;
}
.darkbg {
background-image: url(images/infobar.white.30.png);
background-repeat: repeat;
}
.lightbg {
background-image: url(images/infobar.white.20.png);
background-repeat: repeat;
}
.defaultbg {
background-image: url(images/infobar.white.20.png);
background-repeat: repeat;
}