* {padding: 0; margin: 0;}
html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr
{
margin:0px;
padding:0px;
border:0px;
border-collapse:separate;
border-spacing:0px;
}
input,select{
margin:0;
padding:0;
}
body {
margin:auto;
background-color:#000000;
height:100%;
font:12px Verdana;
color:#000;
background-image: url('images/bg.png');
background-attachment:fixed;
}
strong {
color:#CC3333;
}
#wrapper_one {
width:1024px;
margin:20px auto;
}
#wrapper {
width:1024px;
margin:40px auto;
background-color:#FFFFFF;
}
#header {
width:1024px;
padding:10px;
height:100px;
/* background-color:#6192DF; */
font:30px Arial,
Helvetica, sans-serif;
}
#header_logo{
width:365px;
height:121px;
margin-top:-20px;
margin-left:0px;
background-image:url('images/logo.png');
}
#mainhdr {
width:1006px;
padding:10px;
height:250px;
font:30px Arial,
Helvetica, sans-serif;
background-color:#000CD6;
}
#sidebar1 {
width:180px;
padding:10px;
float:left;
/* background-color:#8BABDF; */
background-color:#FFFFFF;
}
#content {
width:604px;
margin:0 10px;
height: auto;
float:left;
background-color:#FFFFFF;
}
#content_home {
width:668px;
padding:10px;
height: auto;
float:left;
background-color:#FFFFFF;
}
#sidebar2 {
width:180px;
padding:10px;
float:right;
/* background-color:#8BABDF; */
background-color:#FFFFFF;
z-index:-1;
}
#sidebar2_home {
width:310px;
padding:10px;
float:left;
/* background-color:#8BABDF; */
background-color:#FFFFFF;
z-index:1;
}
#footer {
design:inline;
width:1004px;
padding:10px;
height: auto;
background-color:#2D6DA4;
clear:both;
overflow:hidden;
}
#footer_note {
padding:0;
width:450px;
height: auto;
float:left;
display:inline;
color:white;
}
#footer_note a:link{color:#FFFFFF; text-decoration:none;}
#footer_note a:visited{color:#FFFFFF; text-decoration:none;}
#footer_note a:hover{color:#FFCC00; text-decoration:none;}
#small_menu {
position:relative;
left: -10px;
top: -10px;
display:inline;
}
a#home:hover img {background: url(images/home2.png) top left no-repeat;}
a#hosting:hover img {background: url(images/plans2.png) top left no-repeat;}
a#feature:hover img {background: url(images/features2.png) top left no-repeat;}
a#support:hover img {background: url(images/support2.png) top left no-repeat;}
a#contact:hover img {background: url(images/contact2.png) top left no-repeat;}
#basicad {
position:relative;
left:50px;
}
/*#########################################################*/
/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */
.indentmenu{
font: bold 13px Arial;
width: 700px;/*leave this value as is in most cases*/
}
.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid darkred; /*darkred border*/
background: black url(images/indentbg.gif) center center repeat-x;
}
.indentmenu ul li{
display: inline;
}
.indentmenu ul li a{
float: left;
color: black; /*text color*/
padding: 3px 11px;
text-decoration: none;
border-right: 1px solid darkred; /*darkred divider between menu items*/
}
.indentmenu ul li a:visited{
color: black;
}
.indentmenu ul li a.selected{
color: black !important;
padding-top: 4px; /*shift text down 1px*/
padding-bottom: 2px;
background: white url(images/indentbg2.gif) center center repeat-x;
}
/* ################################################################### */
#mainpg_ad1 {
position:relative;
background-image:url('images/ad1.png');
width:728px;
height:120px;
}
#lrg_ad {
position:absolute;
background-image:url('images/lrg_long_ad.png');
margin-top:30px;
margin-left:10px;
width:159px;
height:228px;
z-index:1;
}
#ad1_small {
position:relative;
background-image:url('images/small_ad1.png');
width:173px;
height:97px;
z-index:1;
}
#ad2_small {
position:relative;
background-image:url('images/small_ad2.png');
width:173px;
height:97px;
}
#ad3_small {
position:relative;
background-image:url('images/small_ad3.png');
width:173px;
height:97px;
}
#sales-logo {
position:relative;
background-image:url('images/sale-logo.png');
width:216px;
height:73px;
left: 480px;
top: -58px;
}
#feature-logo {
position:relative;
background-image:url('images/logo_features.png');
width:614px;
height:141px;
left: 0px;
top: 0px;
}
#message {
position:relative;
width:600px;
height:300px;
left: 0px;
top: 0px;
}
#basic_info {
position:relative;
margin-left: 15px;
margin-top: 185px;
}
#basic_info1 {
position:relative;
left: 20px;
top: 59px;
}
#basic_info2 {
position:relative;
left: 20px;
top: 60px;
}
#basic_info3 {
position:relative;
left: 570px;
top: 78px;
}
#ad-starter {
width:180px;
height:150px;
position:relative;
left: 750px;
top: 0px;
clear:both;
}
#plans_basicad1 {
position:relative;
background-image:url('images/basic_ad.png');
width:892px;
height:300px;
}
#plans_startad1 {
position:relative;
background-image:url('images/starter_ad.png');
width:892px;
height:300px;
}
#plans_sbp_ad1 {
position:relative;
background-image:url('images/sbp_ad.png');
width:892px;
height:300px;
}
#plans_aff_ad1 {
position:relative;
background-image:url('images/afford_ad.png');
width:892px;
height:300px;
}
#ordnow {
position:relative;
left: 730px;
top: 240px;
}
/*### Left Column Menu ###*/
#brands-block{background:url(images/main_block_border.gif) left top repeat-x; width:100%; margin-bottom:16px;}
#border-bot{background:url(images/main_block_border.gif) left bottom repeat-x;}
#border-left{background:url(images/main_block_border.gif) left top repeat-y;}
#border-right{background:url(images/main_block_border.gif) right top repeat-y;}
#corner-left-top{background:url(images/main_block_corner_left_top.gif) left top no-repeat;}
#corner-right-top{background:url(images/main_block_corner_right_top.gif) right top no-repeat;}
#corner-left-bot{background:url(images/main_block_corner_left_bot.gif) left bottom no-repeat;}
#corner-right-bot{background:url(images/main_block_corner_right_bot.gif) right bottom no-repeat; padding:26px;}
#corner-right-bot{padding:18px 16px 19px 17px;}
#brands-block h3{margin-bottom:10px; font-size:1em;}
#block-title {color:#000;}
#block-title {font-size:1em; text-transform:uppercase; font-weight:bold;}
#block-title a{text-decoration:none;}
#block-title a:hover{text-decoration:none;}
#block-content{padding:0px 10px 0; font-size:0.9em;}
#brands-block ul li{line-height:1.em;}
#brands-block ul li a{color:#0F1E3B; text-decoration:none;}
#brands-block ul li a:hover{color:#0F1E3B; text-decoration:underline;}
#brands-block ul li#first a{color:#FA028A;text-decoration:none;}
#brands-block ul li#first a:hover{color:#FA028A;text-decoration:underline;}
#block-content a:link {text-decoration:none;}
#block-content a:hover {text-decoration:none;}
#block-content a:visit {text-decoration:none;}
#full-width{width:100%;}
#advertizement1 {
margin-left:-18px;
}
/* Contact Form CSS */
#contactform {
font-family: verdana;
width: 600px;
margin-left:30px;
}
#contactbody {
margin-left:40px;
}
#contactform h1 {
font-size: 130%;
}
#contactform img {
border: 0px;
}
#contactform .errors {
color: #ff0000;
}
#contactform .correct {
color: black;
}
#contactform legend {
font-size: 120%;
font-weight: bold;
}
#contactform .title {
color: black;
font-weight: bold;
font-size: 90%;
margin-top: 2px;
margin-bottom: 5px;
}
#contactform .field {
color: black;
font-size: 90%;
margin-bottom: 7px;
}
#contactform .small {
font-size: 100%;
}
#contactform .thanks {
margin-top: 15px;
color: green;
font-size: 105%;
margin-bottom: 15px;
}
#loc_SSL {
position: absolute;
margin-left:365px;
margin-top:200px;
}
.clear{
clear:both;
}