/* ---------------------------
copyright (c) artkmv.com
icq: 997-01-21
email: box@artkmv.com
---------------------------*/

/* reset */

* {padding:0; margin:0;}
img {border: 0;}
table {border-collapse: collapse; border: none;}
table th, table td {font-weight: normal; vertical-align: top;}

/* typographic */

.row {overflow: hidden; zoom: 1; margin-bottom: 10px;}
.row .left {float: left; width: 150px;}
.row .center {float: right; margin-left: 160px;}

a:focus {outline: none;}
a, a:hover {text-decoration: underline; font: 14px arial; color: #2e7198;}
a:hover {text-decoration: none;}

ul li {list-style: none;}
ol li {list-style: decimal inside;}

h4 {font-size: 12px;}
h5 {font-size: 10px;}

/* body */

html {height: 100%;}
body {height: auto !important; height:100%; min-height:100%; font: 14px arial; color: #000; line-height: 16px; background: url(../images/body-top-bg.gif) top repeat-x;}
#wrap {margin: 0 auto; width: 985px;}

/* header */

#header { height: 182px; position: relative;}

#logo {left: 0; top: 24px; position: absolute;}
#logo img {width: 277px; height: 94px;}

#icq-mail {right: 25px; top: 24px; position: absolute;}

.mail a, .mail a:hover {font: 12px arial; color: #3498cc; display: block; margin-bottom: 6px; padding: 0 0 0 21px; background: url(../images/mail.gif) left no-repeat;}
.icq {font: 12px arial; color: #949494; display: block; padding-left: 21px; background: url(../images/icq.gif) left no-repeat;}

#phone {padding-left: 21px; background: url(../images/phone.gif) no-repeat 0 3px; right: 179px; top: 24px; position: absolute; font: 12px arial; color: #949494;}
#phone h1 {font-size: 12px; margin: 0; padding: 0; color: #949494; font-weight: normal; display: inline;}
#phone h2 {font-size: 12px; margin: 0; padding: 0; color: #949494; font-weight: normal; display: inline;}
.phone-number {font: 18px Arial; color: #949494;}

#main-navigation {right: 25px; top: 91px; position: absolute;}
#main-navigation a, #main-navigation a:hover {font: 18px arial; color: #3498cc; margin-left: 34px;}
#main-navigation a:hover {color: #000;}
#main-navigation a:active {font: 18px arial; color: #000;}

/* columns */

#columns {width: 100%; margin: 0 0 40px 0;}
#r-col {width: 212px; border-top: 1px dashed #e5e5e6; padding-top: 25px;}
#c-col {border-top: 1px dashed #e5e5e6; padding-top: 25px;}
#tspx {width: 27px;}

/*content */

.h2 {font: 14px arial; color: #000; margin-bottom: 25px;}

#services li {margin-bottom: 25px; height: 52px;}
.first {padding: 0 0 0 60px; background: url(../images/s1.png) left no-repeat; height: 46px;}
.second {padding: 0 0 0 60px; background: url(../images/s2.png) left no-repeat; height: 46px;}
.third {padding: 0 0 0 60px; background: url(../images/s3.png) left no-repeat; height: 46px;}
.fours {padding: 0 0 0 60px; background: url(../images/s4.png) left no-repeat; height: 46px;}
.fives {padding: 0 0 0 60px; background: url(../images/s5.png) left no-repeat; height: 46px;}

#footer {border-top: 3px double #e2e2e2; height: 46px; position: relative;}
.copy {left: 25px; top: 16px; position: absolute; font: 12px arial; color: #666;}
.copy a, .copy a:hover {font: 12px arial; color: #53a711;}

/* right column */

.faq {margin-bottom: 20px;}
.faq a, .faq a:hover {font: 11px arial; color: #52aa16; line-height: 18px;}

.inwork {margin-bottom: 20px; padding: 5px 5px 10px 5px; border: 1px solid #e5e5e6; font-size: 12px;}
.inwork img {margin-bottom: 15px;}
.inwork span {font: bold 12px arial; color: #2e7198;}

.post-date {width: 45px; height: 49px; background: url(../images/date-bg.gif) no-repeat;}
.post-month { font-size: 10px; color: #fff; text-align: center; display: block; line-height: 11px; padding: 2px 0 0 0;}
.post-day {font-size: 18px; text-transform: uppercase; color: #000; text-align: center; display:block; line-height: 18px; padding: 7px 0 0 0; margin-left: -3px;}

.news {margin: 0 0 25px 0; overflow: hidden; _zoom: 1;}
.news .date-l {float: left;}
.news .news-body {margin-left: 0;}
.news .news-body2 {margin-left: 60px;}
.news h1 {padding-bottom: 15px;}
.news h1 img {vertical-align: middle;}

h1 strong {background: url(../images/go2.gif) 0 75% no-repeat; padding-left: 20px;}
h1 strong a, h1 strong a:hover {font: 12px arial; color: #000;}

/* fullnews */

.fn {padding: 0px 19px 14px 19px; background: #e6e6e6; width: 600px;}

.price {background: url(../images/price-bg.png) no-repeat; width: 166px; height: 24px; font: 14px arial; color: #fff; text-align: center; padding-top: 6px;}
.price a, .price a:hover {font: 14px arial; color: #fff;}
.site-type {font: bold 16px arial; color: #000;}

.markup-ul {margin-top: 10px;}
.markup-ul li {background: url(../images/arrow.png) no-repeat; padding-left: 25px; margin-bottom: 5px;}

.markup-ul2 {margin: 0px;}
.markup-ul2 li {background: url(../images/arrow.png) no-repeat; padding-left: 25px; margin-bottom: 2px;}

.domain-t {border: 1px solid #cecece; width: 600px;}
.domain-t th {border: 1px solid #cecece; color: #505050; background: #f0f0f0; padding: 5px; font: bold 14px arial; text-align: left;}
.domain-t td {border: 1px solid #cecece; padding: 5px;}

.hosting-t {border: 1px solid #cecece; width: 600px;}
.hosting-t th {border: 1px solid #cecece; color: #505050; background: #f0f0f0; padding: 5px; font: bold 14px arial; text-align: left; width: 20%;}
.hosting-t td {border: 1px solid #cecece; padding: 5px; width: 20%;}

.webhost {float: right; margin-right: 60px;}
.new-window {color: #aaaaaa; font-size: 11px;}

.seo-row {overflow: hidden; _zoom: 1;}
.seo-row img {float: right; margin-right: 15px; margin-left: 20px;}

#about-us {padding: 14px 19px 14px 19px; background: #eaeaea; font: 12px arial; margin: 40px 0 0 0 !important;}
#about-us a, #about-us a:hover {font: 12px arial; color: #2e7198;}
#about-us h1 {font: bold 12px arial !important; color: #000 !important; margin: 0 0 10px 0 !important; padding: 0 !important;}
#about-us h2 {font: bold 12px arial !important; color: #000 !important; margin: 0 0 10px 0 !important; padding: 0 !important;}
#about-us h3 {font: bold 12px arial !important; color: #000 !important; margin: 0 0 10px 0 !important; padding: 0 !important;}
#about-us div {font: 12px arial; color: #333; padding: 0 0 15px 0; display: block;}
#about-us strong {font-weight: normal !important;}