/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
* Filename: style.css
* Website: 
* Author: Jakub Chodorowicz http://www.jakub.chodorowicz.pl/

== STRUCTURE: ==============================
* Page width:
* Number of columns:
============================================

== COLORS: =================================
lighter bg: 353d50
active    : de9d0b

============================================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* links & typography & standard values
----------------------*/
body {font-family:Arial, Helvetica Neue, Helvetica, sans-serif;}
a {text-decoration:none;}


h1, h2, h3, h4, h5, h6, p, span, a, li { color:#fff; }
a:hover {text-decoration:underline;}
h1, h2, h3, h4, h5, h6, p {padding-bottom:10px;}
h1 { font-size: 50px; }
h2 { font-size: 23px; }
h3 { font-size: 21px; }
h4 { font-size: 19px; }
h5 { font-size: 17px; }
h6 { font-size: 15px; }
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }

#content ul {margin:5px 0px;}
#content li, #col-beta li li {font-size:13px; margin-left:20px; padding-bottom:3px;}

ol li {list-style-type: decimal;}
ul li {list-style-type: disc;}
#col-beta ul li {list-style-type:none;}
ul ul li {list-style-type: disc;}
ul ul ul li {list-style-type: square;}
ol ol li {list-style-type: lower-alpha;}
ol ol ol li {list-style-type: lower-roman;}


#content h2, #col-beta h2, .highlight, #content h4, #col-beta h2 a {color:#de9d0b}
.highlight {font-weight:bold;}
#content p, #col-beta p {font-size:13px; line-height:17px;}
#content h3 {
    border-bottom:1px solid #fff;
    padding:6px 0px 3px 0px; margin-bottom:10px; margin-left:10px;
    font-size:14px; text-transform:uppercase;
}
    #content h3 span {font-size:11px; float:right;}
    
#content h4 {
    font-size:13px; font-weight:bold;
    padding-left:10px; padding-bottom:0px;
}

#col-beta h2 {font-size:20px;}

#footer p {font-size:12px;}

.web4u {text-align: center; font-size: 10px; margin-bottom: 10px;}


.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.center-block {margin:0px auto;}
img.centered{ display: block; margin-left: auto; margin-right: auto }
img.alignright{ padding:0; margin: 3px 0 2px 10px; display: inline }
img.alignleft{ padding:0; margin: 3px 10px 2px 0; display: inline }
.alignleft{ float: left }
.alignright{ float: right }
strong {font-weight:bold;}
.text-center {text-align:center;}

/* layout 
-----------------------*/
body {
    background:#353d50 url(../images/bg.png) repeat-y center top;
}
#wrapper {
    width:960px;
    margin:0px auto;
}

#menu-wrapper, #header, #main {position:relative;}

#menu-wrapper {
    /*padding-bottom:14px;*/
    
    position:relative;
}
    ul#menu {
        padding:10px 30px 3px 30px;
        text-align:center;
        margin:0;
        background:url(../images/menu-bg.jpg) repeat-y center top;
    }
        #menu li {
            display:inline;
            padding:5px 0px;
            line-height:22px;
        }
            #menu li a {
                font-size:20px; color:#fff;
                padding:0px 10px;
                border-right:2px solid #fff;
                display:inline-block;
                height:18px; line-height:18px;
                
            }
                #menu li a:hover, #menu li.current_page_item a {color:#de9d0b; text-decoration:none;}
                #menu li.last a {border:none;}
    
    #menu-bottom {
        background:url(../images/menu-bottom.jpg) no-repeat center top;
        width:960px; height:14px; 
        /*position:absolute; bottom:0; left:0;*/
        
    }
    
#header {
    height:270px;
    background-repeat:no-repeat; background-position:center;
}   
    #header h1 {
        position:absolute; left:50px; top:40px;
        width:154px; height:140px;
        background:url(../images/logo.png) no-repeat;
        text-indent:-9999px;
        


    }
        #header h1:hover, #col-beta a img:hover {
            -webkit-box-shadow:0 0 15px #ffffff; 
            -moz-box-shadow: 0 0 15px #ffffff; 
            box-shadow:0 0 15px #ffffff; 
        }
    
    
    #header img {width:930px; height:270px;}

#main {
    background:url(../images/menu-bg.jpg) repeat-y;
    position:relative; top:0; left:0;
}
    #boxes {position:absolute; top:-35px; left:0px; z-index:10;}
        .box {
            width:260px; height:190px;
            position:absolute; top:0px;
            background:url(../images/box.png) no-repeat;
        }
            .box1 {left:50px;}
            .box2 {left:350px;} /*50 + 260 + 40*/
            .box3 {left:650px;} /*350 + 260 + 40*/
            
            .box h2 {
                text-transform:uppercase;
                font-size:15px; 
                margin-left:10px; margin-top:25px;
                padding-bottom:0px;
            }
            .box p {
                width:200px;
                font-size:13px; line-height:18px;
                margin: 10px 10px 0px 18px;
                padding-bottom:0px;
            }
            .box a.more-info, a.arrow-link {
                display:block; float:right;
                margin:15px 15px 0px 0px;
                background:url(../images/arrow.png) no-repeat left center;
                font-size:12px; text-transform:uppercase;
                padding-left:13px;
            }
            
            .box img {margin-left:5px;}
    
    #main-top {
        width:960px; height:14px;
        background:url(../images/border-top.jpg) no-repeat;
        /*position:absolute; top:0; left: 0; z-index:10;*/
    }
    
    #col-alpha {
        float:left;
        margin:180px 0px 0px 50px;
        width:560px;
    }
        #content {}
            #content p {padding-left:10px;}
            
    #col-beta{
        float:left;
        margin:180px 0px 0px 40px;
        width:260px;
        background:url(../images/border-slim-top.png) no-repeat;
        
    }
        #col-beta-inner {
            margin-top:19px;
            padding:0px 10px;
            background:url(../images/border-slim-middle.png) repeat-y;
        }
        #col-beta-bottom {
            height:19px;
            background:url(../images/border-slim-bottom.png) no-repeat;
        }
            h2.icon {height:40px; line-height:40px; padding-left:45px;}
                h2.telephone {background:url(../images/icon-telephone.png) no-repeat;}
                h2.compass {background:url(../images/icon-compass.png) no-repeat;}
                h2.camera {background:url(../images/icon-camera.png) no-repeat;}
                h2.blog {background:url(../images/icon-blog.png) no-repeat;}
                
                
#footer {
    min-height:40px;
    background:url(../images/menu-bg.jpg) repeat-y center top;
    padding-top:20px;
}
    #footer-inner {
        margin:0px 30px;
        border-top:1px dashed #454f63;
        padding:20px;
    }
#footer-bottom{
    height:14px;
    background:url(../images/menu-bottom.jpg) no-repeat center bottom;
    margin-bottom:20px;
}
        

/* misc 
-----------------------*/
a.arrow-link {margin:5px 40px 0px 0px;}


/* next-gen-gallery custom
-----------------------*/
.ngg-widget {text-align:center !important;}

.ngg-album {/*border:1px dashed #fff !important;*/ border:none !important; position:relative;}
.ngg-albumtitle {position:absolute; left:190px; top:8px;}
.ngg-albumcontent {}
.ngg-description {position:absolute; left:190px; top:35px;}

/* wpng custom
-----------------------*/
#wpng-cal-widget-events {padding-left:15px !important;}
    .wpng-widget-date-title {}
    #wpng-cal-widget-events ul {}
        #wpng-cal-widget-events ul li {list-style:disc !important;}
        
/* WP Page Navi custom
-----------------------*/
.wp-pagenavi {font-size:11px !important; padding-top:15px !important; text-align:right !important; }
    .wp-pagenavi a {text-decoration:underline !important;}
    .wp-pagenavi a, .wp-pagenavi span {border:none !important;}
    .wp-pagenavi span, .wp-pagenavi a {background:none !important; color:#fff !important;}
    .wp-pagenavi .current {border:1px dashed #fff !important;}