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

/* BODY ------------------------------------------------------- */

body {
background: #e9e9e9 url(../../images/bg_reeds.jpg) repeat-x bottom;
padding-bottom: 150px;
}

img {
border: none;
}

* {
margin: 0px;
padding: 0px;
}

li {
list-style-type: none;
}


/* TEXT -------------------------------------------------------- */

* {
font: 13px "Lucida Grande", "Tahoma", Arial, sans-serif;
color: #474747;
line-height:1.7em;
}

h1,h2,h3,h5,h6,
h1 *,h2 *,h3 *,h5 *,h6 * {
color:#474747;
font-weight: normal;
font-family:"Bell MT", Georgia, "Times New Roman", Times, serif;
line-height: 1em;
}

h1 {
	font-size: 38px;
	margin: 0 0 0 0 !important;
	padding: 0px;
	text-transform: lowercase;
	color: #676767;
	}
	
	h1 a {
	font-size: 24px;
	text-decoration: underline;
	color: #676767;
	}

h2 {
	font-size: 24px;
	margin:-10px 0;
	color: #676767;
	}
	
	h2 a {
	font-size: 24px;
	color: #404040;
	}

h3 {
	font-size: 24px;
	margin:0px 0px 15px 0px;
	padding:0px;
	color: #7c7c7c;
	font-style:italic;
	}
	
	h3 em {
	font-size: 15px;
	color: #676767;
	}
	
	
h4, h4 a, h4 * {
	font-size: 14px; 
	margin:0 0 10px 0;
	padding:0px;
	font-weight:bold;
	}	
	
h5 {
font-size: 24px; 
margin:0px;
margin-bottom: 10px;
padding:0px;
color: #29A6C1;
}	

	h5 a {
	color: #29A6C1;
	}

h6, h6 a {
font-size: 80px;
font-weight: bold;
color: #aacc39 !important;
line-height: 60px;
margin-bottom: 10px;
}

	h6.small, h6.small a {
	font-size: 48px !important;
	}

a:link, a:visited, a:active {
	color: #2593a7;
	text-decoration:none;
	} 
	
a:hover {
	color: #13566b;
	text-decoration:none;
	}	
	
.small {
	}
	
em {
	font-style:italic;
	}
	
ul.p {
margin-bottom: 13px;
}

	ul.p li {
	list-style-type: disc;
	list-style-position: inside;
	}

/* general crap ---------------------------------------- */

.clear {
clear:both;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.clear10 {
	clear:both;
	display:block;
	height: 10px;
	}

.clear15 {
	clear:both;
	display:block;
	height: 15px;
	}
	
.clear30 {
	clear:both;
	display:block;
	height: 30px;
	}
	
.clear30line {
	clear: both;
	display: block;
	height: 1px;
	line-height: 1px;
	border-bottom: 1px dotted #cacbcb;
	margin: 30px 0px 30px 0px;
	}
	
.clear45 {
	clear:both;
	height:45px;
	display:block;
	}
	

.right { float: right !important; }
.left { float: left !important; }

.textRight { text-align: right; }
.textLeft { text-align: left; }
.justify { text-align: justify; }


.greenDark {
	color: #B5C72A;
	}

a.red  { color: #c52527 !important;}

.light {
	color:#999;
	}	

.leafLink a {
	padding-left:17px;
	background:url(../../images/ic_leaf.gif) no-repeat;
}

.noIcon a {
	background:none !important;
	padding-left: 0px !important;
	}

.invis { visibility: hidden; display: none; }
.vis { visibility: visible; display: inline; }	

.line {
	border-top: 1px solid #ccc;
	line-height:1px;
	font-size:1px;
	}

img.captcha {
height: 25px;
margin-left: 5px;
}

div.message {
font-size: 13px;
color: #29A6C1;
font-weight: bold;
background: #F5F5F5 url(../../images/iconAlert.png) no-repeat 10px 10px;
padding: 5px 5px 5px 20px;
margin: 10px 0;
}

	/* ----- ALERT MESSAGE ----- */

	.alert {
	padding: 5px;
	background: #D54949;
	}
	
	.alert,
	.alert span {
	color: #FFF;
	}
	
	.alert {
	font-size: 14px;
	margin-bottom: 15px;
	}
	
	.alert span {
	font-weight: bold;
	font-size: 18px;
	}

	/* ----- SUCCESS MESSAGE ----- */

	.success {
	padding: 5px;
	background-color: #599939;
	}
	
	.success,
	.success span {
	color: #FFF;
	}
	
	.success {
	font-size: 14px;
	margin-bottom: 15px;
	}
	
	.success span {
	font-weight: bold;
	font-size: 18px;
	}


/* columns ----------------------- */ 

.pad20 { padding-right:25px; }

.pad45 { padding-right: 45px; }

.pad45L {padding-left: 45px; }


.col {
	float:left;
	}
	
.col50 {
	float: left;
	width: 50px;
	}

.col75 {
	width: 75px;	
	float: left;
	}
	
.col120 {
	width: 120px;
	float: left;
	}

.col175 {
	width: 175px;
	float:left;
	}

.col250 {
	width: 250px;
	float: left;
	}

.h15 {
	height: 15px;
	}

.h100 {
	height: 100px;
	}


/* UL LI COLUMNS ---------------- */

		.list ul {
		display: block;
		clear: both;
		padding: 3px 0 3px 0;
		float: left;
		}
		
		.list2 ul {
		display: block;
		clear: both;
		padding: 3px 0 3px 0;
		float: left;
		}		

		.tableHead ul {
		padding-top: 0px;
		padding-bottom: 7px;
		background: #CCCCCC url(../../images/bgULheader.png) center bottom;
		}
		
	
			.tableHead a, .tableHead a:visited,
			.tableHead li {
			font-weight: bold;
			color: #FFF;
			}
			
			.tableHead a,  .tableHead a:visited {
			text-decoration:underline;
			}
			

		.tableHead2 ul {
		padding-top: 10px;
		padding-bottom: 10px;
		background: #ccc;
		}
			.tableHead2 li {
			font-weight: bold;
			font-size: 16px;
			}

		.narrow ul { width: 385px; }
		.medium ul {width: 545px;}		
		.wide ul { width: 840px; }

		
		ul.odd {
		background: #e9e9e9;
		}
		
			.list li {
			display: inline;
			float: left;
			padding: 3px 2px 4px 5px;
			}
			
			.list2 li {
			display: inline;
			float: left;
			padding: 3px 0px 4px 0px;
			}			
			
			.list a,
			.list li,
			.list2 li {
			
			line-height: 16px;
			}
			
			.grey {
			background: #e9e9e9;
			}

		
			li.table_5 { width: 3%; }
			li.table_6 { width: 5%; }
			li.table_8 { width: 8%; }			
			li.table_10 { width: 10%; }
			li.table_12 { width: 12%; }
			li.table_13 { width: 13%; }
			li.table_15 { width: 15%; }
			li.table_18 { width: 18%; }
			li.table_20 { width: 20%; }
			li.table_25 { width: 25%; }
			li.table_30 { width: 30%; }
			li.table_40 { width: 40%; }
			li.table_45 { width: 48%; }
			li.table_50 { width: 50%; }
			li.table_70 { width: 70%; }
			li.table_80 { width: 80%; }
			li.table_84 { width: 84%; }
			li.table_95	{ width: 95%; }
	

	
/* header ----------------------- */


#headWrap {
	background: url(../../images/bg_header.png) no-repeat center top;
	width: 100%;
	height: 180px;
	}
	

#header {
	width: 930px;
	padding: 0px 30px 0px 30px;
	margin: 0px auto;
	}
	
	#headerNav {
		width: 525px;
		float: right;
		text-align: right;
		}
		
		#headerNavTop {
			padding-top: 10px;
			height: 110px;		
			}
			
						
		#headerNavTop a {
			padding-left:18px;
			color: #fff;
			background:url(../../images/ic_leafBL.gif) no-repeat;
			font-size:14px;
			font-weight: normal !important;
			text-decoration:none;					
			}
		
		#headerNavTop a:hover {
			color: #CCC;
			}

	
		#headerNavBot {
			
			}

		
/* nav ----------------------- */


.adminNav a {
	color: #fff;
	}
	
	.adminNav a:hover {
		color: #ccc;
		}
				
			
/* content ------------------------------------------------------- */

#main {
	background: #fff url(../../images/bg_white.png) bottom center;
	width: 930px;
	padding: 0px 30px 60px 30px;
	margin: 0px auto 0px auto;
	
	}
		
.content {
	padding: 0px 45px 0px 45px;
	display:block;
	}
	
		.content p {
		margin-bottom: 13px;
		}
		
/*.recent {
height: 50px;
}

	.recent a {
	float: left;
	height: 50px;
	}
		
	.recent img {
	vertical-align: middle;
	float: left;
	}
		
		*/
					
/* footer ------------------------------------------------------- */


#footer {
	width: 930px;
	padding: 0px 30px 0px 30px;
	margin: 15px auto 0px auto;
	}
	
	.footerCol {
		float:left;
		display: inline;
		width: 150px;
		margin-left: 20px;
		line-height: 1.8em;
		}
		
	/*	.footerCol * {
		font-size: 12px;
		line-height: 1.8em;
		color: #474747;
		}*/
		
		.footerCol a {
		padding-left: 5px;
		}
		
		.footerlast {
			width: 210px !important;
			margin-right: 0 !important;
			}
	
	.footerCol a {
	
		}
	

/* sub pages ------------------------------ */	

	#subMain {
		width: 545px;
		float: left;
		}
		
		/*#subMain h1 {
			color:#474747;
			font-size: 26px;
			margin:0px 0px -5px 0px;
			padding: 0px;
			font-family:"Bell MT", Georgia, "Times New Roman", Times, serif;
			}*/
			
			#subMain img {
			float: left;
			padding: 5px 15px 0 0 ;
			border: 0px !important;
			}
			
			.rightImg {
			float: right !important;
			padding: 5px 0 0 15px !important;
			}			
	
		.sideTop {
			margin-top: 155px;
			}		
			
			.sideTop2 {
			margin-top: 140px;
			}
		
		
		
	#subHalf {
		width: 395px;
		float: left;
		}


	.sideList {
		background:transparent url(../../images/tabRight1.png) no-repeat scroll left bottom;
		font: 20px "Bell MT", Georgia, "Times New Roman", Times, serif;
		cursor:pointer;
		float:left;
		margin:0px;
		padding:14px 0px 8px 15px;
		width:235px;
		color: #29A6C1;
		
		}
		
		.sideList:hover {
			background: transparent url(../../images/tabRight2.png) no-repeat scroll left bottom;
			}
		
		a.flat {
			color: #737373;
			background:transparent url(../../images/tabRight4.png) no-repeat scroll left bottom;
			}
			
			a.flat:hover {
				color: #737373;
				background:transparent url(../../images/tabRight4.png) no-repeat scroll left bottom;
				}

	
	span.switch {
	font: 21px "Bell MT", Georgia, "Times New Roman", Times, serif;
	float: right;
	font-size: 18px; 
	color: #29A6C1;
	cursor: pointer;
	}
	
	div.contactLeft {
	width: 550px;
	float: left;
	display: inline;
	}

	div.contactRight {
	width: 200px;
	float: right;
	display: inline;
	}
	

		
		
	ul.listPackages {
	
	}
	
		#shared li {
		width: 135px;
		height: 165px;
		padding: 20px 30px 15px 20px;
		text-align:center;
		background: url(../../images/bgHostBox.png) no-repeat;
		}
				
		#dedicated li {
		width: 155px;
		height: 165px;
		padding: 20px 20px 15px 10px;
		text-align:center;
		background: url(../../images/bgHostBox.png) no-repeat;
		}
	
		.listPackages li {
		display: inline;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
		cursor: pointer;
		}

		
		.package {
		color: #747474;
		font-size: 20px;
		line-height: 16px;
		font-weight: normal;
		padding: 0 0 10px 0;
		border-bottom: 1px dotted #ccc;
		margin-bottom: 10px;
		font-family:"Bell MT", Georgia, "Times New Roman", Times, serif;
		} 
		
		.disk, .band {
		line-height: 21px;
		padding: 0 0 0 25px;
		margin: 3px 0 3px 0;	
		}
		
		.disk {
		background: url(../../images/icHosting_03.png) left top no-repeat;

		}
		
		.band {
		background: url(../../images/icHosting_05.png) left top no-repeat ;		
		}
		
		.ecomBG {
		 background: url(../../images/bgHostBox1.png) no-repeat !important;
		 }
		
		
		li.last {
		margin-right: 0;
		}
		
		.listPackages p {
		padding: 2px;
		}
		
	
	span.quote {
	font-weight: bold;
	margin-top: 10px;
	display: block;
	}
	
	div.links {
	margin-top: 30px;
	padding-left: 15px;
	}
	
		.links a {
		display: block;
		margin-bottom: 5px;
		}
	
	/* bgs ---------------------------------------------- */

	.bgService {
		background: url(../../images/bg_services.jpg) no-repeat top left;
	}
	
	.bgApple {
		background: url(../../images/bg_apple.jpg) no-repeat top left;
	}	

	.bgKiwi {
		background: url(../../images/bg_kiwi.jpg) no-repeat top left;
	}	
	
	.bgLime {
		background: url(../../images/bg_lime.jpg) no-repeat top left;
	}	

	.bgAvocado {
		background: url(../../images/bg_avocado.jpg) no-repeat top left;
	}	

	.bgPear {
		background: url(../../images/bg_pear.jpg) no-repeat top left;
	}
	
	.bgGrapes {
		background: url(../../images/bg_grapes.jpg) no-repeat top left;
	}
	
	.bgMelon {
		background: url(../../images/bg_melon.jpg) no-repeat top left;
	}
	
	.bgCMS {
		background: url(../../images/bg_gears.jpg) no-repeat top left;
	}	
	
	.bgCart {
		background: url(../../images/bg_cart.jpg) no-repeat top left;
	}	
	
	.bgMultimedia {
		background: url(../../images/bg_reel.jpg) no-repeat top left;
	}	
	
	.bgBranding {
		background: url(../../images/bg_paint.jpg) no-repeat top left;
	}	

	.bgHosting {
		background: url(../../images/bg_server.jpg) no-repeat top left;
	}	
	
	.bgCpanel {
		background: url(../../images/bg_cpanel.jpg) no-repeat top left;
	}
	
	.bgGreenMan {
		background: url(../../images/bg_greenman.jpg) no-repeat top left;
		}	
	
	
	/* portfolio ---------------------------------------------- */

	.polaroid {
		width:190px;
		display:inline;
		}
	
	
	#portfolioList {
		position:absolute; 
		visibility: hidden;
		display:block;
		width: 250px;
		padding:15px 0px 15px 0px;
		line-height:1.5em;
		font-size:11px;
		background:url(../../images/b_porfolioList2.gif) bottom no-repeat #ECECEC;
		
		}
		
	

		.listSpacerDiv {
			background: url(../../images/tabRight1.png) left bottom no-repeat;
			padding: 15px 0px 15px 15px;
			height: 15px;
			float: left;
			width:235px;
			cursor:pointer;
			margin:0px;
		}
			
			.listSpacerDiv:hover {
				background:url(../../images/tabRight2.png) left bottom no-repeat;			
			}
			
	


	


/* ------------------------------------------
/* ADMIN SECTION ----------------------------
------------------------------------------ */



.adminNav a {
	color: #fff;
	}	

#nav 
		{
		color:#FFF; 
		font-size: 12px;
		font-weight:bold;
		text-decoration:none;
		text-align: center;
		height: 30px;
		width:525px;
		display:block;
		float:right;
		margin: 15px 0px 0px 0px;
		
		}

.adminHeading {
	color:#737373;
	font-family:"Times New Roman", Times, serif;
	font-size: 24px;
	margin:0px 0px 15px 0px;
	font-weight:normal;
	}
	

.adminsideLinks {
	width: 120px;
	float:left;
	}
.adminsideLinks2 {
	width: 35px;
	height:25px;
	float: left;
	text-align: center;
	}
	
	
.adminsideLinks3 {
	width: 25px;
	height:25px;
	float: left;
	text-align: center;
	}
	


	.border img {
		border: 0px;
		
	 	}

		
.adminFormSM {
	background-color: #FFF;
	border: solid 1px #CCC;
	color: #737373;
	font-size: 10px;
	font-family: arial;
	width:20px;
	text-align:center;
	}

div.hostLogin {
position:absolute;
visibility: hidden;
border: none;
background: none;
padding-top: 15px;
}

	input.hostLogin {
	border: 1px solid #FFF;
	background: #FFF;
	padding: 0;
	font-size: 12px;
	margin-bottom: 3px;
	}
	
	input.hostSubmit {
	font-size: 16px;
	color: #FFF;
	text-decoration: underline;
	border: none;
	background: none;
	cursor: pointer;
	}

/* ------------------------------------------
-- S I F R ----------------------------------
--------------------------------------------- 

	

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	margin:0;
}

.sIFR-hasFlash h1 a {
	visibility: hidden;
}

.sIFR-hasFlash h1 {
	visibility: hidden;
}



/* ------------------------------------------
-- BALLOON TOOLTIP ----------------------------------
--------------------------------------------- */	
	
.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 10px;
visibility: hidden;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
color: #fff;
background: #bcd835 url(../../images/bg_tooltip.png);
width: 200px;
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}

a.tip {
cursor: help;
color: #7da33f !important;
}


/* ------------------------------------------
-- SORTABLE LISTS ----------------------------------
--------------------------------------------- */		
	
div#listContainer {

	}
div#listContainer div {
	cursor: move;
}	

.sortOver {
	background:none;
	padding: 7px 0px 0px 5px;
	}
	
.sortOver:hover {
	background: url(../../images/bg_sort.gif) no-repeat right #ececec;
	}
	
/* ------------------------------------------
BLOG RSS HACK
--------------------------------------------- */

.gfc-resultsHeader {
display: none;
}

#feed .gf-author,
#feed .gf-spacer {
display: none;
}

#feed .gf-snippet {
display: none;
}

#feed .gfc-result {
margin-bottom: 5px;
}

	/*#feedControl{
	}

	  #feed {
		
		float: left;
		display:block;
		margin-top: 0px;
		width:100%;
	  }
	
	   
	  
	  #feed .gf-author,
	  #feed .gfc-resultsHeader,
	  #feed .gf-spacer,
	  #feed .gfc-resultsHeader {
		display : none;
	  }
	
	
	  #feed .gfc-results {
		padding-bottom : 1em;
	  }
	
	
	  #feed .gfc-result {
		margin-bottom : 0px;
	  }
	

#feed .gfc-result {
	float: left;
	display:block;
	clear: both;
	}
	
#feed .gf-title {
	display:block;
	clear: both;
	float: left;
	overflow:visible;
	}
	
#feed .gf-relativePublishedDate {
	float: left;
	display:block;
	clear: both;
	}	
	
#feed .gf-snippet {
	padding: 10px 0px 15px 0px;
	line-height:1.5em;
	display: none;
	}*/