/*  
*   Basic Styles
*   Author    -> MayVas <info@mayvas.com>
*   File type -> CSS2
*   License   -> GPL

----------------------  
  Document Structure
----------------------
  #1 - Wrapper Block
  #2 - Header Block
  #3 - Custom Block
  #4 - Content Container Block
    #4.1 - Left
    #4.2 - Main
    #4.3 - Right       
  #5 - Footer Block
  #6 - Navigation (Main Menu Module)
*/

.mod_Banner
{
padding: 20px 0px 0px 0px;
}


#navigationBlock
{
background: url(../images/menuLeftBgr.jpg) no-repeat;
height: 31px;
color: #ffffff;
padding: 6px 0px 0px 10px;
}


#voteBlock, #partnersBlock
{
background: url(../images/menuLeftBgr.jpg) no-repeat;
height: 31px;
color: #ffffff;
margin: 30px 0px 0px 0px;
padding: 6px 0px 0px 10px;
}


#mainBlock
{
background: url(../images/mainPageBgr.jpg) no-repeat;
height: 31px;
color: #ffffff;
padding: 6px 0px 0px 10px;
}


#newsBlock, #contactsBlock
{
background: url(../images/menuRightBgr.jpg) no-repeat;
height: 31px;
color: #ffffff;
padding: 6px 0px 0px 10px;
}

#mainContactsBlock
{
background: url(../images/lineBgr.gif) repeat-x bottom;
padding: 15px 0px 15px 0px;
}

#lineBgr
{
background: url(../images/lineBgr.gif) repeat-x;
height: 1px;
margin: 10px 0px 10px 0px;
}

#logoBlock{
position:absolute;
left: 28px;
top: 6px;
float:left;
padding: 0px 30px 0px 0px;
}

#menuIco
{
text-align: right;
padding: 3px 0px 3px 0px;
width: 100%;
}

#menuIco a
{
padding: 0px 20px 0px 0px;
color: #ffffff;
}

#menuIco a:hover
{
color: #063e6d;
}

#slogan
{
text-align: center;
clear: right;
position:absolute;
left: 328px;
top: 55px;
}

#slogan h2
{
color: #ffffff;
font-size: 25px;
}

#slogan span
{
font-size: 30px;
}


#flashBlock
{
position: absolute;
left: 790px;
top: 35px;
}

/* -- <GiperLink Block -- */
.ce_hyperlink img
{
padding: 0px 10px 0px 0px;
vertical-align: middle;
}


.ce_hyperlink a
{
display: block;
padding: 0px 0px 10px 0px;
background: url(../images/lineBgr.gif) repeat-x #fbfbfb left bottom;
color: #5a5a5a;
text-decoration: none;
width: 100%;
margin: 0px;
height: 15px;
}





/* #1 -- <MainPhotoBlock Image Block -- */

#mainImage .image_container img
{
border: 1px #cfcfcf solid;
padding: 5px;
}
{

}



#mainPhoto
{

}

#mainPhoto .image_container img
{
border: 1px #cfcfcf solid;
padding: 5px;
float: left;
}

#mainPhoto .image_container
{
margin: 0px 10px 20px 0px;
}

/* #1 -- <Text Image Block -- */

#mainPhoto .image_container div.caption
{
display: block;
font-size: 12px;
}
/* #1 -- End Image Block -- */


/* #1 -- Wrapper Block -- */
#wrapper
{
background: #ffffff;
}

/* #2 -- Header Block -- */
#header
{
background: url(../images/header5.jpg) no-repeat;
margin: 0px 10px 0px 10px;
}
#header .inside{

}



/* #3 -- Custom Block -- */
.custom
{

}

.custom #customBlock
{
padding: 10px 0px 10px 20px;
}

.custom #customBlock .inside
{

}




/* #4 -- Content Container Block -- */
#container{
background: #ffffff;
}

/* #4.1 - Left - */
    #left{
    margin:0px 10px 0px 20px;
    }
    
    #left .inside
    {
    color: #6f706c;
    font-size: 12px;
    background: #ffffff;
    }
    
  
        /* Left content elements */
        
        
/* #4.2 - Main - */
    #main
    {
    margin: 0px 250px 0px 250px;
    background: url(../images/lineBgr.gif) repeat-x #fbfbfb;
    }
    
    #main .inside{
    padding: 0px 0px 0px 0px;
    }
    
    #main .inside .mod_article
    {
    padding: 5px;
    background: url(../images/lineBgr.gif) repeat-x #fbfbfb;
    }
    
    #main .inside .mod_article h1
    {
    padding: 5px 0px 0px 0px;
    }
        /* Main content elements */
        
    #main .inside .mod_breadcrumb
    {
    padding: 0px 0px 0px 0px;
    color: #ffffff;
    }  
         
            
/* 4.3 - Right - */
    #right{
    margin:0px 20px 0px 0px;
    }
    #right .inside{}
        /* Right content elements */    




/* #5 -- Footer Block -- */
#footer{
background: #8b99a6;
color: #ffffff;
font-size: 13px;
margin: 150px 0px 0px 0px;
}

#footer .inside #contactCopy
{
padding: 15px 0px 0px 20px;
float: left;
}

#footer .inside #webCopy
{
padding: 11px 20px 0px 0px;
float: right;
}

#footer .inside #webCopy a{
color: #ffffff;
}

#footer .inside #webCopy img{
position: relative;
top: 3px;
left: 5px;
}