@charset "UTF-8";
/* CSS Document */

* {margin:0;padding:0;}


body {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #444444;
	background-color: #EBEBEB;
	width: 700px;
	margin-top: 20px;
	margin-bottom:20px;
	margin-right: auto;
	margin-left: auto;
}

#container-top, #container-middle, #container-bottom {
  border: 1px solid #dddddd;
	background-color: #FFFFFF;
	
}

#container-top {  

}

#container-middle {
  margin-top:20px;
}

#container-bottom {
  margin-top:20px;
}

#top {
  height:40px;
  width:698px;
}

  #top-logo {
    float:left;
    width:140px;
    height:40px;
  }
  
  #top-menu {
    float:right;
    width:558px;
    height:40px;
  }
  
  #top-menu ul{
    text-align: right;
    padding:14px 15px 0 25px;
  }
  
  #top-menu li {
    text-transform:uppercase;
    font-size:11px;
    display:inline;
    padding-left:15px;
  }
  
  #top-menu li a, a:link, a:active, a:visited {
    color: #666666;
    text-decoration:none;
  }
  
  #top-menu li a:hover {
    color: #4E83AE;
    text-decoration:none;
  }
  
#header {

}

  #header-picture {
    float:left;
    width:349px;
    height:149px;
  }
  
  #header-wording {
    float:right;
    width:349px;
    height:149px;
    background-color: #4E83AE;
  }
  
  #header-wording p {
    color: #FFFFFF;
    padding:0 25px 25px 25px
  }
  
  #header-wording h1 {
    color: #FFFFFF;
    font-size: 16px;
    padding:25px 25px 10px 25px;
  }
  
#content {
  clear:both;
  padding: 10px;
  
}

#content p {
  margin: 5px 5px 10px 5px;
}

#content h1 {
  text-transform: uppercase;
  font-size: 18px;
  margin: 5px 5px 10px 5px;
}

#content h2 {
  text-transform: uppercase;
  font-size: 16px;
  margin: 5px 5px 10px 5px;
}

#content ul {
  margin: 10px 10px 10px 30px;
}

#mini {
  width:698px;
  height: 250px;
}

  #mini-one {
    display:block;
    width:150px;
    height:200px;
    margin: 0 0 0 49px;
    background-color:#EBEBEB;
    float:left;
  }
  
  #mini-one img {border:1px solid #DDDDDD;margin:4px;}
  #mini-one p {background-color:#4E83AE;height:75px;color:#FFFFFF;padding:5px;font-size:9px;}

  
  #mini-two {
    display:block;
    width:150px;
    height:200px;
    margin: 0 0 0 75px;
    background-color:#EBEBEB;
    float:left;
  }
  
  #mini-two img {border:1px solid #DDDDDD;margin:4px;}
  #mini-two p {background-color:#4E83AE;height:75px;color:#FFFFFF;padding:5px;font-size:9px;}

  #mini-three {
    display:block;
    width:150px;
    height:200px;
    margin: 0 49px 0 75px;
    background-color:#EBEBEB;
    float:right;
  }
  
  #mini-three img {border:1px solid #DDDDDD;margin:4px;}
  #mini-three p {background-color:#4E83AE;height:75px;color:#FFFFFF;padding:5px;font-size:9px;}
  
#brands {
  width:698px;
  height:48px;
}

#footer {
  width:698px;
  height:48px;
  text-align:center;
}

#footer p {
  padding-top:7px;
}

#footer p a, a:link, a:active, a:visited {
  color: #666666;
  text-decoration:none;
}

#footer p a:hover {
  color: #4E83AE;
  text-decoration:none;
}