@import url('base.css');

/* 02 - STRUCTURE
/* ----------------------------------------------*/

.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%;
}

.container {
    margin:0 auto; padding:0;
    width:940px; height:auto;
}

/* 03 - HEADER
/* ----------------------------------------------*/

#header {
    margin:0; padding:0;
    width:auto; height:auto;
    background:#FFF;
}

#header-repeat {
    background:#fdfeff url(/media/img/header.gif) repeat-x top center;
}

#header-left {
    background: url(/media/img/header-left.gif) no-repeat top left;
}

#logo {
    padding: 15px 0;
}

#logo a {
    display: block;
    height: 94px;
    width: 94px;
    margin: 0px 0px 0px 10px;
}

/* 04 - NAVIGATION
/* ----------------------------------------------*/

#navigation {
    border-top:1px solid #eff0f1;
    border-bottom:4px solid #f6f7f8;
}

    #navigation ul {
        margin:0; padding:0 0 10px 0;
        list-style:none;
    }

    #navigation li {
        margin:12px 0 0 12px; padding:0 12px 0 0;
        float:left;
        width:auto;
        border-right:1px solid #e8e9ea;
    }
            
        #navigation li a {
            margin:0; padding:0;
            text-decoration:none; display:block;
            font:1.50em Arial, Helvetica, sans-serif; color:#57bad2;
        }
    
        #navigation li:hover a, #navigation li.sfhover a {
            background:url(/media/img/nav-right.gif) no-repeat top right;
            color:#FFF;
        }
        
            #navigation li.current_page_item a:link,
            #navigation li.current_page_item a:visited,
            #navigation li.current_page_item a:active {
                background:url(/media/img/nav-right.gif) no-repeat top right;
                color:#FFF;
            }
    
            #navigation li span {
                margin:0; padding:8px 0 0 0;
                display:block;
            }
    
            #navigation li:hover span, #navigation li.sfhover span,
            #navigation li.current_page_item a:link span,
            #navigation li.current_page_item a:visited span,
            #navigation li.current_page_item a:active span {
                background:url(/media/img/nav-left.gif) no-repeat top left;
            }
                        
                #navigation li span span {
                    margin:0; padding:0 0 0 15px;
                    display:block;
                }
                    
                #navigation li:hover span span, #navigation li.sfhover span span,
                #navigation li.current_page_item a:link span span,
                #navigation li.current_page_item a:visited span span,
                #navigation li.current_page_item a:active span span {
                    background:url(/media/img/nav-bottom-left.gif) no-repeat bottom left;
                }
                                
                    #navigation li span span span {
                        margin:0; padding:0 15px 8px 0;
                        display:block;
                        white-space: nowrap;
                    }
                    
                    #navigation li:hover span span span, #navigation li.sfhover span span span,
                    #navigation li.current_page_item a:link span span span,
                    #navigation li.current_page_item a:visited span span span,
                    #navigation li.current_page_item a:active span span span  {
                        background:url(/media/img/nav-bottom-right.gif) no-repeat bottom right;
                    }
                        
        #navigation li ul {
            margin:0; padding:0;
            list-style:none;
            position:absolute;
            width:206px;
            left:-999em;
        }
            
            #navigation li ul li, #navigation li:hover ul li, #naviation li.sfhover ul li {
                margin:0; padding:0;
                float:none;
            }
            
                #navigation li ul li a {
                    margin:0; padding:0;
                    background:none;
                }
                
                #navigation li:hover ul li a, #navigation li.sfhover ul li a {
                    margin:0 2px; padding:8px 15px;
                    font:1.00em Arial, Helvetica, sans-serif; color:#d1f4fc;
                    border-right:0;
                    background:url(/media/img/nav-divider.gif) repeat-x bottom center;
                }
                
                    #navigation li:hover ul li a:hover {
                        color:#FFF;
                    }
                    
                    #navigation li:hover ul > li:first-child, #navigation li:hover ul > li:hover:first-child {
                        padding:10px 0 0 0;
                        background:url(/media/img/nav-corner.gif) no-repeat top right;
                    }
                
                    #navigation li:hover ul li:hover, #navigation li.sfhover ul li.sfhover {
                        margin:0; padding:0;
                        background:none;
                    }
                    
                    #navigation li ul li span,
                    #navigation li ul li span span, 
                    #navigation li:hover ul li:hover span, 
                    #navigation li:hover ul li:hover span span, 
                    #navigation li:hover ul li.sfhover span, 
                    #navigation li:hover ul li.sfhover span span,
                    #navigation li:hover ul li span,
                    #navigation li:hover ul li span span {
                        margin:0; padding:0;
                        background:none;
                    }
        
        #navigation li:hover ul, #navigation li.sfhover ul {
            margin:-4px 0 0 0; padding:0 0 15px 0;
            left:auto;
            background:url(/media/img/nav-back.png) no-repeat bottom center;
        }
        
        #navigation li.current_page_item li a  {
            background:url(/media/img/nav-divider.gif) repeat-x bottom center!important;
        }
        
        #navigation li.current_page_item li a span  {
            background-image: none!important;
        }
        
        #navigation li.current_page_item li a span span  {
            background: none;
        }
        
        #navigation li.current_page_item li a span span span  {
            background: none;
        }
        
/* 05 - SEARCH
/* ----------------------------------------------*/

#cse-search-box {
    margin:43px 0 0 0;
    float:right;
}

    #cse-search-input {
        margin:3px 10px 0 10px; padding:8px 5px 0 5px ;
        width:163px; height:27px; line-height: 17px;
        background:url(/media/img/searchbox.jpg) no-repeat top center;
        font:1em Arial, Helvetica, sans-serif; color: #949494;
        float:left; display:inline; position: relative; z-index: 1000;
        border:0;
    }   

#cse-search-results iframe {
    width:  100%;
}

/* 06 - CONTENT
/* ----------------------------------------------*/

#breadcrumbs  {
    margin: 7px 0 5px 0;
    padding: 2px 7px;
    display: inline-block;
    width: auto;
    font-size: 15px;
    background-color: #fff;
    border-bottom: 1px solid #aaa;
}

#content-repeat {
    margin:0; padding:0;
    width:auto; height:auto;
    background:#e5f1f7 url(/media/img/content-repeat.gif) repeat-x top center;
}

#content-left {
    margin:0 0 20px 0; padding:0;
    background:url(/media/img/content-corner.gif) no-repeat top left;
}

#content {
    margin:0; padding:15px 0 0 0;
}

#left-col {
    margin:0; padding:0;
    width:630px; height:auto;
    float:left;
}

#right-col {
    margin:0; padding:0;
    width:280px; height:auto;
    float:right;
}

    #right-col h4 {
        margin:0; padding:8px 15px;
        font:1.50em Arial, Helvetica, sans-serif;
        color:#7792ad;
        border: 1px solid #FFFFFF;
    }

#title {
    margin: 0 0 15px 0;
    font-size: 2em;
    color: #4f7faf;
} 

/* 07 - SIDEBAR
/* ----------------------------------------------*/

#sidebar {
    margin:0; padding:0;
    list-style:none;
}

    #sidebar li {
        margin:0 0 30px 0; padding:0;
    }
    
        #sidebar li ul {
            margin:0; padding:0;
            list-style:none;
            background:#edf5f9;
            border:1px solid #FFF; border-width:0 1px 1px 1px;
        }
    
        #sidebar li ul li {
            margin:0; padding:7px 10px;
            border-top:1px solid #e2eff5;
        }
        
            #sidebar li ul li ul, #sidebar li ul li ul li ul {
                margin:10px 0 0 0;
                background:none;
            }
    
    
            #sidebar li ul li a {
                color:#62939f;
                font:1.00em Arial, Helvetica, sans-serif;
            }
            
            #sidebar li ul li.current_menu a {
                font-weight: bold;
            }
            
            #sidebar li ul li.current_menu ul a {
                font-weight: normal;
            }
            
            #sidebar li ul li a:hover {
                color:#57bad2; text-decoration:none;
            }

/* 08 - Gallery
/* ----------------------------------------------*/

#gallery {
    margin:0; padding:30px 30px 52px 30px;
    background:#f6fafc url(/media/img/gallery-bottom.gif) repeat-x bottom center;
}

#gallery .posted-head {
    margin:-60px 0 0 0;
}
    
    #gallery .posted-head span {
        background-color: #FFFFFF;
        border-bottom: 1px solid #e3e6e8;
        color: #2da9c7;
        font-size: 25px;
        line-height: 70px;
        padding: 15px 25px;
    }
    
/* 09 - Photologue
/* ----------------------------------------------*/
.gallery-photo {
    float: left;
    width: 120px;
    height: 120px;
    margin: 6px 6px 6px 0;
}

.photo-gallery {
    clear: both;
}

.photo-siblings td {
    padding: 6px;
    text-align: center;
    vertical-align: middle;
}

.photo-siblings .prev, .photo-siblings .next {
    width: 120px;
    height: 120px;
}

#gallery-view-all, #photo-view-all {
    clear: both;
}

/* 10 - FOOTER
/* ----------------------------------------------*/

#copyright li {
    font:bold 1.00em Verdana, Arial, Helvetica, sans-serif; color:#8c9ba3;
}

    #copyright li a {
        font:normal 0.92em Verdana, Arial, Helvetica, sans-serif; color:#8c9ba3;
    }

#footer ul {
    margin:15px 0 50px 0; padding:0;
    list-style:none;
    float:left;
}

    #footer ul li {
        margin:0; padding:0;
        width:190px; height:auto;
        float:left;
    }
    
        #footer ul li ul {
            margin:10px 0 0 0; padding:0;
            list-style:none;
            float: none;
        }
        
            #footer ul li ul li  {
                margin:0; padding:0;
                width:auto; height:auto;
                line-height:16px; display:block;
                float:none;
            }
            
                #footer ul li ul li ul, #footer ul li ul li ul li ul, #footer ul li ul li ul li ul li ul {
                    margin: 0;
                }
        
#developer {
    margin:15px 0 0 0; padding:0;
    float:right;
}

#redsolution {
    width: 130px;
    height: 32px;
    display: block;
}