@charset "UTF-8";
/* CSS Document */

body {
margin: 0;
background-color: #d6d6d6;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

a {
color: #56919b;
}

span {
display: none;
width: 100px;
}

#wrapper {
width: 790px;
margin: 0 auto;
}

#langs {
width: 790px;
height: 25px;
background-image: url(../images/common/langs_back.jpg);
background-repeat: repeat-y;
float: left;
margin: 0;
padding: 0;
}

#langs ul#lang_change {
float: right;
list-style-type: none;
margin-right: 20px;
margin-top: 3px;
display: inline;
font-weight: lighter;
}

#langs ul#lang_change li {
display: inline;
text-decoration: none;
}

#langs ul#lang_change li a {
display: inline;
text-decoration: none;
}

#langs ul#lang_change li a:hover {
text-decoration: underline;
color: #FF0000;
}

#title {
width: 790px;
height: 100px;
background-image: url(../images/common/title_back.jpg);
background-repeat: no-repeat;
float: left;
margin: 0;
padding: 0;
}

img.logo {
float: left;
margin: 25px 0 0 40px;
padding: 0;
}

h1.top {
font-size: 36px;
color: #FF0000;
font-weight: lighter;
margin-left: 255px;
margin-top: 45px;
margin-bottom: 0px;
}

h2 {
margin-left: 30px;
font-size: 28px;
}

#hero {
width: 790px;
height: 228px;
background-image: url(../images/common/hero_back.jpg);
background-repeat: no-repeat;
float: left;
margin: 0;
padding: 0;
}

#hero img {
float: left;
margin: 0;
padding: 0;
}

#content {
width: 790px;
background-image: url(../images/common/content_back.jpg);
background-repeat: repeat-y;
float: left;
margin: 0;
padding: 0;
}

#content p {
margin-left: 125px;
width: 600px;
}

#content p.find_out {
font-size: 20px;
margin-bottom: 20px;
}

/*-------------- MAIN NAV ---------------*/

#nav {
width: 790px;
height: 83px;
float: left;
margin: 0;
padding: 0;
background-image: url(../images/common/nav_off.jpg);
background-repeat: no-repeat;
position: relative;
}

#nav_sprite {
position: absolute;
top: 0px;
left: 0px;
width: 709px;
}

#nav_sprite ul#main_nav {
padding: 0;
margin: 0;
list-style-type: none;
background: url(../images/common/nav_sprite.jpg) 0% 0% no-repeat;
height: 83px;
position: relative;
}

#nav_sprite li {
margin: 0; 
padding: 0; 
list-style: none;
position: absolute; 
top: 0;
}

#nav_sprite li, #nav_sprite a {
height: 83px; 
display: block;
}

#one {
left: 7px; 
width: 156px;
}
#one a:hover {
background: url(../images/common/nav_sprite.jpg) -7px -83px no-repeat;
}
#one a.active {
background: url(../images/common/nav_sprite.jpg) -7px -83px no-repeat;
}

#two {
left: 163px; 
width: 156px;
}
#two a:hover {
background: url(../images/common/nav_sprite.jpg) -163px -83px no-repeat;
}
#two a.active {
background: url(../images/common/nav_sprite.jpg) -163px -83px no-repeat;
}

#three {
left: 319px; 
width: 156px;
}
#three a:hover {
background: url(../images/common/nav_sprite.jpg) -319px -83px no-repeat;
}
#three a.active {
background: url(../images/common/nav_sprite.jpg) -319px -83px no-repeat;
}

#four {
left: 475px; 
width: 156px;
}
#four a:hover {
background: url(../images/common/nav_sprite.jpg) -475px -83px no-repeat;
}
#four a.active {
background: url(../images/common/nav_sprite.jpg) -475px -83px no-repeat;
}

#five {
left: 631px; 
width: 156px;
}
#five a:hover {
background: url(../images/common/nav_sprite.jpg) -631px -83px no-repeat;
}
#five a.active {
background: url(../images/common/nav_sprite.jpg) -631px -83px no-repeat;
}

.tabcontent {
float: left;
width: 790px;
height: 40px;
display: none;
background-image: url(../images/common/sc1_back.jpg);
background-repeat: no-repeat;
}

.tabcontent2 {
float: left;
width: 790px;
height: 40px;
display: none;
background-image: url(../images/common/sc2_back.jpg);
background-repeat: no-repeat;
}

.tabcontent3 {
float: left;
width: 790px;
height: 40px;
display: none;
background-image: url(../images/common/sc3_back.jpg);
background-repeat: no-repeat;
}

.tabcontent4 {
float: left;
width: 790px;
height: 40px;
display: none;
background-image: url(../images/common/sc4_back.jpg);
background-repeat: no-repeat;
}

.tabcontent5 {
float: left;
width: 790px;
height: 40px;
display: none;
background-image: url(../images/common/sc5_back.jpg);
background-repeat: no-repeat;
}

.tabcontent6 {
float: left;
width: 790px;
height: 40px;
display: none;
background-image: url(../images/common/sc6_back.jpg);
background-repeat: no-repeat;
}

#rollovers p {
margin-left: 25px;
margin-top: 12px;
color: #FFFFFF;
font-size: 12px;
width: 720px;
line-height: 90%
}

/*--------------*/

#contact {
width: 790px;
height: 57px;
background-image: url(../images/common/contact_back.jpg);
background-repeat: no-repeat;
float: left;
margin: 0;
padding: 0;
}

#contact p {
font-size: 16px;
margin-left: 25px;
margin-top: 14px;
}

#footer{
width: 790px;
height: 75px;
float: left;
margin: 0;
padding: 0;
font-size: 9px;
color: #404040;
}

#footer p {
font-size: 9px;
float: right;
margin-top: 3px;
margin-right: 10px;
display: inline;
text-align: right;
}

img.logo2 {
float: left;
margin: 0 0 0 10px;
padding: 0;
}

#footer ul#footer_ul {
float: right;
list-style-type: none;
margin-right: 10px;
margin-top: 3px;
margin-bottom: 0px;
display: inline;
font-weight: lighter;
width: 600px;
text-align: right;
}

#footer ul#footer_ul li {
display: inline;
text-decoration: none;
}

#footer ul#footer_ul li a {
display: inline;
text-decoration: none;
color: #404040;
}

#footer a {
text-decoration: none;
color: #404040;
}