/* CSS Document */
body{
background-color: #FFFFFF;
margin: 0px;
padding: 0px;
background-image: url(../images/bg-tile.jpg);
background-repeat: repeat-y;
background-position: center;
font-family:  Arial, Lucida Sans, sans-serif;
font-size: 11px;
color: #676767;
}

 .wrapper{
 margin: auto;
 width: 900px;
 height: 778px;
 background-image: url(../images/wrapper-bg.jpg);
 background-repeat: repeat-x;
 background-position: top;
 }
  .contact-wrapper{
 margin: auto;
 width: 900px;
 height: 878px;
 background-image: url(../images/wrapper-bg.jpg);
 background-repeat: repeat-x;
 background-position: top;
 }
 
   .work-wrapper{
 margin: auto;
 width: 900px;
 height: 978px;
 background-image: url(../images/wrapper-bg.jpg);
 background-repeat: repeat-x;
 background-position: top;
 }


 /************ Top & Nav *********/
 
 .top{
 margin: 0px;
 padding: 0px;
 width: 900px;
 height: 130px;
 }


 .image{
  margin:0px;
 padding: 0px;
 float: left;
 width: 900px;
 margin-top: 39px;;
 height: 410px;
 }
 
 .nav{
 margin:0px;
 padding: 0px;
 background-color: #170D62;
 width: 900px;
 height: 26px;
 float: left;
 color: #5a5a5a;
 }

 .nav ul{
 float: left;
 background-color: #DDDDDD;
 margin: 0px;
 padding:0px;
 height: 24px;
 width: 900px;
 }



 
 .nav li{
 float: left;
 list-style: none;
 text-decoration: none;

 }
  .home{
 width: 89px;
 border-right: 1px #170D62 solid;
 }
 .profile{
 width: 160px;
 border-right: 1px #170D62 solid;
 }
  .kitchens{
 width: 200px;
 border-right: 1px #170D62 solid;
 }
   .work-surfaces{
 width: 150px;
 border-right: 1px #170D62 solid;
 }
  .bed{
 width: 190px;
 border-right: 1px #170D62 solid;
 }
  .contact{
 width: 106px;
 }
 
 
  .nav a{
  text-decoration: none;
  font-size: 11px;
  font-weight: normal;
  height:20px;
  float: left;
  text-align: center;
  display: block;
  color: #170D62;
  padding-top: 4px;
  width: 100%;
  }


  .nav a:hover{
  color: #FFF;
  background-color: #170D62;
  }
  
    .hit{
    color: #FFF;
    text-decoration: none;
    font-size: 11px;
    height:20px;
    float: left;
    text-align: center;
    display: block;
    background-color: #170D62;
    }
    .hit span{
    color: #FFF;
    font-weight: bold;
    }


  
 
 /************ left *********/
 
 .logo{
  margin: 0px;
  padding: 0px;
  width: 231px;
  margin-top: 30px;
  margin-left: 10px;
  float: left;
 }
 .contact-details{
 margin: 0px;
 padding: 0px;
 width: 416px;
 height: 70px;
 float: right;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 text-align: right;
  margin-top: 50px;
 }

 
/************ Content *********/ 

.content-area{
 margin: 0px;
 padding: 0px;
 float: left;
 padding-top: 20px;
 padding-left: 10px;
 width:485px;
 height: 330px;
 background-image: url(../images/content-side-line.jpg);
 background-repeat: no-repeat;
 background-position: right top;
}
.content-area p{
 margin: 0px;
 padding: 0px;
 margin-top:20px;
 width:465px;
 line-height: 1.5em;
 float: left;
}
  .content-area ul {
   margin: 0px;
   padding: 0px;
   margin-top: 2px;
   padding-left: 20px;
  float: left;
  list-style-image: url(../images/bullet-point.jpg);
  background-repeat: no-repeat;
  line-height: 14px;
   width:455px;
  }
  .content-area li{
  margin-top:4px;
  }
  .content-area a{
  color: #676767;
  text-decoration: none;
  }
  .content-area a:hover{
  color: #170D62;
  text-decoration: underline;
  }


h1{
margin: 0px;
color: #170D62;
font-size: 18px;
font-weight: lighter;
}
h2{
margin: 0px;
color: #676767;
font-size: 14px;
font-weight: lighter;
}


.main-image-area{
 margin: 0px;
 padding: 0px;
 float: left;
 margin-top:5px;
}

.middle-content{
 margin: 0px;
 padding: 0px;
 float: left;
 padding-top: 20px;
 padding-left: 10px;
 width:229px;
 height: 330px;
}

.middle-content p{
 width:210px;
}



/***** Photo ******/
.middle-content-photo{
 margin: 0px;
 padding: 0px;
 float: left;
 padding-top: 20px;
 padding-left: 10px;
 width:229px;
 height: 330px;
}

.middle-content-photo p{
 width:210px;
}

.photos-top{
 width:210px;
 height: 50px;
}
.photos-bottom{
 width:210px;
 height: 50px;
}

.photos-top a{
margin-top: 12px;
margin-left: 12px;
width: 52px;
height: 52px;
display: block;
float: left;
}
.photos-top a:hover{
margin-left: 12px;
border: 1px solid #170D62;
width: 50px;
height: 50px;
display: block;
float: left;

}




.photos-bottom a{
margin-top: 12px;
margin-left: 12px;
width: 52px;
height: 52px;
display: block;
float: left;
}
.photos-bottom a:hover{
margin-left: 12px;
border: 1px solid #170D62;
width: 50px;
height: 50px;
display: block;
float: left;
}



/**** Right Content ******/

.right-content{
width: 166px;
 margin: 0px;
 padding: 0px;
 float: left;
}
.right-content a{
text-decoration: none;
margin-left: 12px;
float: left;
font-size: 10.5px;
width: 60px;
font-weight: bolder;
color: #170D62;
}
.right-content a:hover{
text-decoration: underline;
}

.guarrantee{
text-align: center;
}



 /************ Footer *********/ 
.footer{
 margin: 0px auto;
 width: 908px;
 height: 40px;
 padding-bottom : 30px;
 text-align: center;
 font-size: 11px;
 color: #5a5a5a;
 float: none;
 }
 .footer p{
 text-align: center;
  float: none;
 }
 
 .footer a{
color: #5a5a5a;
text-decoration: none;
 }
 
  .footer a:hover{
color: #336699;
text-decoration: none;}

.pd-design-icon{
margin-top: 3px;
float: left;
}
 
 

 /************ Other *********/ 

img{
border: none;

}
span{
color: #170D62;
}