@charset "utf-8";

/* reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border: 0pt none;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0pt;
padding: 0pt;
vertical-align: baseline;
}

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

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

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

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

a img { border: medium none; }

/* rounded corners */
dl {
width: 180px;
margin: 0 0 10px 10px;
background: #EEE url(../img/grey_block_b.gif) no-repeat bottom left;
}

dt {
width: 200px;
margin: 0 0 0 -10px;
padding: 0;
background: #EEE url(../img/grey_block_t.gif) no-repeat top left;
}

dd {
margin: 0;
padding: 0;
}


/* typo */
h1 {
font-size: 28px;
line-height: 28px;
font-weight: bold;
font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
margin: 0;
}

p {
font-size: 1em;
font-style: italic;
line-height: 1.4em;
margin:  1.2em 0 0 0;
font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
}

p.small {
font-size: 0.8em;
line-height: 1.4em;
margin:  1.2em 0 0 0;
font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
}

a {
font-size: 1em;
line-height: 1.4em;
font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
}

a:link, a:visited {
text-decoration: none;
}

a:hover, a:active {
text-decoration: none;
}

/* global */
body {
line-height: 1.5;
font-size: 12px /* 62.5% */
font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
margin: 0pt;
padding: 0pt;
background-color: #fff;
color: #333;
}

#page-wrapper {
width: 960px;
margin: 0 auto;
}

#header {
margin: 30px 0 10px 0;
}

#footer {
margin: 10px 0;
}

#footer p {
font-style: normal;
color: #bbb;
}

#content {
padding: 20px;
text-align: left;
border: 1px solid #d5d5d5;
background-color: #e5e5e5;
min-height: 320px;
}

#content p {
width: 740px;
}

#roller {
float: right;
width: 307px;
height: 374px;
line-height: 1px;
margin: -275px -72px 0 0;
}

#roller img {
margin: 0;
padding: 0;
}

#controls {
position: absolute;
text-align: right;
width: 20em;
margin: -45px 0 0 620px;
z-index: 5;
}

#controls p {
font-style: normal;
color: #bbb;
line-height: 1em;
margin: 0;
padding: 0;
}

#controls a {
color: #333;
padding: 2px 5px;
}

#controls a:hover {
background-color: #efefef;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}