@charset "utf-8";

html, body {
	margin:0; 
	padding:0;
	background:#06445b url(http://www.iamjustinlong.com/images/site_design_elements/bgBody.gif) repeat-x;
	font-family:"Trebuchet MS", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size:18px; color:#87ddfe; line-height:26px;
	}
	
/* MASTHEAD */
	
#mastheadWrap {
	height:195px;
	background:url(http://www.iamjustinlong.com/images/site_design_elements/bgMastWrap.gif) top center no-repeat;
	}
	
	#masthead {
		width:930px;
		margin:0 auto;
		position:relative; top:56px;
		}
		
	#clientLogin  {
		position:relative;
		float:right;
		width:277px;
		overflow:hidden;
		margin:0 17px 0 34px;
		color:#0c81ad; line-height:20px;
		}
		
		#clientLogin h1 {
			color:#0c81ad;
			margin-bottom:8px;
			}
			
		#clientLogin input {
			width:80%;
			padding:2px;
			background:#f5f4f4;
			border:#cfcecf 1px solid;
			margin:2px;
			font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:12px; color:#bbb9b9; line-height:normal;
			}
			
		input.buttonLogin {
			width:108px!important;
			height:25px;
			border:none!important;
			}
			
		.client_area_log_in	{
			font-size: 14px;
			color:#87ddfe; line-height:20px;
		}
			.client_area_log_in a, .client_area_log_in a:visited {
				color:#87ddfe;
				text-decoration: none;
			}
		
		#clientLogin h4	{
		 margin: -5px 0px 0px 0px;
		 padding: 5px 0px;
		}
		
		#clientLogin .logout	{
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px; 
			-khtml-border-radius: 5px;
			display: block;
			background:#0c81ad;
			width: 75px;
			text-align: center;
			padding: 5px;
			cursor: pointer;
			margin-top: 5px;
		}
		
		.auto_login	{
			width: 155px;
			display: block;
			font-size: 14px;
			text-align: left;
			float: right;
			margin-top: 7px;
			
		}
	 #clientLogin span.auto_login input[type=checkbox]	{
			text-align: left;
			padding: 0px;
			margin: 0px;
			width: 20px !important; 
		}
	
/* NAVIGATION */
	
#nav {
	width:930px; height:34px;
	margin:0 auto;
	}
	
	ul#nav {
		margin:0; 
		padding:0;
		list-style-type:none;
		font-family:Trebuchet MS, Helvetica, sans-serif; font-size:19px; color:#08516d; line-height:normal;
		background:url(http://www.iamjustinlong.com/images/site_design_elements/bgNav.gif) center center repeat-x;
		}	
		ul#nav li {
			display: inline;
			}
		ul#nav li a {
			float: left;
			padding:5px 20px;
			text-decoration:none;
			color:#08516d;
			border-right:#aaa9a9 1px solid;
			}	
		ul#nav li a.start {
			border-left:#aaa9a9 1px solid;
			}
		ul#nav li a:hover {
			background:url(http://www.iamjustinlong.com/images/site_design_elements/bgNavHover.gif) repeat-x;
			}
			
		.active {background:url(http://www.iamjustinlong.com/images/site_design_elements/bgNavHover.gif) repeat-x;}
	
/* CONTENT */	

a, a:visited {
	color:#f5f4f4;
	text-decoration:none;
	}
	
	a:hover {
		text-decoration:underline;
		}
	
#content1Wrap {
	background:#09759e url(http://www.iamjustinlong.com/images/site_design_elements/bgContent1.jpg) top center repeat-y;
	}
	
	#content1 {
		width:930px;
		margin:0 auto;
		padding:35px 0 20px 0;
min-height: 400px;
		}
	
	#contentMain {
		width:590px;
		}

	#contentMain ul {
		margin:8px;
		padding-left:12px;
		}		
		#contentMain ul li {
			list-style:none;
			background: url(http://www.iamjustinlong.com/images/site_design_elements/bullet.gif) no-repeat 0 10px;
			padding-left:18px;
			}	
	
.dateStamp {
	font-size:12px; color:#62b7d7; line-height:normal;
	margin-top:0!important;
	}
	
	.dateStamp a, .dateStamp a:visited {
		color:#f5f4f4;
		text-decoration:none;
		}
		
	.dateStamp a:hover {
		text-decoration:underline!important;
		}
		
h1 {
	margin:0 0 -4px 0; 
	font-size:30px; color:#e6f8ff; font-weight:normal; line-height:normal;
	}
		
h2 {
	margin:0; 
	font-size:20px; color:#ddf6ff; font-weight:normal; line-height:normal;
	}
	
h3	{
	margin:0;
	ont-size:15px; color:#ddf6ff; font-weight:normal; line-height:normal;
	}
	
.imageThumb img {
	margin-bottom:2px;
	border:#e2e7e9 1px solid;
	}
	
a:hover.imageThumb img {
	border:#08516d 1px solid;
	}
.social_netowrk	{line-height: 35px;}
.network_photo	{padding-right: 15px;}
.network_name	{ vertical-align: 50%; }

/* SIDEBAR & MID COLUMN CONTENT */
	
.sideContent  {
	position:relative;
	float:right;
	width:277px; 
	overflow:hidden;
	margin:0 17px 0 34px;
	color:#87ddfe; line-height:20px;
	}
		
	.sideContent h1, h1.column1 {
		margin-bottom:10px;
		}
	
	.sideContent p {
		margin-top:8px;
		margin-bottom:4px;
font-size: 16px;
		}
	
.sideContent .dateStamp {
	font-size:12px; color:#08516d; line-height:normal;
	margin-top:0!important;
	}
	
	.sideContent .dateStamp a, .sideContent .dateStamp a:visited {
		color:#043243;
		text-decoration:none;
		}
		
	.sideContent .dateStamp a:hover {
		text-decoration:underline!important;
		}
	
/* FOOTER */
	
#footer {
	margin:0 auto;
	width:910px;
	text-align:right;
	font-size:12px; color:#0e9ed6;
	}
	
#footer a {
	color:#63c4eb;
	}



.icon { float:left; padding-right:10px; padding-top: 5px;}

/* Contact Form  */

label	{
	display: block;
	position: relative;
	text-indent: -9999999px;
}
span.stay label	{
	display:block;
	position:relative;
	text-indent: 0px;
}
form.contact input	{
		font-size: 17px;
		line-height: 24px;
		vertical-align: middle;
		background-color: #0F9ED8;
		height: 35px;
		margin-bottom: -15px;
		padding-left: 10px;
		display: block;
		overflow: hidden;
		color: #f5f4f4;
		position: relative;
		border: 2px solid #f5f4f4;
		border-right: 15px solid #f5f4f4;
		width: 450px;
		font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
		
}

#service_type_iconselect, #timeframe_iconselect, #budget_iconselect {
		font-size: 17px;
		line-height: 24px;
		vertical-align: middle;
		background-color: #0F9ED8;
		height: 35px;
		margin-bottom: -5px;
		padding-left: 10px;
		display: block;
		color: #f5f4f4;
		position: relative;
		border: 2px solid #f5f4f4;
		border-right: 15px solid #f5f4f4;
		width: 450px;
		font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
		z-index: 9998;
		cursor: pointer;
		
}
#service_type_iconselect	{
margin-top: -15px;
}
#timeframe_iconselect	{
margin-top: -10px;
}
#budget_iconselect	{
margin-top: -10px;
}

.selectwrapper { margin-top: 0px;  margin-left: 0px; padding-top: 4px; padding-right: 2px; display:none; position:absolute; width: 477px; z-index: 9999;}
.selectwrapper .selectitems {  padding:3px; z-index: 1000; margin-left: 2px; border-bottom: solid 1px #ddd; }
.selectwrapper .last { border: none; }
.selectwrapper .selectitems span { padding-left: 5px; z-index: 10000; } 
.selectwrapper .selectedclass { background-color:#87ddfe; color: #f5f4f4; }
.selectwrapper .hoverclass { background-color:#0F9ED8; cursor:pointer; } 


.selectfooter {height: 8px; margin-bottom: -5px; 			
			-moz-border-radius-bottomleft: 2px;
			-moz-border-radius-bottomright: 2px;	
			-webkit-border-bottom-right-radius: 2px;		
			-webkit-border-bottom-left-radius: 2px;
			}
#service_type_options, #timeframe_options, #budget_options { min-height: 50px; max-height: 300px; overflow-y: scroll; width: 477px; background-color: #FFFFFF;}


form.contact textarea	{
		font-size: 17px;
		line-height: 24px;
		vertical-align: middle;
		background-color: #0F9ED8;
		height: 275px;
		margin-bottom: 0px;
		padding: 10px;
		display: block;
		overflow: hidden;
		color: #f5f4f4;
		position: relative;
		border: 2px solid #f5f4f4;
		border-right: 15px solid #f5f4f4;
		width: 440px;
		font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}

form.contact .additional_details	{
margin-top: -10px;
}

form.contact input[type=submit]	{
margin-top: 10px;
width: 477px;
vertical-align: left;
text-align: left;
margin-bottom: 15px;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
cursor: pointer;
z-index: 50;
}

.video_overview	{
	width: 585px;
	height: 329px;
	position: relative;
	overflow: hidden;
	display: block;
	padding: 0px;
	margin: 15px 0px;
}



.video_overview .video_overlay	{
	padding: 0px;
	position:absolute;
	bottom: 0px;
	width: 100%;
	height: 165px;

}

.video_overview .video_title	{
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
	height: 164px;

}


.video_overview .video_overlay form	{
	width:565px;
	padding: 10px;
	background-color: rgb(15, 158, 216,);
	background-color: rgba(15, 158, 216, 0.6);
	color: #f5f4f4;
	position: absolute;
	bottom: 0px;
	margin: 0px;
}


.video_overview .video_title p	{
	display: block;
	width:565px;
	padding: 10px;
	background-color: rgb(15, 158, 216,);
	background-color: rgba(15, 158, 216, 0.6);
	color: #f5f4f4;
	position: absolute;
	top: 0px;
	margin: 0px;
}


.video_buy input[type=submit]	{
	width:565px;
	background-color: rgb(15, 158, 216,);
	background-color: rgba(15, 158, 216, 0.6);
	color: #f5f4f4;
	top: 0px;
	margin: 0px;
	border: none;
	background: transparent;
	cursor: pointer;
	text-align: left;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:18px; line-height:26px;
}
.video_buy input[type=submit]:hover	{
	color: #FF0000;
}

.buy_now input[type=submit]	{
	background-color: #f5f4f4;
	display: block;
	height: 50px;
	width: 565px;
	padding: 10px;
	cursor: pointer;
	margin-top: 10px;
	text-align: right;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	-khtml-border-radius: 10px;
	font-size:20px; color:#0e9ed6; font-weight:normal; line-height:normal;
}


/* Purchased Video Page Styles  */
		#tab-container {
			float: left;
			margin-top: 15px;	
			}	

		#tab-container div {
			width: 565px;
			padding: 10px 10px 10px 10px;
			-moz-box-shadow: 0 -1px 3px #535353;
			-webkit-box-shadow: 0 -1px 3px #535353;
			z-index: 100;
			position: relative;
			background-color: #f5f4f4;
			color: #000000;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px; 
			-khtml-border-radius: 5px;
			margin-bottom: 20px;
		}
		
		div#tab-container div h3 	{
			display: none;
		
		}
		
		
ul#tab-items {margin: 0;  padding: 0; width: 100%; overflow: hidden;}

ul#tab-items:first-child	{padding-left: 5px;}

	ul#tab-items li {
			float: left;
			list-style: none !important;
			background: none !important;
			margin-right: .5em;
			padding-left: 0px !important;
		}
		

		ul#tab-items li.tab-selected a, ul#tab-items li:hover a {
			background: #f5f4f4;
			cursor: pointer;
			position: relative;
			z-index: 101;
		}

		ul#tab-items li a	{
			padding: .2em 5px;
			-moz-border-radius-topleft: 2px;
			-moz-border-radius-topright: 2px;	
			-webkit-border-top-right-radius: 2px;		
			-webkit-border-top-left-radius: 2px;			
			background: #c8c8c8;
			display: block;
			outline: none;
			text-decoration: none;
			color: #363636;
		}
		
	div.comments_one	{
		width: 585px;
		clear: both;
	}
	
		div.comments_one div.author	{
			width: 565px;
			clear: both;
			height: 100px;
			padding: 10px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px; /* future proofing */
			-khtml-border-radius: 5px; /* for old Konqueror browsers */
			background-color: #f5f4f4;
			
		}
		
		div.comments_one div.author span.count	{
			height: 100px;
			width: 220px;
			display: block;
			float: right;
			padding: 10px 0px 10px 0px;
			font-size: 140px;
			line-height: 99px;
			vertical-align: middle;
			text-align: right;
			overflow: visible;
			position: relative;
			margin-top: -8px;
			
		}
		
		div.comments_one div.author img	{
			height: 80px;
			width: 80px;
			border: 2px solid #87ddfe;
			margin: 8px 10px  8px 0px;
			display: block;
			float: left;
		}
		
		div.comments_one div.author span.details	{
			width: 250px;
			height: 40px;
			vertical-align: middle;
			margin: 30px 0px;
			display: block;
			float: left;

		}
		
			div.comments_one div.author span.details a, div.comments_one div.author span.details a:visited	{
				color: #06445B;
			}
			
			
			div.comments_one div.author span.details a:hover 	{
				color: #87ddfe;
			}
		
		
		div.comments_one span.user_comment	{
		clear: both;
		width: 545px;
		margin: 10px auto;
		display: block;
		}
		
		div.comments_one span.user_comment div.codeblock	{
			-webkit-border-radius: 5px;
			border-radius: 5px; /* future proofing */
			-khtml-border-radius: 5px; /* for old Konqueror browsers */
			background-color: #f5f4f4;
			font-size: 14px;
			overflow-y: auto;
			width: 535px;
			padding: 5px;
			
		
		}

form.inline	{
	display: inline;
}

form.inline a	{
	display: inline;
}


/* Cart Items */

#cart	{ }

#cart ul	{
	overflow: auto;
}

#cart ul li	{
	width: 555px;
	margin: 5px auto;
	display: block;
	list-style: none !important;
	background: none !important;
	margin-right: .5em;
	padding-left: 0px !important;
	line-height: 25px;
}

li.cart_item_row span.cart_item_row_title, li.cart_item_row_header span.cart_item_row_title	{
	width: 375px;
	display: block;
	float: left;
}

li.cart_item_row span.cart_item_row_quantity, li.cart_item_row_header span.cart_item_row_quantity	{
	width: 50px;
	display: block;
	float: left;
	text-align: right;
	padding-right: 3px;
}

li.cart_item_row span.cart_item_row_delete, li.cart_item_row_header span.cart_item_row_delete	{
	width: 125px;
	display: block;
	float: left;
}