/*=== Setup ===*/
*{
        border: 0;
        margin: 0;
        padding: 0;
}
body{
        background: url(bgr.gif) #ffffff;
		background-repeat:repeat-x;
		background-position:top;
        color: #4f2c18;
        font: 11px Verdana,Arial,Geneva,Sans-Serif;
}
a{
        color: #176373;
        text-decoration: none;
}
a:hover{
        text-decoration: underline;
}
input,select,textarea{
        border: #999999 1px solid;
        font-size: 11px;
        padding: 2px;
}
select{
        padding: 0;
}
li{
        list-style: none;
}
/*=== Layout ===*/
#page{
   margin: 0 auto;
   width: 982px;
}
#header{
   margin: 0 auto;
   width: 1005px;
}
#page{
        background: url(bg_hor_line.jpg);
		background-repeat:repeat-x;
		background-position:top;
        padding: 0 12px;
        width: 982px;
}
/*=== Header ===*/
#top{
        background:#0594b2 url(top-bgr.jpg) left top repeat-x;
        height: 111px;
}
#header{
        height: 111px;
        background:url() repeat-x;
}

#headersub{
        margin: 0 0 15px;
}

#headersub h3{
        color: #4f2c18;
        font-size: 18px;
        font-weight: normal;
        padding: 15px 0px 0px;
}
/*- Logo -*/
#header h6{
        background: url(/images/site/logo.png) no-repeat;
        float: left;
        text-indent: -9999px;
}
#header h6 a{
        display: block;
        height: 79px;
        margin: 0 0 27px;
        width: 243px;
}
/*- Customer Support -*/
#cs{
        background: url(cs-bgr.gif);
		background-repeat:no-repeat;
        color: #d6e8e3;
        float: right;
        font-size: 13px;
        height: 43px;
        line-height: 38px;
        padding: 0 0 0 20px;
        width: 264px;
}
#cs a{
        color: #ffbc5b;
        padding: 0 0 0 33px;
}
#cs a.on{
        background: url(ico-on.gif) no-repeat left top;
}
#cs a.off{
        background: url(ico-off.gif) no-repeat left top;
}
/*=== Top Menu ===*/
#topmenu{
        clear: both;
        height: 35px;
}
#topmenu ul{
        float: left;
}
#topmenu li{
        float: left;
        font-size: 14px;
        height: 35px;
}
#topmenu li a{
        color: #fefefe;
        display: block;
        line-height: 35px;
        padding: 0 15px;
}
#topmenu li a:hover,#topmenu li.active a{
        background: url(topmenu-hover.gif);
		background-repeat:repeat-x;
		background-position:top;
        color: #4f2c18;
        text-decoration: none;
}
/*=== Navigation elements ===*/
/*- Nav1 -*/
#nav1{
        height: 63px;
        margin: 0 0 11px;
        overflow: hidden;
        padding: 25px 0 0;
}
#nav1 li{
        float: left;
        font-size: 11px;
		height:111px;
		margin: 0 4px 0 0;
        text-align: center;
        text-transform: uppercase;
}
#nav1 li a{
        background-repeat: no-repeat;
        color: #176373;
        display: block;
        height: 111px;
        padding: 45px 0 0;
        width: 134px;
}
#nav1 li a:hover{
        color: #CCCCCC;
        text-decoration: none;
}
#nav1 li#btn01{

}
#nav1 li#btn01 a:hover{
        background: url(btn01-.gif);
}
#nav1 li#btn02{
        background: url(btn02.gif);
}
#nav1 li#btn02 a:hover{
        background: url(btn02-.gif);
}
#nav1 li#btn03{
        background: url(btn03.gif);
}
#nav1 li#btn03 a:hover{
        background: url(btn03-.gif);
}
#nav1 li#btn04{
        background: url(btn04.gif);
}
#nav1 li#btn04 a:hover{
        background: url(btn04-.gif);
}
#nav1 li#btn05{
        background: url(btn05.gif);
}
#nav1 li#btn05 a:hover{
        background: url(btn05-.gif);
}
#nav1 li#btn06{
        background: url(btn06.gif);
        margin: 0;
}
#nav1 li#btn06 a:hover{
        background: url(btn06-.gif);
}
/*- Nav2 -*/
#nav2{
}
#nav2 li{
        font: normal 15px Arial, Helvetica, sans-serif;
        letter-spacing: -1px;
        margin: 0 0 4px 0;
		height:105px;
		text-transform: uppercase;
}
#nav2 li a{
        background-repeat: repeat;
        color: #CCCCCC;
        display: block;
        height: 105px;
        padding: 3px 0 0 20px;
}
#nav2 li a:hover{
        color: #999999;
        text-decoration: none;
}
#nav2 li#btn11{
        background: url(bt01.gif);
}
#nav2 li#btn11 a:hover{
        background: url(btn11-.gif);
}
#nav2 li#btn12{
        background: url(btn12.gif);
}
#nav2 li#btn12 a:hover{
        background: url(btn12-.gif);
}
#nav2 li#btn13{
        background: url(btn13.gif);
}
#nav2 li#btn13 a:hover{
        background: url(btn13-.gif);
}
#nav2 li#btn14{
        background: url(btn14.gif);
}
#nav2 li#btn14 a{
        height: 51px;
        padding: 18px 0 0 20px;
}
#nav2 li#btn14 a:hover{
        background: url(btn14-.gif);
}
/*- Nav3 -*/
#nav3{
        margin: 0 0 15px;
}
#nav3 ul{
        border-bottom: 1px solid #bbd6cd;
        clear: both;
        height: 47px;
        padding: 5px 0;
}
#nav3 li{
        background: url(vl-dot.gif);
		background-repeat:repeat-y;
		background-position:right;
        float: left;
        font-size: 12px;
}
#nav3 li.last{
        background: none;
}
#nav3 li a{
        display: block;
        height: 32px;
        margin: 0 5px 0 5px;
        padding: 15px 10px 0 45px;
        width: 138px;
}
#nav3 li a:hover{
        color: #000000;
        text-decoration: none;
}
#nav3 li#ico01 a{
        background: url(ico01.jpg) transparent no-repeat left center;
}
#nav3 li#ico02 a{
        background: url(ico02.jpg) no-repeat left center;
}
#nav3 li#ico03 a{
        background: url(ico03.jpg) no-repeat left center;
}
#nav3 li#ico04 a{
        background: url(ico04.jpg) no-repeat left center;
}
#nav3 li#ico05 a{
        background: url(ico05.jpg) no-repeat left center;
}
#nav3 li#ico06 a{
        background: url(ico06.jpg) no-repeat left center;
}
#nav3 li#ico07 a{
        background: url(ico07.jpg) no-repeat left center;
}
#nav3 li#ico08 a{
        background: url(ico08.jpg) no-repeat left center;
}
#nav3 li#ico09 a{
        background: url(ico09.jpg) no-repeat left center;
}
#nav3 li#ico10 a{
        background: url(ico10.jpg) no-repeat left center;
}
#nav3 li#ico11 a{
        background: url(ico11.jpg) no-repeat left center;
}
#nav3 li#ico12 a{
        background: url(ico12.jpg) no-repeat left center;
}
#nav3 li#ico13 a{
        background: url(ico09.jpg) no-repeat left center;
}
#nav3 li#ico14 a{
        background: url(ico14.jpg) no-repeat left center;
}
#nav3 li#ico15 a{
        background: url(ico15.jpg) no-repeat left center;
}
#nav3 li#ico16 a{
        background: url(ico16.jpg) no-repeat left center;
}
#nav3 li#ico17 a{
        background: url(ico17.jpg) no-repeat left center;
}
/*=== Title ===*/
#title{
        margin: 0 0 15px;
}

#title p{
        color: #4f2c18;
        font-size: 11px;
        font-weight: normal;
        padding: 0px 0px 0px;
}

#title a{
        color: #176373;
        font-size: 11px;
        font-weight: normal;
        padding: 0px 0px 0px;
}
#title h1{
        color: #4f2c18;
        font-size: 14px;
        font-weight: normal;
        padding: 0px 0px 10px;
}

.col1{
        background: url(slide.jpg) no-repeat;
        float: left;
        height: 308px;
        width: 629px;
		padding-left:24px;
		padding-top:23px;
}

.col1sub{
        float: left;
        height: auto;
        width: 180px;
}
.col1 h2, .col1 ul{
        display: none;
}
.col1 img.btn{
        margin: 217px 0 0 379px;
        position: absolute;
}
.col2{
        float: right;
        width: 337px;
}

.col2sub{
        float: right;
        width: 640px;
}
/*=== Columns ===*/
#columns{
        margin: 0 0 50px;
}
#columns h2{
        color: #176373;
        font-size: 18px;
        font-weight: normal;
        padding: 0 0 10px;
}
#columns h1{
        color: #176373;
        font-weight: normal;
        padding: 0 0 10px;
}


#columns p{
        padding: 0 0 10px;
}
/*=== Footer ===*/
#footer{
        clear: right;
        height: 25px;
}
/*=== Misc. ===*/
.fix{
        clear: both;
        height: 1px;
        margin: 0 0 -1px;
        overflow: hidden;
}

