/* Main style sheet */ 
* { margin: 0; padding: 0; border: 0; outline: 0; font-size: 1em; vertical-align: baseline; background: transparent; -text-align:center; }

/* Document */ 
body { background-color: #FFFFFF; line-height: 1; font-family:'din regular',helvetica,arial,sans-serif; color:#333; }
h1, h2 { margin: 5px; padding: 5px; width: 800px; height: auto; float: left; color: #061743; }
h1 { font-size:130%; text-align:left; font-family:'Copperplate Gothic Bold',helvetica,arial,sans-serif; text-transform:uppercase; margin:10px 5px 0 5px;}
h2 { font-size: 110%; }
ul{ margin:0 0 0 10px; padding:0 0 0 10px; list-style-type:circle; }
li { -text-align:left; line-height:110%; }

/* Utils */ 
.logo { display: block; margin: 0px 5px 2px 15px; -margin: 5px 5px 5px 15px; padding: 5px; width: 92px; height:88px; float: left; border: none; }
.spacer{ clear:both; font-size:0; line-height:0; }

/* Structure */ 
div#header, div#content, div#footer { margin: 0 auto; padding: 0; width: 975px; }
div#content { padding: 5px 0; border-left: 1px dashed #999; border-right: 1px dashed #999; border-bottom: 1px dashed #999; }

/* Header */ 
div#header { margin-top: 10px; border: 1px dashed #999; }
div#header ul { margin: 0; padding: 0; width:auto; -width: 85%; float: left; border: 0; }
div#header li { height:30px; display:inline; float:left; width:80px; -width:120px; margin: 5px 10px 0 10px; padding: 0 20px; -margin-right: 5px; border-left: 1px dashed #999; text-align: right; line-height:80%; color:#061743; }
div#header li em { display:inline; font-size: 65%; font-style: normal; float:right; position:relative; }
div#header li a { font-family:'din regular',helvetica,arial,sans-serif; font-weight: normal; font-size: 90%; color:#061743; text-decoration:none; }
div#header li a:hover { font-size: 78%; font-weight: bold; color: #061743; }

/* Slider */ 
div#slider { margin: 10px 5px; padding: 5px; width: 560px; -width: 576px; height: 440px; -height: 455px; -margin: 10px 0 0 0; overflow: hidden; }

/* Pair*/ 
div.pair { margin: 8px; padding: 8px; border: 1px dashed #999; background-color: #EEE; width: auto; height: auto; float: left; text-align: center; }
div.img { margin: 2px; border: 1px dotted #999; background-color: #FFF; height: auto; -height:420px; width: auto; float: left; text-align: center; }
div.img img { display: inline; margin: 8px; border: 1px solid #fff; }
div.img a:hover img {border: 1px dotted #999;}
div#slider .pair { width:550px; margin: 5px auto; }
div#slider .img { width:265px; }

/* Thumbs */
div#thumbs { margin: 5px 0; padding: 0; float: left; width: 390px; border: 0; }
div#thumbs .pair { margin: 0 5px; padding: 0 5px; border: 0; }
div#thumbs .img { margin: 0; padding: 2px 0; height:auto; border: 0; background-color: #EEE; }
div#thumbs .img img { margin: 0px; border: 5px solid #FFF; }
div#thumbs .img a:hover img {border: 5px solid #CCC;}

/* Desc */ 
div.desc { text-align: left; font-weight: normal; font-size: 75%; width: 95%; height: 75px; margin: 0; padding:0; }
div.desc em { display:block; text-align:left; font-size:90%; -margin-bottom: -5px; }
div.desc a, div#footer a { color:#666; text-decoration:none; }
div.desc a:hover, div#footer a:hover { color:#333; text-decoration:underline; }

/* Footer */ 
div#footer p { font-size:90%; text-align:right; margin: 10px 0 0 0; }
