/*-------------------------------------------

             Title :  Logic Depths v2
             Usage :  Hosting Layout
             Author:  Randy Cram
             Edited:  Sunday, July 8, 2009

---------------------------------------------*/


/*===================TOC=====================

                1. Top Spacer
                2. Monkey Image
                3. Hosting Plan
                4. Tooltip

=============================================*/


/* 1. Spacer
---------------------------------------------*/
.hosting_spacer {
	width: 800px;
	height: 40px;
}

/* 2. Monkey Image
---------------------------------------------*/
#foximage {
	width: 151px;
	height: 196px;
	float: right;
	margin: -76px 20px 0 0;
	background:url(../imgs/monkey.png) no-repeat top left;
}


/* 3. Hosting Plan
---------------------------------------------*/
#hosting_wrapper {
	float: left;
	clear: both;
}
.title1 {
	float: left;
	width: 350px;
	padding: 9px 0 10px 0;
	border-bottom: 1px solid #cacaca;
	text-transform: uppercase;
	color: #252525;
}
.title2, .title4 {
	float: left;
	width: 134px;
	background-color: #e3e3e3;
	padding: 9px 0 10px 0;
	text-align: center;
	text-transform: uppercase;
	border-bottom: 1px solid #cacaca;
	color: #252525;
}
.title3 {
	float: left;
	width: 134px;
	text-align: center;
	background: #f3f2f2;
	text-transform: uppercase;
	font-weight: bold;
	padding: 9px 0 10px 0;
	border-bottom: 1px solid #cacaca;
	color: #252525;
}
.column1 {
	float: left;
	width: 350px;
	background-color: #ffffff;
	padding: 7px 0 10px 0;
	color: #252525;
	min-height: 14px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #cacaca;
	text-align: left;
}

.column2, .column4 {
	float: left;
	width: 134px;
	background-color: #e3e3e3;
	padding: 10px 0 10px 0;
	color: #252525;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #cacaca;
	text-align: center;
}

.column3 {
	float: left;
	width: 134px;
	background-color: #f3f2f2;
	padding: 10px 0 10px 0;
	color: #252525;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #cacaca;
	text-align: center;
}

.column2 a, a:link, a:active, a:visited {
	color:#06212d;
	text-decoration: none;
}

.column2 a:hover {
	color:#cd6014;
}

.column3 a, a:link, a:active, a:visited {
	color:#06212d;
	text-decoration: none;
}

.column3 a:hover {
	color:#cd6014;
}

.column4 a, a:link, a:active, a:visited {
	color:#06212d;
	text-decoration: none;
}

.column4 a:hover {
	color:#cd6014;
}

.sectiondivide {
	width: 350px;
	height: 30px;
	float: left;
}

/* 4. Tooltip
---------------------------------------------*/
.tooltip img {
	margin: 0 5px 0 0;
}

#tooltipx {
	background:url(../imgs/tooltip_bg.png) no-repeat top left;
	min-width: 227px;
	max-width: 227px;
	font-size: 0.93em;
	line-height:12px;
	min-height: 52px;
	position:absolute;
	padding:4px;
	color:#ffffff;
}

#tooltipx p {
	min-width: 220px;
	max-width: 220px;
	font-size: 0.93em;
	line-height:12px;
	min-height: 52px;
	max-height: 52px;
	overflow: hidden;
	padding:2px;
	margin-top: -4px;
	color:#ffffff;
}


/*
Lots of people want to ride with you in the limo, but what you
want is someone who will take the bus with you when the limo breaks down. 
- Oprah Winfrey
*/