/*	Expressway Video, Main Stylesheet
	Updated:	Thu 04.16.09 @ 6:00 p.m.
	Author:		Jonathan Geiger
	----------------------------------------------------*/
	html
	{
		background: black;
	}
	
	body
	{
		font: 0.625em Helvetica, Arial, sans-serif;
		min-width: 960px;
		letter-spacing: 0.025em;
		padding-bottom: 2em;
	}
	
/*	=Backgrounds for Various Layouts
	------------------------------------------------------ */
	body
	{
		background: black url('../images/layout/background.jpg') no-repeat center top;
	}
	
	body#no-masthead
	{
		background-position: center -250px;
	}
	
/*	=Main Navigation
	------------------------------------------------------ */
	#navigation 
	{
		background: url('../images/layout/sprite.jpg') no-repeat top center;
		height: 107px;
		min-width: 960px;
	}
	
		#navigation h1
		{
			text-indent: -9000px;
			height: 107px;
			width: 104px;
			background: url('../images/layout/sprite.jpg') no-repeat 0px -107px;
			float: left;
		}
		
		#navigation ul
		{
			float: right;
		}
		
			#navigation ul li
			{
				float: left;
				margin-left: 21px;
			}
			
				#navigation ul li a
				{
					text-indent: -9000px;
					display: block;
					height: 107px;
					background-image: url('../images/layout/sprite.jpg');
					background-repeat: no-repeat;
				}
				
				/* Home */
				#home-nav
				{
					width: 44px;
					background-position: -113px -107px;
				}
				
				#home-nav:hover,
				#home-nav.selected
				{
					background-position: -657px -107px;
				}
				
				/* Applications */
				#applications-nav
				{
					width: 149px;
					background-position: -179px -107px;
				}
				
				#applications-nav:hover,
				#applications-nav.selected
				{
					background-position: -723px -107px;
				}
				
				/* Hosting */
				#hosting-nav
				{
					width: 67px;
					background-position: -351px -107px;
				}
				
				#hosting-nav:hover,
				#hosting-nav.selected
				{
					background-position: -895px -107px;
				}
				
				/* Affiliate Program */
				#affiliate-nav
				{
					width: 151px;
					background-position: -438px -107px;
				}
				
				#affiliate-nav:hover,
				#affiliate-nav.selected
				{
					background-position: -1154px -107px;
				}
				
				/* Shopping Cart */
				#cart-nav
				{
					width: 116px;
					background-position: -438px -107px;
				}
				
				#cart-nav:hover,
				#cart-nav.selected
				{
					background-position: -982px -107px;
				}
				
				/* Contact */
				#contact-nav
				{
					width: 69px;
					background-position: -577px -107px;
				}
				
				#contact-nav:hover,
				#contact-nav.selected
				{
					background-position: -1121px -107px;
				}
				
	/* Shadow Directly Under the Navigation */
	#navigation-shadow
	{
		background: url('../images/layout/navigation-shadow.png') repeat-x;
		position: absolute;	
		height: 7px;
		width: 100%;
		z-index: 999;
	}		
	
		#navigation-shadow hr
		{
			display: none;
		}
		
/*	=Mastheads
	------------------------------------------------------ */				
	#home-masthead h1
	{
		width: 946px;
		height: 112px;
		text-indent: -9000px;
		background: url('../images/headings/home.png');
		margin: 46px auto 41px;
	}
	
	#home-masthead dl
	{
		width: 250px;
		line-height: 3em;
		float: left;
	}
	
		#home-masthead dt
		{
			font: oblique 2.4em Georgia, serif;
			color: white;
			margin-top: 0.9em;
		}
		
		#home-masthead dd
		{
			font-size: 1.7em;
			color: #E9DCBE;
			margin-bottom: 0.9em;
		}
							
			#home-masthead img
			{
				float: right;
			}			
	
	.masthead
	{
		height: 323px;
	}		
		
		.masthead h1
		{
			text-indent: -9000px;
		}
		
	/* Applications Masthead */
	#applications-masthead h1
	{
		background: url('../images/headings/applications.png');
		float: right;
		width: 544px;
		height: 108px;	
		margin-top: 75px;
		margin-bottom: 15px;
	}
	
	#applications-masthead img
	{
		float: left;
	}
	
	/* Hosting Masthead */	
	#hosting-masthead h1
	{
		background: url('../images/headings/hosting.png');
		float: left;
		width: 590px;
		height: 160px;	
		margin-top: 55px;
		margin-bottom: 25px;
	}
	
	#affiliate-masthead #control-bar,
	#hosting-masthead #control-bar
	{
		clear: left;
	}
	
	#affiliate-masthead img,
	#hosting-masthead img
	{
		margin: 0;
		margin-top: 31px;
	}
	
	/* Affiliate masthead */
	#affiliate-masthead h1
	{
		background: url('../images/headings/affiliate.png');
		float: left;
		width: 448px;
		height: 150px;	
		margin-top: 65px;
		margin-bottom: 25px;
	}
	
/*	=Sub-Navigation Header
	------------------------------------------------------ */	
	#header
	{
		background: #F2F2F2 url('../images/layout/header-background.jpg') center bottom;
		min-height: 15px;
		border-top: 1px solid white;
	}
	
		#header h1
		{
			font-size: 1.40em;
			font-weight: bold;
			color: #333;
			padding: 12px 20px;
			float: left;
		}

		#header h3
		{
			font-weight: normal;
			font-size: 1.05em;
			text-transform: uppercase;
			color: #666;
			margin: 0.8em 0;
		}
		
		#header ul
		{
			float: right;
			padding-right: 20px;
		}
		
			#header li
			{
				float: left;
				font-size: 1.2em;
				margin: 13px 0px 13px;
				padding: 0 7px;
				border-left: 1px solid #AAA;
				border-right: 1px solid white;
			}
			
				#header li a 
				{
					color: #333;
					text-decoration: none;
					font-weight: normal;
				}
				
				#header li a:visited 
				{
					text-decoration: none;
				}
				
				#header li a:hover 
				{
					color: #666;
					text-decoration: underline;
				}

				#header li a.selected
				{
					color: black;
					font-weight: bold;
				}
				
			#header li.first
			{
				border-left: none;
			}
			
			#header li.last
			{
				border-right: none;
				padding-right: 0;
			}

/*	=Content
	------------------------------------------------------ */	
	#content
	{
		background: #FFFFFF url('../images/layout/content-background.png') repeat-x center top;
		padding-bottom: 2em;
		margin-bottom: 1em;
		border-bottom: 2px solid #CCC;
	}
		
		/* Grid */
		#content .grid_9
		{
			padding: 10px 20px 10px 40px;
			width: 660px;
		}
			
		#content .grid_6
		{
			width: 420px;
			padding: 10px 0px 10px 40px;
		}
		
		/* Paragraphs */
		#content p
		{
			font-size: 1.4em;
			letter-spacing: -0.25px;
			line-height: 1.5em;
			margin-bottom: 1em;
			color: #333;
		}
		
		/* Headers */
		#content h1,
		#content h2
		{
			font-family: Georgia, serif;
			font-weight: normal;
			color: #B4313B;
			clear: both;
		}
		
		#content h1
		{
			font-size: 2.6em;
			margin-top: 1em;
			margin-bottom: 0.5em;
		}
		
		#content h2
		{
			font-size: 1.8em;
			margin: 1em 0 1em;
		}
		
			#content h2 a
			{
				color: #B4313B;
				font-weight: normal;
			}
			
		#content h3
		{
			font-size: 1.8em;
			font-family: Helvetica, Arial, sans-serif !important;
			margin: 1em 0;
		}
				
		/* Lists */
		#content ul,
		#content ol
		{
			list-style-type: disc;
			margin: 0 0.5em 1em 1em;
			font-size: 1.4em;
			letter-spacing: -0.25px;
		}
		
			#content li
			{
				margin-bottom: 0.75em;
				color: #333;
			}
			
				#content li span
				{
					color: #333;
				}
				
		#content ol
		{
			list-style-type: decimal;
			margin-left: 1.5em;
		}
	
		/* Headers */
		#content h1,
		#content h2,
		#content h3,
		#content h4,
		#content h5,
		#content h6
		{
			font-family: Georgia, serif;
		}

/*	=Calls to Action
	------------------------------------------------------ */	
	#content .call-to-action
	{
		background-color: #F6F6F6;
		padding: 0 2em 1em;
		width: 200px;
	}
	
		#content .call-to-action h1
		{
			color: #333;
			font-size: 1.7em;
			font-style: oblique;
		}
		
		#content .call-to-action p
		{
			line-height: 2em;
			font-size: 1.4em;
		}
		
/*	=Sidebar
	------------------------------------------------------ */
	#sidebar
	{
		float: right;
		background: url('../images/layout/inset.png') no-repeat;
		min-height: 500px;
	}
	
		#sidebar div
		{
			padding: 20px;
			border-top: 1px solid #DDD;
		}
		
		#sidebar h3
		{
			font: bold 1.2em Helvetica, Arial, sans-serif;
			color: #555;
			margin-bottom: 1em;
			margin-top: 0.5em;
			text-transform: uppercase;
		}
		
		#sidebar p
		{
			font-size: 1.25em;
			color: #666;
			line-height: 2em;
		}
		
		#sidebar a:link
		{
			color: black;
		}

/*	=Home Page Specific Styles
	------------------------------------------------------ */		
	#home .grid_6
	{
		background: url('../images/layout/divider.png') no-repeat right 1px;
		padding: 0px;
		width: 460px;
	}
	
	#home .omega
	{
		background: none;
	}
	
	#home #content
	{
		padding-bottom: 0;
	}
	
	#home #content h2
	{
		font-size: 3.4em;
		padding: 25px 0px 10px;
		line-height: 1em;
		font-weight: normal;
		font-family: Georgia, serif;
		margin: 0em 0;
	}
	
	#home #content p
	{
		font-size: 1.8em;
		line-height: 1.5em;
		color: #333;
		margin-bottom: 0;
	}

		#home h2 a
		{
			
			text-decoration: none;
		}
	
		#home h2 a:hover
		{
			color: #B4313B;
		}
		
		#home h2 a:visited
		{
			color: #B4313B;
		}
	
	#home #content h3
	{
		margin-top: 2em;
	}
	
	#home #content li
	{
		line-height: 1.5em;
	}
	
	#home #content .button
	{
		margin: 1em auto;
	}
	
	#home #control-bar
	{
		position: relative;
		top: -40px;
	}

		#home #control-bar .button
		{
			margin: auto;
		}

/*	=Home Page Ticker
	------------------------------------------------------ */
	#ticker 
	{
		height: 30px;
	}
	
		#ticker .container_12
		{
			display: none;
		}

		#ticker-background
		{
			background: #333;
			opacity: 0.3;
			filter:alpha(opacity=30);
			position: absolute;
			height: 30px;
			width: 100%;
		}

		#ticker-contents
		{
			position: relative;
			z-index: 2;
			padding-top: 8px;	
		}

			#ticker h2
			{
				color: white;
				display: inline;
				font-size: 1.2em;
				padding-right: 20px;
				border-right: 1px solid #553731;
				float: left;
			}
	
			#ticker ul
			{
				float: left;
				border-left: 1px solid #2e1712;
				padding-left: 15px;
			}
	
				#ticker li
				{
					float: left;
					color: #b6a6a2;
					font-size: 1.2em;
					padding: 0px 5px;
				}

/*	=Screenshots
	------------------------------------------------------ */
	/* Container for JS Rollover */
	.screenshot
	{
		width: 200px;
		float: left;
		margin: 0 20px 20px 0;
	}
	
		.screenshot h3
		{
			font-family: Arial !important;
			font-size: 1.2em !important;
			margin: 15px 0px 5px !important;
			color: #666 !important;
		}

			.screenshot .container:hover h3
			{
				color: #333;
			}

		.screenshot .link
		{
			width: 194px;
			height: 129px;
			border: 3px solid #999;
			opacity: 0.3;
			filter: alpha(opacity=30);
			position: absolute;
			z-index: 5;
			display: block;
		}

		.screenshot .slider
		{
			width: 200px;
			height: 135px;
			overflow: hidden;
			position: relative;
		}
	
			.screenshot .image
			{
				height: 135px;
				width: 200px;
				overflow: hidden;
			}			

			.screenshot .caption
			{
				font-size: 1.15em;
				color: white;
				background: #999;
				padding: 7px 10px;
			}
		
			.screenshot .container:hover .caption
			{
				background-color: #666;
				color: white;
			}
		
			.screenshot .js-caption
			{
				font-size: 1.3em;
				color: white;
				padding: 0px 15px;
				width: 170px;
				height: 135px;
				background: url('../images/screenshots/thumbnails/blank.jpg');
				line-height: 1.5em;
			}
		
				.screenshot .js-caption span
				{
					position: relative;
					top: -8px;
				}
		
				.screenshot .js-caption .full-size
				{
					font-size: 0.85em;
					text-transform: uppercase;
					display: block;
					font-weight: bold;
					top: 110px;
					left: 75px;
					color: #F8E6D9;
					margin: 0;
				}
	
	/* Image Block */
	.screenshot img
	{
		display: block;
	}

/*	=Questions
	------------------------------------------------------ */
	.questions
	{
		margin-bottom: 0em;
	}
	
		#content .questions h2
		{
			border-bottom: 1px dotted #CCCCCC;
			padding-bottom: 0.5em;
		}
		
			#content .questions h2:before
			{
				content: '▸';
				padding-right: 0.35em;
				color: #CCC;
			}
	
		.questions p
		{
			padding-left: 1.25em;
		}
		
		.questions table
		{
			margin-left: 1.25em;
		}
		
		.questions ol
		{
			margin-left: 2.75em !important;
		}
		
		.questions ul
		{
			margin-left: 2em !important;
		}
		
/*	=Hosting Package
	------------------------------------------------------ */
	.hosting-package
	{
		width: 308px;
		border: 1px solid #D9D9D9;
		border-bottom: 1px solid #C3C3C3;
		background: #F6F6F6 url(../images/layout/inset-repeat.png) repeat-x;
		float: left;
		margin: 10px 0 30px;
	}
	
	.hp-left
	{
		margin-right: 20px;
	}
	
	.hp-right
	{
		margin-left: 20px;
	}
	
		.hosting-package .name
		{
			margin: 10px 0px;
			padding: 0px 10px;
			border-right: 1px solid white;
			width: 110px;
			float: left;
		}
		
			.hosting-package .name h2
			{
				font: normal 1.6em Arial, Helvetica, sans-serif !important;
				margin: 0 !important;
				text-align: center;
				color: #666 !important;	
			}
			
			.hosting-package .name h3
			{
				margin: 0 0 0.25em 0;
				text-align: center;
				font-size: 4em;
				font-weight: normal;
				color: #B4313B;
			}
			
			.hosting-package .name p
			{
				margin: 0 !important;
				text-align: center;
				font-size: 1.15em !important;
				color: #999;
			}
		
		.hosting-package .features
		{
			border-left: 1px solid #DDDDDD;
			float: left;
			margin: 10px 0 !important;
			padding: 5px 0 5px 25px;
			width: 145px;
		}
		
		.hosting-package .links
		{
			background: #E9E9E9;
			clear: both;
			border-bottom: 2px solid #DDD;
			border-top: 2px solid #DDD;
		}
		
			.hosting-package .links .buy-now
			{
				width: 100px;
				height: 29px;
				display: block;
				text-indent: -9000px;
				background: url('../images/layout/buy-now.png') no-repeat center center;
				margin: 5px 5px 5px 13px;
				float: left;
			}
			
			.hosting-package .links span
			{
				width: 25px;
				height: 29px;
				padding: 5px 3px;
				text-align: center;
				font-size: 1.2em;
				color: #999;
				float: left;
				line-height: 29px;
			}
			
			.hosting-package .links .view-features
			{
				float: left;
				font-size: 1.3em;
				height: 29px;
				line-height: 29px;
				padding: 5px 3px;
				width: 150px;
				color: #B4313B;
			}
			
	
/*	=Footer
	------------------------------------------------------ */
	#footer
	{ 
		font-size: 1.1em;
		color: #999;
		margin: 1em 0 2em;
	}
	
		#footer ul
		{
			float: right;
			margin-top: 9px;
		}
		
			#footer li
			{
				float: left;
				border-left: 1px dotted #666;
				padding: 0 0.5em;
			}
			
			#footer li.first
			{
				border: none;
			}
			
				#footer a
				{
					color: #999;
					padding: 1px;
					font-weight: normal;
				}
				
				#footer a:visited
				{
					color: #999;
				}
				
				#footer a:hover
				{
					background: #999;
					color: black;
				}

		#footer p
		{
			line-height: 1.4em;
		}
	
			#footer a.credit
			{
				color: #666;
			}
			
			#footer a.credit:hover
			{
				color: black;
			}
			
			#footer p img
			{
				display: none;
			}
	
	
/*	=Default Anchors
	------------------------------------------------------ */	
	a
	{
		color: #333;
		font-weight: bold;
	}
	
		a:hover
		{
			text-decoration: none;
			color: #B4313B;
		}
	
		a:visited
		{
			text-decoration: underline;
		}
		
		
/*	=Forms
	------------------------------------------------------ */
	fieldset
	{
		padding: 1em;
		border: 1px dotted #CCC;
		background: #F6F6F6;
	}
	
		legend 
		{
			padding: 0.1em;
			margin: 1em 0em;
			font-size: 1.8em;
			color: #B4313B;
			font-family: Georgia, Serif;
			font-style: oblique;
		}
	
		label 
		{
			float: left;
			font-size: 1.3em;
			margin-right: 1em;
			padding-top: 0.5em;
			text-align: right;
			width: 140px;
			display: block;
			clear: left;
		}
		
		input, 
		textarea, 
		select
		{
			font: 1.4em Arial, Helvetica, sans-serif;
			padding: 0.25em;
			width: 280px;
			margin-bottom: 0.5em;
			float: left;
			margin-right: 1em;
		}
		
		input,
		textarea
		{
			padding: 0.5em 0.5em 0.4em 0.5em;
			border-left: 1px solid #c1c1c1;
			border-right: 1px solid #c1c1c1;
			border-top: 1px solid #848484;
			border-bottom: 1px solid #e1e1e1;
			background: white url('../images/layout/navigation-shadow.png') repeat-x left -2px;
		}
		
		textarea
		{
			height: 200px;
		}
		
		form fieldset div.validation
		{
			color: #999999 !important;
			float: left;
			font-size: 1.1em;
			width: 170px;
			padding: 0.8em 0;
		}
		
		form fieldset div.error
		{
			color: red !important;
			background: transparent !important;
		}
		
		form .button
		{
			margin: 2em auto 1em;
			clear: both;
		}
		
		input.submit
		{
			margin: 0;
			padding: 0;
			background: transparent;
			border: none;
			width: auto;
			cursor: pointer;
			color: #333333;
			font-size: 1.2em;
			font-weight: bold;
			letter-spacing: 0.5px;
			line-height: 33px;
			padding: 5px 32px;
			text-transform: uppercase;
			float: none;
		}
		
		span.required
		{
			color: #B4313B;
			padding-left: 3px;
		}
	
/*	=Widgets
	------------------------------------------------------ */	
	/* Standard Button */
	.button
	{
		margin-left:-3px;
		position: relative;
		z-index: 2;
	}
	
		.button tr
		{
			height: 37px;
		}
	
			/* Styles main button */
			.button td
			{
				background: url('../images/layout/button.png');
				background-position: -30px 0px;
				font-weight: bold;
				font-size: 1.2em;
				color: #333;
				line-height: 33px;
				padding: 0px 32px;
				letter-spacing: 0.5px;
				text-transform: uppercase;
			}
		
			/* First button item */
			.button td.first
			{
				background-position: -32px 0px;
				padding-left: 10px;
			}

			/* Last button item */
			.button td.last
			{
				padding-right: 10px;
			}
		
				.button td a
				{
					color: #666;
					text-decoration: none;
				}
			
				.button td a:hover
				{
					color: #333;
				}
				
				/* Undoing all the default input styling */
				.button input
				{
					background: none;
					border: 0px solid;
					color: #666666;
					font-size: 1em;
					font-weight: bold;
					padding: 0;
					margin: 0;
					padding-top: 0.7em;
					text-transform: uppercase;
					width: auto;
					cursor: pointer;
				}
				
				.button input:hover
				{
					color: #333;
				}
	
			/* Button Caps */
			.button .left-cap,
			.button .right-cap
			{
				width: 30px;
				background-position: 0px;
				background-repeat: no-repeat;
				padding: 0;
			}			
	
			.button .right-cap
			{
				background-position: -238px 0px;
			}
			
			/* Smaller caps when inside content */
			#content .button .left-cap,
			#content .button .right-cap
			{
				width: 20px;
			}
			
			#content .button .right-cap
			{
				background-position: -248px 0px;
			}
			
			
				
/*	=Classes
	------------------------------------------------------ */				
	/* Some miscellaneous but useful classes */
	img.right,
	div.right
	{
		float: right;
		margin: 10px 10px 0px 10px;
	}			
	
	img.left,
	div.left
	{
		float: left;
		margin: 10px 20px 0px 10px;
	}
	
	img.center
	{
		margin: 10px 0px;
	}
	
	div.hr
	{
		font-size: 0px;
		line-height: 1px;
		height: 1px;
		border-bottom: 1px solid #DDD;
		margin: 20px 0px 0px;
	}
	
		div.hr hr
		{
			display: none;
		}
	
	p.large
	{
		font-size: 1.6em !important;
	}
			
	img.outgoing
	{
		padding: 0 3px;
		float: none !important;
	}	
	
	#content h2.first
	{
		margin-top: 1em;
	}	
	
	div.half
	{
		width: 47%;
		float: left;
		padding: 0 1.5%;
	}
	
	p.pad-left
	{
		padding-left: 1.25em;
	}
	
	h2.border
	{
		border-bottom: 1px dotted #CCC;
		padding-bottom: 0.5em;
		margin-bottom: 0.5em !important;
	}