html{
font-size:100.01%;
}
body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:62.5%;
}
html {
overflow: hidden;
}
img, p, h1, h2, h3, h4, h5, h6, li, ul, fieldset, form {
list-style:none;
border:none;
margin:0;
padding:0;
}
img {
float:left;
}
a {
text-decoration:none;
outline:none;
}
table.main {
width:100%;
margin:0 auto;
border-collapse:collapse;
}
table.main tr {
}
table.main td {
}
div.element {
width:1650px;
height:1000px;
position:relative;
background:none;
/* z-index:1; */
}
div.text, div.big-text {
position:absolute;
width:800px;
height:600px;
}
div.dont { margin-top: 40px; position: absolute; top: 0; left: 0; width: 700px }
div.dont1 { position: absolute; top: 0; left: 0; width: 600px }
div.dont2 { margin-top: 40px; position: absolute; top: 0; left: 0; width: 700px }
div.dont3 { margin-top: 40px; position: absolute; top: 0; left: 0; width: 700px }
div.dont4 { margin-top: 40px; position: absolute; top: 0; left: 0; width: 700px }
div.dont5 { margin-top: 40px; position: absolute; top: 0; left: 0; width: 700px }
div.dont6 { margin-top: 40px; position: absolute; top: 0; left: 0; width: 700px }
div.dont7 { margin-top: 30px; position: absolute; top: 0; left: 0; width: 700px }
div.dont h2 { color: #000; font-weight: bold; font-size: 54px; line-height: 49px; letter-spacing: -2px; padding: 0 0 30px }
div.dont h3 { color: #000; font-weight: bold; font-size: 4.1em; letter-spacing: -2px; padding: 0 0 30px }
div.dont h2 a.believe{
color:#000;
}
div.dont h3 a.believe { color: #000 }
div.dont h2 a.believe:hover{
color:#c1c1c1;
}
div.dont h3 a.believe:hover { color: #c1c1c1 }
div.dont h2 strong{
color:#ae0000;
}
div.dont h3 strong { color: #ae0000 }
div.dont p { color: #000; font-weight: bold; font-size: 25px; line-height: 26px; letter-spacing: -1px; padding: 0 0 30px }
div.dont1 p { color: #000; font-weight: normal; font-size: 18px; line-height: 18px; padding: 0 0 30px }
div.dont2 p { color: #000; font-weight: bold; font-size: 54px; line-height: 57px; letter-spacing: -1px; padding: 0 0 30px }
div.dont3 p { color: #000; font-weight: bold; font-size: 39px; line-height: 42px; letter-spacing: -1px; padding: 0 0 30px }
div.dont4 p { color: #000; font-weight: bold; font-size: 35px; line-height: 37px; letter-spacing: -1px; padding: 0 0 30px }
div.dont5 p { color: #000; font-weight: bold; font-size: 43px; line-height: 46px; letter-spacing: -1px; padding: 0 0 30px }
div.dont6 p { color: #000; font-weight: bold; font-size: 46px; line-height: 48px; letter-spacing: -1px; padding: 0 0 30px }
div.dont7 p { color: #000; font-weight: bold; font-size: 43px; line-height: 46px; letter-spacing: -1px; padding: 0 0 30px }
div.dont p strong { color: #ae0000 }
div.dont1 p strong { color: #ae0000 }
div.dont2 p strong { color: #ae0000 }
div.dont3 p strong { color: #ae0000 }
div.dont4 p strong { color: #ae0000 }
div.dont5 p strong { color: #ae0000 }
div.dont6 p strong { color: #ae0000 }
div.dont7 p strong { color: #ae0000 }
div.dont8 p strong { color: #ae0000 }
a.link { color: #666 }
a.link:hover { color: #c1c1c1 }
div.dont p a.link { color: #666 }
div.dont1 p a.link { color: #666 }
div.dont2 p a.link { color: #666 }
div.dont3 p a.link { color: #666 }
div.dont3 p a.believe { color: #666 }
div.dont4 p a.link { color: #666 }
div.dont5 p a.link { color: #666 }
div.dont6 p a.link { color: #666 }
div.dont7 p a.link { color: #666 }
div.dont p a.link:hover { color: #c1c1c1 }
div.dont1 p a.link:hover { color: #c1c1c1 }
div.dont2 p a.link:hover { color: #c1c1c1 }
div.dont3 p a.link:hover { color: #c1c1c1 }
div.dont3 p a.believe:hover { color: #c1c1c1 }
div.dont4 p a.link:hover { color: #c1c1c1 }
div.dont5 p a.link:hover { color: #c1c1c1 }
div.dont6 p a.link:hover { color: #c1c1c1 }
div.dont7 p a.link:hover { color: #c1c1c1 }
div.dont span.author{
font-size:17px;
color:#000;
font-weight:bold;
}
div.dont6 span.small { color: #000; font-size: 18px; line-height: 17px; letter-spacing: .05em }
div.dont2 span.small { color: #000; font-size: 18px; line-height: 17px; letter-spacing: .05em }
div.dont3 span.small { color: #000; font-size: 18px; line-height: 17px; letter-spacing: .05em }
div.dont7 span.small { color: #000; font-size: 18px; line-height: 17px; letter-spacing: .05em }
div.dont span.heading { color: #000; font-size: 43px; line-height: 39px }
div.dont span.heading span { color: #ae0000 }
div.dont span.author span{
font-style:italic;
}
/*
div.text div.logo {
position:absolute;
left:725px;
bottom:25px;
width:50px;
height:61px;
}
div.text div.logo img {
width:50px;
height:61px;
}
div.text img {
margin:-90px 0 0 0;
}
*/
div.image {
position:absolute;
left:0px;
top:0px;
overflow: hidden;
}
div.image img{
width:1650px;
height:1000px;
}
div.fogg {
float:left;
position:absolute;
}
div.fogg img{
width:800px;
height:390px;
display:inline;
}
div.fogg p{
float:left;
clear:left;
overflow:hidden;
margin:70px 0 0 40px;
display:inline;
font-size:1.4em;
color:#000;
font-weight:bold;
width:100%;
}
a.left-grey {
display:block;
position:absolute;
left:20px;
top:40%;
width:28px;
height:44px;
background:url('../img/left-grey.png') no-repeat;
cursor:pointer;
}
a.left-grey:hover {
background:url('../img/left-red.png') no-repeat;
}
a.right-grey {
display:block;
position:absolute;
right:20px;
top:40%;
width:28px;
height:44px;
background:url('../img/right-grey.png') no-repeat;
cursor:pointer;
}
a.right-grey:hover {
background:url('../img/right-red.png') no-repeat;
}
a.top-grey {
display:block;
position:absolute;
left:48%;
top:20px;
width:44px;
height:28px;
background:url('../img/top-grey.png') no-repeat;
cursor:pointer;
}
a.top-grey:hover {
background:url('../img/top-red.png') no-repeat;
}
a.down-grey {
display:block;
position:absolute;
left:48%;
bottom:20px;
width:44px;
height:28px;
background:url('../img/down-grey.png') no-repeat;
cursor:pointer;
}
a.down-grey:hover {
background:url('../img/down-red.png') no-repeat;
}
a.a-back-home {
position:absolute;
left:25px;
bottom:10px;
color:#cccccc;
}
a.a-back-home:hover { color: #ae0000 }
div.nav-box{
width:250px;
height:62px;
left:490px;
top:415px;
position:absolute;
overflow:hidden;
}
div.nav-box p.label{
position:absolute;
font-size:1.3em;
color:#686a6a;
text-align:right;
display:none;
/*margin:34px 52px 0 0;*/
overflow:hidden;
right:52px;
top:34px;
}
div.nav-box-black p.label {
color:#fff;
}
div.nav-box p.label span { color: #ae0000 }
div.navigation { /* background-color: #fff; */ position: absolute; top: 0; right: 0; width: 51px; height: 61px; overflow: hidden }
div.navigation a{
display:block;
position:absolute;
overflow:hidden;
}
div.navigation a.link7{
top:13px;
left:0;
width:6px;
height:8px;
background:url('../img/nav-7.png') no-repeat 0 0;
}
/* div.navigation a.link7:hover{
background:url('../img/nav-7.png') no-repeat 0 -8px;
} */
div.navigation a.link8{
top:10px;
left:9px;
width:8px;
height:9px;
background:url('../img/nav-8.png') no-repeat 0 0;
}
/* div.navigation a.link8:hover {
background:url('../img/nav-8.png') no-repeat 0 -9px;
} */
div.navigation a.link9{
top:5px;
left:21px;
width:10px;
height:10px;
background:url('../img/nav-9.png') no-repeat 0 0;
}
/* div.navigation a.link9:hover{
background:url('../img/nav-9.png') no-repeat 0 -10px;
} */
div.navigation a.link10{
top:1px;
left:37px;
width:13px;
height:11px;
background:url('../img/nav-10.png') no-repeat 0 0;
}
/* div.navigation a.link10:hover{
background:url('../img/nav-10.png') no-repeat 0 -11px;
} */
div.navigation a.link4{
top:24px;
left:4px;
width:7px;
height:9px;
background:url('../img/nav-4.png') no-repeat 0 0;
}
/* div.navigation a.link4:hover{
background:url('../img/nav-4.png') no-repeat 0 -9px;
} */
div.navigation a.link5{
top:22px;
left:15px;
width:9px;
height:9px;
background:url('../img/nav-5.png') no-repeat 0 0;
}
/* div.navigation a.link5:hover{
background:url('../img/nav-5.png') no-repeat 0 -9px;
} */
div.navigation a.link6{
top:19px;
left:29px;
width:12px;
height:11px;
background:url('../img/nav-6.png') no-repeat 0 0;
}
/* div.navigation a.link6:hover{
background:url('../img/nav-6.png') no-repeat 0 -11px;
} */
div.navigation a.link2{
top:36px;
left:10px;
width:8px;
height:10px;
background:url('../img/nav-2.png') no-repeat 0 0;
}
/* div.navigation a.link2:hover{
background:url('../img/nav-2.png') no-repeat 0 -10px;
} */
div.navigation a.link3{
top:36px;
left:22px;
width:11px;
height:10px;
background:url('../img/nav-3.png') no-repeat 0 0;
}
/* div.navigation a.link3:hover{
background:url('../img/nav-3.png') no-repeat 0 -10px;
} */
div.navigation a.link1{
top:51px;
left:16px;
width:9px;
height:10px;
background:url('../img/nav-1.png') no-repeat 0 0;
}
/* div.navigation a.link1:hover{
background:url('../img/nav-1.png') no-repeat 0 -10px;
} */
div.red-dark {
background:#ae0000;
}
div.white {
background:none;
}
div.green-light {
background:#8fb9b5;
}
div.black {
background: #000;
}
p.red-light-font {
color:#ae0000;
}
p.white-font {
color:#fff;
}
p.black-font { color: #000 }
p.blue-font { color: #8fb9b5 }
p.red-dark-font {
color:#ae0000;
}
p.big {
font-size:20em;
font-weight:bold;
text-align:center;
line-height:600px;
}
.column { float: left; border: none; width: 400px; height: auto }
.widthwide p {
text-align:center;
line-height:470px !important;
}
.widthwide {
width:800px !important;
}
*+html .whiteBG {
background:#fff;
}
.centeredImage {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
/* .leftCenteredImage {
width:50%;
height:100%;
background:#fff url("../img/left-image-part.jpg") no-repeat 100% 0;
float:left;
}
.rightCenteredImage {
width:50%;
height:100%;
background:#fff url("../img/right-image-part.jpg") no-repeat 0 0;
float:left;
} */
.leftLink {
width:50%;
height:100%;
background:#fff url("../img/left-image-part.jpg") no-repeat 100% 0;
float:left;
display:block;
}
.rightLink {
width:50%;
height:100%;
background:#fff url("../img/right-image-part.jpg") no-repeat 0 0;
float:left;
display:block;
}
.leftLink:hover {
background:#fff url("../img/left-image-part_rollover.jpg") no-repeat 100% 0;
}
.rightLink:hover {
background:#fff url("../img/right-image-part_rollover.jpg") no-repeat 0 0;
}
/**/
div.nav_bar{
background:#ae0000;
overflow:hidden;
position:fixed;
width:125px; /*125px on hover out, 340px on hover on */
height:245px;
right:0;
bottom:50px;
z-index:9998;
}
div.nav_bar_hidden {
background:none;
position:fixed;
width:340px; /*125px on hover out, 340px on hover on */
height:245px;
right:0;
bottom:50px;
z-index:9999;
display:none;
}
.nav_bar_tab {
width:38px;
height:54px;
margin-top:93px;
margin-right:53px;
margin-left:33px;
float:left;
overflow:hidden;
}
.nav_bar_tab a {
display:block;
width:38px;
height:54px;
background:url('../img/exclamation_mark_icon.png') no-repeat 0 0;
float:left;
}
ul.nav_menu_items {
list-style:none;
margin:0;
padding:0;
float:left;
overflow:hidden;
padding:15px 0 15px 0;
display:none;
}
ul.nav_menu_items li span.item_num {
padding-right:9px;
color:#000;
}
ul.nav_menu_items li span,ul.nav_menu_items li a {
font-size:11px;
line-height:20px;
color:#fff;
text-decoration:none;
font-family:Arial;
}
ul.nav_menu_items li a:hover {
text-decoration:underline;
}