/*
===============================================
Florio Fashion. February, 2011.
http://www.florio-fashion.com
===============================================
*/

/*
====================================================================================================
BROWSER RESET
====================================================================================================
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,
img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, input, label, legend, table, caption, tbody, tfoot, thead, tr, th,
td { margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
*:focus { outline: 0px; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/*
====================================================================================================
TAGS
====================================================================================================
*/

html, body { width: 100%; height: 100%; margin: 0px; padding: 0px; }
body { background-image: url(/graphics/background.jpg); background-attachment: fixed; font: 11px Tahoma; color: #333333; text-align: center; cursor: default; }
a { text-decoration: none; }
img { border: 0px; }
div.clear { clear: both; }

/*
====================================================================================================
WINDOW
====================================================================================================
*/

div.distance { float: left; width: 100%; height: 50%; margin-bottom: -300px; }
div.window { position: relative; margin: 0px auto; width: 950px; height: 580px; padding: 10px; clear: both; background-image: url(/graphics/window.png); }

div.menu { position: absolute; top: 10px; left: 10px; bottom: 10px; right: 10px; padding: 1px 10px; height: 38px; background-image: url(/graphics/menu.png); z-index: 1; }
div.menu * { display: block; float: left; padding: 7px 15px 8px 15px; font: 11px Verdana; text-transform: uppercase; color: #ffffff; cursor: pointer; }
div.menu a:hover { background-image: url(/graphics/green-hover.png); }
div.menu div { background-image: url(/graphics/green-hover.png); cursor: default; }
div.menu *.right { float: right; }

div.logo { position: absolute; bottom: 37px; left: 30px; padding: 25px 0px 0px 3px; font: 11px Tahoma; text-align: left; background-image: url(/graphics/logo.png); background-repeat: no-repeat; color: #666666; z-index: 100; }
a.copyright { display: block; position: absolute; bottom: -5px; right: 20px; color: #006600; font-weight: normal; }

.arrow { display: block; position: absolute; bottom: 5px; width: 70px; height: 70px; z-index: 10; cursor: pointer; }
.arrow.previous { right: 75px; background-image: url(/graphics/previous-arrow.png); }
.arrow.next { right: 5px; background-image: url(/graphics/next-arrow.png); }
.arrow:hover { background-position: -70px 0px; }
.arrow.disabled {  background-position: -140px 0px; cursor: default; }

div.content { position: absolute; top: 40px; left: 11px; bottom: 20px; right: 10px; background-color: #ffffff; }