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

body {
background: #FFFFFF;
margin: 0;
padding: 0;
text-align: center;
}

body, ul, h1, h2, h3, h4, h5, h6, input, textarea {
color:#666666;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size:12px;
font-weight:normal;
line-height:18px;

}

body, div, ul, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, p {
margin:0;
padding:0;
}

a {
text-decoration:none;
}

a:hover {
text-decoration:underline;
}



#header {
height:100px;
margin:0 auto;
position:relative;
text-align:left;
width:900px;
}

#header h1.main-logo {
height:70px;
width:263px;
position: absolute; 
left: 0px; 
top: 20px; 
}

#lang-select {
font-size:11px;
text-align:right;
height:12px;
width:900px;
position: absolute; 
margin: 0 auto;
padding-top:5px;
right: 0px; 
top:0px;
}

#lang-select a {
color:#336699;
text-decoration:none;
}

#lang-select a:hover {
text-decoration:underline;
}


#nav {
text-align:right;
height:30px;
width:550px;
position: absolute; 
right: 0px; 
top: 71px; 
}

#nav ul {
border-left:1px solid #DDDDDD;
border-top:1px solid #DDDDDD;
cursor:pointer;
float:right;
height:28px;
list-style:none outside none;
margin:0;
padding:0;
}

#nav a {
color:#333333;
text-decoration:none;
}

#nav li.h_hover a:hover {
color:#336699;
font-weight:normal;
text-shadow:0 1px 0 #FFFFFF;
}

#nav li.b_hover a:hover {
color:#669900;
font-weight:normal;
text-shadow:0 1px 0 #FFFFFF;
}

#nav li.d_hover a:hover {
color:#FF9900;
font-weight:normal;
text-shadow:0 1px 0 #FFFFFF;
}

#nav li.e_hover a:hover {
color:#0099FF;
font-weight:normal;
text-shadow:0 1px 0 #FFFFFF;
}

#nav li {
background:url("../img/menu-bg.png") repeat-x scroll 0 0 transparent;
border-right:1px solid #DDDDDD;
float:left;
font-size:12.5px;
font-weight:normal;
height:18px;
padding-bottom:5px;
padding-top:5px;
text-align:center;
text-shadow:0 1px 0 #FFFFFF;
width:129px;
}

#nav li.h_selected a {
color:#336699;
font-weight:normal;
text-shadow:0 1px 0 #FFFFFF;
}

#nav li.b_selected a {
color:#669900;
font-weight:normal;
text-shadow:0 1px 0 #FFFFFF;
}

#nav li.d_selected a {
color:#FF9900;
font-weight:normal;
text-shadow:0 1px 0 #FFFFFF;
}

#nav li.e_selected a {
color:#0099FF;
font-weight:normal;
text-shadow:0 1px 0 #FFFFFF;
}

ul {
list-style-position:outside;
list-style-type:disc;
margin:0 0 0 18px;
padding-top:2px;
}

#main {
margin:0;
}

/*
#core-home {
background:url("../img/home_main.jpg") no-repeat scroll center center;
width:900px;
height:400px;
text-align:center;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
margin:0 auto;
position:relative;
padding:0;
}
*/

#core-home {
background:url("../img/home_main_border.png") repeat-x scroll center center;
width:100%;
height:400px;
text-align:center;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
margin:0 auto;
position:relative;
padding:0;
}


#core-home div {
background:url("../img/home_main.jpg");
background-repeat: no-repeat;
width:400px;
height:350px;
padding-right:50%;
padding-top:50px;
margin-top:0px;
float:right;
}


#core-backup {
background:url("../img/backup_main_border.png") repeat-x scroll center center;
width:100%;
height:400px;
text-align:center;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
margin:0 auto;
position:relative;
padding:0;
}

#core-backup div {
background:url("../img/backup_main.jpg");
background-repeat: no-repeat;
background-position: 100% 0px;
width:400px;
height:350px;
padding-left:50%;
padding-top:50px;
margin-top:0px;
float:left;
}

/*
#core-data {
background:url("../img/data_main.jpg") no-repeat scroll center center;
width:900px;
height:400px;
text-align:center;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
margin:0 auto;
position:relative;
padding:0;
}
*/

#core-data {
background:url("../img/data_main_border.png") repeat-x scroll center center;
width:100%;
height:400px;
text-align:center;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
margin:0 auto;
position:relative;
padding:0;
}


#core-data div {
background:url("../img/data_main.jpg");
background-repeat: no-repeat;
background-position: 100% 0px;
width:400px;
height:350px;
padding-left:50%;
padding-top:50px;
margin-top:0px;
float:left;
}

/*
#core-email {
background:url("../img/email_main.jpg") no-repeat scroll center center;
width:900px;
height:400px;
text-align:center;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
margin:0 auto;
position:relative;
padding:0;
}
*/

#core-email {
background:url("../img/email_main_border.png") repeat-x scroll center center;
width:100%;
height:400px;
text-align:center;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
margin:0 auto;
position:relative;
padding:0;
}


#core-email div {
background:url("../img/email_main.jpg");
background-repeat: no-repeat;
background-position: 100% 0px;
width:400px;
height:350px;
padding-left:50%;
padding-top:50px;
margin-top:0px;
float:left;
}


#core-content {
color:#333333;
/*
float:right;
*/
height:320px;
margin:0 auto;
text-align:left;
width:450px;
margin-top:40px;
margin-right:30px;
}

#core-intro {
color:#333333;
float:left;
height:320px;
margin:0 auto;
text-align:left;
width:450px;
margin-top:55px;
margin-left:50px;
}

#core-intro p, #core-content p {
/*
float:left;
*/
font-size:14px;
line-height:18px;
text-align:left;
width:430px;
font-family:"Century Gothic", Helvetica, Arial, Verdana, sans-serif;
font-family:Helvetica, Arial, Verdana, sans-serif;
padding-top:10px;
padding-bottom:10px;
}

#main-content {
width:900px;
border-top:1px solid #CCCCCC;
margin:0 auto;
position:relative;
text-align:left;
padding-top:20px;
padding-bottom:20px;
}

#main-split {
width:900px;
border-top:1px solid #CCCCCC;
margin:0 auto;
position:relative;
text-align:left;
padding-bottom:20px;
}

#main-left {
float:left;
width:550px;
margin:0 auto;
text-align:left;
padding-top:20px;
padding-bottom:20px;
}

#main-right {
width:280px;
float:right;
margin:0 auto;
text-align:left;
}

#facts {
width:280px;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
background-color:#EEEEEE;
float:right;
margin:0 auto;
text-align:left;
padding:20px;
}

#facts p {
float:left;
font-size:13px;
line-height:16px;
text-align:left;
width:280px;
padding-top:10px;
padding-bottom:5px;
}

#prodBox {
width:165px;
background-color:#EEEEEE;
border:0px;
float:left;
margin:0 auto;
text-align:left;
padding:0px;
}

#prodBox-text {
width:95px;
float:right;
margin:0 auto;
margin-top:45px;
text-align:left;
padding:10px;
}

#main-r-bottom {
width:280px;
height:50px;
float:right;
margin:0 auto;
text-align:center;
padding:20px;
}

.about p {
font-size:14px;
line-height:16px;
text-align:left;
width:870px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
}

.about a {
color:#336699;
text-decoration:none;
}

.about a:hover {
text-decoration:underline;
}

.contact p {
font-size:14px;
line-height:16px;
text-align:left;
width:870px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
}

.contact a {
color:#336699;
text-decoration:none;
}

.contact a:hover {
text-decoration:underline;
}


#main-content p.phrase {
clear:both;
font-size:20px;
font-weight:bold;
font-family:"Century Gothic", Helvetica, Arial, Verdana, sans-serif;
line-height:30px;
text-align:center;
color:#336699;
}

#main-content p.error {
clear:both;
font-size:20px;
font-weight:bold;
font-family:"Century Gothic", Helvetica, Arial, Verdana, sans-serif;
line-height:30px;
text-align:center;
color:#FF0000;
}

p.error {
clear:both;
font-size:20px;
font-weight:bold;
font-family:Helvetica, Arial, Verdana, sans-serif;
line-height:30px;
text-align:center;
color:#FF0000;
}

h1.core-title {
text-align:left;
color:#333333;
font-size:25px;
font-weight:bold;
line-height:30px;
font-family:"Century Gothic", Helvetica, Arial, Verdana, sans-serif;
}

h1.core-title-intro {
text-align:left;
color:#333333;
font-size:30px;
font-weight:bold;
padding-bottom:10px;
line-height:30px;
font-family:"Century Gothic", Helvetica, Arial, Verdana, sans-serif;
}

h1.prod_backup {
text-align:center;
color:#669900;
font-size:20px;
font-weight:bold;
line-height:20px;
font-family:"Century Gothic", Helvetica, Arial, Verdana, sans-serif;
}

h1.prod_backup a {
color:#669900;
}

h1.prod_backup a:hover {
text-decoration:underline;
}

h1.prod_data {
text-align:center;
color:#FF9900;
font-size:20px;
line-height:20px;
font-weight:bold;
font-family:"Century Gothic", Helvetica, Arial, Verdana, sans-serif;
}

h1.prod_data a {
color:#FF9900;
}

h1.prod_data a:hover {
text-decoration:underline;
}

h1.prod_email {
text-align:center;
line-height:20px;
color:#0099FF;
font-size:20px;
font-weight:bold;
font-family:"Century Gothic", Helvetica, Arial, Verdana, sans-serif;
}

h1.prod_email a {
color:#0099FF;
}

h1.prod_email a:hover {
text-decoration:underline;
}

h2.b_title, h2.b_title a {
text-align:left;
font-size:27px;
font-weight:bold;
padding-left:10px;
line-height:34px;
font-family:"Century Gothic", Helvetica, Arial, Verdana, sans-serif;
padding-bottom:10px;
padding-top:5px;
color:#669900;
}

h2.d_title, h2.d_title a {
text-align:left;
font-size:27px;
font-weight:bold;
padding-left:10px;
line-height:34px;
font-family:"Century Gothic", Helvetica, Arial, Verdana, sans-serif;
padding-bottom:10px;
padding-top:5px;
color:#FF9900;
}

h2.e_title, h2.e_title a {
text-align:left;
font-size:27px;
font-weight:bold;
padding-left:10px;
line-height:34px;
font-family:"Century Gothic", Helvetica, Arial, Verdana, sans-serif;
padding-bottom:10px;
padding-top:5px;
color:#0099FF;
}

h3.title {
text-align:left;
font-size:22px;
font-weight:bold;
padding-left:10px;
line-height:25px;
font-family:"Century Gothic", Helvetica, Arial, Verdana, sans-serif;
padding-bottom:10px;
padding-top:5px;
color:#666666;
}

h4.title {
text-align:left;
font-size:18px;
font-weight:bold;
padding-left:10px;
line-height:25px;
font-family:"Century Gothic", Helvetica, Arial, Verdana, sans-serif;
padding-bottom:10px;
padding-top:5px;
color:#666666;
}

h5.title, h5.title a {
text-align:left;
font-size:18px;
font-weight:bold;
line-height:25px;
font-family:"Century Gothic", Helvetica, Arial, Verdana, sans-serif;
padding-bottom:10px;
color:#666666;
}

h6.b_title, h6.b_title a {
text-align:center;
font-size:25px;
font-weight:bold;
line-height:34px;
font-family:"Century Gothic", Helvetica, Arial, Verdana, sans-serif;
padding-bottom:10px;
padding-top:5px;
color:#669900;
}

h6.d_title, h6.d_title a {
text-align:center;
font-size:25px;
font-weight:bold;
line-height:34px;
font-family:"Century Gothic", Helvetica, Arial, Verdana, sans-serif;
padding-bottom:10px;
padding-top:5px;
color:#FF9900;
}

h6.e_title, h6.e_title a {
text-align:center;
font-size:25px;
font-weight:bold;
line-height:34px;
font-family:"Century Gothic", Helvetica, Arial, Verdana, sans-serif;
padding-bottom:10px;
padding-top:5px;
color:#0099FF;
}

.why p, .how p, .order p {
font-size:14px;
line-height:18px;
width:540px;
text-align:left;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
}

#bottom-titles {
margin:0 auto;
padding-top:20px;
padding-bottom:20px;
width:900px;
}

#bottom-product {
margin:0 auto;
padding-top:20px;
width:900px;
}

#bottom-container {
margin:0 auto;
padding-top:20px;
width:900px;
}

#bottom-links {
margin:0 auto;
padding-top:20px;
width:900px;
}

.bottom {
float:left;
position:relative;
margin:0 auto;
text-align:center;
}

#bottom-left, #bottom-center {
height:44px;
width:290px;
padding-left:5px;
padding-right:5px;
border-right:1px solid #CCCCCC;
}

#bottom-right {
height:44px;
width:290px;
padding-left:4px;
padding-right:4px;
}

#prod-left, #prod-center {
height:25px;
width:290px;
padding-left:5px;
padding-right:5px;
border-right:1px solid #CCCCCC;
}

#prod-right {
height:25px;
width:290px;
padding-left:4px;
padding-right:4px;
}


.intro p {
float:left;
font-size:13px;
line-height:16px;
text-align:left;
width:280px;
height:100px;
padding-left:10px;
padding-right:10px;
}

.readmore p {
float:left;
font-size:11px;
text-align:right;
width:280px;
padding-left:10px;
height:30px;
padding-right:10px;
}

.readmore a {
text-decoration:none;
color:#666666;
}

.readmore a:hover {
text-decoration:underline;
}

hr {
background-color:#CCCCCC;
border:0 none;
color:#CCCCCC;
height:1px;
margin-bottom:20px;
margin-top:20px;
text-align:center;
width:900;
}

#contact-area {
width: 500px;
text-align:center;
margin-top:0px;
padding-left:10px;
padding-top:20px;
}

#contact-area input, #contact-area textarea {
padding:4px;
width: 380px;
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size: 14px;
margin: 0px 0px 10px 0px;
border: 1px solid #CCCCCC;
}

#contact-area textarea {
height: 60px;
}

#contact-area textarea:focus, #contact-area input:focus {
border: 1px solid #666666;
}

#contact-area input.submit-button {
width: 100px;
float: right;
cursor:pointer;
}

label {
float: left;
text-align: left;
margin:0 auto;
width: 100px;
padding-top: 5px;
font-size: 13px;
}

#footer {
border-top:1px solid #CCCCCC;
clear:both;
margin:0 auto;
text-align:right;
width:900px;
}

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

#footer-menu a:hover {
text-decoration:underline;
}

#footer-menu ul {
list-style-position:outside;
list-style-type:disc;
margin:0 auto;

}

#footer-menu li {
border-right:1px solid #CCCCCC;
display:inline;
padding-left:10px;
padding-right:10px;
}

#footer-menu li.last {
border-right:0 none;
padding-right:0;
padding-left:5px;
}