/*
 * author - Piotr Kwiatkowski - www.piotrkwiatkowski.co.uk
 * Copyright (c) 2009 Piotr Kwiatkowski
 */
        
/* General */

/*Reset Common Tags*/

a,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,img
{
    margin:0px;
    padding:0px;
}

body 
{
    margin:0px auto;
    padding:0px;
    font-family:Georgia;
    font-size:12px;
    font-style:italic;
    color:#ffffff;
    background-image:URL(../images/bg.png);
    background-color:#42060e;
    background-position:center 0;
    background-repeat:no-repeat;
}

a
{
    text-decoration:none;
}

a:hover
{
    text-decoration:none;
}

a:active, a:focus
{
    outline:0;
}

img
{
    border:0px;
}

p
{
    padding:5px 10px;
	line-height:18px;
}

h1 
{
    font-size:60px;
    font-weight:normal;
    font-style:italic;
}

h2
{
	font-size:24px;
	margin:0;
	padding:15px 10px 5px 10px;	
}

.brackets
{
    color:#999;
    font-style:normal;
}

.gallery-title
{
    padding:40px 0px 20px 30px;
}

.text-18
{
	font-size:18px;
}

/*-----layout-----*/

#container
{
    width:980px;
    margin:0 auto;
}

/*-----navigation-----*/

#navigation
{
    width:966px;
    height:45px;
    padding:66px 5px 0px 9px;
}

.nav_home
{
    float:left;
    position:relative;
    width:144px;
    height:45px;
    padding-right:90px;
}

.nav_home a
{
    position:relative;
    z-index:2;
    display:block;
    width:144px;
    height:45px;
	
}

.nav_home div
{
    display:none;
    position:absolute;
    z-index:1;
    top:0px;
    background:URL(../images/home_o.jpg) no-repeat;
}

.nav_about
{
    float:left;
    position:relative;
    width:172px;
    height:45px;
    padding-right:95px;
}

.nav_about a
{
    position:relative;
    z-index:2;
    display:block;
    width:172px;
    height:45px;
}

.nav_about div
{
    display:none;
    position:absolute;
    z-index:1;
    top:0px;
    background:URL(../images/about_o.jpg) no-repeat;
}

.nav_gallery
{
    float:left;
    position:relative;
    width:220px;
    height:45px;
    padding-right:91px;
}

.nav_gallery a
{
    position:relative;
    z-index:2;
    display:block;
    width:220px;
    height:45px;
}

.nav_gallery div
{
    display:none;
    position:absolute;
    z-index:1;
    top:0px;
    background:URL(../images/gallery_o.jpg) no-repeat;
}

.nav_links
{
    float:left;
    position:relative;
    width:147px;
    height:45px;
}

.nav_links a
{
    position:relative;
    z-index:2;
    display:block;
    width:147px;
    height:45px;
}

.nav_links div
{
    display:none;
    position:absolute;
    z-index:1;
    top:0px;
    background:URL(../images/links_o.jpg) no-repeat;
}

/*-----content-----*/

#content-main
{
    float:left;
    width:980px;
    height:669px;
    margin-top:3px;
}

#content
{
    float:left;
    width:980px;
    height:669px;
    margin-top:3px;
    background:URL(../images/content-bg.png);
}

#content-links
{
    float:left;
    width:980px;
    height:669px;
    margin-top:3px;
    background:URL(../images/content-links-bg.png);
}

#content-links-left
{
    float:left;
    width:200px;
    padding:40px 0px 0px 30px;
}

#content-links-right
{
    float:right;
    width:748px;
    height:558px;
    padding-top:80px;
}

#about-left
{
    float:left;
    width:330px;
    padding:40px 0px 0px 30px;
}

#about-right
{
    float:right;
    width:600px;
    padding:13px 10px 0px 0px;
}

#links
{
    clear:both;
    width:980px;
    height:20px;
    font-size:10px;
    font-style:normal;
    text-align:center;
}

#links a,
#content-links a,
#about-left a
{
    color:#ffffff;
}

#links a:hover,
#content-links a:hover,
#about-left a:hover
{
    color:#999999;
}

.links-gallery
{
    padding-top:9px;
}

.link1
{
    display:block;
    width:563px;
    height:181px;
    float:left;
    padding-left:185px;
}

.link2
{
    display:block;
    width:393px;
    height:118px;
    float:left;
    padding-left:355px;
}

.link3
{
    display:block;
    width:393px;
    height:52px;
    float:left;
    padding-left:355px;
}

.link4
{
    display:block;
    width:393px;
    height:43px;
    float:left;
    padding-left:355px;
}

.link5
{
    display:block;
    width:393px;
    height:82px;
    float:left;
    padding-left:355px;
}

.link6
{
    display:block;
    width:720px;
    height:50px;
    float:left;
}

/*-----footer-----*/

#footer
{
    clear:both;
    width:980px;
    height:30px;
    padding-top:5px;
}

#footer-left
{
    float:left;
    width:366px;
}

#footer-right
{
    float:right;
    width:280px;
}

#footer-right img
{
    float:left;
}

.nav_footer
{
    float:right;
    position:relative;
    background:URL(../images/footer-link.jpg) no-repeat;
    width:184px;
    height:30px;
}

.nav_footer a
{
    position:relative;
    z-index:2;
    display:block;
    width:184px;
    height:30px;
}

.nav_footer div
{
    display:none;
    position:absolute;
    z-index:1;
    top:0px;
    background:URL(../images/footer-link_o.jpg) no-repeat;
}

/*gallery*/

div.content
{
    display: none;
    float: right;
    width: 720px;
    padding:3px 20px 0px 0px;
}

div.content a, div.navigation a
{
    color: #ffffff;
}

div.content a:hover
{
    color:#999999;
}

div.controls
{
    height: 23px;
}

div.controls a
{
    padding: 5px;
}

div.ss-controls
{
    float: left;
}

div.nav-controls
{
    float: right;
    padding-right:10px;
}

div.slideshow-container
{
    position: relative;
    clear: both;
    height: 445px;
}

div.slideshow span.image-wrapper
{
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
}

div.slideshow img
{
    vertical-align: middle;
    border: 1px solid #ccc;
    width:700px;
    height:440px;
}

div.caption-container
{
    position: relative;
    float: left;
    margin-top:5px;
    height:25px;
}

span.image-caption
{
    display: block;
    position: absolute;
    width: 700px;
    top: 0;
    left: 0;
}

div.image-title
{
    font-weight: bold;
    font-size: 12px;
    padding-left:5px;
}

div.navigation
{
    padding:0px 0px 0px 25px;
}

ul.thumbs
{
    clear: both;
    margin: 0;
    padding: 0;
}

ul.thumbs li
{
    float: left;
    padding: 0;
    margin: 5px 0 5px 5px;
    list-style: none;
}

a.thumb
{
    padding: 2px;
    display: block;
    border: 1px solid #ccc;
}

ul.thumbs li.selected a.thumb
{
    background: #000;
}

a.thumb:focus
{
    outline: none;
}

ul.thumbs img
{
    border: none;
    display: block;
}

div.pagination
{
    clear: both;
}

div.navigation div.top
{
    height: 11px;
    padding-left:5px;
    height:22px;
}

div.navigation div.bottom
{
    margin-top: 12px;
    padding-left:5px;
    height:22px;
}

div.pagination a, div.pagination span.current, div.pagination span.ellipsis
{
    display: block;
    float: left;
    margin-right: 2px;
    padding: 4px 7px 2px 7px;
    border: 1px solid #ccc;
}

div.pagination a:hover
{
    background-color: #333;
    text-decoration: none;
}

div.pagination span.current
{
    font-weight: bold;
    background-color: #000;
    border-color: #000;
    color: #fff;
}

div.pagination span.ellipsis
{
    border: none;
    padding: 5px 0 3px 2px;
}