body{margin-top: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: center; background-color: #5B5B5B; background-image: url('images/bg_page.png');}

#border{width: 700px; margin-left: auto; margin-right: auto; text-align: left; background-color: #5B5B5B;}

#logo{width: 700px; height: 102px;}
#inner_logo{float: left;}
#flash_button{float: right; clear: right;}
#header_right{float: right;}

#main_navigation{width: 700px;}
#main_navigation ul{list-style-type: none; padding: 0px; margin: 0px; float: right;}
#main_navigation ul li{display: inline; float: left;}
#main_navigation ul li div a{display: block;}

/* Nav Buttons */
a:hover {visibility: visible;}
#button_portfolio{width: 96px; height: 30px; background: url('images/portfolio_on.png') no-repeat; overflow:hidden;}
#button_portfolio a:hover img{visibility: hidden;}
#button_hosting{width: 119px; height: 30px; background: url('images/web_hosting_on.png') no-repeat; overflow:hidden;}
#button_hosting a:hover img{visibility: hidden;}
#button_domains{width: 140px; height: 30px; background: url('images/domain_names_on.png') no-repeat; overflow:hidden;}
#button_domains a:hover img{visibility: hidden;}
#button_started{width: 140px; height: 30px; background: url('images/getting_started_on.png') no-repeat; overflow:hidden;}
#button_started a:hover img{visibility: hidden;}
#button_contact{width: 205px; height: 30px; background: url('images/contact_us_on.png') no-repeat; overflow:hidden;}
#button_contact a:hover img{visibility: hidden;}

#button_portfolio span{text-indent: -100.0em; text-decoration: none;}
#button_hosting span{text-indent: -100.0em; text-decoration: none;}
#button_domains span{text-indent: -100.0em; text-decoration: none;}
#button_started span{text-indent: -100.0em; text-decoration: none;}
#button_contact span{text-indent: -100.0em; text-decoration: none;}

#content{width: 700px; clear: both;}
#overview{}
#overview div.top{width: 700px; height: 17px; background-image: url('images/white_area_top.png'); background-repeat: no-repeat;}
#overview div.main{width: 650px; height: 120px; background-image: url('images/white_area_middle.png'); background-repeat: no-repeat; background-color: #cccccc; padding: 0px 25px 0px 25px;}
#overview div.bottom{width: 700px; height: 13px; background-image: url('images/white_area_bottom.png'); background-repeat: no-repeat;}
#info div.top{width: 700px; height: 17px; background-image: url('images/main_area_top.png'); background-repeat: no-repeat;}
#info div.main{width: 650px; background-image: url('images/main_area_middle.png'); background-repeat: repeat-y; background-color: #cccccc; padding: 0px 25px 0px 25px;}
#info div.bottom{width: 700px; height: 26px; background-image: url('images/main_area_bottom.png'); background-repeat: no-repeat;}
#splash{float: left; width: 267px;}
#description{float: left; width: 363px; font-size: 12px; color: #ffffff; padding: 10px 0px 0px 20px;}
#plans{clear: both;}
#plans div.top{width: 700px; height: 15px; background-image: url('images/orange_area_top.png'); background-repeat: no-repeat;}
#plans div.main{width: 650px; background-image: url('images/orange_area_middle.png'); background-repeat: repeat-y; background-color: #ffffff; padding: 0px 25px 0px 25px;}
#plans div.bottom{width: 700px; height: 26px; background-image: url('images/orange_area_bottom.png'); background-repeat: no-repeat;}
#plans table{width: 650px; border-collapse: collapse; margin: 0px; padding: 0px;}
#plans th span{line-height: 0px; font-size: 0px; visibility: hidden;}
#plans th h2{font-size: 12px; margin: 0px; color: #011A75;}
#plans th h2.price{font-size: 16px; font-style: italic; color: #AC0000;}
#plans th img{float: left;}
#plans th{vertical-align: top; width: 204px; text-align: center;}
#plans th hr{height: 1px; width: 100px;}
#plans td{vertical-align: top;}
#plans td h2{font-size: 12px; font-weight: bold; display: block; margin: 0px;}
.padding{padding-right: 5px;}
#plans ul{margin-top: 0px; margin-bottom: 0px; list-style-position: outside; margin-left: 0px; padding-left: 20px; list-style: none;}
#plans ul li{margin-bottom: 3px; padding: 0px; font-size: 12px; color: #5B5B5B;}
#plans ul li h2{display: inline;}
#plans ul li span{margin: 0px 5px 0px -15px; background-image: url('images/minus.png'); background-position: center; background-repeat: no-repeat;}
#plans ul li img{margin: 0px 5px 0px -15px;}
#info{}
#info p{margin: 0px; padding: 10px 0px 10px 0px;}

/* Portfolio */
div.project{clear: both; margin-bottom: 25px; font-size: 12px;}
div.project div.thumb{float: left; width: 133px; margin-right: 25px; border: 1px solid #333333;}
div.project div.thumb2{border-bottom: 1px solid #333333;}
div.project div.thumb3{border-top: 1px solid #333333;}
div.project div.description{float: left; width: 450px;}
div.project div.description h3{font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px;}
div.project div.description span{font-weight: bold; margin-right: 10px;}
div.project div.description div{margin-bottom: 5px;}
div.project h2{clear: both;}
div.clear{clear: both; margin-bottom: 25px;}

/* Hosting */
span.price{float: right; display: inline; font-size: 18px; font-weight: bold; margin: 0px; color: #26B000;}

/* Domains */
table.info_table{margin: 15px auto 5px auto; border-collapse: collapse; border-left: 1px solid #D8D8D8; border-top: 1px solid #D8D8D8;}
table.info_table th{background-color: #011B7B; border-right: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; color: #ffffff; text-align: center;}
table.info_table td{border-right: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; text-align: center;}
table.info_table tr.color{background-color: #e5e5e5;}

/* Contact */
#contact_info{float: right; margin: 45px 25px 0px 0px; border: 1px solid #555555; padding: 10px; font-size: 14px;}
#contact_info div{margin-bottom: 5px;}
#contact_formm{float: left; width: 400px; margin: 15px 0px 0px 0px;}
label{display: block;}
input{display: block;}
input.submit{display: inline; border: solid 2px #000000; background-color: #26B000; margin-right: 35px;}
input.reset{display: inline; border: solid 2px #000000; background-color: #eeeeee;}
input.textbox{width: 200px; border: solid 1px #000000; background-color: #B4C3FD; margin-bottom: 15px;}
textarea{width: 395px; border: solid 1px #000000; background-color: #B4C3FD; margin-bottom: 15px; color: #000000; font: Arial, Helvetica, sans-serif;}

#footer{clear: both; height: 17px; background-color: #5B5B5B; background-image: url('images/page_bottom.png'); background-repeat: no-repeat; text-align: center; color: #ffffff; font-size: 10px; padding: 7px 0px 5px 0px;}
#footer a{color: #ffffff; text-decoration: underline;}
#footer a:hover{color: #ffffff; text-decoration: none;}
#footer a:visited{color: #ffffff; text-decoration: underline;}
#footer a:visited:hover{color: #ffffff; text-decoration: none;}

h1{font-size: 22px; font-weight: bold; display: block; margin: 0px;}
h2{font-size: 18px; font-weight: bold; display: block; margin: 0px;}
h2.title{padding: 25px 0px 3px 0px; margin: 0px 0px 15px 0px; color: #0026B4; width: 100%; border-bottom: 1px solid #555555;}
h3{font-size: 18px; font-weight: bold; display: block; margin: 0px; color: #26B000;}

a{color: #011B7B; text-decoration: underline;}
a:hover{color: #26B000; text-decoration: none;}
a:visited{color: #011B7B; text-decoration: underline;}
a:visited:hover{color: #26B000; text-decoration: none;}

form{margin: 0px;}
img{border: 0px;}
.note{font-size: 10px;}
span.extra{font-size: 12px; font-style: italic; font-weight: normal; display: inline;}

ol{margin-top: 15px; margin-bottom: 0px; list-style-position: outside; margin-left: 0px; padding-left: 20px;}
ol li{padding-bottom: 15px;}
div.bottom-margin{padding-bottom: 15px;}