* { margin: 0; padding: 0; }
html, body { height: 100%; }
body { text-align: center; background: url(pics/bgBody.gif) center 214px no-repeat #fff;}
/* holder */
#holder { position: relative; width: 994px; overflow: hidden; border: 0px solid red; margin: 0 auto; padding: 0; text-align: left; }
/* head */
#hhead { position: relative; width: 994px; height: 214px; background: url(pics/bgHHead.jpg);  }
#hhead h1.logo { position: absolute; display: block; top: 90px; left: 8px; padding: 0; margin: 0; width: 169px; height: 88px; }
#hhead h1.logo a { width: 169px; height: 88px; display: block; background: url(pics/logo.gif); }
#hhead h1.logo a span { display: none; }
/* body */
#hbody { position: relative; width: 994px; min-height: 214px; overflow: hidden; background: url(pics/bgHBody.jpg) top left no-repeat; }

/* tpl */
#hbody .tpl { position: relative; float: left; margin: 0; padding: 0 0 30px 0; width: 511px; color: #000; }
#hbody .tpl #content { min-height: 480px; padding: 0px 38px 0px 20px; background: url(pics/bgContentTpl.gif) top right no-repeat; }
#hbody .tpl #content h1 { font: 24px "Arial Narrow", Arial, Helvetica, sans-serif; color: #00755c; }
* html #hbody .tpl #content { height: 480px; }

/* menu - mainMenu */
#menu { position: relative; float: left; left: 0px; width: 265px; }
#menu ul.mainMenu { position: relative; float: left; width: 257px; margin-left: 8px; }
#menu ul.mainMenu li { position: relative; float: left; width: 257px; display: block; }
#menu ul.mainMenu li a,
#menu ul.mainMenu li a:link,
#menu ul.mainMenu li a:active,
#menu ul.mainMenu li a:visited { position: relative; float: left; padding-left: 18px; width: 239px; display: block; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 13px; text-decoration: none; text-transform: uppercase; line-height: 26px; color: #000000; }
#menu ul.mainMenu li a:hover,
#menu ul.mainMenu li a.active,
#menu ul.mainMenu li a.active:link,
#menu ul.mainMenu li a.active:visited,
#menu ul.mainMenu li a.active:hover,
#menu ul.mainMenu li a.active:active { position: relative; float: left; width: 239px; display: block; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 13px; text-decoration: none; text-transform: uppercase; line-height: 26px; color: #00755c; background: url(pics/bgMainMenuActive.gif) left 6px no-repeat; }
#menu ul.mainMenu li a span { margin-left: 22px; width: 136px;  display: block; cursor: pointer; border-bottom: 1px dotted #7c7c7c;}
#menu ul.mainMenu li.lastNode a span { border-bottom: 0px; }
* html #menu ul.mainMenu li a span { margin-left: 22px; width: 136px;  display: block; cursor: pointer; border-bottom: 0px; background: url(pics/bg_border.gif) bottom repeat-x; }

#menu ul.mainMenu li ul.active { position: relative; display: block; visibility: visible; float: right; width: 257px; }
#menu ul.mainMenu li ul.active li { position: relative; display: block; float: right; width: 257px; min-height: 19px; }
#menu ul.mainMenu li ul.active li a,
#menu ul.mainMenu li ul.active li a:link,
#menu ul.mainMenu li ul.active li a:active,
#menu ul.mainMenu li ul.active li a:visited { float: left; width: 257px; min-height: 19px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none; text-transform: none; line-height: 16px; color: #00755c; }
#menu ul.mainMenu li ul.active li a:hover,
#menu ul.mainMenu li ul.active li a.active,
#menu ul.mainMenu li ul.active li a.active:link,
#menu ul.mainMenu li ul.active li a.active:visited,
#menu ul.mainMenu li ul.active li a.active:hover,
#menu ul.mainMenu li ul.active li a.active:active { float: left; width: 239px; min-height: 19px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none; text-transform: none; line-height: 16px; color: #ffffff; background: #00755c; }
#menu ul.mainMenu li ul.active li a span { width: 113px; height: auto; display: block; border: none; }
* html #menu ul.mainMenu ul.active li span { background: none; }

/* menu - shopMenu */
#menu #shopMenu { position: relative; float: left; clear: left; width: 225px; margin: 30px 6px; padding: 0; list-style: none; }
#menu #shopMenu h1 { position: absolute; top: 55px; left: 17px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 19px; font-weight: normal; text-transform: uppercase; color: #00755c; z-index: 1; }
#menu #shopMenu h1 a,
#menu #shopMenu h1 a:visited { text-decoration: none; color: #00755c; }
#menu #shopMenu h1 a:hover { text-decoration: underline; }
#menu #shopMenu img { position: relative; float: left; clear: left; width: 215px; }
#menu #shopMenu ul.shopMenu { position: relative; float: left; width: 215px; height: auto; list-style: none; background: url(pics/bgShopMenu2.gif) repeat-y; }
#menu #shopMenu ul.shopMenu li { position: relative; float: left; padding: 0 12px; width: 184px; }
#menu #shopMenu ul.shopMenu li a,
#menu #shopMenu ul.shopMenu li a:link,
#menu #shopMenu ul.shopMenu li a:active,
#menu #shopMenu ul.shopMenu li a:visited { position: relative; float: left; display: block; padding-left: 3px; width: 184px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 15px; text-decoration: none; line-height: 33px; color: #000000; background: url(pics/bg_border.gif) top repeat-x; }
#menu #shopMenu ul.shopMenu li a:hover,
#menu #shopMenu ul.shopMenu li a.active,
#menu #shopMenu ul.shopMenu li a.active:link,
#menu #shopMenu ul.shopMenu li a.active:visited,
#menu #shopMenu ul.shopMenu li a.active:hover,
#menu #shopMenu ul.shopMenu li a.active:active { position: relative; float: left; display: block; padding-left: 3px; width: 184px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 15px; text-decoration: none; line-height: 33px; color: #00755c; background: url(pics/bg_border.gif) top repeat-x }
* html #menu #shopMenu ul.shopMenu li a:visited { position: relative; float: left; display: block; padding-left: 3px; width: 184px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 15px; text-decoration: none; line-height: 33px; color: #000000; border-top: 0px; background: url(pics/bg_border.gif) top repeat-x; }
* html #menu #shopMenu ul.shopMenu li a.active:visited,
* html #menu #shopMenu ul.shopMenu li a.active:active { position: relative; float: left; display: block; padding-left: 3px; width: 184px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 15px; text-decoration: none; line-height: 33px; color: #00755c; border-top: 0px dotted #7c7c7c; }

#menu #shopMenu ul.shopMenu li ul { position: relative; float: left; width: 155px; height: auto; list-style: none; display: none; visibility: hidden; }
#menu #shopMenu ul.shopMenu li ul li { position: relative; float: left; padding: 0 12px; width: 153px; }
#menu #shopMenu ul.shopMenu li ul li.lastNode { padding-bottom: 8px; }
#menu #shopMenu ul.shopMenu li ul li a,
#menu #shopMenu ul.shopMenu li ul li a:link,
#menu #shopMenu ul.shopMenu li ul li a:active,
#menu #shopMenu ul.shopMenu li ul li a:visited { position: relative; float: left; display: block; padding-left: 3px; width: 150px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 15px; text-decoration: none; line-height: 23px; color: #000000; border: none; }
#menu #shopMenu ul.shopMenu li ul li a:hover,
#menu #shopMenu ul.shopMenu li ul li a.active,
#menu #shopMenu ul.shopMenu li ul li a.active:link,
#menu #shopMenu ul.shopMenu li ul li a.active:visited,
#menu #shopMenu ul.shopMenu li ul li a.active:hover,
#menu #shopMenu ul.shopMenu li ul li a.active:active { position: relative; float: left; display: block; padding-left: 3px; width: 150px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 15px; text-decoration: none; line-height: 23px; color: #00755c; border: none; }
#menu #shopMenu ul.shopMenu li ul.active { visibility: visible; display: block; }
* html #menu #shopMenu ul.shopMenu li ul li a:visited { background: none; }
* html #menu #shopMenu ul.shopMenu li ul li a.active:active { background: none; }

#menu ul.mainMenu li a span { margin-left: 22px; width: 136px; display: block; cursor: pointer; border-bottom: 1px dotted #7c7c7c;}
* html #menu ul.mainMenu li a span { margin-left: 22px; width: 136px; display: block; cursor: pointer; border-bottom: 0px; background: url(pics/bg_border.gif) bottom repeat-x; }

#menu #shopMenu ul { display: none; }

/* NewsBox */
#newsBox { position: relative; float: right; margin-left: 18px; width: 170px; margin-right: 10px; }
#newsBox h1 { position: relative; float: left; width: 128px; height: 28px; padding: 14px 0px 4px 42px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 21px; font-weight: normal; color: #00755c; background: url(../../skins/default/pics/bgNewsBoxHeader.gif) left no-repeat; border-bottom: 1px dotted #7c7c7c; }
#newsBox ul { position: relative; float: left; width: 170px; list-style: none; }
#newsBox ul li { padding: 10px 0px 10px 0px; border-bottom: 1px dotted #7c7c7c; }
#newsBox ul li h2 { width: 170px; position: relative; float: left; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; }
#newsBox ul li h2 a { width: 170px; display: block; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #000000; text-decoration: none; }
#newsBox ul li h2 a:hover { width: 170px; display: block; display: block; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #000000; text-decoration: none; }
#newsBox ul li p { line-height: normal; }
#newsBox ul li p span { display: block; clear: left; margin-top: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #7c7c7c; }
#newsBox ul li p a,
#newsBox ul li p a:link,
#newsBox ul li p a:active,
#newsBox ul li p a:visited { position: relative; display: block; margin-top: 3px; padding-right: 6px; background: #e6ecf1; color: #636363; line-height: normal; text-align: right; text-decoration: underline; }
#newsBox ul li p a:hover { display: block; margin-top: 3px; padding-right: 6px; background: #e6ecf1; color: #636363; line-height: normal; text-align: right; text-decoration: none; }
#newsBox ul li.last { border-bottom: 0px; }
#newsBox ul li.last a,
#newsBox ul li.last a:visited { position: relative; float: right; width: 170px; display: block; padding-right: 6px; background: #e6ecf1; font-weight: normal; color: #636363; line-height: normal; text-align: right; text-decoration: underline; }
#newsBox ul li.last a:hover { position: relative; float: right; width: 170px; display: block; padding-right: 6px; background: #e6ecf1; font-weight: normal; color: #636363; line-height: normal; text-align: right; text-decoration:none; }
#newsBox ul li.archive { display: none; }

* html #newsBox ul li { border-bottom: 0px; background: url(pics/bg_border.gif) bottom repeat-x; }
* html #newsBox h1 {position: relative; float: left; width: 128px; height: 28px; padding: 14px 0px 4px 42px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 21px; font-weight: normal; color: #00755c; background: url(../../skins/default/pics/bgNewsBoxHeader2.gif) left no-repeat; border-bottom: 0px; }


/* footer */
#footer { position: relative; float: left; padding-top: 20px; width: 995px; height: 40px; }
#footer ul.footMenu { position: relative; float: left; display: inline; padding-left: 34px; margin-left: 220px; height: 20px; background: url(pics/bgFootMenu.gif) left no-repeat; }
#footer ul.footMenu li { position: relative; float: left; height: 20px; }
#footer ul.footMenu li a,
#footer ul.footMenu li a:link,
#footer ul.footMenu li a:active,
#footer ul.footMenu li a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; text-transform: none; line-height: 20px; color: #000000; padding-right: 5px; margin-right: 5px; border-right: 1px solid #000000; }
#footer ul.footMenu li a:hover,
#footer ul.footMenu li a.active,
#footer ul.footMenu li a.active:link,
#footer ul.footMenu li a.active:visited,
#footer ul.footMenu li a.active:hover,
#footer ul.footMenu li a.active:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: underline; text-transform: none; line-height: 20px; color: #000000; padding-right: 5px; margin-right: 5px; border-right: 1px solid #000000; }
#footer ul.footMenu li.lastNode a { border: none; }