/*  
*   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)

*/

body.contactPage #container #main
{
background: url(../images/contacts.gif) no-repeat 1000px 330px;
}

#lineBgr
{
background: url(../images/lineBgr2.gif) repeat-x;
margin: 15px 20px 15px 20px;
height: 1px;
clear: both;
}
/* #1 -- Wrapper Block -- */
#wrapper{

}

#mainPhoto
{
display: block;
float: left;
width: 30%;
text-align: center;
padding: 10px 10px 30px 10px;
}

#contPhot
{
display: block;
float: left;
width: 100%;
text-align: left;
padding: 10px 10px 30px 10px;
}

.inside #contPhot img
{
border:  5px solid #ebebeb;

}

#sloganBlock
{
position: absolute;
top: 127px;
left: 35px;
line-height: 22px;
}

#sloganBlock a
{
color: #656565;
text-decoration: none;
background: url(../images/arrow.png) no-repeat 0px 5px;
padding: 0px 0px 0px 12px;
}

#sloganBlock a:hover
{
color: #209ded;
text-decoration: underline;
} 

#sloganBlock h2
{
color: #209ded;
padding: 0px 0px 5px 0px;
}

#mainPhoto2 img
{
border:  10px solid #ebebeb;
margin: 0px 30px 0px 0px;
}

#mainPhoto3 img
{
border:  10px solid #ebebeb;
margin: 0px 0px 0px 30px;
}

/* #2 -- Header Block -- */
#header{
background:#222222 url(../images/header2.jpg) no-repeat right 70px;
}
#header #logoBlock
{
position: absolute;
top: 30px;
left: 33px;
}

#header #onLine
{
position: absolute;
top: 352px;
right: 10px;
z-index: 2;
}

#header #flashBlock
{
position: absolute;
top: -19px;
right: 24px;
z-index: 0;
}

#header .inside{

}

/* #3 -- Table site Block -- */

#tableSite table
{
border: none;
font: normal 14px/16px Arial, Helvetica, sans-serif;
}

#tableSite table tr td
{
padding: 10px;
margin: 5px;
background: #e8f2fa;
}

#tableSite tr.title td
{
background: #3f98d4;
}

#tableSite tr.title td h3
{
color: #ffffff;
}

#tableSite strong
{
font: bold 15px/16px Arial, Helvetica, sans-serif;
}

/* #3 -- Custom Block -- */
.custom
{
margin-top: 30px;
}

/* #4 -- Content Container Block -- */
#container
{}

/* #4.1 - Left - */
    #left{}
    #left .inside{}
        /* Left content elements */
        
        
/* #4.2 - Main - */
#main
{
height: 100%;
}

#main .inside
{
 padding: 0px 0px 0px 0px;
}


#main .inside .ce_text
{
  padding: 20px 30px 20px 20px;
}

#main .inside .ce_text h2,h3,h2
{
color:#628d24;
font-family:Georgia;
font-size:14pt;
font-weight:normal;
line-height:150%;
margin: 0px;
}

h1
{
padding: 20px 0 10px 20px;
color:#628d24;
font-family:Georgia;
font-size:16pt;
font-weight:normal;
margin: 0px;
}


#videoBlock
{
padding: 30px 20px 30px 30px;
}
        /* Main content elements */
        
            
/* 4.3 - Right - */
    #right{}
    #right .inside{}
        /* Right content elements */    




/* #5 -- Footer Block -- */
#footer{
/*background: #4e4063; */
background: #222222;
color: #ffffff;
border-top: 1px #ffffff solid;
}
#footer .inside a{
color: #ffffff;
}
#banner
{

display:block;
float:left;
}

#contactInfo div.contactInfo1
{
position:absolute;
display: block;
left:250px;
padding: 35px 0px 20px 20px;
}
#contactInfo div.contactInfo2
{

display: block;
float: right;
padding: 20px 20px 20px 0px;
}


/* #6 -- Navigation (Main Menu Module) -- */
.mod_navigation { 
  background: #333333 no-repeat;
  height: 33px;
  width: 100%;
  position: absolute;
  top: 357px;
  left: 0px;
  z-index: 1;
}
.mod_navigation ul.level_1{
  list-style-type: none;
  margin: 0px;
  padding: 0px 0px 0px 0px;
 
}
.mod_navigation ul.level_1 li{
  display: block;
  float: left;
}

.mod_navigation ul.level_1 li a{
color: #ffffff;
text-decoration: none;
font: normal 14px/14px Arial, Helvetica, sans-serif;
display: block;
padding: 9px 20px 12px 20px;
}
.mod_navigation ul.level_1 li a:hover{
  color: #ffffff;
  background: #656565;
  display: block;
  padding: 9px 20px 12px 20px;
}
.mod_navigation ul.level_1 li.active{
  color: #ffffff;
  text-decoration: none;
  font: normal 14px/14px Arial, Helvetica, sans-serif;
  background:#656565;
  display: block;
  padding: 9px 20px 12px 20px;
  margin: 0px 1px 0px 1px;
}

.mod_navigation ul.level_1 li.active p.active{
  
}