body { margin: 0; padding: 0; font: 70%/150% Tahoma, Helvetica, Arial, sans-serif; color: #ccc; background: #262626; overflow: auto; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0 0 1.4em 0; padding: 0; }
dd, blockquote { margin-left: 1em; }
li { list-style: none; margin-bottom: 2px; }

form label { cursor: pointer; }
fieldset, img { border: none; margin: 0; padding: 0; vertical-align: middle; }
input, select, textarea { font-size: 100%; }
input[type=submit] { padding: 2px 10px; }
input.submit { padding: 2px 10px; }

h1, h2, h3, h4, h5, h6 { font-size: 1.4em; margin-bottom: 1em; color: #fff; height: 2em; }

a { color: #fff; text-decoration: underline; overflow: hidden; }
a:hover, a:focus { text-decoration: none; }

#content { width: 800px; margin: 0 auto 100px auto; position: relative; padding: 80px 0 0 0; display: inline-block; overflow: visible; position: static; position: relative; }
#content { display: block; }
#content:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }


#despre { float: right; width: 230px; display: inline; margin: 0 90px 0 0; }
#foto { position: absolute; top: 130px; left: 720px; }

#slideshow { float: left; width: 440px; margin-left: 20px; overflow: hidden; }
#slideshow li { float: left; display: inline; width: 100px; height: 70px; overflow: hidden; margin: 0 8px 8px 0; }

#caption { float: left; width: 360px; height: 400px; margin: 50px 0 0 20px; overflow: visible; }
#caption h2 { height: 220px; }

#footer { background: #000; padding: 15px 0; display: inline-block; height: 100px; position: fixed; bottom: 0; left: 0; width: 100%; }
#footer { display: block; }
#footer:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }
#fcenter { width: 760px; margin: 0 auto; padding: 0 20px; }
#fcenter div { float: left; display: inline; margin: -5px 50px 0 0; }
#fcenter div a { display: block; width: 94px; height: 86px; text-indent: -9999em; background: url(../imagini/artpreview.gif) no-repeat 0 0; }

#nav { float: left; width: 75px; height: 80px; background: url(../imagini/menu.gif) no-repeat 0 0; }
#nav li { display: block; margin: 0; display: inline-block; }
#nav li { display: block; }
#nav a { display: block; height: 20px; text-indent: -9999em; }
#nav a:hover, #nav a.active { background-image: url(../imagini/menu.gif); }
#nav .about a:hover, #nav .about a.active { background-position: -75px 0; }
#nav .artisti a:hover, #nav .artisti a.active { background-position: -75px -20px; }
#nav .expozitii a:hover, #nav .expozitii a.active { background-position: -75px -40px; }
#nav .contact a:hover, #nav .contact a.active { background-position: -75px -60px; }

.sub { float: left; display: inline; margin-left: 20px; height: 80px; width: 90px; }
.sub li { margin: 0; line-height: 1.4em; }
.sub a { text-decoration: none; color: #ccc;  }
.sub a:hover, .sub .active a { text-decoration: none; color: #fff; }