/* reset css*/
html,body,h1,h2,p,img,ul,li,table,td,caption {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline; list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
body {line-height: 1;font-size: 62.5%;}

html, body { height: 100%; background: #E4E9EB; text-align: center; }
#center { width: 980px; height: 720px; margin: 0 auto; background: url(../img/somm-bckg2011.jpg) no-repeat; text-align: left; clear: left; position: relative; }

h1 { position: absolute; left: 0; top: 0;}

#holder { width: 978px; height: 539px; position: absolute; top: 180px; left: 1px; }

#content, #content2, #menu a, #name, #home { font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; text-decoration: none; }

#content {  padding: 550px 0 0 0; line-height: 1.6; font-size: 15px; color: #000; font-family: serif; float: left; width: 100%;  }
#intro1 { width: 480px;float: left; margin: 5px 0 0 30px; }
#intro2 { width: 360px; float: right; text-align: center; margin: 0 30px 0 0; line-height: 1.3; }
#intro2 p { margin: 0 0 5px 0; }
#motto { font-style: italic; font-size: 22px; }
.bruha { background: url(../img/signature.gif) no-repeat top; padding: 40px 0 0 0; }

#menu { width: 560px; font-size: 115%; line-height: 120%; position: absolute; right: 0; top: 65px;}
#menu li { float: left; margin-right: 40px; }
#menu a { display: block; color: #788890; height: 60px;width: 100px;overflow: hidden; }
#menu a:hover { background-position: -163px center; color: #383F43; }
#menu span { display: block; padding: 25px 0 0 40px;  }
#m3 span { padding-top: 17px; }
#m1 a { background: url(../img/somm-m1.gif) no-repeat 0 center; }
#m2 a { background: url(../img/somm-m2.gif) no-repeat 0 center; }
#m3 a { background: url(../img/somm-m3.gif) no-repeat 0 center;}
#m4 a { background: url(../img/somm-m4.gif) no-repeat 0 center; height: 65px;}
#menu #m4 span { padding: 0; text-indent: -999px; }

#name, #home { position: absolute; top: 600px; font-size: 120%; line-height: 130%;  }
#name { left: 650px; width: 300px; color: #383F43}
#home { left: 40px;}

#distance { float: left; width:1px; height:50%; margin-top: -360px; }

#content2 { width: 978px; height: 361px; line-height: 180%; font-size: 140%; color: #fff; background: #F9ECC0 url(../img/somm-content.jpg) repeat-x; position: absolute; top: 180px; left: 1px;}
#content2 .block { width: 489px; float: left; margin: 1px 0; position: relative; }
#content2 h2 { background: #D4B86A url(../img/somm-h2.jpg) repeat-x; border-right: 1px solid #FAEFCB; padding: 0.2em 1em 0.2em 30px; font-weight: bold; }
#content2 ul { border-right: 1px solid #FAEFCB;}
#content2 li { border-bottom: 1px solid #E0CB95; border-right: 1px solid #E0CB95; border-left: 1px solid #E0CB95; color: #333; font-size: 80%; }
#content2 a { color: #333; text-decoration: none; font-weight: bold; display: block; _height: 1%; background: url(../img/somm-a.gif) no-repeat 15px 50%; padding: 0 0 0 30px; cursor: hand; cu\rsor: pointer; }
#content2 td { border-top: 1px solid #E0CB95; line-height: 160%;}
#content2 .even { background-color: #EFDDA0 !important;  }
#content2 .on a { background: url(../img/somm-a-on.gif) no-repeat 13px 50%; }

#cup { position: absolute; right: 0px; top: 5px; width: 148px; height: 348px; background: url(../img/somm-cup.png); }

#cup { behavior: url(css/iepngfix.htc); }


#productmenu {margin: 20px 0 20px 40px; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;}
#productmenu li {margin: 8px 0 0 0; list-style-type: square; color: #fff;}
#productmenu a {color: #fff; font-size: 12px; font-weight: bold; text-decoration: none;}
#productmenu a:hover {color: #C9CED2;}

#productdetail {margin: 37px 0 0 180px; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;}
#productdetail h2 {font-size: 18px; font-weight: bold; color: #252D30; margin: 0 0 2px 0; padding: 0px;}
#productdetail h3 {font-size: 14px; font-weight: bold; color: #252D30; margin: 0 0 10px 0; padding: 0px;}
#productdetail p {width: 460px; font-size: 12px; line-height: 17px; color: #868389;}
#productdetail img {position: absolute; top: 160px; left: 840px;}

.evaldetail {position: absolute; top: 560px; left: 160px; display: none; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;}
.evaldetail h2 {font-size: 18px; font-weight: bold; color: #252D30; margin: 0 0 2px 0; padding: 0px;}
.evaldetail p {width: 360px; font-size: 11px; line-height: 17px; color: #868389;}
.p-left {float: left;}
.p-right {margin-left: 20px; float: left;}

.jsOn #content2 .scroller li div { display: none; }
.jsOn #content2 .scroller .on div { display: block;}
.scroller table { width: 100%; }

.dipl { background: url(../img/somm-diplom.gif) no-repeat 10px 50%; }
.cup1 { background: url(../img/somm-cup1.gif) no-repeat 10px 50%; }
.cup2 { background: url(../img/somm-cup2.gif) no-repeat 10px 50%; }
.cup3 { background: url(../img/somm-cup3.gif) no-repeat 10px 50%; }
.medal1 { background: url(../img/somm-medal1.gif) no-repeat 10px 50%; }
.medal2 { background: url(../img/somm-medal2.gif) no-repeat 10px 50%; }
.medal3 { background: url(../img/somm-medal3.gif) no-repeat 10px 50%; }
.dipl, .cup1, .cup2, .cup3, .medal1, .medal2, .medal3 { padding: 0.3em 0 0.3em 35px; }
.place1, .place2, .place3 { padding: 0.3em 0 0.3em 35px; }

#text1, #text2 { position: relative; height: 328px; left: 30px; overflow: hidden; }
#scrollbar1, #scrollbar2 { position: absolute; left: 8px; top: 40px; visibility: hidden;}

.scroller { position: absolute;top: 0px; left: 0px; width:459px;}
.scrollbar-up, .scrollbar-down, .scrollbar-track, .scrollbar-handle { position: absolute; cursor: hand; cu\rsor: pointer; }
.scrollbar-down {top: 296px;}
.scrollbar-track { width: 16px; height: 280px; top: 16px; background: #FCF4DC; }
.scrollbar-handle { width: 16px; height: 16px; left: 0px; }