@import url("iv_pics_styles.css");
@import url("form_styles.css");
* { outline: none;}

body, p, #nav h1, #contentwrapper h2, #nav ul, div.picwrapper ul { margin: 0; padding: 0;}
#nav h1, div.picwrapper ul li a { font-size: 0; line-height: 0; text-indent: -99999px;}
#nav ul, div.picwrapper ul { list-style-type: none;}

body { background: #C0C0C0; padding: 30px; font: 0.75em/1.5em Helvetica, Arial, sans-serif; color: #888888;}
img { border: none;}
a { color: #888888; text-decoration: none; font-weight: bold;}
a:hover { color: #FFF;}

#nav { width: 165px; height: 340px; background: #FFF; padding-top: 30px; position: absolute; top: 30px; right: 30px;}
body > div#nav { position: fixed; }
#nav h1 { width: 105px; height: 122px; margin-left: auto; margin-right: auto;}
#nav ul { margin-top: 53px;}
#nav li { margin-bottom: 15px; font-size: 1px; line-height: 1em;}
#nav li a { display: block; width: 100%; text-align: center; color: #bdbdbd; font-size: 11px; line-height: normal;}
#nav li a:hover { color: #888; }
#nav li#link4 { margin-bottom: 31px;}
#nav li#link5 { margin: 0 auto 0 auto; width: 17px; height: 2px; background: #bdbdbd;}

#contentwrapper { overflow: hidden;}
#contentwrapper h2 { margin-bottom: 15px; font-size: 18px;}
#leftcol, #rightcol { width: 210px;}
#leftcol { margin-right: 30px;}
p { line-height: 1.5em; padding: 15px 0 15px 0;}
p.padbot { padding-bottom: 35px;}

div.coverwrapper, div.cover, div.pic { position: relative;}
div.cover { float: left; background-color: #fff; }
div.pic img { position: absolute; bottom: 0; left: 0;}

div.case, div.pic, div.casefoot { width: 630px;}
div.case { overflow: hidden; padding-top: 30px; position: relative;}
div.pic { height: 410px; margin-bottom: 10px;}
div.pic img { cursor: pointer;}
div.picwrapper { background-color: #FFF; padding-bottom: 10px; margin-bottom: 15px;}
div.picwrapper ul { overflow: hidden; margin-left: 10px; height: 9px;}
div.picwrapper ul li { float: left;}
div.picwrapper ul li a { display: block; width: 9px; height: 9px; background-color: #C0C0C0; margin-right: 5px;}
div.picwrapper ul li a.active, div.picwrapper ul li a:hover { background-color: #888888;}
div.casecontent { overflow: hidden; margin-bottom: 40px;}

div.casecontent div { width: 210px; float: left;}
div.casecontent div.links { margin-right: 30px;}

div.casecontent, div.casefoot { width: 450px;}
div.casefoot { position: absolute; bottom: 0px; left: 0px;}
div.casefoot p.scrollnav { float: right;}

.floatleft { float: left;}
.margintop { margin-top: 5px;}
.marginright { margin-right: 5px;}
.marginbottom { margin-bottom: 5px;}
.marginleft { margin-left: 5px;}