* {margin:0; padding:0; border:0}
html, body {width:100%; height:100%}
body {height:auto !important; height:100%; min-height:100%; min-width:800px; position:relative; background:#339 url(../images/bg.gif); color:#444; font:12px Verdana, Arial, Helvetica, sans-serif}

h1 {font:24px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#339; padding:4px 0 6px 0}
h2 {font:20px Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#339; padding:2px 0 4px 0; letter-spacing:1px}
h3, h4, h5, h6 {font:16px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#339; padding:2px 0 2px 0}

h3 img {position:relative; top:8px; left:-4px}

#content p {line-height:18px; padding:6px 8px 6px 14px}
#content p:first-letter {font:16px "Times New Roman", Times, serif}
#content p.cool {padding:6px 0px; color:#000}
#content ul, #content ol {padding:2px 12px 12px 32px}
#content li {padding:4px 0; line-height:16px}

#content ul li ul {list-style:none}

#content p.notes {padding:12px}

#content strong, #content b {font-weight:normal}
#content em {line-height:normal; font-family:"Times New Roman", Times, serif; letter-spacing:1px; font-size:14px}
#content .note {font-size:10px; color:#666}

a, a:link, a:visited, a:hover {text-decoration:none; color:#900; padding-bottom:1px}
#body a:hover {color:#000; border-bottom:1px solid #900; background:#ffc}

hr {border-bottom:1px solid #666; padding-top:22px}


#bg_shadow {height:170px; background:url(../images/bg_shadow.gif) repeat-x}
#bg_light {height:30px; margin-top:-170px; background:url(../images/bg_light.jpg) center no-repeat}

#body {width:810px; margin:0 auto; padding:0; overflow:hidden; text-align:center}

#header {width:810px; height:175px; background:#ccc url(../images/header_bg.gif) no-repeat; text-align:left}
#mini {float:right; width:100px; position:relative; top:5px; left:-10px}
#mini a {width:19px; height:19px; display:inline; float:right} 
#mini a:hover {border:0; background:none}
#mini #icon-home a {background:url(../images/icon_home.gif)}
#mini #icon-mail a {display:block; background:url(../images/icon_mail.gif)}
#mini #icon-map a {display:block; background:url(../images/icon_map.gif)}
#logo {position:relative; top:25px; left:27px; width:141px; height:100px; background:url(../images/logo.gif) no-repeat}
#logo a {position:relative; top:84px; font:13px Verdana, Arial, Helvetica, sans-serif; color:#336; font-weight:bold}
#logo a:hover {background:none; border:none; color:#900}
#phone {position:relative; height:28px; top:25px; left:13px; background:url(../images/phone_icon.gif) no-repeat; line-height:6px; padding-left:30px; color:#666; font-size:13px; font-weight:bold}
#phone strong { color:#336; }
#phone b {position:relative; top:4px; color:#336; font:16px Verdana, Arial, Helvetica, sans-serif; font-weight:bold}

#page {width:810px; background:url(../images/page_bg.gif) repeat-y}

#s-header  {position:relative; width:810px; height:70px; margin-top:-43px; background:url(../images/sheader_bg.gif) center no-repeat; z-index:3; text-align:left}

#menu {position:absolute; left:220px; top:-98px; width:530px; list-style:none}
#menu li {position:relative; float:left; white-space:nowrap; margin:0 5px; text-align:center}
#menu .icon1 {width:165px; height:124px; background:url(../images/menu_icon_01.jpg) no-repeat}
#menu .icon2 {width:165px; height:124px; background:url(../images/menu_icon_02.jpg) no-repeat}
#menu .icon3 {width:165px; height:124px; background:url(../images/menu_icon_03.jpg) no-repeat}
#menu a {position:relative; top:124px; font:12px Verdana, Arial, Helvetica, sans-serif; color:#036; font-weight:bold; letter-spacing:1px; text-transform:uppercase;}
#menu a:hover {color:#900; background:none; border:none}
#menu ul {min-width:150px; position:absolute; top:139px; left:0; list-style:none; background:url(../images/shadow.png) bottom right no-repeat; display:none; padding:0 5px 5px 0}
#menu ul li {background:#eee; display:block; float:none; padding:0; margin:0; text-align:left}
#menu ul li a {position:relative; top:0; left:-2px; font:11px Verdana, Arial, Helvetica, sans-serif; display:block; font-weight:normal; letter-spacing:0; text-transform:none; padding:4px; border-left:3px solid #999}
#menu li:hover {cursor:hand; background-position:-165px; border:0}
#menu li:hover a {color:#900}
#menu li:hover ul {display:block}
#menu li:hover ul a {color:#036}
#menu li:hover ul a:hover {color:#000; background:#ffc; border-left:3px solid #900;}
#menu li.over {cursor:hand; background-position:-165px}
#menu li.over a {color:#900}
#menu li.over ul {display:block}
#menu li.over ul a {color:#036}
#menu li.over ul a:hover {color:#000; background:#ffc; border-left:3px solid #900}

#s-menu {list-style:none; text-align:center; margin:0 5px; padding:2px 0 5px 0; background:#eee; border-bottom:1px solid #ddd}
#s-menu li {display:inline; font:10px Verdana, Arial, Helvetica, sans-serif; color:#999}
#s-menu li a {padding:0; margin:0 7px}
#content {position:relative; padding:10px 30px 65px 30px; z-index:2; text-align:left}
#footer {width:810px; height:73px; background:url(../images/footer_bg.gif) no-repeat; text-align:left}
#footer a {color:#666}
#footer a:hover {background:none; border:none}
#footer #copyright {position:relative; top:25px; color:#666; font-size:9px; text-align:center; line-height:15px}
#footer #order-button a {position:relative; top:-34px; left:27px; width:143px; height:30px; display:block; background:#ccc url(../images/order_button.gif) no-repeat; padding:0}
#footer #order-button a:hover {border:0; background-position:-143px}
#footer #img-place {position:relative; top:-134px; left:-5px; float:right; z-index:1;}
#footer #img-place .img0 {width:175px; height:130px; background:url(../images/footer_pic_0.jpg) no-repeat}
#footer #img-place .img1 {width:175px; height:130px; background:url(../images/footer_pic_1.jpg) no-repeat}
#footer #img-place .img2 {width:175px; height:130px; background:url(../images/footer_pic_2.jpg) no-repeat}
#footer #img-place .img3 {width:175px; height:130px; background:url(../images/footer_pic_3.jpg) no-repeat}

#footer-print {display:none}

#forms label {width:200px; float:left; clear:left; text-align:right; padding-top:4px}
#forms input, #forms textarea {float:left; margin:5px; clear:right}
input, textarea, select {font:12px "Courier New", Courier, monospace; border-top:1px solid #666; border-right:1px solid #999; border-bottom:1px solid #999; border-left:1px solid #666;}
input.button {font:9px Verdana, Arial, Helvetica, sans-serif; background:#eee; padding:0 10px; border:1px solid #999; text-transform:uppercase; cursor:hand}


.table1 {background:#eee; margin:10px; border-right:1px solid #999; border-bottom:1px solid #999}
.table1 th {font:11px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#fff; text-align:center; padding:3px 12px; background:#336; border-bottom:1px solid #999; border-left:1px solid #999}
.table1 td {font:11px Verdana, Arial, Helvetica, sans-serif; color:#333; padding:12px; text-align:center; border-left:1px solid #ccc; border-top:1px solid #ccc}
.table1 ul {text-align:left}

.notes {border-left:5px solid #ccc; background:#eee; padding:5px 22px; margin:8px}

#hits {display:block; height:250px; text-align:center; margin:0 auto; padding:0 auto;}
#hits h2 {font:14px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing:normal; color:#036; padding:0; margin:10px 10px 10px 40px; text-align:right;}
#hits .hit-body {font-size:10px; display:block; margin:20px auto 0 auto; width:190px; height:140px; vertical-align:middle; text-align:left; overflow:hidden}
#hits .hit-body strong {font-size:14px; font-weight:normal; color:#990000}

.hit1 {display:block; width:230px; height:230px; background:url(../images/hit1-bg.png); overflow:hidden; text-align:center; text-align:center; float:left; margin:7px}
.hit2 {display:block; width:230px; height:230px; background:url(../images/hit2-bg.png); overflow:hidden; text-align:center; text-align:center; float:left; margin:7px}
.hit3 {display:block; width:230px; height:230px; background:url(../images/hit3-bg.png); overflow:hidden; text-align:center; text-align:center; float:left; margin:7px}
.hit4 {display:block; width:720px; height:230px; background:url(../images/hit4-bg.jpg); overflow:hidden; text-align:center; text-align:center; margin:7px}
.hit5 {display:block; width:230px; height:230px; background:url(../images/hit5-bg.jpg); overflow:hidden; text-align:center; text-align:center; float:left; margin:7px}
.hit6 {display:block; width:230px; height:230px; background:url(../images/hit6-bg.jpg); overflow:hidden; text-align:center; text-align:center; float:left; margin:7px}

.sitemap {width:300px; padding:12px 32px}
.sitemap a {font-size:18px}
.sitemap ul {list-style:none}
.sitemap ul li a {font-size:12px}
.sitemap ul li ul li a {font-size:11px}

.small {font-size:11px; color:#666}

.hit {display:block; width:230px; height:150px; overflow:hidden; text-align:left; float:left; margin:7px}

#xap {width:170px; white-space:normal}