/*_________________
Default stylesheet
_________________*/


/*___________________________________________GENERAL*/

body {
min-width: 788px;
padding-bottom: 14px;
text-align: center; 
font-family: arial, sans-serif;
background: #ebefef;
color: #292d2d
}

* {
margin: 0; 
padding: 0
}

a {
color: #292d2d;
text-decoration: none
}

a:hover {
color: #000
}

img  {
border: 0;
vertical-align: bottom
}

img.left {
float: left;
margin: 0 10px 2px 0
}

img.right {
float: right;
margin: 0 0 2px 10px
}

ul {
list-style: none
}

/*___________________________________BASIC LAYOUT*/

#box {
width: 788px;
margin: 0 auto;
padding-top: 14px;
text-align: left;
background: #fff
}

/*___________________________________HEADER*/
#header {
clear: both;
width: 760px;
height: 88px;
margin: 0 14px;
background: #707a7b url(../img/header.gif) no-repeat 164px 0
}

#header h1 {
display: block;
float: left;
text-indent: -900em;
height: 0
}

#header img {
float: left;
width: 164px;
height: 88px;
background: #f5e30c
}

ul#main_nav {
float: left;
width: 576px;
margin-left: 20px;
padding: 60px 0 0 0
}

ul#main_nav li, ul#main_nav li a {
display: block;
float: left;
width: 110px;
height: 28px
}

ul#main_nav li a {
background-position: 0 28px;
background-repeat: no-repeat;
text-indent: -900em
}

ul#main_nav li.active a, ul#main_nav li a:hover {
background-position: 0 0
}

#m_tarify {
background: url(../img/m_tarify.gif)
}

#m_info {
background: url(../img/m_info.gif)
}

#m_payment {
background: url(../img/m_payment.gif)
}

#m_discounts {
background: url(../img/m_discounts.gif)
}

#m_about {
background: url(../img/m_about.gif)
}

/*___________________________________UTILITIES*/
#utilities {
clear: both;
height: 24px;
overflow: hidden;
background: #d5dadb;
margin: 2px 14px;
}

#utilities ul {
float: left;
width: 450px;
padding: 0 7px
}

#utilities ul li {
display: inline;
margin-right: 10px;
padding-left: 16px;
background: url(../img/bullet.gif) no-repeat 0 8px;
font-size: .7em;
padding-top: 6px;
}

#utilities img {
float: none;
width: 8px;
height: 9px;
margin-top: -3px;
background: transparent;
vertical-align: middle;
}

#utilities strong {
display: block;
float: right;
width: 280px;
padding: 5px 8px 0 0;
text-align: right;
font-size: .7em;
font-weight: normal
}

#utilities strong span {
padding: 0 4px;
height: 7px;
background: #f5e30c;
font-size: 7px;
display: inline-block
}

#utilities strong span.away {
background: #f5f5f5
}

#utilities strong span.offline {
background: #f54a0c
}

/*___________________________________INFO COLUMN*/
#info_col {
float: left;
margin: 0 2px 0 14px;
padding: 20px 0;
}

#promo_maxi {
width: 450px;
height: 180px
}

/* CHECK DOMAIN */
form#f_check {
width: 308px;
height: 72px;
background: url(../img/check_domain.jpg)
}

form#f_check input {
border: 0;
font-size: 10px;
vertical-align: top
}

form#f_check select {
background: #fff;
font-size: 10px;
vertical-align: top
}

form#f_check input#domain {
width: 216px;
margin-left: 14px;
padding: 1px 0 4px 0;
line-height: 19px;
}

h2#check_domain {
height: 38px;
background: url(../img/h_check.gif) no-repeat 14px 14px;
text-indent: -900em
}

/* FREE DOMAIN */
h2#free_domain {
height: 32px;
background: url(../img/h_free_domain.gif) no-repeat 14px 14px;
text-indent: -900em
}

#promo_2 {
height: 108px;
overflow: hidden;
background: url(../img/free_domain.gif) 
}

#promo_2 p {
margin: 0 60px 0 14px;
color: #fff;
font-size: .65em
}

/*___________________________________RIGHT COLUMN*/
#right_col {
float: left;
width: 308px;
margin-right: 14px;
padding: 20px 0;
}

/*___________________________________MAIN LEFT*/
#main_left {
float: left;
width: 436px;
margin: 0 14px 28px 14px
}

h2#site_help {
height: 24px;
background: url(../img/h_site_help.gif) no-repeat;
text-indent: -900em
}

#main_left p {
margin-bottom: 20px;
font-size: .7em;
line-height: 140%;
}

#main_left img {
margin-bottom: 20px;
}

p.note {
margin-top: -7px;
color: #707a7b
}

#main_left p a, #main_right p a, #main_content h4 a, #main_content li a {
font-weight: bold;
border-bottom: solid 1px #d5dadb
}

#main_left p a:hover, #main_right p a:hover, #main_content a:hover {
border-color: #fff
}

a.more {
padding-left: 16px;
background: url(../img/bullet.gif) no-repeat 0 3px;
border: 0 !important;
font-weight: bold
}

/*___________________________________MAIN RIGHT*/
#main_right {
float: left;
width: 306px;
margin: -11px 0 30px 0;
border: solid 1px #eff2f2
}

h2#news {
float: left;
position: relative;
width: 200px;
height: 35px;
margin: -1px 0 0 -1px;
background: url(../img/h_news.gif) no-repeat;
text-indent: -900em
}

a#news_archive {
display: block;
float: left;
width: 94px;
height: 10px;
overflow: hidden;
margin-top: 12px;
background: url(../img/news_archive.gif);
text-indent: -900em
}

#main_right p {
clear: both;
margin: 0 14px 20px 14px;
font-size: .7em;
line-height: 140%;
}

#main_right p span {
color: #707a7b;
font-weight: bold
}

/*___________________________________SECTION / SIDEBAR*/
#sidebar {
float: left;
width: 162px;
overflow: hidden;
margin: 30px 22px 40px 14px
}

ul#section_nav {
margin-bottom: 20px;
border-top: solid 1px #ebefef
}

ul#section_nav li {
background: url(../img/arrow_black.gif) no-repeat 0 50% 
}

ul#section_nav li a {
display: block;
padding: 4px 8px;
border-bottom: solid 1px #ebefef;
font-size: .7em
}

ul#section_nav li a:hover, ul#section_nav li.active a {
background: #f5e30c
}

ul#section_nav li.active a {
font-weight: bold;
cursor: default
}

/*___________________________________SECTION / CONTENT*/
#main_content {
float: left;
width: 576px;
margin: 30px 0 40px 0
}

#main_content p, #main_content dt, #main_content dd {
margin-bottom: 20px;
font-size: .7em;
line-height: 140%
}

#main_content dt {
margin-bottom: 0;
font-weight: bold
}

#main_content p a {
border-bottom: solid 1px #D5DADB;
font-weight: bold
}

#main_content table {
width: 100%;
margin-bottom: 20px;
font-size: 11px
} 

#main_content table td {
padding: 3px 20px 3px 0;;
vertical-align: top
} 

#main_content form table td {
width: 288px;
padding: 6px 20px 8px 0;
border-bottom: solid 1px #ebefef
} 

#main_content ul {
margin-left: 14px;
font-size: 8pt
} 

#main_content ul li {
padding-left: 8px;
margin-bottom: 8px;
background: url(../img/arrow_black.gif) no-repeat 0 50%;
} 

/* WHOIS RESULTS */
#result {
margin: 30px 14px 40px 14px
}

#result div, #result p {
font-size: 8pt
}

#result p a {
border-bottom: solid 1px #D5DADB;
font-weight: bold
}


/* SECTION HEADINGS */
#main_content h2 {
float: left;
width: 576px;
height: 21px;
overflow: hidden;
margin-bottom: 20px;
text-indent: -900em
} 

h2#tarify {
background: url(../img/h_tarify.gif)
}

h2#info {
background: url(../img/h_info.gif)
}

h2#payment {
background: url(../img/h_payment.gif)
}

h2#discounts {
background: url(../img/h_discounts.gif)
}

h2#about {
background: url(../img/h_about.gif)
}

h2#register {
background: url(../img/h_register.gif)
}

h2#check_domain_big {
background: url(../img/h_check_domain.gif)
}

#main_content h3 {
margin-bottom: 14px;
border-bottom: solid 1px #ebefef;
color: #707a7b;
font-size: 1.1em;
font-weight: normal
} 

#main_content h4 {
margin-bottom: 6px;
color: #2a2e2d;
font-size: .8em
} 

#main_content code {
display: block;
margin-bottom: 20px;
padding-left: 7px;
border-left: solid 3px #d5dadb
} 

#main_content ul.progbar {
margin-bottom:1em;
display:block;
clear:both;
}

#main_content ul.progbar li {
height:18px;
font-size:1.1em;
display:block;
float:left;
vertical-align:middle;
}

#main_content ul.progbar li.passed {
background:#f5e30c
}

#main_content ul.progbar li.upcoming {
background:#d5dadb
}

/* FORMS */
#main_content form {
clear: both;
margin-bottom: 24px
}

#main_content form label {
font-size: .7em
}

#main_content form input, #main_content form textarea {
display: block;
margin-bottom: 6px;
padding: 1px 4px;
border: solid 1px #707a7b
} 

#main_content form input[type="hidden"] {
display: none
}

#main_content form input.button {
margin: 4px 0;
background: #f5e30c;
border: 0;
color: #292d2d
} 


#main_content form input.radio {
display: inline;
margin: 0;
padding: 0;
border: 0;
} 

/* 2 COLUMN LAYOUT */
#col_1 {
float: left;
width: 274px;
margin-right: 28px;
}

#col_2 {
float: left;
width: 274px
}

#col_1 h3, #col_2 h3 {
height: 16px;
overflow: hidden;
margin-bottom: 14px;
padding: 0 5px 4px 8px;
background: #707a7b url(../img/h3_bg.gif) no-repeat;
border: 0;
color: #fff;
font: normal .7em/20px arial, sans-serif;
text-transform: uppercase;
}

#col_1 img, #col_2 img {
margin-bottom: 20px;
border: 0 !important
}

#col_2 img.small_margin {
margin: 10px 0 4px 0
}

#col_1 h4, #col_2 h4 {
margin-bottom: 3px;
color: #292d2d;
font-size: .8em;
}

h4.bullet {
padding-left: 14px;
background: url(../img/bullet.gif) no-repeat 0 3px;
text-transform: uppercase
}

h4.bullet a {
border: 0 !important
}

#col_1 table, #col_2 table {
width: 274px;
margin-bottom: 14px
}


/*___________________________________FOOTER*/
#footer {
clear: both;
padding: 4px 4px 6px 4px;
background: #707a7b;
color: #ebefef;
font-size: .65em
}

#footer a {
margin: 0 10px;
color: #fff;
}

#footer a:hover {
text-decoration: none
}

#footer p {
float: right
}

/*___________________________________BUTTONS*/
#buttons {
width: 788px;
margin: 14px auto;
text-align: left;
filter: alpha(opacity=40);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.40; 
opacity:0.4
}


/*___________________________________IE SPECIFIC*/
* html #header img {
margin-left: -3px;
ma\rgin-left: 0
}

* html #utilities ul li {
height: 1%;
}

* html #utilities img {
margin: 0
}

* html ul#main_nav {
margin-left: 17px;
ma\rgin-left: 20px;
}

* html #info_col, * html #main_left, * html #sidebar, * html ul#section_nav li {
display: inline;
}

* html h2#check_domain, * html h2#free_domain {
float: left;
width: 220px
}

* html ul#section_nav li a {
height: 1%
}