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

* {
position: relative;
}

body {
color: #727272;
font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-size: 12px;
text-align: center;
margin: 0;
padding: 0;
background: #c9c9c9 url(/_data/img/body-bg.gif) repeat-y center;
line-height: 16px;
}

input, select, textarea {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
color: #909090;
font-style: italic;
font-size: 11px;
padding: 3px;}

ul, ol,  li {
list-style: none;
margin: 0;
padding: 0;}

a {
color: #e29600;
text-decoration: none;}

a:hover{
color: #e29600;
text-decoration: none;}

hr {
display: block;
visibility: hidden;
width: 0;
height: 0;
clear: both;
float: none;
margin: 0;
padding: 0;
border: 0;
font-size: 0;
line-height: 0;
}

img {
border: 0;}

.small {
font-size: 11px;}

.bg {
margin: auto;
text-align: left;
width: 960px;
}

/* Header */

.header {
display: block;
width: 980px;
margin:0;
height: 90px;
width: 100%;
background: #3a7bf0 url(/_data/img/header-bg.jpg) center;
}

.header a.logo {
display: block;
width: 288px;
height: 42px;
top: 25px;
float: left;}

.header a.logo span {
display: none;
}

.header ul {
display: block;
height: 90px;
float: right;}

.header ul li {
font-weight: bold;
font-style: italic;
display: block;
float: left;
background: url(/_data/img/li-bg.png) no-repeat top left;
height: 90px;
padding-left: 8px;
padding-right: 5px;
}

.header ul li.first {
background: none;}

.header ul li a {
top: 30px;
padding: 9px;
padding-left: 20px;
padding-right: 20px;
display: block;
float: left;
color: #0e5690;
height: 24px;
text-shadow: 1px 1px #72aef3;}

.header ul li a span {
display: none;
}

.header ul li a:hover, .header ul li.active a {
background: url(/_data/img/li-a-bg.png) no-repeat top left;
color: #ffffff;
text-shadow: 1px 1px #d59b24;
padding-right: 7px;
margin-right: 13px;}

.header ul li a:hover span, .header ul li.active a span {
display: block;
position: absolute;
width: 17px;
height: 43px;
background: url(/_data/img/li-right-bg.png) no-repeat top left;
top: 0;
right: -17px;}

.header .lang {
display: block;
float: right;
width: 16px;
}

.header .lang a {
display: block;
margin-top: 2px;
width: 16px;
height: 14px;}

/* Promo */

.promo {
width: 100%;
height: 390px;
margin: 0;
background: #373737 url(/_data/img/promo-bg.jpg) center;}

.subpromo {
height: 135px;}

.promo .text {
display: block;
width: 315px;
float: left;}

.promo h1 {
font-size: 36px;
font-weight: none;
font-style: italic;
color: #ffffff;
letter-spacing: -3px;
margin: 0;
display: inline;
border-bottom: 1px solid #aaa8a7;
top: 80px;
}

.subpromo h1 {
top: 30px;}

.promo p {
color: #ffffff;
font-style: italic;
font-size: 20px;
margin: 0;
top: 100px;
letter-spacing: -1px;}

.promo a.more {
display: block;
width: 248px;
height: 71px;
background: url(/_data/img/button-bg.png) no-repeat top left;
text-align: center;
font-size: 24px;
color: #ffffff;
top: 165px;
padding-top: 19px;
letter-spacing: -2px;}

.promo img.promophoto {
display: block;
position: absolute;
width: 650px;
height: 385px;
top: 5px;
right: 0;}

.subpromo img.promophoto {
width: 630px;
height: 130px;}


/* Content */

.content {
width: 100%;
margin: auto;
background: url(/_data/img/content-bg.jpg) no-repeat top center;
}

.content .bg {
padding-top: 15px;
padding-bottom: 15px;}

.content .navi {
margin-bottom: -15px;}

.content .navi a {
text-decoration: underline;
}

.content .navi a:hover {
text-decoration: none;}

.content .navi strong {
color: #9c6a3f;}

.content h2, .content h3, .content h4, .content p, .content ul, .content ol {
margin: 0;
padding: 0;
margin-bottom: 15px;}

.content h2 {
color: #a36827;
font-weight: normal;
font-size: 24px;
font-style: italic;}

.content h3 {
color: #e29600;
font-weight: bold;
font-style: italic;
font-size: 14px;
line-height: 18px;}

.content h4 {
color: #a36827;
font-weight: bold;
font-size: 12px;
font-style: normal;}

.content a.more {
width: 81px;
height: 26px;
color: #ffffff;
text-shadow: 1px 1px #d38b03;
font-size: 11px;
text-align: center;
padding-right: 23px;
padding-top: 2px;
background: url(/_data/img/a-vice.png) no-repeat;
display: block;
float: right;
margin-bottom: -20px;}

.content .shadow {
display: block;
width: 1110px;
height: 6px;
left: -75px;
margin-right: -75px;
background: url(/_data/img/shadow-bg.png) no-repeat top left;
margin-bottom: 30px;
margin-top: 30px;}

.content a.banner {
display: block;
width: 435px;
height: 62px;
background: url(/_data/img/banner1.jpg) no-repeat top left;
float: left;
padding: 22px;
}

.content a.banner2 {
float: none;
float: right;
background: url(/_data/img/banner2.jpg) no-repeat top left;}

.content a.banner strong {
color: #ffffff;
font-size: 36px;
letter-spacing: -2px;
display: block;
margin-bottom: 10px;
}

.content a.banner em {
color: #3b3b3b;
font-weight: bold;
font-size: 14px;
letter-spacing: -1px;}

.content a.banner2 em {
color: #103675;}

.content a.gallery {
display: block;
float: left;
border: 5px solid #ffffff;
margin-right: 5px;
margin-bottom: 15px;}

.content .box {
float: left;
width: 295px;
background: url(/_data/img/box-bg.png) no-repeat center left;
min-height: 150px;
padding-left: 25px;
}

.content .box a.photo {
background: url(/_data/img/photo-bg.png) no-repeat top left;
width: 108px;
height: 80px;
display: block;
float: left;
padding-top: 3px;
padding-left: 3px;
float: left;
margin-right: 30px;}

.content .box p .date {
color: #55410c;
font-style: italic;
display: block;
}

.content .box p a {
font-size: 14px;
font-weight: bold;
font-style: italic;
color: #e29600;
text-decoration: underline;}

.content .box p a:hover {
text-decoration: none;}

.content .box a.more {
float: none;
float: left;}

.content .box img.iphone {
width: 86px;
height: 103px;
display: block;
float: left;
}

.content .box p.phone {
font-size: 24px;
color: #b9b6ad;
font-style: italic;
line-height: 24px;
padding-top: 15px;
}

.content .box p.phone strong {
font-weight: normal;
color: #e29601;}

.content .first {
padding-left: 0;
width: 320px;
background: 0;}

.content .box h3 {
font-size: 24px;
font-weight: normal;
color: #9c6a3f;}

.content .box textarea {
display: block;
width: 248px;
height: 48px;
padding-left: 15px;
border:  0;
background: url(/_data/img/textarea-bg.png) no-repeat top left;
margin-bottom: 3px;}

.content .box input {
width: 115px;
height: 28px;
display: block;
border: 0;
padding: 0;
padding-left: 15px;
float: left;
margin-right: 6px;
background: url(/_data/img/input-bg.png) no-repeat top left;
margin-bottom: 3px;
line-height: 28px;
}

.content .box a.submit {
display: block;
background: url(/_data/img/submit-bg.png) no-repeat top left;
width: 91px;
height: 29px;
color: #ffffff;
font-weight: bold;
padding: 0;
text-align: center;
font-size: 13px;
line-height: 12px;
padding-right: 30px;
padding-top: 8px;
margin: 0;
float: none;
margin-left: 80px;
cursor: pointer;
letter-spacing: -1px;
}


/* Content */

.footer {
width: 100%;
height: 91px;
background: #0470ee;
color: #6ea3fe;
}

.footer .bg {
padding-top: 20px;
}

.footer a {
color: #ffa900;
text-decoration: underline;}

.footer a:hover {
text-decoration: none;}

.footer .copy {
display: block;
float: left;
line-height: 24px;}

.footer .help {
display: block;
float: right;
font-style: italic;
padding-top: 15px;}

.footer .help a {
font-style: normal;
}