/** general **/
body{
  background        : #c9e0ed url('../image/body-tile.jpg') top left repeat-x;
  font-family       : "trebuchet ms";
  color             : #151515;
  font-size         : 10pt;
}
div{
  position          : relative;
}
/** structure **/
.center{
	width             : 965px;
	margin            : 0px auto;
}
p.center{
	width             : 600px;
}
.clear{
  clear             : left;	
}

#header{
  padding           : 30px 0px 0px 0px;
  height            : 106px;
  margin            : 0px 0px 0px -200px;
  background        : transparent url('../image/logo.jpg') bottom left no-repeat;
}

#wrap{
  width             : 765px;
  padding           : 0px 0px 0px 200px;
  overflow          : hidden;
  background        : transparent url('../image/faux.jpg') top right repeat-y;
}
#content{
  padding           : 15px;
  overflow          : hidden;
}
#content h1{
	margin            : 10px 0px 15px 0px;
	color             : #cd4fa8;
	text-align        : right;
	font-size         : 1.4em;
}
#content h2{
  margin            : 15px 0px 0px 0px;
  color             : #4695C3;
  text-align        : left;
  font-size         : 1.2em;
}
#content p{
	clear             : both;
	padding           : 15px 0px 0px 0px;
}
#content p img{
	float             : left;
	border-right      : 15px solid white;
}
#content ul{
	margin            : 15px 0px 0px 0px;
}
#content li{
	padding           : 0px 0px 0px 20px;
	margin            : 5px 0px 0px 0px;
	background        : white url('../image/bullit.jpg') top left no-repeat;
}
#left{
  width             : 200px;
  float             : left;
  margin            : 0px 0px 0px -200px;
  display           : inline;
}
  #left a{
    float             : left;
    display           : block;
    height            : 23px;
    line-height       : 23px;
    vertical-align    : middle;
    width             : 180px;
    background        : #4695c3;
    color             : black;
    text-decoration   : none;
    padding           : 0px 0px 0px 20px;
    margin            : 10px 0px 0px 0px;
    font-weight       : bold;
  }
#footer{
	clear             : both;
  height            : 30px;
  background        : #cd4fa8;
}
  #footer ul{
    text-align      : right;
    padding         : 0px 30px 0px 0px;
  }
  #footer li{
    display         : inline;
    line-height     : 30px;
    vertical-align  : middle;
  }
  #footer a{
    color           : black;
    text-decoration : none;
    font-size       : 1.2em;
    padding         : 0px 0px 0px 10px;
  }
  
.product{
	overflow       : hidden;
	clear          : both;
}
#content .product img{
   width        : 200px;
   display      : block;
}
#content .product ul{
	 display      : block;
	 overflow     : hidden;
	 padding      : 0px 0px 0px 20px;
}
#content .product li{
   display      : block; 
}
#content .left h2{
  text-align    : left;
}
#content .left img{
  float         : left;
  border        : 15px solid white;
}
h2.advert{
  clear         : both;
}
#content ul.advert li{
  background    : none;
  width         : 24%;
  float         : left;
  overflow      : hidden;
  display       : block;
  padding       : 0px;
  
}
.advert li img{
  width         : 100%;
}
.trigger{
  display       : block;
  position      : relative;
  margin        : 10px auto;
  background    : #CD4FA8;
  color         : black;
  font-weight   : bold;
  width         : 85px;
  padding       : 3px 10px;
  text-decoration: none;
}
.container{
	overflow     : hidden;
	clear        : both;
}
.movie{
  display       : none;
  overflow      : hidden;
  clear         : both;
}