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

/*                  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;}

/*         Hosting Plans black heads      */

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

.yellowbg { background: transparent url(images/yellow_outline_bg.gif) repeat-y; color: #00000; 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;}

/******************************************************************************* 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;
}

#graybglg3 { 
	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/home_computer.jpg) no-repeat top left;
	height: 359px;
	line-height: 1em;
}

#buffer {
	width: 250px;
}

#buffer2 {
	width: 275px;
}

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

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

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

#macfanatic {
	padding: 10px 3px 0 3px;
	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: 100;
}

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 ***********************************************/

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