/* GENERAL STYLES */

html
{
overflow-y: scroll !important;
}

@media print {
    #site-header
    {
    display: none;
    }

    #site-footer
    {
    display: none;
    }

    #menu-top
    {
    display: none;
    }
    
    .w134
    {
    width: 0px;
    overflow: hidden;
    display: none;
    }
}

@media screen {
    #site-header
    {
    display: block;
    }

    #site-footer
    {
    display: block;
    }

    #menu-top
    {
    display: block;
    }
    
    .w134
    {
    width: 134px;
    }
}

#site-header
{
position: relative;
margin: 0px auto 0px;
width: 800px;
height: 150px;
background: #fff url(../art/sys/hbg.jpg) repeat-x;
border-style: solid;
border-color: #C0C0C0;
border-width: 0px;
}

#site-container
{
display: block;
position: relative;
margin: -40px auto 0px;
padding-top: 40px;
width: 800px;
min-height: 400px;
background: #fff;
border-style: solid;
border-color: #C0C0C0;
border-width: 0px;
}

#site-content
{
display: block;
margin: 0px 10px 0px 10px;
padding: 10px 0px 10px 0px;
}

#site-footer
{
position: relative;
margin: 0px auto 0px;
width: 800px;
height: 25px;
background: #d0d0d0;
line-height: 25px;
vertical-align: middle;
border-style: solid;
border-color: #C0C0C0;
border-width: 0px;
}

#site-footer,
#site-footer div
{
font-size: 11px;
}

/* HEADER STYLES */

#site-logo
{
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 150px;
height: 150px;
z-index: 10;
}

#site-tag-line
{
display: block;
position: absolute;
left: 170px;
top: 20px;
width: 100px;
height: 100px;
z-index: 20;
}

#site-phone
{
display: block;
position: absolute;
left: 170px;
top: 120px;
width: 150px;
height: 30px;
z-index: 20;
line-height: 25px;
font-family: arial,helvetica,sans-serif;
font-size: 16px;
font-weight: bold;
color: #f0f0f0;
}

#site-tag-line,
#site-tag-line a
{
line-height: 20px;
font-family: arial,helvetica,sans-serif;
font-size: 14px;
color: #C0C0C0;
text-decoration: none;
}

#site-tag-line a:hover
{
color: red;
text-decoration: none;
}

#site-stripe
{
display: block;
position: absolute;
top: 10px;
left: 0px;
width: 100%;
height: 150px;
background: transparent url(../art/sys/hbg-light.png) repeat-x;
}

#site-bottom-stripe
{
display: block;
position: absolute;
left: 0px;
width: 100%;
height: 25px;
background: #e8e8e8;
}

#menu-top
{
position: relative;
width: 820px;
height: 40px;
margin: 0px auto 0px;
background: transparent url(../art/sys/menu-top-bg.png) no-repeat;
z-index: 40;
text-align: left;
}

#menu-top ul
{
display: inline-block;
position: relative;
left: 106px;
list-style: none;
margin: 0px;
padding: 0px;
}

#menu-top ul li
{
float: left;
display: inline-block;
font-family: arial,helvetica,sans-serif;
font-size: 11px;
line-height: 30px;
vertical-align: middle;
text-align: center;
text-transform: uppercase;
font-weight: bold;
padding: 0px;
margin: 0px;
height: 30px;
background: transparent;
}

#menu-top ul li.cur
{
background: transparent url("../art/sys/menu-top-cur.png") repeat-x;
}

#menu-top ul li.sep
{
font-size: 1px;
padding: 0px;
width: 3px;
overflow: hidden;
background: transparent url("../art/sys/menu-top-sep.png") repeat-x;
}

#menu-top a
{
display: block;
color: #404040;
line-height: 30px;
height: 30px;
text-align: center;
vertical-align: middle;
background: transparent;
padding: 0px 20px 0px 20px;
margin: 0px;
}

#menu-top a:hover
{
display: block;
color: white;
text-decoration: none;
background: #f00 url("../art/sys/menu-top-sel.png") repeat-x;
padding: 0px 20px 0px 20px;
}

span.hdrimg
{
display: block;
position: absolute;
top: 0px;
width: 59px;
height: 150px;
}

#hdrimg-1
{
left: 320px;
background: transparent url(../art/sys/h1.jpg) left top no-repeat;
z-index: 21; 
}

#hdrimg-2
{
left: 380px;
background: transparent url(../art/sys/h2.jpg) left top no-repeat;
z-index: 22; 
}

#hdrimg-3
{
left: 440px;
background: transparent url(../art/sys/h3.jpg) left top no-repeat;
z-index: 23; 
}

#hdrimg-4
{
left: 500px;
background: transparent url(../art/sys/h4.jpg) left top no-repeat;
z-index: 24; 
}

#hdrimg-5
{
left: 560px;
background: transparent url(../art/sys/h5.jpg) left top no-repeat;
z-index: 25; 
}

#hdrimg-6
{
left: 620px;
background: transparent url(../art/sys/h6.jpg) left top no-repeat;
z-index: 26; 
}

#hdrimg-7
{
left: 680px;
background: transparent url(../art/sys/h7.jpg) left top no-repeat;
z-index: 27; 
}

div#site-lang
{
display: block;
position: absolute;
left: 725px;
top: 0px;
width: 50px;
height: 100px;
z-index: 30;
}

#site-lang ul
{
display: block;
width: auto;
margin-top: 25px;
margin-right: 10px;
list-style: none;
}

#site-lang ul li
{
font-size: 11px;
color: #404040;
line-height: 18px;
}

#site-lang ul li a
{
font-size: 11px;
text-decoration: none;
color: #C0C0C0;
}

#site-lang ul li a:hover
{
text-decoration: underline;
color: red;
}

/* FOOTER STYLES */

#site-copyright
{
display: block;
position: absolute;
margin: 0px 10px 0px 10px;
font-size: inherit;
}

#site-functional
{
display: block;
position: absolute;
right: 0px;
margin: 0px 10px 0px 10px;
font-size: inherit;
}

#site-footer a
{
color: #404040;
}

#site-footer a:hover
{
color: #f00;
}

#search-button
{
float: right;
display: inline-block;
max-width: 150px;
height: 30px;
font-size: 12px;
text-align: center;
background: transparent;
}

#search-button a
{
display: inline-block;
color: #404040;
font-weight: bold;
vertical-align: middle;
line-height: 30px;
height: 30px;
text-align: center;
padding: 0px 15px 0px 15px;
margin: 0px 0px 0px 0px;
background: silver url(../art/sys/menu-top-bg.png) -30px 0px no-repeat;
border: 1px solid silver;
}

#search-button a:hover
{
text-decoration: none;
color: white;
background: red url(../art/sys/menu-top-sel.png) 0px 0px repeat-x;
border: 1px solid maroon;
}

#search-button img
{
vertical-align: middle;
}

body
{
margin-bottom: 30px;
}

p
{
font-size: 12px;
margin-bottom: 5px;
}

span.phone
{
display: inline-block;
vertical-align: top;
width: 200px;
font-size: 12px;
}