html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, output, section, summary{
display:block;
}
meter,progress,mark{
display:inline;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
html, body {
height:100%;
}
html {
min-width:1016px;
}
body {
background:#f2f2f2 url(../images/body-bg.png) center top no-repeat;
font-family: Cabin, Arial, Helvetica, sans-serif;
font-size:100%;
line-height:1em;
color:#000;
}
img {
border:0;
vertical-align:top;
text-align:left;
}
object {
vertical-align:top;
outline:none;
}
ul, ol {
list-style:none;
}
/*
table a:visited {
color:#0E3164;
text-decoration:;
}
table a:link {
color:#00416A;
text-decoration:underline;
}
*/
.col-1 table, .col-1 table td {
padding: 2px;
border-collapse:collapse;
margin-left: auto;
margin-right: auto;
border: solid white 1px;
text-align: center;
font-size: 14px;
}
.first-row {
background: #F68B1F;
color: white;
}
.gray-block table, .white-block table {
background: #d6edf2;
width: 100%;
color: #7E7E7E;
}
.white-block table {
margin-bottom: 15px;
}
.inlineblock {
display:inline-block;
}
.fleft {
float:left;
}
.fright {
float:right;
}
.clear {
clear:both;
}
.col-1, .col-2, .col-3 {
float:left;
}
.alignright {
text-align:right;
}
.aligncenter {
text-align:center;
}
.wrapper {
width:100%;
overflow:hidden;
}
.container {
width:100%;
}
a.und, .und a {
text-decoration:none;
}
a.und:hover, .und a:hover {
text-decoration:underline;
}
.nocolor, .nocolor a{
color:inherit;
}
.upc{
text-transform:uppercase;
}
/*==== GLOBAL =====*/
#main {
width:1016px;
margin:0 auto;
font-size:.75em;
font:12px/19px Cabin, Arial, Helvetica, sans-serif;
color:#0d0d0d;
}
header{
height:158px;
position:relative;
}
#page1 header{
height:637px;
}
footer {
height:137px;
width:1016px;
overflow:hidden;
padding-top:11px;
}
.footer-bg{
width:100%;
background: url(../images/footer-bg.png) repeat-x bottom;
position:relative;
z-index:1;
}
.center {
padding-left:230px;
}
.gray-block .center .colum.pr {
margin-right:165px;
}
/*----- forms parameters -----*/
input, select, textarea {
font-family: Cabin, Arial, Helvetica, sans-serif;
font-size:1em;
vertical-align:middle;
font-weight:normal;
margin:0;
}
/*----- other -----*/
.list li {
color:#989797;
background:url(../images/marker1.gif) 5px 8px no-repeat;
padding-left:12px;
font:12px/22px Cabin, Arial, Helvetica, sans-serif;
}
.white-block li {
background:url(../images/marker2.gif) 5px 8px no-repeat;
}
.button{
text-decoration:none;
float:left;
margin:5px;
}
.button0{
height:64px;
font:26px/64px Cabin, Arial, Helvetica, sans-serif;
color:#000;
background:url(../images/button0-bg.gif) repeat-x;
}
.button0 strong{
background: url(../images/button0-right.gif) right no-repeat;
float:left;
}
.button0 b{
float:left;
padding:0 20px 0 17px;
background:url(../images/button0-left.gif) left top no-repeat;
}
.button0:hover{
color:#fff;
background: url(../images/button1-bg.gif);
}
.button0:hover strong{
background: url(../images/button1-right.gif) right top no-repeat;
}
.button0:hover b{
background:url(../images/button1-left.gif) left top no-repeat;
}
.button1{
height:41px;
font:23px/41px Cabin, Arial, Helvetica, sans-serif;
color:#073443;
background:url(../images/button2-bg.gif) repeat-x;
padding: 0 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
min-width: 100px;
text-align:center;
}
/*
.button1 strong{
background: url(../images/button2-right.gif) right no-repeat;
float:left;
}
.button1 b{
float:left;
padding:0 22px 0 11px;
background:url(../images/button2-left.gif) left top no-repeat;
}
*/
.button1:hover{
color: #eb9a3e;
}
.button2{
height:41px;
font:21px/33px Cabin, Arial, Helvetica, sans-serif;
color:#fff;
background:url(../images/button3-bg.gif) repeat-x;
}
.button2 strong{
background: url(../images/button3-right.gif) right no-repeat;
float:left;
}
.button2 b{
float:left;
padding:0 12px 0 14px;
background:url(../images/button3-left.gif) left top no-repeat;
}
.button2:hover{
color: #fffaa6;
}
.extra-wrap {
overflow:hidden;
position: absolute;
bottom: 0;
}
p {
margin-bottom:19px;
}
.p1 {
margin-bottom:9px;
}
.p2 {
margin-bottom:19px;
}
.p3 {
margin-bottom:27px;
}
.red{
color:#d47719;
}
.white{
color:#fff;
}
/*----- txt, links, lines, titles -----*/
a {
color:#d52d00;
outline:none;
}
a:hover {
text-decoration:none;
}
/*==================boxes====================*/
dl.address {
margin-bottom:22px;
}
dl.address dd {
text-align:right;
clear:both;
}
dl.address dd span {
float:left;
}
dl.img-box,.img-box-set dl {
overflow:hidden;
}
.img-box-set{
margin-top:-30px;
}
.img-box-set dl{
padding-top:30px;
}
dl.img-box dt ,.img-box-set dl dt{
float:left;
padding-right:22px;
}
dl.img-box dd ,.img-box-set dl dd{
overflow:hidden;
padding-bottom:0;
}
/*===== header =====*/
header nav{
width:1016px;
height:83px;
position:absolute;
left:-41px;
top:80px;
background:url(../images/nav-bg.png);
text-transform: uppercase;
}
header h1{
position:absolute;
left:0px;
top:-37px;
}
header h1 a{
font:54px/1.2em Cabin, Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
}
header h1 .slogan{
font:10px Cabin, Arial, Helvetica, sans-serif;
color:#858585;
text-transform:uppercase;
position:absolute;
left:2px;
top:50px;
}
header nav ul{
float:right;
}
header nav ul li{
float:left;
/*background:url(../images/nav-li-.gif) left top no-repeat;*/
}
header nav ul li a{
font:16px/83px Cabin, Arial, Helvetica, sans-serif;
color:#fff;
float:left;
padding:0 15px 0 15px;
text-decoration:none;
}
header nav ul li:hover, header nav ul li.active{
background:url(../images/nav-li+.gif) left top no-repeat;
}
header nav ul li a:hover,header nav ul li.active a{
background:url(../images/nav+.gif);
}
header nav ul li a:visited, header nav ul li a:link {
color:#fff;
text-decoration:none;
}
.header-pic{
width:1015px;
height:465px;
/*background:url(../images/header-pic.jpg);*/
position:absolute;
left:0;
top:172px;
}
.header-pic img.prop{
position:absolute;
left:90px;
top:82px;
}
.header-pic p.prop{
width:330px;
color:#fff;
position:absolute;
left:90px;
top:233px;
line-height:18px;
}
.header-button1{
position:absolute;
left:84px;
top:315px;
}
.header-button2{
position:absolute;
left:207px;
top:315px;
}
/*===== content =====*/
.gray-block{
margin-top:10px;
background: url(../images/gray-block-bg.png) repeat-y;
width:1016px;
}
/*
#page2 .gray-block .top{
background: url(../images/gray-block2-top.png) no-repeat;
}
#page2 .gray-block .bot{
background: url(../images/gray-block2-bot.png) no-repeat bottom;
}
.gray-block .top{
background: url(../images/gray-block-top.png) no-repeat top;
}
*/
.gray-block .bot{
background:url(../images/gray-block-bot.png) no-repeat bottom;
padding:32px;
overflow:hidden;
}
.gray-block h2{
font:25px/1.2em Cabin, Arial, Helvetica, sans-serif;
color:#fff;
text-transform:uppercase;
padding-bottom:20px;
}
.gray-block .colum{
width:180px;
color:#989797;
line-height:17px;
/* position: relative;
height: 350px;
*/
}
.gray-block .colum.pr{
float:left;
margin-right:75px;
/* position:relative;
height: 350px;
*/
}
.white-block{
width:952px;
overflow:hidden;
background:#fff;
-moz-border-radius:6px;
border-radius:6px;
margin-top:11px;
padding:32px;
}
.white-block h2{
color:#1b1b1b;
font:32px/1.2em Cabin, Arial, Helvetica, sans-serif;
text-transform:uppercase;
/*background:url(../images/h2.gif) bottom repeat-x;*/
padding-bottom:16px;
margin-bottom:17px;
border-bottom:1px dashed #999;
}
.white-block h3{
color:#1b1b1b;
font:32px/1.2em Cabin, Arial, Helvetica, sans-serif;
text-transform:uppercase;
padding-bottom:16px;
margin-bottom:17px;
border-bottom:solid thin;
}
.white-block .col.pr{
float:left;
margin-right:41px;
/* position:relative;
min-height:400px; */
}
/*
.white-block .col.fleft {
position: relative;
min-height:400px;
}
*/
.white-block .list a{
color:#989797;
font-weight:bold;
background:url(../images/marker2.gif) left center no-repeat;
padding-left:12px;
}
.list {
margin-bottom: 10px;
}
.white-block .scripts ul {
float:right;
}
.white-block .scripts li {
display: inline;
background: none;
padding: 0 10px 0 10px;
}
.white-block .scripts .column_pr {
float: left;
margin-right: 10px;
font-size: 20px;
padding-top:20px;
width:120px;
}
.white-block .scripts .column_pr img {
width: 100%;
}
/*
.white-block .scripts img {
width: 64px;
}
*/
.faq li {
background-image:none;
}
.faq_answer {
margin-bottom:45px;
}
.faq_answer li {
background:url(../images/marker2.gif) 5px 8px no-repeat;
padding-left:12px;
}
.script_img img {
width:64px;
padding: 0 2px;
}
.script_img {
float:left;
width:70px;
margin: 0 10px;
}
.script_desc {
text-align:center;
}
.price{
line-height:22px;
}
.price .col1{
width:316px;
font-weight:bold;
color:#989797;
}
.price .col2{
width:80px;
font-weight:bold;
}
.price .col3{
width:106px;
font-weight:bold;
color:#e00b0b;
}
.hosting .colum.pr {
margin-right: 50px;
}
.hosting .colum {
width: 150px;
}
/*===== footer =====*/
footer nav{
height:76px;
background: url(../images/footer-nav-bg.png);
-moz-border-radius:6px;
border-radius:6px;
padding-left:32px;
}
footer nav li,footer nav li a{
float:left;
color:#7e7e7e;
font:12px/76px Cabin, Arial, Helvetica, sans-serif;
margin-right:12px;
}
footer nav li a:visited, footer nav li a:link {
color:#7e7e7e;
text-decoration:none;
}
* html footer nav li,* html footer nav li a{
margin-right:10px;
}
footer .privacy{
font:12px Cabin, Arial, Helvetica, sans-serif;
color:#fff;
padding:24px 0 0 30px;
}
/*----- forms -----*/
.login{
float: right;
padding: 8px;
font:11px/12px Cabin, Arial, Helvetica, sans-serif;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
background: #fffaa6; /* Old browsers */
background: -moz-linear-gradient(top, #fffaa6 11%, #edd626 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(11%,#fffaa6), color-stop(99%,#edd626)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fffaa6 11%,#edd626 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fffaa6 11%,#edd626 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fffaa6 11%,#edd626 99%); /* IE10+ */
background: linear-gradient(top, #fffaa6 11%,#edd626 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffaa6', endColorstr='#edd626',GradientType=0 ); /* IE6-9 */
}
.login a{
color:black;
padding: 0 10px;
font-size: 14px;
}
.login label{
float:left;
background:url(../images/login-input.gif);
margin-right:3px;
}
#phone {
float:right;
text-align: right;
margin-right: 25px;
color: white;
font-size: 14px;
}
#login label input{
background:none;
width:88px;
color:#959595;
border:none;
padding:4px 0 4px 4px;
font:12px Cabin, Arial, Helvetica, sans-serif;
}
#login .submit{
width:45px;
height:23px;
float:left;
background:url(../images/login-submit.gif);
border:none;
cursor:pointer;
margin-right:10px;
}
/*==========================================*/