@charset "UTF-8";

/*  body  */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	min-width: 836px;
	text-align: center;
	background: #FFFFFF;
}


/*  standard tags  */
h1 {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	margin-bottom: -10px;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin-bottom: -12px;
}

li {
	font-size: 12px;
	text-align: left;
}

p {
	font-size: 12px;
	text-align: left;
}


a, a:focus, a:active, a:hover, a:link {
	border: none;
	cursor: hand;
	color: #92CB00;
	text-decoration: none;
}

a.signUp {
	font-weight: bold;
	font-size: 18px;
}

a.signUp:hover {
	/*font-size: 16px;*/
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


span.blackType {
	color: #333333;
}


img {
	border: none;
}

/*  header  */
div.header {
	background-image:url(../images/header/header_spacer.png);
	background-repeat:repeat-x;
	width: 100%;
	height: 92px;
}

div.topLogo {
	position: absolute;
	left: 0px;
	width: 428px;
	height:92px;
}

div.topRight {
	background-image:url(../images/header/topRightBG.png);
	background-repeat:repeat-x;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 395px;
	height:92px;
}

div.liveSupport {
	position:absolute;
	top: 47px;
	right: 0px;
}

div.gTail {
	background-image:url(../images/header/gTail.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 92px;
	left: 315px;
	height: 35px;
	width: 59px;
}


/*  main  */
div.wrapper {
	left: 50%;
	margin-left: -379px;
	position: relative;
	width: 758px;
}

div.mainGoods {
	
}


/*  menu  */
div.menu {
	right: 0px;
	position: absolute;
}

div.productsServices {
	display: block;
	width: 154px;
	right: 160px;
	z-index: 100;
	position: absolute;
	clip: rect(0px, 180px, 35px, 0px);
	background-image:url(../images/topNav/dropMenu_01_off.png);
	background-repeat:no-repeat;
	padding-top: 35px;
}

div.productsServices:hover {
	cursor: hand;
	clip: auto;
	background-image:url(../images/topNav/dropMenu_01_on.png);
}

a.hostingBtn {
	display: block;
	float: left;
	background-image:url(../images/topNav/dropMenu_02_off.png);
	background-repeat: no-repeat;
	width: 180px;
	height: 35px;
}
a.hostingBtn:hover {
	background-image:url(../images/topNav/dropMenu_02_on.png);
}

a.resellerBtn {
	display: block;
	float: left;
	background-image:url(../images/topNav/dropMenu_03_off.png);
	background-repeat: no-repeat;
	width: 180px;
	height: 35px;
}
a.resellerBtn:hover {
	background-image:url(../images/topNav/dropMenu_03_on.png);
}

a.dedicatedBtn {
	display: block;
	float: left;
	background-image:url(../images/topNav/dropMenu_04_off.png);
	background-repeat: no-repeat;
	width: 180px;
	height: 35px;
}
a.dedicatedBtn:hover {
	background-image:url(../images/topNav/dropMenu_04_on.png);
}

a.webDesignBtn {
	display: block;
	float: left;
	background-image:url(../images/topNav/dropMenu_05_off.png);
	background-repeat: no-repeat;
	width: 180px;
	height: 35px;
}
a.webDesignBtn:hover {
	background-image:url(../images/topNav/dropMenu_05_on.png);
}

a.aboutUsBtn {
	display: block;
	float: left;
	background-image:url(../images/topNav/aboutUs_off.png);
	background-repeat: no-repeat;
	width: 79px;
	height: 35px;
}
a.aboutUsBtn:hover {
	background-image:url(../images/topNav/aboutUs_on.png);
}

a.contactUsBtn {
	display: block;
	float: left;
	background-image:url(../images/topNav/contactUs_off.png);
	background-repeat: no-repeat;
	width: 81px;
	height: 35px;
}
a.contactUsBtn:hover {
	background-image:url(../images/topNav/contactUs_on.png);
}




/*  splash  */
div.splash {
	top: 35px;
	background-color: #ffffff;
	position: relative;
}


/*  baseBoxes  */
div.baseBoxes {
	margin-top: 50px;
	width: 820px;
	position: relative;
	text-align: left;
}

img.bucketItem {
	padding-right: 7px;
	position: relative;
	vertical-align: top;
}

div.baseCopy {
	margin-top: 50px;
	width: 100%;
	position: absolute;
}


/*  legal  */
div.legal {
	font-size:10px;
	color:#666666;
	text-align: center;
	width: 100%;
	top: 100%;
	padding-top: 10px;
	position:absolute;
}

div.legalCopy {
	font-size:10px;
	color:#666666;
	text-align: center;
}

div.leftCol, div.leftSubCol {
	width: 50%;
	float: left;
}

div.leftColCopy {
	text-align:right;
	margin-right:10px;
	width: 40%;
	float: left;
	font-size: 12px;
}

div.rightCol, div.rightSubCol {
	width: 50%;
	float: left;
}

div.rightColCopy {
	text-align:left;
	width: 55%;
	float: left;
	font-size: 12px;
}

table {
	display: block;
	position: relative;
	top: 400px;
	float: left;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: center;
}
/*--------------------------------------------------
|               Image Replacement                  |
|                                                  |
| In your HTML, simply add the class "replace" to  |
| any element. This hides the text (only visually) |
| then you create your background image css rules  |
| to use an image background instead of text...    |
|--------------------------------------------------|
|         Look at the rules below Amy :)           |
--------------------------------------------------*/

.replace { letter-spacing : -1000em; } 
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body .replace { letter-spacing : normal; text-indent : -9000em; overflow : hidden;} 
/* End of hack */

#h-hostingBtn, #h-hostingBtn a {
	width: 180px;
	height: 35px;
	display: block;
}
#h-hostingBtn {
	background: url(../images/topNav/dropMenu_02_off.png) 0 0 no-repeat;
}
#h-hostingBtnOn, #h-hostingBtnOn a {
	width: 180px;
	height: 35px;
	display: block;
}
#h-hostingBtnOn {
	background: url(../images/topNav/dropMenu_02_on.png) 0 0 no-repeat;
}
#h-resellerBtn, #h-resellerBtn a {
	width: 180px;
	height: 35px;
	display: block;
}
#h-resellerBtn {
	background: url(../images/topNav/dropMenu_03_off.png) 0 0 no-repeat;
}

#h-resellerBtnOn, #h-resellerBtnOn a {
	width: 180px;
	height: 35px;
	display: block;
}
#h-resellerBtnOn {
	background: url(../images/topNav/dropMenu_03_on.png) 0 0 no-repeat;
}

#h-dedicatedBtn, #h-dedicatedBtn a {
	width: 180px;
	height: 35px;
	display: block;
}
#h-dedicatedBtn{
	background: url(../images/topNav/dropMenu_04_off.png) 0 0 no-repeat;
}
#h-dedicatedBtnOn, #h-dedicatedBtnOn a {
	width: 180px;
	height: 35px;
	display: block;
}
#h-dedicatedBtnOn{
	background: url(../images/topNav/dropMenu_04_on.png) 0 0 no-repeat;
}
#h-webDesignBtn, #h-webDesignBtn a {
	width: 180px;
	height: 35px;
	display: block;
}
#h-webDesignBtn {
	background: url(../images/topNav/dropMenu_05_off.png) 0 0 no-repeat;
}
#h-webDesignBtnOn, #h-webDesignBtnOn a {
	width: 180px;
	height: 35px;
	display: block;
}
#h-webDesignBtnOn {
	background: url(../images/topNav/dropMenu_05_on.png) 0 0 no-repeat;
}
#h-main, #h-main a {
	width: 758px;
	height: 320px;
	display: block;
}
#h-main {
	background: url(../images/home/splashServers.png) 0 0 no-repeat;
}
#h-bucketItem1, #h-bucketItem1 a {
	width: 0px;
	height: 0px;
	display: block;
	
}
#h-bucketItem1 {
	background: url(../images/home/buckets/bigDeal.png) 0 0 no-repeat;
	padding-bottom: 12px;
	position: relative;
	vertical-align: top;
}
#h-splash, #h-splash a {
	width: 758px;
	height: 287px;
	display: block;
}
#h-splash {
	background: url(../images/dedicated/splash.png) 0 0 no-repeat;
}
#h-splash2, #h-splash2 a {
	width: 758px;
	height: 287px;
	display: block;
}
#h-splash2{
	background: url(../images/hosting/splash.png) 0 0 no-repeat;
}
#h-splash3, #h-splash3 a {
	width: 758px;
	height: 287px;
	display: block;
}
#h-splash3{
	background: url(../images/reseller/splash.png) 0 0 no-repeat;
}