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

/* GLOBAL RESET */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, images, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; color: #333333; font-family: Arial, Helvetica, sans-serif; text-shadow: 0 0 #000; }

	ul {
		list-style: none;
	}
	caption, th, td {
		text-align: left; 
		font-weight: normal;
	}
	p{
		padding-bottom: 5px;
	}
	h1, h2, h3, h4, h5, h6 {
		color: #212121;
		margin-bottom: 5px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		text-shadow: 0 0 #000;
	}
		h1{
			color: #333366;
			font-size: 1.50em;
		}
		h2{
			font-size: 1.25em;
			color: #111111;
		}
		h3{
			font-size: 1.0em;
		}
	.CenterText {
		text-align: center;
	}
/*GENERIC*/
body{
	padding: 0px;
	margin: 0px;
	height: 100%;
	width: 100%;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	background: #000000 url(/images/generic/PageBackground.jpg) no-repeat center top;
}
div.PageWrapper{
	width: 960px;
	margin: 130px auto 0 auto;
	font-size: 1.3em;
}
.Header{
	position: relative;
	overflow: hidden;
	background: url(/images/generic/HeaderBG.jpg) center top no-repeat;
}
h1#Logo{
	background: url(/images/generic/logo-CourtixWebHosting.jpg) no-repeat;
	height: 68px;
	width: 330px;
	position: absolute;
	top: 5px;
	left: 22px;
	text-indent: -9999em;
}
#main_menu {
		float:right;
		display:inline;
		margin-top:40px;
		width:960px;
		border-bottom:1px solid #c7c7c7;
	}
		#main_menu li {
			float:left;
		}
		#main_menu li.First_Element {				
			padding-left:1px;
			margin-left:460px;
			display:inline;
			background:url(/images/generic/nav_separator.jpg) -1px bottom no-repeat;
		}
		#main_menu a {
			float:left;
			background: url(/images/generic/nav_separator.jpg) right bottom no-repeat;
			color:#4b4b4b;
			text-transform:uppercase;
			font-family:Arial, Helvetica, sans-serif;
			padding:6px 14px;
			text-decoration:none;
		}
		#main_menu a:hover {
			background:url(/images/generic/nav_hover.jpg) right bottom no-repeat;
		}
		#main_menu a.selected {
			background:url(/images/generic/nav_selected.jpg) right bottom no-repeat;
			position:relative;
			top:1px;
			padding-bottom:7px;
			padding-top:5px;
		}
	#submenu {
		clear:both;
		background:#e4edf5;
		border-bottom:1px solid #c7c7c7;
		overflow:hidden;
		text-align:right;
		padding-right:25px;
	}
		#submenu ul {
			float:right;
		}
		#submenu li {
			float:left;
		}
		#submenu li a {
			text-transform:uppercase;
			font-family:Arial, Helvetica, sans-serif;
			font-size:0.821em;
			color:#757575;
			text-decoration:none;
			float:left;
			padding:4px 11px 2px;
			position:relative;
		}
		#submenu li strong {	
			text-transform: uppercase;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 0.821em;
			color: #353535;
			text-decoration: none;
			float: left;
			padding:4px 5px 2px;
		}
		#submenu li a:hover {
			color:#5381a4;
		}
		#submenu li a.selected {
			color:#464646;
		}
.SiteBody{
	width: 960px;
	background: #f5f5f5;
}		
#PitchCarousel {
	overflow: hidden;
	height: 1500px;
	width: 799px;
	position: relative;
	top: 0px;
	left: 0px;
}
.Pitch{
	background: #000000;
	height: 300px;
	width: 960px;
	position: relative;
	overflow: hidden;
}
	.Pitch div.Pitchs{
		background: transparent top center no-repeat;
		padding: 0;
		margin: 0;
		height: 300px;
		width: 799px;
	}
	.Pitch ul{
		background: url(/images/homepage/PitchRollBG.jpg) repeat-y top right;
		position: absolute;
		top: 0px;
		right: 0px;
		height: 300px;
		width: 180px;
	}
		.Pitch li{
			cursor: default;
			text-decoration: none;
			font-size: 13px;
			font-weight: bold;
			font-variant: normal;
            display: block;
			height: 30px;
            line-height: 15px;
			padding: 14px 5px 16px 30px;
			color: #f5f5f5;
			width: 145px;
			background: url(/images/homepage/PitchRoll_Separator.jpg) no-repeat right bottom;
		}
		.Pitch li.selected{
			color: #333333;
			background: url(/images/homepage/PitchRoll_Selected.png) no-repeat left center;
		}
		.Pitchs h1 {
			text-indent: -9999em;
		}
		.Pitchs p {
			text-indent: -9999em;
		}
		.Pitchs ol.PitchList li {
			text-indent: -9999em;
			background: none;
		}
.Packages{
	background: url(/images/homepage/PackagesBG.jpg) center repeat-x;
	height: 202px;
	width: 960px;
}
	.Packages li{
		height: 202px;
		width: 320px;
		padding-top: 2px;
		float: left;
		}
	.Packages li h1{
		text-indent: -9999em;
		height: 32px;
		margin: 25px 0 0 130px;
	}
	.Packages li div.details{
		text-indent: -9999em;
		height: 95px;
		width: 170px;
		padding: 5px 0 5px 130px;
	}
	.Packages li div.button{
		float: right;
		width: 170px;
		padding-right: 15px;
	}
.Content{
	background: url(/images/generic/ContentBG.jpg) center top repeat-x;
	background: #f5f5f5;
	width: 960px;
	overflow: hidden;
}
	ul.Content li{
		float: left;
		margin: 10px 0;
		padding: 0 10px;
	}
		ul.Content li.narrow{
			width: 300px;
			background: url(/images/generic/ContentSeparator.jpg) repeat-y right top;
		}
			ul.Content li.testimonials h2 {
				background: url(/images/homepage/TestimonialHeader.jpg) no-repeat center;
				text-indent: -9999em;
				margin-bottom: 0px;
			}
			ul.Content li.testimonials div.NarrowDetails {
				background: url(/images/homepage/TestimonialContent.jpg) repeat-y top center;
				padding-top: 0px;
			}
				ul.Content li.testimonials div.NarrowDetails div.contributor {
					text-align: right;
					width: 240px;
				}
			ul.Content li.testimonials div.testim-button {
				background: url(/images/homepage/TestimonialFooter.jpg) center no-repeat;
				height: 69px;
				width: 300px;
			}
				ul.Content li.testimonials div.testim-button a div {
					height: 44px;
					width: 278px;
					padding-top: 25px;
					margin-left: 20px;
					background: url(/images/homepage/TestimonialFooterButton.png) bottom left no-repeat;
					text-indent: -9999em;
				}
		ul.Content li.medium{
			width: 620px;
		}
		ul.Content li.large{
			width: 940px;
			background: none;
		}
		ul.Content li.no_line{
			background: none;
		}
		ul.Content li .ContentHeader{
			line-height: 35px;
			color: #000000;
		}
			.ContentHeader img{
				vertical-align: middle;
				padding: 0 7px;
			}
		ul.Content li .NarrowDetails{
			padding: 10px 25px 0 25px;
			background: url(/images/generic/narrow_hr.jpg) center top no-repeat;
		}
		ul.Content li .Features {
			height: 288px;
		}
		ul.Content li .MediumDetails{
			padding: 10px 25px 0 25px;
			background: url(/images/generic/medium_hr.jpg) center top no-repeat;
		}
		ul.Content li .LargeDetails{
			padding: 10px 25px 0 25px;
			background: url(/images/generic/large_hr.jpg) center top no-repeat;
		}
		ul.Content li div.button{
			padding: 10px 25px 0 25px;
			float: right;
			width: 150px;
		}
		ul.Content li.newline {
			clear: left;
		}
			div.news {
				height: 210px;
				width: 610px;
				padding-left: 10px;
				border: 1px solid #cccccc;
				background: #ffffff;
				overflow-y: scroll;	
			}
				div.news ul {
					width: 590px;
				}
					div.news ul li {
						padding: 10px 0;
						margin: 0;
						width: 590px;
						background: url(/images/generic/news_hr.jpg) bottom center no-repeat;
					}
						div.news ul li h2 {
							font-weight: bold;
							color: #666666;
						}
							div.news ul li h2 a {
								text-decoration: none;
								color: #16679F;
							}
								div.news ul li h2 a img {
									vertical-align: top;
								}
						div.news ul li p {
							padding: 3px 5px;
						}
					div.news ul li.last_element {
						background: none;
					}
						div.news ul li.last_element p {
							text-align: right;
							padding: 3px 25px;
						}
							
.LeftNav{
	float: left;
	padding: 10px 0 10px 10px;
	width: 200px;
}
	.LeftNav ul{
		padding: 5px 5px 10px 15px;
	}
	.LeftNav h2 {
		color: #333366;
	}
	.LeftNav a {
		padding-left: 10px;
		text-decoration: none;
	}
	.LeftNav a:hover {
		text-decoration: underline;
	}
.RightContent{
	float: right;
	width: 720px;
	padding: 10px;
	border-left: #CCCCCC solid 1px;
}
	.DedicatedList {
		width: 720px;
		padding: 10px;
	}
		.DedicatedList .DedicatedItem {
			width: 350px;
			float: left;
			padding: 15px 5px;
		}
			.DedicatedList .DedicatedItem img {
				float: left;
				margin: 0 auto;
				padding: 0 5px;
			}
			.DedicatedList .DedicatedItem div {
				float: right;
				width: 240px;
				padding: 0 5px;
			}
				.DedicatedList .DedicatedItem div .ServerStats {
					padding-left: 5px;
				}
	.RightList {
		width: 700px;
		padding: 0 10px;
		margin: 0 auto;
	}
		.RightList .MediumItem {
			width: 690px;
			padding: 5px 5px 20px 15px;
			clear: both;
			overflow: hidden;
		}
		.RightList .Left img {
			float: Left;
			vertical-align: middle;
		}
		.RightList .Left div {
			float: Right;
		}
		.RightList .Right img {
			float: Right;
			vertical-align: middle;
		}
		.RightList .Right div {
			float: Left;
		}
		.RightList .MediumItem div {
			width: 480px;
			padding: 0 5px;
		}
		.RightList .AboutUs div {
			width: 550px;
		}
			.RightList .MediumItem div div {
				float: none;
				width: 480px;
			}
			.RightList .AboutUs div div {
				width: 550px;
			}
	.PlanDetails {
		width: 680px;
		margin: 15px auto;
		border: 1px solid #cccccc;
	}
		.PlanDetails th {
			font-size: 14px;
			font-weight: bold;
			padding: 7px 10px;
			color: #FFFFFF;
			background-color: #0f80c4;
			border-bottom: 1px solid #CCCCCC;
		}
		.PlanDetails tr {
			background-color: #FFFFFF;
		}
		.PlanDetails tr.odd {
			background-color: #e4edf5;
		}
			.PlanDetails td {
				width: 115px;
				padding: 5px 5px;
				border-left: 1px solid #CCCCCC;
			}
			.PlanDetails td.Head {
				width: 295px;
				border-left: none;
			}
				.PlanDetails td.Head strong {
					font-weight: bold;
				}
.ProgramLogos {
	width: 960px;
	padding: 0;
	margin: 0;
	background: transparent;
}
.Footer{
	background: url(/images/generic/FooterBG.jpg) center repeat-x;
	height: 101px;
	width: 960px;
}
	.Footer .copyright{
		height: 101px;
		width: 400px;
		padding: 0 25px;
		background: url(/images/generic/logo-copyright.jpg) center no-repeat;
		text-indent: -9999em;
	}
	/* Regular White */
				div.WhiteButton {
					overflow: hidden;
					text-align: center;
				}	
					div.WhiteButton a {
						background: transparent url('/images/generic/whitebutton_left.png') no-repeat top left;
						display: block;
						/* Change 13px as desired */
						font-weight: normal;
						font-stretch: condensed;
						font-size: 12px;
						font-family: "Myriad Pro", Tahoma, Arial, Helvetica, sans-serif;
						/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
						line-height: 20px;
						/* Height of button background height */
						height: 28px;
						/* Width of left menu image */
						padding-left: 17px;
						text-decoration: none;
						text-shadow: 0 0 0 #000;
						color: #4a4b4d;
					}
						div.WhiteButton a span{
							background: transparent url('/images/generic/whitebutton_right.png') no-repeat top right;
							display: block;
							padding: 4px 17px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
							text-decoration: none;
						}
					div.WhiteButton a:hover {
						color: #333333;
						background-position: bottom left;
					}
						div.WhiteButton a:hover span{
							background-position: bottom right;
						}