/**********************************************************************
************************************************************************
********     ***     ********    *******     *******     ******     *****
*******     ***     ********    *******     *******     ******      *****
******     ***     ********    *******************     ******      *****
*****     ***     ********    *******     *******     ******      ****
****     ***     ********    *******     *******     ****************
********************************************************************/

/*                  Table of Contents:
					1. Base rules and Primary layout
					2. Text/Link Styles (For everything except the Includes)
					3. Containers
					4. Homepage
					5. Interiors
					6. Popups
					7. Includes

*/

/******************************************************************************* SECTION 1 ***********************************************************************/

html { 
	min-width: 850px;
}

	/* Helpers and base rules */

img	{
	border: 0;
}

img.top {
	vertical-align: top;
}

img.mid {
	vertical-align: middle;
}

img.midfloatleft {
	vertical-align: middle;
	align: left;
	padding-right: 3px;
}

img.bot {
	vertical-align: bottom;
}

hr {
    color: #ccc;
    height: 1pt;
}

p.access	{
	display: none;
}

	/* Primary layout divisions */
	
body {
	margin: 0;
	border: 0;
	padding: 0;
	text-align: center;
	color: #000;
	font-family: arial, verdana, tahoma, sans-serif;
	font-size: 12px;
}

body#home {
/*	background: transparent url(images/bg_home.gif) repeat-x;  (turn on to extend the black bar)*/
}

body#int {
/*	background: transparent url(images/bg_int.gif) repeat-x;  (turn on to extend the black bar)*/
}

div#wrapper	{
	margin: 0 auto;
	padding: 0;
	width: 850px;
	text-align: left;
}

div#head {
	height: 107px;
}

div#content {  /*  Controls the padding of the content as a whole and the borders  */
	padding: 10px 0px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

div#footer {
	border-bottom: 1px solid #ccc;
	padding: 0;
	margin: 0 0 10px 12px;
}

#onecolumn {
	padding: 0 15px 0 0;
}

/******************************************************************************* SECTION 2 ***********************************************************************/

/****************************** Text/Link Styles ************************************/

h1 {
	font-family: arial, verdana, sans-serif;
	font-size: 23px;	
	margin: 0;
	padding: 0;
	border: 0;
}

h2 {
	font-family: arial, verdana, sans-serif;
	font-size: 16px;	
	margin: 0;
	padding: 0;
	border: 0;
}

h3 {
	font-family: arial, verdana, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #666;
	margin: 0;
	padding: 0;
	border: 0;
}

h4 {
	font-family: arial, verdana, sans-serif;
	font-size: 14px;	
	margin: 0;
	padding: 0;
	border: 0;
	display: inline;
}

/*     Generic Links      */

a:link, a:visited, a:active {
	text-decoration: none;
	color: #386A80;
}

a:hover {
	text-decoration: none;
	color: #4B819A;
}

a.specialLink:link { color: black; }
a.specialLink:visited { color: black; }
a.specialLink:hover { color: #4B819A; }

/*     Homepage Plans Links      */

#mainhome a {
	text-decoration: none;
	color: #ccc;
}

#mainhome a:hover {
	color: #999;
}

/*     Hosting Extras List Style & Links (Plus section)      */

.extras {
	font-size: 13px;
	padding: 5px 0;
}

/*     Hosting Plans List Styles      */

ul#ulmini { list-style: disc outside url(images/arrow_green.gif);}

ul#ulpurist { list-style: disc outside url(images/arrow_blue.gif);}

ul#ulplus { list-style: disc outside url(images/arrow_orange.gif);}

ul#ulfanatic { list-style: disc outside url(images/arrow_red.gif);}

/*     Generic List Styles      */

.ulgray { list-style: disc outside url(images/arrow_onwhite.gif);}

.ulgreen { list-style: disc outside url(images/arrow_green.gif);}

.ulblue { list-style: disc outside url(images/arrow_blue.gif);}

.ulorange { list-style: disc outside url(images/arrow_orange.gif);}

.ulred { list-style: disc outside url(images/arrow_red.gif);}

/*     Link IDs for the 4 Plans      */

#green a, #green a:link, #green a:visited, #green a:active { color: #38761a;}

#green a:hover { color: #6cbd45;}

#blue a, #blue a:link, #blue a:visited, #blue a:active { color: #00658e;}

#blue a:hover { color: #1999cd;}

#orange a, #orange a:link, #orange a:visited, #orange a:active { color: #bb6a00;}

#orange a:hover { color: #f8981c;}

#red a, #red a:link, #red a:visited, #red a:active { color: #8c0113;}

#red a:hover { color: #ce2037;}

/*     Classes for the four colors & a white class      */

.green { color: #38761a;}

.green a, .green a:link, .green a:visited, .green a:active { color: #38761a;}

.green a:hover { color: #6cbd45;}

.blue { color: #00658e;}

.blue a, .blue a:link, .blue a:visited, .blue a:active { color: #00658e;}

.blue a:hover { color: #1999cd;}

.orange { color: #bb6a00;}

.orange a, .orange a:link, .orange a:visited, .orange a:active { color: #bb6a00;}

.orange a:hover { color: #f8981c;}

.red { color: #A6012D;}

.red a, .red a:link, .red a:visited, .red a:active { color: #A6012D;}

.red a:hover { color: #ce2037;}

.white { color: #fff;}

.white a, .white a:link, .white a:visited, .white a:active { color: #fff; text-decoration: underline;}

.white a:hover { color: #e8e8e8; text-decoration: none;}

.darkgrey { color: #333;}

.darkgrey a, .darkgrey a:link, .darkgrey a:visited, .darkgrey a:active { color: #333; text-decoration: none;}

.darkgrey a:hover { color: #000; text-decoration: underline;}

.white2 {
	color: #fff;
	font-size: 12px;
	letter-spacing: 90%;
	line-height: 105%;
 }
 
 .white3 {
	color: #fff;
	font-size: 10px;
	letter-spacing: 90%;
 }

/*         Hosting Plans black heads      */

.blackbg { background: transparent url(images/gray_outline_lg_bg_black.gif) repeat-y; color: #fff; padding: 10px 20px;}

/*         Class for disclaimer text      */

.disclaimer { font-size: 9px;}

/*         Class for big warning text      */

.warning { font-size: 12px; color: #fff}

.warning a, .warning a:link, .warning a:visited, .warning a:active { color: yellow;}

.warning a:hover { color: orange; text-decoration: underline;}

table.warning {
	border-width: 3px 3px 3px 3px;
	border-spacing: 2px;
	border-style: none none none none;
	border-color: red red red red;
	border-collapse: separate;
	background-color: rgb(255, 0, 0);
}
table.warning th {
	border-width: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	background-color: ;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.warning td {
	border-width: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	background-color: ;
	-moz-border-radius: 0px 0px 0px 0px;
}


/*         Class for Homepage Prices      */

.pricing {
	font-size: 12px;
	line-height: 1.1em;
	font-weight: bold;
}

/******************************************************************************* SECTION 3 ***********************************************************************/

/******************** Containers **********************/

#graybg { 
	background: transparent url(images/gray_outline_bg.gif) repeat-y; 
	padding: 10px 20px;
}

#orangebg { 
	background: transparent url(images/orange_outline_bg.gif) repeat-y; 
	padding: 10px 20px;
}

#graybglg { 
	background: transparent url(images/gray_outline_lg_bg.gif) repeat-y; 
	padding: 10px 20px;
}

#orangebgsm { 
	background: transparent url(images/orange_outline_sm_bg.gif) center repeat-y; 
	padding: 2px 0px;
	text-align: center;
}

#orangebgsmbody{
	padding: 5px 10px 0 20px;
	font-size: 10px;
}

#testimonial {
	background: transparent url(images/orange_outline_sm_bg.gif) center repeat-y; 
	padding: 2px 5px;
}
#graybglg2 { 
	background: transparent url(images/gray_outline_small_side.gif) repeat-y; 
	padding: 1px 15px;
	border: 0;
}

/******************************************************************************* SECTION 4 ***********************************************************************/

/********************* Homepage Content ***********************/

div#mainwindow {
	background: #0b0b0b;
	color: #fff;
	font-size: 10px;
	text-align: center;
	clear: both;
}

#mainhome {
	background: transparent url(images/spacey.jpg) no-repeat top left;
	height: 359px;
	
	line-height: 1em;
}

#buffer {
	width: 250px;
}

#buffer2 {
	width: 275px;
}

#macpuristmini {
	padding: 10px 3px 0 15px;
	text-align: center;
}

#topbanner {
	padding: 20px 20px 20px 20px;
	text-align: center;
}


#macpurist {
	padding: 10px 3px 0 10px;
	text-align: center;
}

#macpuristplus {
	padding: 10px 3px 0 10px;
	text-align: center;
}

#specialtyhosting {
	padding: 10px 3px 0 10px;
	text-align: center;
}




#macfanatic {
	padding: 10px 3px 0 10px;
	text-align: center;
}

#viewplans {
	font-family: arial, verdana, tahoma, sans-serif;
	font-size: 12px;
	border-top: 1px dotted #ccc;
	padding: 10px 0 0 0;
}

#whybullets {
	list-style-type: square;
	border-top: 1px solid #ccc;
	font-weight: bold;
}

/******************************************************************************* SECTION 5 ***********************************************************************/

/************************ Interiors *************************/

div#mainwindowint {
	height: 95px;
	background: #0b0b0b;
	color: #fff;
	font-size: 23px;
	clear: both;
}

div#int1 {
	background: transparent url(images/inthead_1.jpg) no-repeat top left;
	height: 95px;
	margin: 0;
	border: 0;
}

div#greenhead {
	background: transparent url(images/greenhead.jpg) no-repeat top left;
	height: 95px;
	margin: 0;
	border: 0;
}

#pagetitle {
	padding: 60px 0 0 210px;
}

/******************************************************************************* SECTION 6 ***********************************************************************/

/***************** POPUPS *********************/

body#popups {
	text-align: left;
	margin: 20px;
}

#popbod {
	background: transparent url(images/popper_bg.gif) repeat-y;
	padding: 10px;
}

/******************************************************************************* SECTION 7 ***********************************************************************/

/**************************************************** Start of Includes ***********************************************/

/************************************************************
****************** Menu Include Styles *********************
***********************************************************/

div#logo {
	position: absolute;
	top: 20px;
	width: 243px;
	height: 50px;
	/*z-index: 99;*/
}

div#tagline {
	position: absolute;
	padding: 75px 0 0 15px;
	font-family: arial, verdana, tahoma, sans-serif;
	font-size: 11px;
}

div#logos {
	position: relative;
	left: 625px;
	width: 225px;
}

div#phone {
	position: relative;
	width: 200px;
	top: 40px;
	left: 350px;
	font: 15px arial, verdana, tahoma, sans-serif;
}

div#globalnav {
	padding-left: 200px;
	padding-top: 32px;
}

ul#menu {
	list-style: none;
	margin: 0;
	padding: 0;
/*	position: absolute;*/
}
	
ul#menu li {
	height: 23px;
	float: left;
}

/*     Menu Links      */

ul#menu a {
	display: block;
	text-decoration: none;
	font: 12px arial, verdana, tahoma, sans-serif;
	text-align: center;
	padding: 5px 0 0 0;
}

ul#menu a:link, ul#menu a:visited, ul#menu a:active {
	color: #333;
}

ul#menu a:hover {
	color: #5fa2bf;
}

/*        Nav Tabs        */

.tablg { 
	background: transparent url(images/tab_lg.gif) no-repeat; 
	width: 97px;
}

.tabmd { 
	background: transparent url(images/tab_md.gif) no-repeat; 
	width: 81px;
}

.tabsm { 
	background: transparent url(images/tab_sm.gif) no-repeat; 
	width: 63px;
}

.tabmdgr { 
	background: transparent url(images/tab_md_gr.gif) no-repeat; 
	width: 81px;
}

/*      Nav Tabs On-states     */

#tablg { 
	background: transparent url(images/tab_lg_on.gif) no-repeat; 
	width: 97px;
	z-index: 100;
}

#tabmd { 
	background: transparent url(images/tab_md_on.gif) no-repeat; 
	width: 81px;
}

#tabsm { 
	background: transparent url(images/tab_sm_on.gif) no-repeat; 
	width: 63px;
}

#tabmdgr { 
	background: transparent url(images/tab_md_on_gr.gif) no-repeat; 
	width: 81px;
}
/************************************************************
***************** Footer Include Styles ********************
***********************************************************/

ul#footernav {
	border-bottom: 1px solid #ccc;
	text-indent: -40px;
}

ul#footernav li, ul#footernav a {
	margin: 0;
	padding: 0;
	display: inline;
	text-decoration: none;
	font-size: 9px;
}

/*     Footer Text/Links      */

ul#footernav a:link, ul#footernav a:visited, ul#footernav a:active {
	color: #333;
}

ul#footernav a:hover {
	color: #666;
}

#finetext {
	font-size: 9px;	
	color: #333;
}

#undertext {
	font-size: 11px;	
	color: #222;
}

/**************************************************** End of Includes ***********************************************/

/**********************************************************************
************************************************************************
********     ***     ********    *******     *******     ******     *****
*******     ***     ********    *******     *******     ******      *****
******     ***     ********    *******************     ******      *****
*****     ***     ********    *******     *******     ******      ****
****     ***     ********    *******     *******     ****************
********************************************************************/



/* Additional styles for tabs */

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
	background-image: url(Images/bgtest.png);
	
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
	margin:0;
	padding: 3px 20px;
	border-bottom: 1px solid #333;
	font: bold 9px Verdana, sans-serif;
	 
}


ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
 
}

ul.tabbernav li a
{
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #333;
	text-decoration: none;
background-image: url(Images/bgtest.png);}

ul.tabbernav li a:link { color: #333; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #333;

 border-color: #333;
}

ul.tabbernav li.tabberactive a
{
	border-bottom: none;
	background-color: #0099FF;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #333;
 background: #333;
 border-bottom: 1px solid #333;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #333;
 border-top:0;
background-image: url(Images/bgtest.png);
color: #FFFFFF;	
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 height:140px;

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}


table.sample {
	border-width: 0px 0px 0px 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: black;
	border-collapse: separate;
	background-color: none;
}
.style4 {
	font-weight: bold;
	color: #FFFFFF;
}
#graybgmedium {
	background: transparent url(images/gray_outline_medium_bg.gif) repeat-y; 
	padding: 10px 20px;
}
#graybgmedium2 {
	background: transparent url(images/gray_outline_medium_bg.gif) repeat-y; 
	padding: 0px 0px;
}