*{font-size:100%; margin:0; padding:0;}
html, body, #main { height: 100%;}
body {margin:0;padding:0;background:#000 url(../img/template/gradient2.jpg) repeat-x fixed;text-align: justify;color:#111;font-size:62.5%;font-family: Arial, Helvetica, sans-serif;}

h1 {font-size:1.6em; margin:5px 0;text-align:center;}
h2 {font-size:1.4em; margin-bottom:5px;}
h3 {font-size:1.2em; margin-bottom:4px;}
p {font-size:1.2em; line-height:1.4em; margin-bottom:px;}

img {border:none;}
img, a {outline:none;} 

a:link, a:visited {
	color:#333;
	text-decoration: none;
	font-weight:bold;
}
a:hover, a:active {
	color: #111;
	text-decoration:none;
	font-weight: normal;
}

/*****************************************************************HEADER ***************************************************************/

#wrapper{width:760px;margin:20px auto;padding:0; position:relative; min-height:600px;}
#side { position:relative;}
#logo { background:url(../img/template/logo.png) no-repeat;  height:105px; width:186px; position:fixed; margin:30px 0 0 50px;}
#bottle {background:url(../img/template/bottle350.png) no-repeat; height:350px; width:266px; position:fixed; margin:180px 0 0 20px;}

#scroll { position:absolute; right:0; top:0; width:400px; padding:0 20px;}
#top { height:40px;  background: url(../img/template/paper-top.png) no-repeat; padding-top:20px; text-align:center;}
#main { background: url(../img/template/paper-middle.png) repeat-y;}

#photos {position: relative; padding:20px 0 0 40px;}
#photos img {border: 1px solid white;margin: 0 5px 5px 0;}
#photos img:hover{border: 1px solid #7e2021;}

#bottom { height:88px;background: url(../img/template/paper-bottom.png) no-repeat; margin-left:-3px; padding:30px; font-size:.8em;}
#vn, #en {float:right; margin:-15px 5px 0; height:18px; width:26px;} 
#vn {background:url(../img/scroll/viet.gif) no-repeat;}
#en {background:url(../img/scroll/uk.gif) no-repeat;}

#copper, #herbs, #fruit, #crowd, #glass, #row, #mountain { height:130px; width:336px; margin:0 auto;}
#copper { background:url(../img/scroll/copper.jpg) no-repeat;}
#herbs { background:url(../img/scroll/herbs.jpg) no-repeat;}
#fruit { background:url(../img/scroll/fruit.jpg) no-repeat;}
#crowd { background:url(../img/scroll/crowd.jpg) no-repeat;}
#glass { background:url(../img/scroll/glass.jpg) no-repeat;}
#row	{ background:url(../img/scroll/row.jpg) no-repeat;}
#mountain { background:url(../img/scroll/mountain.jpg) no-repeat;}
#world { background:url(../img/scroll/world.png) no-repeat;}
#flavours { background:url(../img/scroll/flavours.png) no-repeat;}
#making { background:url(../img/scroll/making.png) no-repeat;}
#life { background:url(../img/scroll/life.png) no-repeat;}

ul{list-style-type:none;padding:0;margin-left:18px; height:50px;}	
ul li{float:left; margin:5px;}	
ul a, ul a:visited {display:block;font-size:1.1em;font-weight:bold;width:80px;padding:0px;}	
ul li a:hover {background: #CC6666;color:#fff;text-decoration:none;}
ul li a:active {background: #990000;color:#fff;text-decoration:none;}

/*****************************************************************CONTENT ***************************************************************/
li { list-style-type: none; }

.basic  {width: 350px; }
.basic div { margin-right:5px;}
.basic p {margin-bottom : 5px; border: none;text-decoration: none; margin: 0px; padding: 5px 10px;}
.basic a {cursor:pointer;display:block;padding:5px;padding-left:35px;text-decoration: none;font-weight: bold;font-size: 12px;color: black; background: url(../img/scroll/watermark.png) no-repeat;} 
.basic a:hover { color:#7e2021; background: #f3e3a6 url(../img/scroll/watermark.png) no-repeat;}
.basic a.selected {color:#7e2021;background: url(../img/scroll/watermark.png) no-repeat; cursor:text;}

.basic p a {cursor:pointer; display:inline; padding:0;text-decoration: none;font-weight: normal; font-size: 12px;color:#7e2021; background:none;} 
.basic p a:hover { color:#7e2021; background:none; text-decoration:underline;}
.basic p a.selected {color:#7e2021; cursor:text;background:none;}

/*****************************************************************CONTENT ***************************************************************/
#accordion {width: 350px; margin:0 auto;}

h3.toggler {cursor:pointer;display:block;padding:5px;padding-left:35px;text-decoration: none;font-weight: bold;font-size: 12px;color: black; background: url(../img/scroll/watermark.png) no-repeat;}
h3 a:hover {color:#7e2021; background: #f3e3a6 url(../img/scroll/watermark.png) no-repeat;}

div.element p, div.element h4 {margin-bottom :5px; border: none;text-decoration: none; padding: 5px 10px;}