@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,img { margin:0;padding:0;}
/*  --------------------  */
/*  =GENERAL RULES
/*  --------------------  */

/* hide from ie on mac \*/
html {
	height: 100%;
}
#flashcontent {

}
/* end hide */

body {
	background:	#ffffff
	color: #383838;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Lucida Bright, Arial, Verdana, sans-serif;
}
#altcontent {
	margin: 0 auto;
	width: 600px;
}
p {
	color: #383838;
	font-family: Lucida Bright, Arial, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0px 0 10px 10px;
}
.style1 {
	color: #FFFFFF;
	font-weight: bold;
}
.style2 {
	color: #1c53c8;
	font-weight: bold;
}
.style3 {color: #FF0000}
.style4 {color: #000000}
.style10 {font-weight: bold}
.style12 {color: #1c53c8}
.style13 {font-size: 14px}
.style14 {color: #666666}

strong {
	color: #1c53c8;
	font-weight: bold;
}
em {
	font-style: normal;
	font-weight: bold;
}


/*  --------------------  */
/*  =HEADERS
/*  --------------------  */
h1, h2, h3, h4, h5, h6 {
	color: #383838;
	font-family: "Gill Sans", Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0px 0 .25em 10px;
}

h1 {
	font-size: 18px; text-align:center; padding-top:5px;
}
h2 {
	font-size: 1em; color:#194cb9; padding-top:0px;
}
h3 {	
	font-size: 1em; color:#9c1f32
}
h4 {
	font-size: 1.1em;
}
h5 {
	font-size: 1em; color:#194cb9; padding-top:0px;
}
h6 {
	font-size: 1em; color:#339e31
}

a:link {
	color: #383838;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #383838;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #9c1f32;
	text-decoration: underline;
}
img{border:none;}

#hlogin { float:right; margin-top:0px; width:340px; height:154px; background-image:url(../img/bg/special.jpg);	background-position:bottom;	background-repeat:no-repeat; z-index:0;}
#login { float:right; margin-top:0px; width:350px; }
#toplogo { float:left; margin-top:0px; width:545px; }
#lcontainer { width: 898px; margin:0 auto; min-height:80px; padding-top:0px; margin-top:0px; padding-right:0px; border-left:1px solid #000000; border-right:1px solid #000000;} 

#container { width: 900px;  margin: 0 auto;}
#containerp{ display:block; width:900px; margin:0 auto; padding-top:5px; clear:both;}
#containerbtm{ display:block; width:900px; margin:0 auto; padding-top:10px; clear:both;}
#box{ width: 900px; height:300px; background: url(../img/home/box899.jpg) no-repeat; margin: 0 auto; margin-left:0px;}

#btmbox1{ width: 300px; height:250px; background: url(../img/home/btmbox.jpg) no-repeat left; float:left; margin:0px auto; padding-top:0px;}
#btmbox1 p{margin-right:10px;}

#btmbox2{ width: 300px; height:250px; background: url(../img/home/btmbox.jpg) no-repeat center; float:left; margin:0px auto;padding-top:0px;}
#btmbox2 h3{margin-left: 15px;}
#btmbox2 p{margin-left: 15px; margin-right:10px; color:#999999; margin-bottom:4px;}
#btmbox2l{ width: 140px; height:135px;  float:left; margin:0px auto; padding-top:0px;}
#btmbox2r{ width: 160px; height:135px; float:left; margin:0px auto; padding-top:0px;}

#btmbox3{ width: 300px; height:250px; background: url(../img/home/btmbox.jpg) no-repeat right; float:left; margin:0px auto;padding-top:0px;}
#btmbox3 h3{margin-left: 18px;}
#btmbox3 p{margin-left: 18px;}

#transferl{ min-width: 150px; float:left; margin:0px auto;padding-left:30px; font-weight:bold; font-size:13px;}
#transferr{ min-width: 150px; float:left; margin:0px auto;padding-left:5px;font-weight:bold; font-size:13px;}

#containerbody { width: 460px; padding-left:10px; margin: 0 auto;}

#mboxleft{ width: 440px; float:left; margin: 0 auto; padding-left:5px; }
#mboxright{ width: 440px; float:left; background: url(../img/home/Vertical-Divider.png) no-repeat; margin: 0 auto; padding-left:15px; }
#btmline{ width: 885px; height:2px; background-color:#CCCCCC; float:left; margin: 0 auto; margin-left:7px;}

#cleft{ width: 640px; float:left; margin: 0 auto; padding-left:0px;}
#cright{ width: 250px; float:left; margin: 0 auto; padding-left:0px;}
#crightd{ width: 250px; height:502px; float:left; margin: 0 auto; padding-left:0px; background-image:url(../img/bg/design.jpg); text-align:center;}
#leftbox  { float: left; margin-left: 0px;  margin-right:5px; margin-top: 5px; padding-bottom:5px; width: 210px;  } 
#rightbox { float: left; margin: 0px; margin-right: 0px; padding-bottom:5px; width: 220px; }
#rightbox ul {    list-style: none; margin-left:10px;} 
#rightbox li { background: url(bluebullet.png) no-repeat;  padding-left: 20px; padding-bottom:5px;}
.theader { font-weight:bold;font-size:15px; height:25px; padding-top:4px; padding-left:5px; background-image: url(../img/bg/bgtitle.jpg); color:#FFFFFF; }
.theaderu { font-weight:bold;font-size:16px; height:25px; padding-top:4px; padding-left:0px; border-bottom:1px	#000000	solid; }

#space { width: 899px; height:10px; padding-left:0px; margin: 0 auto;}

div.buttons { background: url("button_host.png") no-repeat top; width:220px; height:104px; margin-top:-10px; text-align:center; }

div.buttons:hover { background: url("button_over_host.png") no-repeat top; }

div.buttonse { background: url("button_referral.png") no-repeat top; width:220px; height:163px; text-align:center; }

div.buttonse:hover { background: url("button_over_referral.png") no-repeat top; }

ul{ list-style:none}
ol { margin:0 0 5px -10px; font-size:13px;} 
ol li { padding-left:-10px; padding-bottom:3px; font-weight: 500;}

#referral { margin:0; padding:0;}
#referral ol { margin:0 0 5px -10px; font-size:14px;list-style:none } 
#referral ol li { padding-left:-10px; padding-bottom:3px; font-weight: 500;}

#footer{ margin: 0 auto; text-align:center; font-size:14px; width:901px; background-image:url(../img/bg/btmbg.png); background-position:bottom; background-repeat: repeat-x; border-top:2px #383838 solid; }
#footer a{ color: #999999;}
#footer a:hover{ color: #9c1f32; text-decoration:underline;}

#footercopy{ margin-top:0px; text-align:center; margin: 0 auto; font-size:9px; width:901px; }
#footercopy a{ color: #999999;}
#footercopy a:hover{ color: #9c1f32; text-decoration:underline;}
/*----------------------------------------------------------- MAIN NAVIGATION -----------------------------------------------*/
ul#menu
{
	margin:0;
	border:0 none;
	padding:0;
	min-width:896px; 
	list-style:none;
	height:30px;
	line-height:15px; 
		background:#000000 url(../img/menu/menuBG.png);
}

ul#menu li
{
	display:block;
	float:left;
	margin:0;
	pading:0;
}
	
ul#menu li a
{
	padding:7px 31px 8px 33px;
	float:none !important; /*For Opera*/
	float:left; /*For IE*/
	display:block;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	border-right:1px solid #818181;
	text-decoration:none;
	min-width:42px;
	height:auto !important;
	height:1%; /*For IE*/
	z-index:3;
}


ul#menu li a:hover
{	
	background:#333333;
	color:#FFFFFF;
	
}

ul#menu li a.current
{
	border-bottom:4px solid #FF0000;	
	float:left;
	margin:0;
	background:#000000;
	color:#FFFFFF;
	background:#000000 url(../img/menu/menuhover.gif);
}

ul#menu li a.last
{	
	border:none
}

/*------------------------------------------------------------- Info Tip  ---------------------------------------------------------*/ 
	#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 0px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }


#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background: url('shadow.png');
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	width: 220px;
	text-align: left;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.pretty2 {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background: url('shadow.png');
}
#tooltip.pretty2 h3 {
	margin-bottom: 0.75em;
	width: 220px;
	text-align: left;
}
#tooltip.pretty2 div { width: 220px; text-align: left; }


#tooltip.fancy {
	background: url('shadow2.png');
	padding-top: 18px;
	height: 140px;
}

#tooltip.fancy h3 {
	margin-bottom: 0.75em;
	text-align: left;
}
#tooltip.fancy.viewport-right {
	background: url('shadow2-reverse.png');
}

#extended { margin: 2em 0; }
#extended label { text-decoration: underline; }
#yahoo { width: 7em; }
#right, #right2 { text-align: right; }
#tooltip.right { width: 250px; }
#fancy2 { margin:0 auto; padding-left:0px; padding-right:0px; }

/*------------------------------------------------------------- Hosting Plans Page---------------------------------------------------------*/
#seoborderl { float: left; margin-left: 0px; width:900px;  margin-top: 0px; background-image: url(../img/bg/bgpages.gif); background-repeat: repeat-y; height:auto; font-size:13px; z-index:1;} 
#planl1 { float: left; padding-left: 0px; margin-left:0px; width:300px; margin-right: 0px; margin-top:10px;} 
#planl2 { float: left; padding-left: 0px; margin-left:0px; width:300px; margin-right: 0px; margin-top:10px;} 

#planright { float: left; margin-left:5px; width:280px; margin-right: 0px;} 
#planright dl { margin:0 0 -1px 30px; font-size:13px; list-style: inside} 
#planright li { padding-left:0px; padding-bottom:0px; font-weight: 500;}
#planright p { padding-left:0px; margin-bottom:5px;}