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

*/



/* #1 -- Wrapper Block -- */
#wrapper{
  
}

/* #2 -- Header Block -- */
#header
{
 background: url(../images/shapkaBgr.jpg) no-repeat 100px bottom;
}

#header .inside #logoBlock
{
   position: absolute;
   top: 80px;
   left: 35px;
}

#header .inside #topContact
{
  position: absolute;
  top: 15px;
  left: 30px;
  color: #633327;
  font: normal 18px/18px Verdana, serif;
}


#header .inside #menuIco
{
position: absolute;
right: 30px;
top: 20px;
}

#header .inside #menuIco a
{
padding: 0px 0px 0px 20px;
color: #f45619;
text-decoration: none;
}

#header .inside #menuIco a:hover
{
 color: #633327;
}


#header .inside #aboutBlock
{
background: url(../images/aboutBlock.png) no-repeat top left;
width: 426px;
height: 218px;
position: absolute;
top: 195px;
right: 30px;
color: #291411;
}

.inside #aboutBlock h1

{
position: absolute;
  top: 0px;
  left: 20px;
  color: #633327;
  font: normal 15px/18px Verdana, serif;

}

.inside #aboutBlock h2

{
position: absolute;
  top: 5px;
  left: 20px;
  width:90%;
  color: #633327;
  font: normal 11px/18px Verdana, serif;

}

.inside #aboutBlock h3

{
position: absolute;
  top: 135px;
  left: 20px;
  width:90%;
  color: #633327;
  font: normal 11px/18px Verdana, serif;

}

.inside #aboutBlock p
{
  position: absolute;
  top: 80px;
  left: 20px;
  width:90%;
  color: #633327;
  font: normal 11px/18px Verdana, serif;

}





#header .inside #aboutBlock #inside
{
 padding: 0px 30px 0px 30px;
}
/* #3 -- Custom Block -- */
#custom
{

}



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

/* #4.1 - Left - */
    #left{}
    #left .inside 
    {
     padding: 0px 30px 0px 50px;
    }
        /* Left content elements */
        
        
/* #4.2 - Main - */
    #main
    {
    left:50px;
    width:70%;
    }
    
    #main .inside
   {

   }
        /* Main content elements */
        
            
/* 4.3 - Right - */
    #right{}
    #right .inside{}
        /* Right content elements */    




/* #5 -- Footer Block -- */
#footer
{
 background: #291411;
 color: #513e37;
 padding: 50px 0px 0px 0px;
 clear: both;
}

#footer a
{
 color: #8f7e74;
 text-decoration: underline;
}

#footer a:hover
{
 color: #8f7e74;
 text-decoration: none;
}

#footer .inside
{
padding: 30px 0px 0px 0px;
}

#footer .inside .contactInfo1
{
  float: left;
  padding: 0px 0px 0px 40px;
  bottom:0px;
}

#footer .inside .contactInfo2
{
  float: right;
  padding: 0px 40px 0px 0px;
  bottom:0px;
}