/* CSS Document */

html, body {
  margin : 0px;
  padding : 0px;
  font-family : verdana, arial, "Times New Roman";
  font-size : 12px;
  color : #333333;
}

html body {
  background-image : url(../images/header.gif);
  background-repeat : repeat-x;
  background-position : top;
}

a {
  text-decoration : none;
}

img {
  margin : 0;
  padding : 0;
}

#container {
  width : 900px;
  margin : 0 auto;
}

#header {
  height : 135px;
  background-image : url(../images/header.gif);
  background-repeat : repeat-x;
  background-position : top;
}

  #logo {
    margin-top : 40px;
  }
  
  #menu {
    float : right;
    margin-right : 10px;
    margin-top : -100px;
  }
    
    #menu #menuItem {
      width : 100px;
      height : 37px;
      background-image : url(../images/menu1.jpg);
      display : block;
      float : left;
      margin-left : 5px;
    }
    
    #menu a {
      color : #FFFFFF;
      position : relative;
      top : 9px;
    }

#content {
  margin : 10px;
  margin-top : 30px;
}
  
  #homeBox1 {
    width : 420px;
    height : 250px;
    border : 1px solid #CCCCCC;
    float : left;
    display : block;
  }
  
  #homeBox2 {
    width : 345px;
    height : 310px;
    float : right;
    display : block;
  }
  
  #homeBox3 {
    width : 420px;
    border : 1px solid #CCCCCC;
    float : left;
    margin-top : 20px;
    margin-bottom : 10px;
  }
  
  #homeBox4 {
    width : 280px;
    float : right;
    margin-top : 20px;
    display : block;
  }
    
    #homeBox4 img {
      float : left;
      margin-bottom : 10px;
    }
    
  #mainImg {
    width : 230px;
    height : 308px; 
    border : 1px solid #CCCCCC;
    float : left;
    margin-right : 10px;
  }
  
    #mainImg img{
      margin-top : 30px;
      margin-left : 16px;
      width : 200px;
      height : 250px;
    }
  
  #thumbs {
    position : reletive;
    left : 20px;
    float : right;
  }
    
    #thumbs img {
      padding : 5px;
      border : 1px solid #CCCCCC;
    }