html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
html {height: 100%;}
header, nav, section, article, aside, footer {display: block;}
body {font: 12px/18px Arial, Tahoma, Verdana, sans-serif;width: 100%;height: 100%;}
a {color: blue;outline: none;text-decoration: underline;}
a:hover {text-decoration: none;}
p {margin: 0 0 10px}
img {border: none;}
input {vertical-align: middle;}

#wrapper {margin:0 auto;width:100%;min-height:100%;height: auto !important;height:100%;position:relative;background:#FFFFFF;}
/*header*/
#header {height:250px;background:url(../img/tea-back.jpg) repeat left top;margin:0 auto;}
#header .logo {width:200px;height:206px;margin-left:50px;background:url(../img/dhramateas-logo.png) no-repeat left top;}
/* sidebar-left */
#sideLeft {float:left;width:200px;top:200px;position: fixed;}
.navbox {margin:50px auto 0 10px;}
ul.nav {list-style:none;width:100%;}
li {margin: 5px 0 0 0;}
ul.nav li a {color:#457d3c;text-decoration:none;font-size:20px;line-height:20px;font-weight:600;}
ul.nav li a:hover {border-bottom:3px solid #f8ff1e;}

ul.lang {list-style:none;width:70%;}
ul.lang li {margin:0 0 0 10px;float:left;display:inline-block;}
ul.lang li a img {width:30px;}
ul.lang li a img:hover {opacity:0.5;}
/* Section-Middle */
#middle {width:100%;height:1%;position:relative;}
#middle:after {content: '.';display: block;clear: both;visibility:hidden;height: 0;}
#container {margin:-12% auto 0 auto;width:960px;}

/* Content-right */
#content {width:650px;margin:0 auto 20px auto;padding-bottom:30px;}

/* movies */
#slider{border:6px solid white;width:650px;margin:0px auto 0px auto;}
#slider ul, #slider li{margin:0px;padding:0;list-style:none;}
#slider li a{width:650px;height:306px;overflow:hidden;}

#content ul#tea {float:left;width:100%;list-style:none;margin:0 auto 0 -35px;}
#content ul#tea li {width:120px;float:left;padding:5px;display:inline-block;text-align:center;}
#content ul#tea li a{color:#000;font-size:14px;font-weight:bold;text-decoration:none;}
#content ul#tea li a:hover{color:#000;}
#content ul#tea li a img{width:120px;border:none;padding:2px;}
#content p.index{float:left;width:100%;padding:10px 0 0 0;margin:0px auto 10px auto;text-align:center;color:#457d3c;font-size:14px;}

.mainContent{width:100%;margin:10px auto 10px auto;float:left;position:relative;padding-bottom:40px;}
.mainContent h1 {font-size:18px;font-weight:bold;margin:10px auto 10px auto;color:#457d3c;}
.mainContent h2 {font-size:16px;font-weight:bold;margin-top:10px;}
.mainContent h3 {font-size:14px;font-weight:bold;}
.mainContent h4 {font-size:16px;font-weight:bold;color:#457d3c;}
.mainContent ul#brew {float:left;width:100%;margin:0 auto 20px auto;}
.mainContent ul#brew li {float:left;padding:5px;display:inline;text-align:center;}
.mainContent ul#brew li a{color:#000;font-size:13px;font-weight:500;text-decoration:none;}
.mainContent ul#brew li a:hover{color:#457d3c;}


.italic{font-style:italic;}
p.cont{width:100%;padding:5px 15px 0 0;margin:0 auto 0 auto;text-align:justify;font-size:12px;}
p.contR{width:100%;padding:5px 15px 0 0;margin:0 auto 0 auto;text-align:justify;font-size:12px;color:red;}
/*footer*/

#footer {margin:0 auto 0 auto;bottom:0;width:100%;height:30px;display:block;position:fixed;font-size:10px;color:#CCCCCC;background:url(../img/tea-back.jpg) repeat center bottom;}
#footer-container{width:960px;margin:0 auto 0 auto;}
p.copyright {width:150px;float:left;margin-left:10px;margin-top:0;}
p.wz {float:right;margin-right:10px;margin-top:0;}
ul.footermenu {position:absolute;width:50%;list-style:none;margin:0 auto 0 30%;}
ul.footermenu li{font-weight:bold;display:inline;float:left;padding-right:10px;text-transform:lowercase;}
p.copyright a,p.wz a,.footermenu li a{text-decoration:none;color:#fff;}
p.copyright a:hover,p.wz a:hover,.footermenu li a:hover{text-decoration:none;color:#457d3c;}