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

* {
position: relative;
}

body {
color: #000000;
font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-size: 12px;
text-align: center;
margin: 0;
padding: 0;
background: #f5f9f1;
line-height: 16px;
}

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

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

a {
color: #4f5d73;
text-decoration: none;}

a:hover{
color: #4f5d73;
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;
margin:0;
height: 104px;
width: 100%;
background: url(/_data/img/header-bg.png) no-repeat center;
margin-bottom: -9px;
z-index: 2;
}

.header a.logo {
display: block;
width: 330px;
height: 50px;
top: 23px;
float: left;}

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

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

.header ul li {
display: block;
float: left;
padding-left: 8px;
padding-right: 5px;
margin-left: 10px;
}

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

.header ul li a {
top: 33px;
padding: 10px;
padding-left: 19px;
display: block;
float: left;
color: #ffffff;
height: 26px;
text-transform: uppercase;
background: url(/_data/img/li-a-bg.png) no-repeat top left;
padding-right: 2px;
margin-right: 8px;
}

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

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

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

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

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

/* Promo */

.promo {
width: 100%;
height: 384px;
margin: 0;
z-index: 1;
background: #f5f9f1 url(/_data/img/promo-bg.jpg) no-repeat center;}

.subpromo {
height: 140px;
background: #f5f9f1 url(/_data/img/subpromo-bg.jpg) no-repeat center;}

.promo .text {
display: block;
width: 580px;
float: right;
z-index: 2;}

.promo h1 {
font-size: 46px;
font-weight: none;
font-style: italic;
color: #4f5d73;
letter-spacing: -3px;
margin: 0;
display: inline;
border-bottom: 2px solid #92a4b4;
top: 30px;
margin-left: -30px
}

.promo h1 strong {
color: #4f5d73;
border-bottom: 2px solid #92a4b4;
text-transform: uppercase;}

.subpromo h1 {
top: 19px;
margin-left: 60px;}

.promo p {
color: #4f5d73;
font-style: italic;
font-size: 22px;
margin: 0;
top: 40px;
margin-left: -30px;
letter-spacing: -1px;}

.subpromo p {
top: 55px;}

.promo p.small {
top: 115px;
color: #ffffff;
font-size: 14px;}


.promo a.more {
display: block;
width: 285px;
height: 72px;
background: url(/_data/img/button-bg.png) no-repeat top left;
text-align: center;
font-size: 30px;
color: #209b08;
top: 165px;
padding-top: 17px;
letter-spacing: -3px;}

.promo img.promophoto {
display: block;
position: absolute;
width: 672px;
height: 383px;
top: 13px;
left: -152px;}

.subpromo img.promophoto {
width: 672px;
height: 127px;}


/* 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: #55410c;}

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

.content h2 {
color: #4f5d73;
font-weight: bold;
font-size: 24px;
font-style: italic;}

.content h3 {
color: #4f5d73;
font-weight: normal;
font-style: italic;
font-size: 18px;
line-height: 18px;}

.content h2 strong, .content h3 strong {
color: #77dc16;}

.content h3 strong {
font-weight: normal;}

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

.content a.more {
width: 81px;
height: 26px;
color: #ffffff;
text-shadow: -1px -1px #528e1b;
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;
float: left;
width: 316px;
height: 110px;
background: url(/_data/img/icon1.png) no-repeat 9px 0px;
top: 15px;
}

.content a.banner2 {
background: url(/_data/img/icon2.png) no-repeat 9px 0px;}

.content a.banner3 {
background: url(/_data/img/icon3.png) no-repeat 9px 0px;}

.content a.banner strong {
color: #4e4e4e;
font-size: 21px;
letter-spacing: -2px;
display: block;
margin-top: 10px;
margin-bottom: 8px;
margin-left: 100px;
float: left;
width: 200px;
}

.content a.banner em {
display: block;
width: 153px;
height: 45px;
line-height: 36px;
float: left;
margin-left: 100px;
margin-top: 30px;
background: url(/_data/img/banner-button.png) no-repeat top left;
color: #24725c;
font-weight: bold;
font-style: italic;
font-size: 17px;
text-align: center;
letter-spacing: -1px;}

.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 .news img {
display: block;
float: left;
margin-right: 30px;}

.content .box .news p .date {
color: #4e4e4e;
font-style: italic;
display: block;
}

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

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

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

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

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

.content .box .phone p strong {
color: #4e4e4e;}

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

.content .box h3 {
font-size: 24px;
font-weight: normal;
color: #4e4e4e;
font-weight: bold;}

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

.content .box input {
width: 115px;
height: 26px;
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: 26px;
}

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

.content a {
	text-decoration: underline;
}

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

.content ul li {
	margin-left: 14px;
	list-style-type: square;
}

/* Content */

.footer {
width: 100%;
background: #f5f9f1;
color: #8b8b8b;
height: 90px;
}

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

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

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

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

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

.footer .help {
display: block;
padding-top: 15px;}

.footer .help p {
padding: 0px;
margin: 0px;}

}


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