/*  
*   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{
   background: url(../images/fhouseBgr.jpg) no-repeat bottom right ;
   padding-bottom: 50px;
}

/* #2 -- Header Block -- */
#header{

}
#header .inside{

}



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

}
.leftBannerBlock{
  background: url(../images/rbBgr.jpg) no-repeat bottom right;
  height: 237px;
}

.leftBannerBlockSp{
  background: url(../images/blockLeftBgr2.jpg) no-repeat bottom right;
  height: 143px;
  margin-bottom: 25px;
}

#swf_4{
  padding-top: 20px;
  
}
.leftBannerBlock div.insideFlash{
    
}

.rightBannerBlock{
  background: url(../images/rshadow.jpg) repeat-x bottom left #0056B7;
  height: 226px;
  margin-bottom: 20px;
  text-align: right;
}
.rightBannerBlock div{ padding-right: 30px;}

#swf_5{
  background: url(../images/lbBgr.jpg) no-repeat top left;
  height: 210px;
}

#fullSizeBlock .image_container{text-align: center;}
/* #4 -- Content Container Block -- */
#container{

}

/* #4.1 - Left - */
    #left{}
    #left .inside{}
        /* Left content elements */
        #lBlocks{

        }
    #left .inside .mod_article{
      margin: 0px 30px 0px 30px;
    }
    .withBorder img{
      border: 4px solid #ffffff;
      width:330px;
    }
        
        
/* #4.2 - Main - */
    #main{
     
    }
    #main .inside{
      padding-left: 3px;
      _padding-left: 0px;
      
    }
    #main .inside .mod_article{
      margin-right: 10%;
      margin-left: 30px;
    }
    #main .inside .mod_article strong{
      font-size: 11px;
    }
    .shortCompDesc{
      width: 95%;
    }
        /* Main content elements */
     .quoteBlock{
        background: url(../images/quoteBgr.gif) no-repeat bottom left;
        height: 120px;
     }
     .quoteBlock p{
        margin: 0px;
        padding: 35px 10px 0px 10px;
        color:#ffffff;
        width:500px;

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




/* #5 -- Footer Block -- */
#footer{
  padding-top: 50px;
  font-size: 11px;
}
#footer .inside{
  margin-left: 30px;
}
#footer .inside table{

}
#footer .inside .left{
  width: 380px;
}
#footer .inside .right{
  text-align: center;
}



/* #6 -- Navigation (Main Menu Module) -- */
.mod_navigationMain {
  height: 70px;
  background: url(../images/blueLBgr.jpg) repeat-x top #ffffff;
}
.mod_navigationMain ul.level_1{
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  font-weight: bold;
  
}
.mod_navigationMain ul.level_1 li{
  padding: 0px;
  margin: 0px;
  text-transform: capitalize;
  float: left;
  width: 19%;
  text-align: center;

}
.mod_navigationMain ul.level_1 li a{
  display: block;
  text-decoration: none;
  color:#0056ba;
  padding: 25px 0px;
  _padding: 18px 0px;
  margin-right: 1px;
  border-right: 1px solid #ffffff;
}
.mod_navigationMain ul.level_1 li a span{
  font-size: 10px;
  display: block;
  font-weight: normal;
  color:#444444;
}
.mod_navigationMain ul.level_1 li a:hover{
  color:#ca0f0f;
   
}
.mod_navigationMain ul.level_1 li.active{
  
}
.mod_navigationMain ul.level_1 li.active p.active{
    padding: 3px 0px 13px 0px;
    margin: 25px 25px 0px 25px;
    background: url(../images/selected.jpg) no-repeat bottom center #0066c2;
    color:#ffffff;
    border-right: 1px solid #ffffff;
}

/* #7-- NAV Menu -- */

#navMenu {
  height: 45px;
  width: 400px;
  border-top: 5px solid #333333;  
  background: #fff;
}
#navMenu ul.level_1{
  padding: 0px 0px 0px 70px;
  margin: 0px;
  list-style-type: none;
  font-weight: bold;
}
#navMenu ul.level_1 li{
  padding: 0px;
  margin: 0px;
  text-transform: lowercase;
  float: left;
  text-align: center;
  font-size: 11px;
  
}
#navMenu ul.level_1 li.home{
  background: url(../images/homeIco.gif) no-repeat 10px 17px;
  width: 120px;
  border-right: 1px solid #ddd;
}
#navMenu ul.level_1 li.mail{
  width: 150px;
  background: url(../images/mailIco.gif) no-repeat 30px 17px;
}
#navMenu ul.level_1 li a{
  display: block;
  text-decoration: none;
  color:#0056ba;
  padding: 12px 0px;
  margin-right: 1px;
  border-right: 1px solid #ffffff;

}
#navMenu ul.level_1 li a:hover{
  color:#ca0f0f; 
}
#navMenu ul.level_1 li.active{
  
}
#navMenu ul.level_1 li.active p.active{
    padding: 0px;
    margin: 12px 25px 12px 25px;
    
    color:#444444;
    border-right: 1px solid #ffffff;
}

/* #8-- Breadcrumb navigation -- */
.mod_breadcrumb{
  border-top: 1px solid #00b8eb;
  padding: 5px 0px 5px 30px;
  margin-bottom: 20px;
  background: url(../images/rshadow.jpg) repeat-x bottom left #0056B7;
  color:#ffffff;
  height: 120px;
}
.mod_breadcrumb p{
  margin: 65px 0px 0px 0px;
}
.mod_breadcrumb a{
  color:#ffffff;
}
.mod_breadcrumb  .mod_flash{
  float: right;
  margin-right: 30px;
  display: inline;
}

/* #9-- Form module -- */
#feedBackForm{

}
#feedBackForm .formbody{
font-size: 11px;
}
#feedBackForm .formbody .col_0{
  
  width: 150px;
}
#feedBackForm .formbody .col_1 .text,
#feedBackForm .formbody .col_1 textarea,
#feedBackForm .formbody .col_1 select{
  width: 195px;
  border: 1px solid #cccccc;
  padding: 3px;
}
#feedBackForm .formbody .col_1 .submit_container{
  padding-top: 10px;
}
#feedBackForm .formbody .col_1 .submit_container input{
  background: #0056B7;
  border: 4px solid #ffffff;
  color: #fff;
  padding: 3px;
  cursor: pointer;
}

/* #10 -- Genplan -- */
#genplanImg{
  text-align: left;  
}
#genplanImg img{
  width: 650px;
  height: 521px;
}
#genplanImg .caption{
  padding: 15px 10px 10px 10px;
  text-align: left;
}
.genplanTbl table{
  border-collapse: collapse;
  font-size: 11px;
  margin: 2px;
  border: 1px solid #0075CC;
  
}
.genplanTbl table tr td,
.genplanTbl table tr th {
  border: 1px solid #0075CC;
}
div.caption{
  margin-bottom: 15px;
}
.captureLink{
  background: url(../images/search.gif) no-repeat left;
  display: block;
  padding: 3px 0px 3px 25px;
  float: left;
}
.download{
 background: url(../images/download.jpg) no-repeat left;
  
  padding: 3px 0px 3px 25px;
  margin-left: 20px;
  
}

.cschemeTbl{border: 1px solid #0075CC;border-collapse: collapse;font-size: 10px;margin: 2px;}
.cschemeTbl .colorTd{border: 1px solid #0075CC;color:#ffffff;width: 50px;text-align: center;}

/* #11-- Specification tables -- */
.specTbl{border-collapse: collapse;margin: 2px;}
.specTbl tr th.floorspaceTd{width: 70px;}
.specTbl tr td{border: 1px solid #0075CC;}
.specTbl tr td.numTd{width: 30px;}


/* #12-- House plan blocks -- */
.firstFlArticle{ height: 720px; }
.firstFlArticleSm{height: 600px;}
.housePlanImg{text-align: center;}
.cropedHouse img{width: 300px;height: 483px;}
.upozTbl{font-size: 11px;}
.upozTbl img{width: 40px;height:20px ;}

/* #13-- Requizits Block -- */
.requiDiv{
  float: right;
  width: 250px;
  font-size: 11px;
}
.requiDiv .firstTd{width: 130px;  font-weight: bold;}


.mod_navigationSub ul{
  list-style-type: none;
}
.mod_navigationSub ul{
  padding: 3px 0px;
}
.mod_navigationSub * span{
  display: none;
}

.houseDescTbl{border-collapse: collapse;border: 1px solid #0056ba;}
.houseDescTbl tr td{
  border: 1px solid #0056ba;
}