/* CSS Document */

/* ---- General --- */

body{
  margin: 0px;
  height:100%;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  background: #ffffff;
}


#main{
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

#container{
  float: left;
  width: 100%;
  height: 100%;
  background: url(images/main_bg.jpg) repeat-y;
}

/* ---- Header ---- */

#header{
  float: left;
  width: 100%;
  height: 225px;
  text-align: right;
}

/* --- Left Column --- */

#left-column{
  float: left;
  width: 270px;
  height: 100%;
}

ul.menu {margin-left:30px; margin-top: 40px; margin-bottom: 30px; padding:0; list-style:none; text-align:left; }
ul.menu li {text-transform:none; padding-left: 25px; height: 30px; background:url(images/li_bg.png) top left no-repeat;}

a.menu:link, a.menu:active, a.menu:visited{
  font-size: 14px;
  font-family:Tahome, arial, verdana;
  color: #ffffff;
  font-weight: normal;
  text-decoration: none;
}

 a.menu:hover{
  font-size: 14px;
  font-family:Tahome, arial, verdana;
  color: #000000;
  font-weight: normal;
  text-decoration: none;
}

#tell_friend{
  float: left;
  width: 230px;
  padding-left: 15px;
  height: 85px;
  padding-top: 6px;
  margin-left: 10px;
  margin-top: 10px;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  background: url(images/tell_friend_bg.png)
}

#tell_friend input[type="text"]{
  border: 0;
  background: #e6e3d2;
  width: 160px;
  margin-right: 10px;
}
/* ---- Content ---- */

#content-wrapper{
  float: left;
  width: 730px;
  height: 100%;
}

#content{
  float: left;
  width: 700px;
  padding-left: 30px;
  height: 100%;
  padding-top: 30px;
  text-align: justify;
}

.title{
  font-size: 22px;
  font-weight: bold;
}

.box1{
  float: left;
  width: 338px;
  height: 174px;
  background: url(images/box1_bg.jpg);
  background-repeat: no-repeat;
}

.box2{
  float: right;
  width: 338px;
  height: 174px;
  background: url(images/box2_bg.jpg);
  background-repeat: no-repeat;
}

.box-title{
  color: #000000;
  font-size: 16px;
  font-weight: bold;
}

.box-content{
  float: right;
  width: 230px;
  padding: 5px;
  text-align: justify;
}

/* -- footer -- */

#footer{
  float: left;
  width: 100%;
  background: #000000;
  color: #5d5d5d;
  font-size: 12px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  margin-top: 10px;
}

a.footer:link, a.footer:visited, a.footer:active{
  color: #5d5d5d;
  font-size: 12px;
  text-decoration: none;
}

a.footer:hover{
  color: #5d5d5d;
  font-size: 12px;
  text-decoration: underline;
}