div#container{
   margin: auto;
   width:  810px;
}

div#top{
   height: 75px;
}

div#topLeft{
   float: left;
   width: 50%;
}

div#topLeft img{
   border: 0;
}

div#topRight{
   float: left;
   width: 50%;
   padding-top: 55px;
}

div#topRight p{
   text-align: right;
   font-family: Helvetica, Verdana, Arial;
   font-size: 14px;
   color: #666666;
   margin: 0;
   padding: 0;
}

div#topRight a{
   text-align: right;
   margin-right: 4px;
   font-family: Helvetica, Verdana, Arial;
   font-size: 14px;
   color: #666666;
   text-decoration: none;
}

div#topRight a.red{
   color: #d11227;
   font-weight: bold;
}


div#topRight a:hover{
   text-decoration: underline;
}

/******* home *******/
div#home{
   width: 811px;
   height: 447px;
   background-image: url('../image/backgroundWork.jpg');
   margin: 0;
   padding: 0;
}

div#homeLeft{
   float: left;
   width: 510px;
   height: 340px;
   background-color: #ffffff;
   margin-left: 22px;
   margin-top: 15px;
}

#homeLeft h1{
   color: #D11227;
   font-family: Helvetica, Verdana, 'Book Antiqua', 'Futura Md BT', 'Microsoft Sans Serif', Arial;
   font-size:  0px;
   font-weight: bold;
   text-align: center;
}

#homeLeft p.annouce, #homeLeft label{
   font-size: 0px;
   font-family: 'Futura Md BT', Arial;
   text-align: center;
   color: #999999;
}

#homeLeft a{
   color: #D11227;
   font-size: 0px;
}

#homeLeft form{
   width: 60%;
   margin: auto;
   padding-left: 80px;
}

#homeLeft input{
   border: 1px solid black;
}

#homeLeft input[type="submit"]{
   margin-left: 62px;
}

div#homeRight{
   float: left;
   width: 95px;
   margin-top: 58px;
   margin-left: 40px;
}

div#homeRight p{
   font-family: Helvetica, Verdana,'Book Antiqua', serif, 'Futura Md BT', Arial;
   font-size: 12px; 
   margin: 0;
   padding: 0;
   line-height: 1.5;
}

div#homeRight a{
   text-decoration: none;
   color: #999999;
   font: 12px, 'Futura Md BT', Arial;
   font-weight: bold;
}

div#homeRight a:hover{
   color: #ffffff;
}

div#homeRight a.selected{
   text-decoration: none;
   color: #D11227;
   font: 12px, 'Futura Md BT', Arial;
   font-weight: bold;
}


div#homeTop{
   height: 5px;
}

div#homeTop h1{
   margin: 0;
   padding-left: 10px;
   padding-top: 4px;
   font-family: Helvetica, Verdana, 'Book Antiqua', 'Futura Md BT', 'Microsoft Sans Serif', Arial;
   font-size:  0px;
   color: #999999;
   
}


div#homeMiddle{
   height: 350px;
}

div#homeMiddleContent{
   height: 100%;
   width: 470px;
   margin: auto;
}


div#homeMiddle img{
   display: block;
   margin: auto;
   margin-top: 10px;
   float: left;
   border: 0;
}

div#homeMiddle img.center{
   display: block;
   margin: auto;
   float: none;
   border: 0;
}


div#mini{
   float: left;
   width: 100px;
   margin-top: 40px;
}

div#mini img{
   display: block;
   border: 0;
   margin: auto;
   margin-top: 5px;
   margin-left: 5px;
}
/*
div#homeBottom{
   height: 25px;
   width: 510px;
   background-color: #D11227;
   margin-top: 5px;
   float: left;
   position: relative;
   top: -20px;
}*/
/*
div#homeBottom form{
   position: relative;
   top: 18px;
}*/
/*
div#homeBottom input{
   border: none;
   color: #999999;
   font: 0px, 'Futura Md BT', Arial;
}

div#homeBottom p{
   text-align: left;
   padding: 0;
   margin-left: -20;
   color: #999999;
   font-size: 0px;
   font-family: 'Futura Md BT', Arial;
}

div.homeArrow{
   float: left;
   margin-left: 10px;
   margin-top: 5px;
   width: 15px;
   height: 15px;
   background-color: #D11227;
}

div.homeArrow img{
   border: 0;
}
*/

div#homeBottom{
   height: 25px;
   width: 510px;
   float: left;
   position: relative;
   margin-top: -15px;
   background-color: #D11227;
}

div#homeBottom form{
   position: relative;
   top: 18px;
}

div#homeBottom input{
   border: none;
   color: #999999;
   font: 0px, 'Futura Md BT', Arial;
}

div#homeBottom p{
   text-align: center;
   padding: 0;
   margin: 0;
   color: #999999;
   font-size: 0px;
   font-family: 'Futura Md BT', Arial;
}
div.homeArrow{
   float: left;
   margin-left: 10px;
   margin-top: 4px;
   width: 15px;
   height: 15px;
}

div.homeArrow img{
   border: 0;
}
/******* work *******/
div#work{
   width: 811px;
   height: 447px;
   background-image: url('../image/backgroundWork.jpg');
   margin: 0;
   padding: 0;
}

#workIntroduction{
   float: left;
   width: 587px;
   height: 360px;
   background-color: #ffffff;
   margin-left: 22px;
   margin-top: 15px;
}

#workIntroductionLeft{
   float: left;
   width: 155px;
   height: 260px;
   background-color: #ffffff;
   margin-left: 50px;
   margin-top: 25px;
}

#workIntroduction a{
   color: #000000;
   text-decoration: none;
   font: 12px, 'Futura Md BT', Arial;
}

div#workIntroduction a.selected{
   text-decoration: none;
   color: black;
   font: 12px, 'Futura Md BT', Arial;
}

#workIntroduction a:hover{
   color: grey;
   font-weight: bold;
   font-weight: lighrer;
   font-size: 11px;
}

#workIntroductionMiddle{
   float: left;
   width: 170px;
   height: 260px;
   background-color: #ffffff;
   margin-left: 0px;
   margin-top: 25px;
}

#workIntroductionRight{
   float: left;
   width: 155px;
   height: 260px;
   background-color: #ffffff;
   margin-right: 30px;
   margin-top: 25px;
}

#workIntroduction h1{
   font-family: Helvetica, Verdana, 'Book Antiqua', 'Futura Md BT', 'Microsoft Sans Serif', Arial;
   font-size:  20px; 
   color: white;
   background-color:#c5c5c5;
   margin-top: 0;
   text-align: right;
   line-height: 2;
}
#workIntroduction p{
   font-family: Helvetica, Verdana,'Book Antiqua', serif, 'Futura Md BT', Arial;
   font-size: 11.46px;
   line-height:0.4;  
   text-align: left;
   color: black;
   margin-left: 20px;
   margin-right: 0px;
   margin-top: 0px;
}

#workIntroduction li{
   list-style: none;
   color: black;
   font-size: 10px;
   font-family: Helvetica, Verdana, 'Futura Md BT', Arial;
   margin-top: 5px;
   line-height: 0.90;
}

div#workLeft{
   float: left;
   width: 590px;
   height: 340px;
   background-color: #ffffff;
   margin-left: 22px;
   margin-top: 15px;
}

#workLeft h1{
   color: #D11227;
   font-family: Helvetica, Verdana, 'Book Antiqua', 'Futura Md BT', 'Microsoft Sans Serif', Arial;
   font-size:  0px;
   font-weight: bold;
   text-align: center;
}

#workLeft p.annouce, #workLeft label{
   font-size: 0px;
   font-family: 'Futura Md BT', Arial;
   text-align: center;
   color: #999999;
}

#workLeft a{
   color: #D11227;
   font-size: 0px;
}

#workLeft form{
   width: 60%;
   margin: auto;
   padding-left: 80px;
}

#workLeft input{
   border: 1px solid black;
}

#workLeft input[type="submit"]{
   margin-left: 62px;
}

div#workRight{
   float: left;
   width: 105px;
   margin-top: 58px;
   margin-left: 20px;
}

div#workRight p{
   font-family: Helvetica, Verdana,'Book Antiqua', serif, 'Futura Md BT', Arial;
   font-size: 12px; 
   margin: 0;
   padding: 0;
   line-height: 1.5;
}

div#workRight a{
   text-decoration: none;
   color: #999999;
   font: 12px, 'Futura Md BT', Arial;
   font-weight: bold;
}

div#workRight a:hover{
   color: #ffffff;
}

div#workRight a.selected{
   text-decoration: none;
   color: #D11227;
   font: 12px, 'Futura Md BT', Arial;
   font-weight: bold;
}


div#workTop{
   height: 5px;
}

div#workTop h1{
   margin: 0;
   padding-left: 10px;
   padding-top: 4px;
   font-family: Helvetica, Verdana, 'Book Antiqua', 'Futura Md BT', 'Microsoft Sans Serif', Arial;
   font-size:  0px;
   color: #999999;
   
}


div#workMiddle{
   height: 350px;
}

div#workMiddleContent{
   height: 100%;
   width: 470px;
   margin: auto;
}


div#workMiddle img{
   display: block;
   margin: auto;
   margin-top: 10px;
   float: left;
   border: 0;
}

div#workMiddle img.center{
   display: block;
   margin: auto;
   float: none;
   border: 0;
}


div#mini{
   float: left;
   width: 100px;
   margin-top: 40px;
}

div#mini img{
   display: block;
   border: 0;
   margin: auto;
   margin-top: 5px;
   margin-left: 5px;
}

div#workBottom{
   height: 25px;
   width: 590px;
   float: left;
   position: relative;
   margin-top: -15px;
   background-color: #D11227;
}

div#workBottom form{
   position: relative;
   top: 18px;
}

div#workBottom input{
   border: none;
   color: #999999;
   font: 0px, 'Futura Md BT', Arial;
}

div#workBottom p{
   text-align: center;
   padding: 0;
   margin: 0;
   color: #999999;
   font-size: 0px;
   font-family: 'Futura Md BT', Arial;
}
div.workArrow{
   float: left;
   margin-left: 10px;
   margin-top: 4px;
   width: 15px;
   height: 15px;
}

div.workArrow img{
   border: 0;
}


/******* about *******/
#aboutTop{
   background-color: #c5c5c5;
   width: 200px;
   height: 60px;
   margin-top: 0px;
   margin-left: 370px;
}

#aboutTop h1{
   color: white;
   text-align: right;
   margin: 0;
   font-family: Helvetica, 'Book Antiqua', 'Futura Md BT', 'Microsoft Sans Serif', Arial;
   font-size:  26px;
   padding-top: 10px;
   padding-right: 8px;
}

#aboutLeft{
   background-color: #ffffff;
   width: 465px;
   height: 300px;
   float: left;
   margin-left: 40px;
   padding-right: 15px;
   padding-left: 50px;
}

#aboutLeft p{
   font-family: Helvetica, Verdana, 'Book Antiqua', serif, 'Futura Md BT', Arial;
   font-size: 11.48px;  
   text-align: left;
   color: black;
   margin-top: -3px;
   margin-right: 10px;
}


#aboutLeft h2{
   font-family: Helvetica, Verdana, 'Book Antiqua', serif, 'Futura Md BT', Arial;
   font-size: 14px;  
   text-align: left;
   color: #d11227;
   margin-top: 17px;
   margin-bottom: 4px;
   margin-right: 10px;
}

#aboutLeft li{
   list-style: none;
   color: black;
   font-size: 10px;
   font-family: Helvetica, Verdana, 'Futura Md BT', Arial;
   margin-top: 5px;
   line-height: 0.90;
}

#aboutLeft a{
   link-style: none;
   color: grey;
   font: 11px;
   font-family: Helvetica, Verdana, 'Futura Md BT', Arial;
   margin-top: 5px;
   margin-right: -5px;
}

#aboutLeft a{
   color: #000000;
   text-decoration: none;
   font: 12px, 'Futura Md BT', Arial;
}

div#aboutLeft a.selected{
   text-decoration: none;
   color: black;
   font: 12px, 'Futura Md BT', Arial;
}

#aboutLeft a:hover{
   color: grey;
   font-weight: bold;
   font-weight: lighrer;
   font-size: 11px;
}
#aboutLeft img{
   margin-top: -120px;
   margin-left: 250px;
}

#aboutRight{
   background-color: #d11227;
   width: 140px;
   height: 300px;
   float: left;
}

#aboutRight li{
   list-style: none;
   color: #ffffff;
   font-size: 12px;
   font-family: Helvetica, Verdana, 'Futura Md BT', Arial;
   margin-top: 5px;
}


#aboutRight li.selected{
   list-style: none;
   color: black;
   font-size: 12px;
   font-family: Helvetica, Verdana, 'Futura Md BT', Arial;
   margin-top: 5px;
}

#aboutRight ul{
   margin: 0;
   margin-top: 15px;
   margin-left: 15px;
   padding: 0;
}

#aboutRight a{
   color: #ffffff;
   text-decoration: none;
   font: 12px, 'Futura Md BT', Arial;
}

div#aboutRight a.selected{
   text-decoration: none;
   color: black;
   font: 12px, 'Futura Md BT', Arial;
}

#aboutRight a:hover{
   color: #000000;
}
/*********************/

/*********WBE*********/
#wbeTop{
   background-color: #c5c5c5;
   width: 200px;
   height: 60px;
   margin-top: 0px;
   margin-left: 355px;
}
#wbeTop h1{
   color: white;
   text-align: right;
   margin: 0;
   font-family: Helvetica, Verdana, 'Book Antiqua', 'Futura Md BT', 'Microsoft Sans Serif', Arial;
   font-size:  26px;
   padding-top: 10px;
   padding-right: 8px;
}

#wbeLeft{
   background-color: #ffffff;
   width: 450px;
   height: 300px;
   float: left;
   margin-left: 40px;
   padding-right: 15px;
   padding-left: 50px;
}

#wbeLeft p{
   font-family: Helvetica, Verdana, 'Book Antiqua', serif, 'Futura Md BT', Arial;
   font-size: 11.48px;  
   text-align: left;
   color: black;
   margin-top: -3px;
   margin-right: 10px;
}

#wbeLeft a{
   font-family: Helvetica, Verdana, 'Book Antiqua', serif, 'Futura Md BT', Arial;
   font-size: 11.48px;  
   text-align: left;
   color: grey;
   margin-top: 0px;
   margin-right: 10px;
}

#wbeRight{
   background-color: #d11227;
   width: 140px;
   height: 300px;
   float: left;
}

#wbeRight li{
   list-style: none;
   color: #ffffff;
   font-size: 12px;
   font-family: Helvetica, Verdana, 'Futura Md BT', Arial;
   margin-top: 5px;
}

#wbeRight ul{
   margin: 0;
   margin-top: 15px;
   margin-left: 15px;
   padding: 0;
}

#wbeRight a{
   color: #ffffff;
   text-decoration: none;
   font: 12px, 'Futura Md BT', Arial;
}

div#wbeRight a.selected{
   text-decoration: none;
   color: black;
   font: 12px, 'Futura Md BT', Arial;
}

#wbeRight a:hover{
   color: #ffffff;
}

/**********************/

/******* services *****/
#servicesTop{
   background-color: #c5c5c5;
   width: 200px;
   height: 60px;
   margin-top: 0px;
   margin-left: 370px;
}
#servicesTop h1{
   color: white;
   text-align: right;
   margin: 0;
   font-family: Helvetica, Verdana, 'Book Antiqua', 'Futura Md BT', 'Microsoft Sans Serif', Arial;
   font-size:  26px;
   padding-top: 10px;
   padding-right: 8px;
}

#servicesLeft{
   background-color: #ffffff;
   width: 465px;
   height: 300px;
   float: left;
   margin-left: 40px;
   padding-right: 15px;
   padding-left: 50px;
}
#servicesLeftLeft{
   background-color: #ffffff;
   width: 150px;
   height: 200px;
   float: left;
   margin-left: 0px;
   padding-right: 0px;
   padding-left: 0px;
}
#servicesLeftMiddle{
   background-color: #ffffff;
   width: 150px;
   height: 200px;
   float: left;
   margin-left: 15px;
   padding-right: 0px;
   padding-left: 0px;
}
#servicesLeftRight{
   background-color: #ffffff;
   width: 150px;
   height: 200px;
   float: right;
   margin-left: 0px;
   margin-right: -10px;
   padding-right: 0px;
   padding-left: 0px;
}
#servicesLeft p{
   font-family: Helvetica, Verdana, 'Book Antiqua', serif, 'Futura Md BT', Arial;
   font-size: 11.48px;  
   text-align: left;
   color: black;
   margin-top: -3px;
   margin-right: 10px;
}


#servicesLeft h2{
   font-family: Helvetica, Verdana, 'Book Antiqua', serif, 'Futura Md BT', Arial;
   font-size: 14px;  
   text-align: left;
   color: #d11227;
   margin-top: 17px;
   margin-bottom: 4px;
   margin-right: 10px;
}

#servicesLeft li{
   list-style: none;
   color: black;
   font-size: 10px;
   font-family: Helvetica, Verdana, 'Futura Md BT', Arial;
   margin-top: 5px;
   line-height: 0.90;
}

#servicesLeft a{
   link-style: none;
   color: grey;
   font: 11px;
   font-family: Helvetica, Verdana, 'Futura Md BT', Arial;
   margin-top: 5px;
   margin-right: -5px;
}
#servicesLeft img{
   margin-top: -120px;
   margin-left: 250px;
}

#servicesRight{
   background-color: #d11227;
   width: 140px;
   height: 300px;
   float: left;
}

#servicesRight li{
   list-style: none;
   color: #ffffff;
   font-size: 12px;
   font-family: Helvetica, Verdana, 'Futura Md BT', Arial;
   margin-top: 5px;
}

#servicesRight ul{
   margin: 0;
   margin-top: 15px;
   margin-left: 15px;
   padding: 0;
}

#servicesRight a{
   color: #ffffff;
   text-decoration: none;
   font: 12px, 'Futura Md BT', Arial;
}

div#servicesRight a.selected{
   text-decoration: none;
   color: black;
   font: 12px, 'Futura Md BT', Arial;
}

#servicesRight a:hover{
   color: #000000;
}
/*********************/

/******* clients *******/
#clientsTop{
   background-color: #d11227;
   width: 200px;
   height: 60px;
   margin-top: 0px;
   margin-left: 365px;
}
#clientsTop h1{
   color: #ffffff;
   text-align: right;
   margin: 0;
   padding-top: 10px;
   padding-right: 8px;
   font-family: Helvetica, 'Book Antiqua', 'Futura Md BT', 'Microsoft Sans Serif', Arial;
   font-size:  26px;
}

#clientsLeft{
   width: 200px;
   height: 300px;
   float: left;
   margin-left: 20px; 
   margin-top: 10px;
}

#clientsRight{
   width: 200px;
   height: 300px;
   float: right;
   margin-top: 40px;
}

#clientsLeft li {
   list-style: none;
   color: black;
   font-size: 11.48px;
   font-family: Helvetica, Verdana, 'Futura Md BT', Arial;
   line-height: 0.80;
}

#clientsLeft a {
   list-style: none;
   color: black;
   font-size: 11.48px;
   font-family: Helvetica, Verdana, 'Futura Md BT', Arial;
   line-height: 0.80;
}

#clientsRight li{
   list-style: none;
   color: black;
   font-size: 11.48px;
   font-family: Helvetica, Verdana, 'Futura Md BT', Arial;
   line-height: 0.80;
}

#clientsRight a{
   list-style: none;
   color: black;
   font-size: 11.48px;
   font-family: Helvetica, Verdana, 'Futura Md BT', Arial;
   line-height: 0.80;
}

/*#clientsLeft ul, #clientsRight ul{
   margin: 0;
   margin-left: 15px;
   padding: 0;
}*/
/*********************/

/****** Contact ********/
#contactTop{
   background-color: #d9d9d9;
   width: 200px;
   height: 60px;
   margin-top: 15px;
   margin-left: 475px;
}
#contactTop h1{
   color: white;
   text-align: right;
   margin: 0;
   padding-top: 13px;
   padding-right: 8px;
   font-family: Helvetica, 'Book Antiqua', 'Futura Md BT', 'Microsoft Sans Serif', Arial;
   font-size:  26px;
}
#contactLeft{
   background-color: #c5c5c5;
   float: left;
   width: 215px;
   height: 280px;
   margin-left: 70px;
}
#contactLeft p{
   color: #ffffff;
   font-family: Helvetica, Verdana, 'Book Antiqua', serif, 'Futura Md BT', Arial;
   font-size: 13px;  
   text-align: left;
   margin-left: 10px;
   margin-top: 0px;
}

#contactLeft object{
   margin-top: 23px;
}

#contactLeft a{
   link-style: none;
   color: grey;
   font-size: 13px;
   font-family: Helvetica, Verdana, 'Futura Md BT', Arial;
   margin-top: 0px;
   margin-right: 0px;
   margin-left: 10px;
}

#contactRight{
   float: left;
   width: 390px;
   height: 280px;
   background-color: #d11227;
}

#contactRight h1{
   color: #ffffff;
   text-align: right;
   font-family: Helvetica, Verdana, 'Book Antiqua', 'Futura Md BT', 'Microsoft Sans Serif', Arial;
   font-size:  16px;
   margin-right: 108px;
   margin-top: 15le franpx;
}

#contactRight label{
   display: block;
   float: left;
   width: 120px;
   text-align: right;
   padding-right: 10px;
   padding-top: 3px;
   font-family: Helvetica, Verdana,'Book Antiqua', serif, 'Futura Md BT', Arial;
   font-size: 13px;  
   color: #ffffff;
}

#contactRight input, textarea{
   border: 0px solid #000000;
   background-color: #d9d9d9;
   margin-top: 3px;
   width: 200px;
}

#contactRight input.numbers{
   width: 136px;
}

#contactRight input[type="submit"]{
   margin-left: 250px;
   margin-top: 15px;
   margin-bottom: 25px;
   width: 80px;
}

.error{
   color: #666666;
   font: 14px, 'Futura Md BT', Arial;
   text-align: center;
}

#contactRight p{
   color: white;
   font-size: 11.48px;
   font-family: Helvetica, Verdana, 'Futura Md BT', Arial;
   margin-left: 50px;
   margin-right: 15px;
}

#contactRight a{
   text-decoration: none;
   background-color: #d9d9d9;
   color: #d11227;
   font-size: 11.5px;
   font-family: Helvetica, Verdana, 'Futura Md BT', Arial;
   margin-top: 25px;;
   margin-left: 285px;
}
/*********************/

/***** various *******/
.spacer{
   clear: both;
}

p{
   font: 12px, Arial;
}

#index{
   width: 520px;
   height: 272px;
   margin-left: 70px;
   margin-top: 65px;
   background-color: #D11227;
   float: left;
}

#index ul{
   background-color: #d11227;
   list-style: none;
   margin: 0;
   padding: 0;
   padding-top: 150px;
   width: 100%;
}

#index li{
}

#index li a{
   display: block;
   margin-top: 10px;
   margin-left: 239px;
   text-align: right;
   background: #AF121E;
   color: white;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-right: 10px;
   text-decoration: none;
   font: 16px, Arial;
   font-weight: bold;
   width: 271px;
   height: 20px;
}

#index li a:hover{
   background-color: #8b0a14;
}

#index li a img{
   border: 0;
   height: 30px;
   display: block;
   float: left;
   margin-left: 105px;
   margin-top: -2px;
}

#logo{
   float: left;
   width: 80px;
   margin: 0;
   padding:0;
   margin-top: 275px;
   margin-left: 5px;
   visibility: hidden;
}

#logo img{
   margin:0;
   padding:0;
}