@import url(../css/reset.css);
html { height:100%; font-size:12px; background:#e00000 url(../images/bg.gif) 50% 0 repeat }
body { position:relative; color:#262622; background:url(../images/bg-top.png) repeat-x 50% 0; font:100.1% Tahoma, Arial, Helvetica, sans-serif;  min-height:100%; height:auto !important; height:100%; }

h2 { font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:1.2em 0 1em; position:relative; top:-.15em }
p { margin:1.2em 0}

a { color:#fe0000; text-decoration:underline }
a:hover { color:#fe0000; text-decoration:none }

#top a, #footer a { color:#fff; text-decoration:underline }
#top a:hover, #footer a:hover { color:#fff; text-decoration:none }

#top { position:absolute; padding-top:45px; z-index:20; height:60px; overflow:hidden; width:100% }
#nav-icons { float:right; padding:0; padding-right:58px; margin:0 }
#nav-icons li { float:left; list-style:none; padding-left:40px }

#page { overflow:hidden; width:907px; margin:0 auto; position:relative; padding-bottom:90px }

#box { overflow:hidden; padding:0 25px; position:relative }
#main { position:relative; width:857px; background:#fff; margin-top:105px }

#header-image { position:relative; z-index:2; width:100%; left:0; margin-bottom:-231px; top:-105px; height:231px }
#header-image img { display:block; margin:0 auto}

#main .container { overflow:hidden; position:relative; z-index:5; padding:32px 34px 0 34px }

#header { overflow:hidden }

#logo { margin:0; padding-top:12px; padding-left:17px; width:176px; float:left }

#header .banner { width:404px; height:149px; overflow:hidden; float:left }

#header .phone { overflow:hidden; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#959595 }
#header .phone .box { float:right; width:175px; margin-top:34px; right:-8px; position:relative; }
#header .phone .phonenumb { color:#fe0000; font-size:28px; padding-left:36px; position:relative; display:block }
#header .phone .code { position:absolute; font-size:14px; color:#000; line-height:34px; left:0 }

#nav { background:url(../images/menu-shadow.png) no-repeat 0 100%; width:791px; padding-left:18px; padding-right:18px; margin-left:-18px; padding-bottom:31px; margin-bottom:-21px; margin-top:31px; position:relative; z-index:10 }
#nav table {border:0;height:44px; width:791px; margin:0; background:#e72626 }
#nav td {border:0;padding:0;height:44px; background:url(../images/menu-sep.png) no-repeat 0 0; padding-left:2px; width:10% }
#nav td a { display:block; background:url(../images/menu.png) repeat-x 0 0; height:33px;  padding-top:11px; text-align:center; text-decoration:none; font-size:16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }
#nav td .link { position:relative; white-space:nowrap }
#nav td a span { position:relative; left:0; z-index:2; color:#fff; text-align:center; display:block; height:20px; overflow:hidden }
#nav td a span.sh { position:relative; top:-19px; z-index:1; color:#c90000; text-align:center; display:block; height:20px;overflow:hidden  }
#nav td .corner-left { display:block; float:left; height:44px; width:21px; background:url(../images/menu.png) no-repeat 0 -88px; left:-2px; position:relative; margin-right:-2px; margin-top:-11px }
#nav td .corner-right { display:block; float:right; height:44px; width:21px; background:url(../images/menu.png) no-repeat 100% -88px; position:relative; margin-top:-11px }

#nav td a:hover, #nav td .menu:hover a, #nav td .menuover a { background-position:0 -44px; background-color:#f36060 }
#nav td a:hover .corner-left, #nav td .menu:hover a .corner-left, #nav td .menuover a .corner-left { background-position:0 100% }
#nav td a:hover .corner-right, #nav td .menu:hover a .corner-right, #nav td .menuover a .corner-right { background-position:100% 100% }
#nav td a:hover span.sh, #nav td .menu:hover a span.sh, #nav td .menuover a span.sh { color:#e30000 }

#nav .menu:hover a:hover span, #nav .menuover a:hover span { text-decoration:underline }
#nav .menu, #nav .menuover { position:relative }
#nav .menu div { display:none }
#nav .menu:hover div, #nav .menuover div  { display:block; position:absolute; z-index:1 }
#nav .menu-st, #nav .menu-stover { height:32px; width:90%; left:5%; top:8px }
#nav .menu-st i, #nav .menu-stover i { background:url(../images/menu-top.gif) no-repeat 0 0; display:block; height:32px; margin-right:10px }
#nav .menu-st i b, #nav .menu-stover i b { background:url(../images/menu-top.gif) no-repeat 100% 0; display:block; height:32px; position:relative; right:-10px }
#nav .box, #nav .boxover { background:url(../images/menu-corners.png) no-repeat 100% -13px; left:5%; top:8px; margin-top:24px; min-width:110% }
#nav .box .cb, #nav .boxover .cb, #nav .box .cbover, #nav .boxover .cbover { display:block; height:13px; margin-bottom:-12px; left:0; position:absolute; width:100% }
#nav .box .cb b, #nav .boxover .cb b, #nav .box .cbover b, #nav .boxover .cbover b { background:url(../images/menu-corners.png) no-repeat 0 0; display:block; margin-right:13px; height:13px; }
#nav .box .cb i, #nav .boxover .cb i, #nav .box .cbover i, #nav .boxover .cbover i { background:url(../images/menu-corners.png) no-repeat 100% 0; display:block; position:relative; right:-13px; height:13px; overflow:hidden }
#nav ul { overflow:visible; margin:.8em 1em -.3em; list-style:none; color:#fed6d6; font-size:12px; padding:0 0 0; position:relative; z-index:10 }
#nav ul li { margin:.4em 0; border-top:1px solid #fe5a5a; padding-top:.4em; }
#nav ul a { display:inline; background:none !important; padding:0; margin:0; color:#fff; font-size:12px; line-height:normal; position:static; font-family:Tahoma, Arial, Helvetica, sans-serif }
#nav ul a:hover { text-decoration:underline }

#content { overflow:hidden; }
#content .box { margin-top:30px }
#content p, #content li, #content td, #content dd, #content dt, #content blockquote { line-height:1.4 }

#side { float:left; padding-right:32px; width:162px; }
#side .box { margin-top:30px;  }

#footer { position:absolute; bottom:0; left:0; z-index:10; height:90px; width:100%; color:#fff; font-family:Georgia, "Times New Roman", Times, serif }
#footer .box { width:790px; margin:0 auto }

#footer .menu { display:inline-block; text-align:center; padding:0; list-style:none; overflow:hidden; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px }
#footer .menu li { display:inline-block; margin-left:-8px; padding-right:18px; padding-left:22px; background:url(../images/footer-menu-sep.gif) no-repeat 0 65%;  }
#footer .footer-nav  { text-align:center }

#footer .design { float:right }
#footer .copyright { float:left }

ul.balloons { padding:0; margin:0 0 1em 0; list-style:none; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; margin-top:-3px; }
ul.balloons li { background:url(../images/li1.gif) 0 0 no-repeat; padding-top:3px; padding-left:23px; min-height:26px; height:auto !important; height:26px; margin-bottom:1em}
ul.balloons li.v2 { background-image:url(../images/li2.gif) }
ul.balloons li.v3 { background-image:url(../images/li3.gif) }
ul.balloons li.v4 { background-image:url(../images/li4.gif) }
ul.balloons li.v5 { background-image:url(../images/li5.gif) }
ul.balloons li.v6 { background-image:url(../images/li6.gif) }
ul.balloons li.v7 { background-image:url(../images/li7.gif) }

ul.gallery { list-style:none; padding:0; margin:1em -36px 1em 0 }
ul.gallery li { display:inline-block; padding-right:18px; margin-bottom:16px; width:132px; vertical-align:top }
ul.gallery li div { display:block }
ul.gallery img { margin-bottom:6px; display:block }

ul.pages { text-align:center; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; color:#858585; margin-bottom:0 }
ul.pages li { display:inline; padding:0 1px }
ul.pages .prev a { padding-left:12px; background:url(../images/arl.gif) no-repeat 0 60% }
ul.pages .next a { padding-right:12px; background:url(../images/arr.gif) no-repeat 100% 60% }

img.border { border:1px solid #e9e9e9; -moz-border-radius:2px; -webkit-border-radius:2px; padding:4px }
a:hover img.border { border-color:#fe0000 }
img.left { float:left; margin-right:1.3em; margin-bottom:1.3em }
img.right { float:right }

.bg { position:absolute; width:100%; left:0; top:0; display:block }
.bg .st { position:absolute; width:100%; left:0; top:0; background:url(../images/main-corners.png) repeat-x; height:33px; margin-top:-33px }
.bg .sl { position:relative; background:url(../images/main-h-shadow.png) repeat-y 0 -4px; width:64px; display:block; float:left; left:-25px; top:-33px; height:99999px }
.bg .sr { position:relative; background:url(../images/main-h-shadow.png) repeat-y -65px -4px; width:64px; display:block; float:right; right:-25px; top:-33px; height:99999px }
.bg .sl i { position:relative; background:url(../images/main-corners.png) no-repeat 0 -33px; width:64px; display:block; height:668px }
.bg .sr i { position:relative; background:url(../images/main-corners.png) no-repeat 100% -33px; width:64px; display:block; height:668px }
i.sb { position:relative; left:0; background:url(../images/main-b-shadow.png); height:67px; width:907px; display:block }
