*
    { margin: 0; padding: 0; }
    
body, td
    { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; }
    
body
    { background-color: #000; }
    
a:link, a:visited
    { color: #fff; text-decoration: none; }
a:hover
    { text-decoration: underline; }
    
a
    { outline-style: none; }
    
img
    { border: 0; }

#main_container
    { width: 900px; margin: 60px auto 0; }

#footer
    { color: #666; font-size: 11px; text-align: right; margin-top: 5px; padding: 3px 5px; }
#footer a:link, #footer a:visited
    { color: #eee; text-decoration: underline; }


ul.thumbs
    { list-style-type: none; }
ul.thumbs li
    { display: block; float: left; padding: 0 10px 10px 0; }
ul.thumbs li a
    { display: block; border: 3px solid #fff; }
ul.thumbs li a:hover
    { border: 1px solid #fff; margin: 3px 2px 1px; }
#hint
    { font-size: 16px; font-weight: bold; color: #333; }

.logo
    { position: absolute; left: 44px; top: 32px; }
.logo h1
    { background: url(../images/logo.gif) no-repeat top; display: block; width: 210px; height: 46px; text-indent: -9999px; }
    
.breadcrumbs
    { position: absolute; width: 100%; height: 35px; top: 100px; }
.breadcrumbs .bg
    { position: absolute; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=30); opacity: 0.3; -moz-opacity:0.3; }
.breadcrumbs .links
    { position: absolute; left: 44px; top: 8px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; }
.breadcrumbs .links h1
    { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #333; display: inline; }
.breadcrumbs .links .sep
    { padding: 0 5px; color: #aaa; }

/***** homepage *****/

.home .page
    { background: #c0d7e2 url(../images/main_bg.jpg) no-repeat top; height: 353px; border: 3px solid #fff; position: relative; }
    
.home .works
    { position: absolute; left: 44px; top: 160px; }
.home .works h2
    { background: url(../images/btn_sculpturi.gif) no-repeat top; display: block; width: 109px; height: 40px; text-indent: -9999px; margin-bottom: 10px; }

.home .about
    { position: absolute; left: 709px; top: 160px; }
.home .about #btn_about
    { background: url(../images/btn_about.gif) no-repeat top; display: block; width: 89px; height: 40px; text-indent: -9999px; }
    
.home .thumbs img
    {  }

/***** detail *****/

.detail .page
    { background: #ccc url(../images/detail_bg.jpg) no-repeat top; border: 3px solid #fff; position: relative; }

.detail .logo a
    { background: url(../images/logo_detail.gif) no-repeat top; display: block; width: 210px; height: 46px; text-indent: -9999px; }
    
.detail .contents
    { padding: 160px 44px 30px; }
    
.detail .nav
    { position: absolute; right: 28px; top: 32px; }
.detail .nav #btn_contact
    { background: url(../images/btn_about_detail.gif) no-repeat top; display: block; width: 89px; height: 40px; text-indent: -9999px; }


.bigpic
    { background-color: #fff; text-align: center; width: 420px; height: 420px; }
.bigpic_desc
    { background-color: #fff; text-align: center; padding: 5px 0 20px; }
.bigpic_desc h2
    { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; color: #000; }
.bigpic_desc strong
    { color: #999; font-size: 12px; font-weight: normal; }
.bigpic_desc a:link, .bigpic_desc a:visited
    { color: #333; }
    
a.btn_prev
    { display: block; background: url(../images/btn_prev.gif); width: 27px; height: 41px; text-indent: -9999px; margin: 0 15px 0 0; }
a.btn_prev:hover
    { background-position: -27px 0; }
a.btn_next
    { display: block; background: url(../images/btn_next.gif); width: 27px; height: 41px; text-indent: -9999px; margin: 0 0 0 15px; }
a.btn_next:hover
    { background-position: -27px 0; }

h2.more
    { font-size: 12px; font-weight: normal; margin-bottom: 5px; color: #444; }
    
/***** image_page *****/

.image_page
    { }
.image_page .thumbs img
    {  }
.image_page .bigpic_container
    { margin-bottom: 25px; width: 506px; float: left; }
.image_page .thumbs_container
    { width: 270px; float: right; }
    

/***** about *****/

.about .contents
    { padding: 120px 44px 70px; }
.bcard
    { background: url(../images/about_bg.jpg) no-repeat top; width: 760px; height: 300px; margin: 0 auto; }
.bcard dl
    { padding: 100px 0 0 100px; }
.bcard dt
    { font-size: 18px; font-weight: bold; color: #333; }
.bcard dd
    { font-size: 18px; color: #fff; margin-bottom: 10px; }
.bcard dd a
    { text-decoration: underline; }


/***** admin *****/
    
#admin, #admin_data
    { position: fixed; right: 0; top: 0; border-left: 1px solid #999; border-bottom: 1px solid #999; width: 120px; background: #333; padding: 5px 10px; }
#admin_data
    { top: 25px; }
#admin h3
    { font-size: 14px; font-weight: bold; color: #000; margin: 0; padding: 0; }
#admin a:hover, #admin_data a:hover
    { color: #ffcc00; }

/***** hacks *****/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}