/*
Theme Name: SlingshotHost.com
Theme URI: http://www.slingshothost.com/
Description: Custom theme for slingshothost.com
Version: 1.0
Author: Relivo.com
Author URI: http://www.relivo.com/
*/

/** ======== Global CSS Styles ======== **/

body, html {
	background: white url(images/bg.jpg) top left repeat-x;
	margin: 0;
	padding: 0;
	font: 12px Arial, Tahoma, Helvetica, sans-serif;
	}
img {
	border: 0;
	display: block;
	}
form { display: inline; }
h1, h2, h3, p, ul {
	margin: 0;
	padding: 0;
	}
a:link { text-decoration: underline; }
	a:visited { text-decoration: underline; }
		a:active { text-decoration: underline; }
			a:hover { text-decoration: none; }

/** ======== CSS Positioning ======== **/

div#wrapper {
	margin: 0 auto;
	width: 1000px;
	}
	/** Header **/
	div#wrapper div#header_outer {
		background: url(images/header_l.gif) top left no-repeat;
		height: 155px;
		width: 1000px;
		}
		div#wrapper div#header_outer div#header_inner {
			background: url(images/header_r.gif) top right no-repeat;
			height: 155px;
			padding: 0px 20px 0px 20px;
			width: 960px;
			}
			div#wrapper div#header_outer div#header_inner div#header {
				height: 124px;
				width: 947px;
				background: url(images/header.gif) top left repeat-x;
				padding: 31px 10px 0px 3px;
				}
				/** Logo **/
				div#wrapper div#header_outer div#header_inner div#header h1 {
					width: 304px;
					height: 95px;
					float: left;
					overflow: hidden;
					margin-top: 2px;
					}
					div#wrapper div#header_outer div#header_inner div#header h1 a {
						width: 304px;
						height: 95px;
						float: left;
						display: block;
						background: url(images/logo.jpg) top left no-repeat;
						text-indent: -9999px;
						}
				div#wrapper div#header_outer div#header_inner div#header div#header_right {
					width: 357px;
					float: right;
					height: 76px;
					}
					div#wrapper div#header_outer div#header_inner div#header div#header_right div {
						float: left;
						width: 237px;
						padding-top: 7px;
						text-align: right;
						}
					div#wrapper div#header_outer div#header_inner div#header div#header_right img { float: right; }
	/** Navigation menu **/
	div#wrapper div#nav { height: 66px;	}
		div#wrapper div#nav ul {
			background: url(images/nav.gif) top left no-repeat;
			height: 66px;
			list-style: none;
			padding: 0px 19px 0px 20px;
			width: 961px;
			}
			div#wrapper div#nav ul li {
				float: left;
				height: 66px;
				overflow: hidden;
				}
				div#wrapper div#nav ul li a {
					float: left;
					display: block;
					height: 66px;
					text-indent: -9999px;
					}
					div#wrapper div#nav ul li a:hover, div#wrapper div#nav ul li a.active { background: url(images/nav_on.gif) top left no-repeat; }
					div#wrapper div#nav ul li a#nav_home { width: 81px; }
					div#wrapper div#nav ul li a#nav_web_hosting { width: 143px; }
						div#wrapper div#nav ul li a#nav_web_hosting:hover, div#wrapper div#nav ul li a#nav_web_hosting.active { background-position: -81px 0; }
					div#wrapper div#nav ul li a#nav_reseller_hosting { width: 183px; }
						div#wrapper div#nav ul li a#nav_reseller_hosting:hover, div#wrapper div#nav ul li a#nav_reseller_hosting.active { background-position: -224px 0; }
					div#wrapper div#nav ul li a#nav_servers { width: 109px; }
						div#wrapper div#nav ul li a#nav_servers:hover, div#wrapper div#nav ul li a#nav_servers.active { background-position: -407px 0; }
					div#wrapper div#nav ul li a#nav_services { width: 113px; }
						div#wrapper div#nav ul li a#nav_services:hover, div#wrapper div#nav ul li a#nav_services.active { background-position: -516px 0;
							}
					div#wrapper div#nav ul li a#nav_network { width: 117px; }
						div#wrapper div#nav ul li a#nav_network:hover, div#wrapper div#nav ul li a#nav_network.active { background-position: -629px 0; }
					div#wrapper div#nav ul li a#nav_support { width: 112px; }
						div#wrapper div#nav ul li a#nav_support:hover, div#wrapper div#nav ul li a#nav_support.active { background-position: -746px 0; }
					div#wrapper div#nav ul li a#nav_contact { width: 103px; }
						div#wrapper div#nav ul li a#nav_contact:hover, div#wrapper div#nav ul li a#nav_contact.active {	background-position: -858px 0; }
	/** Page **/
	div#wrapper div#mainpage { padding: 20px 30px 40px 30px; }
		/** Left column **/
		div#wrapper div#mainpage div#content {
			width: 642px;
			float: left;
			}
			/** Welcome message **/
			div#wrapper div#mainpage div#content div#welcome {
				height: 224px;
				padding: 47px 26px 0px 0px;
				border-bottom: 1px #d3d4d4 solid;
				margin-bottom: 27px;
				}
				div#wrapper div#mainpage div#content div#welcome h2 {
					height: 51px;
					background: url(images/welcome.gif) top left no-repeat;
					text-indent: -9999px;
					margin-bottom: 20px;
					}
				div#wrapper div#mainpage div#content div#welcome p {
					color: #555555;
					line-height: 22px;
					}
				/** Client testimonials **/
				div#wrapper div#mainpage div#content div#client_feedback h3 {
					height: 29px;
					background: url(images/testimonials.gif) top left no-repeat;
					text-indent: -9999px;
					margin-bottom: 27px;
					}
				div#wrapper div#mainpage div#content div#client_feedback p {
					color: #555555;
					line-height: 18px;
					font-size: 11px;
					padding: 5px 0px 0px 0px;
					}
				div#wrapper div#mainpage div#content div#client_feedback strong {
					color: #02407a;
					font-size: 16px;
					text-transform: uppercase;
					}
				div#wrapper div#mainpage div#content div#client_feedback span {
					text-transform: uppercase;
					color: #999999;
					font-size: 11px;
					display: block;
					}
				div#wrapper div#mainpage div#content div#client_feedback div.testimonial_one {
					float: left;
					width: 294px;
					border-right: 1px #d3d4d4 solid;
					padding-right: 24px;
					}
				div#wrapper div#mainpage div#content div#client_feedback div.testimonial_two {
					float: left;
					width: 296px;
					padding-left: 11px;
					}
		/** Right column **/
		div#wrapper div#mainpage div#sidebar {
			width: 280px;
			float: right;
			}
			/** Featured products box **/
			div#wrapper div#mainpage div#sidebar div#product_box {
				border: 1px #eeeeee solid;
				width: 278px;
				background-color: white;
				margin-bottom: 40px;
				}
				div#wrapper div#mainpage div#sidebar div#product_box ul {
					height: 34px;
					list-style: none;
					}
					div#wrapper div#mainpage div#sidebar div#product_box ul li {
						height: 33px;
						width: 139px;
						text-align: center;
						line-height: 33px;
						color: #232021;
						letter-spacing: -1px;
						font-weight: bold;
						float: left;
						overflow: hidden;
						}
						div#wrapper div#mainpage div#sidebar div#product_box ul li a {
							color: #232021;
							background: url(images/tab.gif) top left repeat-x;
							display: block;
							height: 33px;
							width: 139px;
							border-bottom: 1px #eeeeee solid;
							float: left;
							text-decoration: none;
							}
							div#wrapper div#mainpage div#sidebar div#product_box ul li.ui-tabs-selected a, div#wrapper div#mainpage div#sidebar div#product_box ul li a:active {
								background: white;
								border-bottom: 1px white solid;
								color: #ffa403;
			
								border-right: 1px #d3d3d3 dotted;
								}
							div#wrapper div#mainpage div#sidebar div#product_box ul li a:hover {
								background: white;
								border-bottom: 1px white solid;
								color: #ffa403;
								}
						div#wrapper div#mainpage div#sidebar div#product_box div.package_listing {
							clear: both;
							height: 55px;
							border-bottom: 1px #eeeeee solid;
							padding: 12px;
							}
							div#wrapper div#mainpage div#sidebar div#product_box div.package_listing img {
								float: left;
								padding: 4px;
								border: 1px #d3d4d4 solid;
								}
							div#wrapper div#mainpage div#sidebar div#product_box div.package_listing div {
								float: right;
								width: 183px;
								padding-top: 10px;
								}
								div#wrapper div#mainpage div#sidebar div#product_box div.package_listing div a {
									font-size: 16px;
									font-weight: bold;
									text-transform: uppercase;
									color: #02407a;
									text-decoration: none;
									}
									div#wrapper div#mainpage div#sidebar div#product_box div.package_listing div a:hover { text-decoration: underline; }
								div#wrapper div#mainpage div#sidebar div#product_box div.package_listing div span {
									color: #999999;
									text-transform: uppercase;
									font-size: 11px;
									display: block;
									}
		/** Login box  **/
		div#wrapper div#mainpage div#sidebar div#login {
			background: url(images/login.gif) top left no-repeat;
			height: 154px;
			padding: 10px;
			}
			div#wrapper div#mainpage div#sidebar div#login h3 {
				background: url(images/client_access.gif) top left no-repeat;
				height: 30px;
				text-indent: -9999px;
				margin-bottom: 10px;
				}
				div#wrapper div#mainpage div#sidebar div#login div.inputbar {
					background: url(images/inputbar.gif) top right no-repeat;
					margin-bottom: 10px;
					height: 21px;
					color: #555555;
					font-size: 10px;
					padding-top: 5px;
					}
					div#wrapper div#mainpage div#sidebar div#login input {
						float: right;
						height: 15px;
						width: 178px;
						background: none;
						border: 0;
						font: 12px Lucida Grande, Verdana, Tahoma;
						color: #010101;
						padding: 0px 8px 0px 8px;
						vertical-align: top;
						}
					div#wrapper div#mainpage div#sidebar div#login a {
						color: #009ade;
						font-size: 11px;
						float: left;
						}
						div#wrapper div#mainpage div#sidebar div#login input.loginbutton {
							float: right;
							background: url(images/inputgo.gif) top left no-repeat;
							cursor: pointer;
							border: 0;
							width: 62px;
							height: 24px;
							}
				div#wrapper div#mainpage div#sidebar h2#uptime_guarantee {
					width: 280px;
					height: 97px;
					background: url(images/uptime.gif) top left no-repeat;
					text-indent: -9999px;
					margin-bottom: 13px;
					}
				div#wrapper div#mainpage div#sidebar h2#help_faq {
					width: 280px;
					height: 97px;
					overflow: hidden;
					}
					div#wrapper div#mainpage div#sidebar h2#help_faq a {
						width: 280px;
						height: 97px;
						display: block;
						text-indent: -9999px;
						background: url(images/help.gif) top left no-repeat;
						}
	/** Subpage **/					
	div#wrapper div#subpage {
		width: 940px;
		padding: 10px;
		background-color: white;
		margin: 30px 20px 20px 20px;
		}
		/** Subpage left column **/
		div#wrapper div#subpage div#content {
			width: 640px;
			float: left;
			}
			div#wrapper div#subpage div#content h2 {
				font: bold 38px 'Arial Narrow', Tahoma, Verdana;
				margin-bottom: 10px;
				color: #232020;
				padding-left: 53px;
				background-position: top left;
				background-repeat: no-repeat;
				}
			div#wrapper div#subpage div#content p img {
				margin: 0;
				}
			div#wrapper div#subpage div#content h2#shared_hosting_plans {
				background: url(images/shared_hosting_plans.gif) top left no-repeat;
				height: 47px;
				margin-bottom: 10px;
				text-indent: -9999px;
				}
			div#wrapper div#subpage div#content ul {
				padding: 0px 25px 0px 25px;
				}
			div#wrapper div#subpage div#content p {
				padding: 10px 0px 10px 0px;
				}
		/** Right column **/
		div#wrapper div#subpage div#sidebar {
			width: 280px;
			float: right;
			padding-top: 4px;
			}
		div#wrapper div#subpage div#sidebar div#login {
			height: 154px;
			padding: 10px;
			}
			div#wrapper div#subpage div#sidebar div#login h3 {
				background: url(images/login2.gif) top left no-repeat;
				height: 31px;
				text-indent: -9999px;
				margin-bottom: 9px;
				}
				div#wrapper div#subpage div#sidebar div#login div.inputbar {
					background: url(images/inputbar.gif) top right no-repeat;
					margin-bottom: 10px;
					height: 21px;
					color: #555555;
					font-size: 10px;
					padding-top: 5px;
					}
					div#wrapper div#subpage div#sidebar div#login input {
						float: right;
						height: 15px;
						width: 178px;
						background: none;
						border: 0;
						font: 12px Lucida Grande, Verdana, Tahoma;
						color: #010101;
						padding: 0px 8px 0px 8px;
						vertical-align: top;
						}
					div#wrapper div#subpage div#sidebar div#login a {
						color: #009ade;
						font-size: 11px;
						float: left;
						}
						div#wrapper div#subpage div#sidebar div#login input.loginbutton {
							float: right;
							background: url(images/inputgo.gif) top left no-repeat;
							cursor: pointer;
							border: 0;
							width: 62px;
							height: 24px;
							}
				div#wrapper div#subpage div#sidebar h2#uptime_guarantee {
					width: 280px;
					height: 97px;
					background: url(images/uptime.gif) top left no-repeat;
					text-indent: -9999px;
					margin-bottom: 13px;
					}
				div#wrapper div#subpage div#sidebar h2#help_faq {
					width: 280px;
					height: 97px;
					overflow: hidden;
					}
					div#wrapper div#subpage div#sidebar h2#help_faq a {
						width: 280px;
						height: 97px;
						display: block;
						text-indent: -9999px;
						background: url(images/help.gif) top left no-repeat;
						}
				div#wrapper div#subpage div#sidebar div#testimonial_small {
					margin-top: 30px;
					background: url(images/testimonial_small.gif) top left no-repeat;
					}
					div#wrapper div#subpage div#sidebar div#testimonial_small p {
						color: #555555;
						line-height: 18px;
						font-size: 11px;
						padding: 5px 0px 5px 0px;
						}
					div#wrapper div#subpage div#sidebar div#testimonial_small strong {
						color: #02407a;
						font-size: 16px;
						text-transform: uppercase;
						margin-left: 29px;
						}
					div#wrapper div#subpage div#sidebar div#testimonial_small span {
						text-transform: uppercase;
						color: #999999;
						font-size: 11px;
						display: block;
						margin-left: 29px;
						}
					div#wrapper div#subpage div#sidebar div#testimonial_small a {
						color: #009ade;
						font-size: 11px;
						}
/** Footer **/
div#footer_outer {
	padding: 22px 0px 22px 0px;
	background-color: #02407a;
	min-width: 1000px;
	}
	div#footer_outer div#footer {
		margin: 0 auto;
		width: 940px;
		padding: 0px 30px 0px 30px;
		}
		div#footer_outer div#footer div#footer_nav {
			float: left;
			width: 700px;
			}
			div#footer_outer div#footer div#footer_nav h3 {
				height: 18px;
				background: url(images/slingshot_communities.gif) top left no-repeat;
				text-indent: -9999px;
				margin-bottom: 10px;
				}
			/** Footer navigation **/
			div#footer_outer div#footer div#footer_nav ul {
				color: #9bc0f2;
				line-height: 18px;
				font-size: 11px;
				margin-right: 36px;
				float: left;
				list-style: none;
				}
				div#footer_outer div#footer div#footer_nav ul li {
					background: url(images/bullet.gif) top left no-repeat;
					background-position: 0 6px;
					padding-left: 7px;
					}
					div#footer_outer div#footer div#footer_nav ul li a {
						color: #9bc0f2;
						text-decoration: none;
						}
						div#footer_outer div#footer div#footer_nav ul li a:hover {
							text-decoration: underline;
							}
		/** Footer logo **/
		div#footer_outer div#footer h2 {
			width: 240px;
			height: 81px;
			overflow: hidden;
			float: right;
			}
			div#footer_outer div#footer h2 a {
				width: 240px;
				height: 81px;
				float: right;
				display: block;
				text-indent: -9999px;
				background: url(images/bottom_logo.gif) top left no-repeat;
				}
/** ======== CSS Styles ======== **/

p.black {
	font-size: 22px;
	line-height: 28px;
	font-weight: bold;
	color: #232021;
	letter-spacing: -1px;
	}
p.orange {
	color: #fdb615;
	font-size: 30px;
	line-height: 29px;
	font-weight: bold;
	letter-spacing: -1px;
	}
p.gray {
	color: #a5a5a5;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	letter-spacing: -1px;
	}
div.clear {
	clear: both;
	}
img.mainimg {
	margin-left: 2px;
	}
table.plan_comparison {
	margin: 15px 0px 10px 0px;
	text-align: center;
	}
td.feature_category {
	font-weight: bold;
	color: black;
	font-size: 14px;
	text-align: left;
	padding-left: 35px;
	padding-right: 0;
	border-bottom: 1px #d3d4d4 solid;
	}
td.basic_plan_info {
	background: url(images/basic_plan_info.gif) center left no-repeat;
	}
td.key_features {
	background: url(images/key_features.gif) center left no-repeat;
	}
td.email_features {
	background: url(images/email_features.gif) center left no-repeat;
	}
td.advanced_features {
	background: url(images/advanced_features.gif) center left no-repeat;
	}
td.servers_software {
	background: url(images/servers_software.gif) center left no-repeat;
	}
td.guarantees {
	background: url(images/guarantees.gif) center left no-repeat;
	}
td.pricing_information {
	background: url(images/pricing_information.gif) center left no-repeat;
	}
td.plan_title {
	color: black;
	white-space: nowrap;
	font-size: 14px;
	border-bottom: 1px #d3d4d4 solid;
	padding: 0px 20px 0px 20px;
	width: 100px;
	}
td.alt1 {
	color: #555555;
	font-size: 11px;
	padding: 8px 15px 8px 15px;
	}
td.alt2 {
	background-color: #f1f7fd;
	color: #555555;
	font-size: 11px;
	padding: 8px 15px 8px 15px;
	}
.alignleft {
	text-align: left;
	}
.aligncenter {
	text-align: center;
	}
.alignright {
	text-align: right;
	}
div.post {
	color: #555555;
	line-height: 22px;
}
div.post a:link {
color: #009ade;
}
div.post a:visited {
color: #009ade;
}
div.post a:active {
color: #009ade;
}
div.post a:hover {
color: #009ade;
}
.ui-tabs-hide {
		display: none;
		}