.header{
   width: 100%;
}
.colmask{
   width: 100%;  
}
.colleft{ right: 55%}

.col1 {
   width: 48%;
   left: 102%
}
.col2{
   width: 40%;
   left: 11.5%
}
.footer {
   width: 100%;   
}



.header{
   clear: both;
   float: left;
   position: relative;
   height:375px;
   background-image: url(../img/header_bg.jpg);
   width:100%;
   background-repeat:repeat-x;
}

.colmask{
   clear: both;
   float: left;
   overflow: hidden;
   position: relative;
   background-image: url(../img/bg_content_area.jpg);
    background-repeat:repeat-x;
}
.colleft{
   float: left;
   width: 100%;
   position: relative;
  
}
.col1{
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;  
   text-align:justify;
}


.col2{
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
  
}

.footer_sep {
   clear: both;
   float: left;
   position: relative;
   height:5px;
   width:100%;
   background-image: url(../img/footer_separater.jpg);
   margin-top:40px;
}


.footer{
   clear: both;
   float: left;
   position: relative;
   height:90px;
   width:100%;
   background-image: url(../img/bg_footer.jpg);
}



.bottom{
   clear: both;
   width: 100%;
   float: left;
   position: relative;
}