/* 
Sub.tv Info CSS
==============================================================================================================================================
Title:			Style sheet - Sub.tv Info
Type:			General
File:			general.css
CSS version:	1.0
Copyright:		Copyright (c) 2009 - Sub.tv Info
Author			Faren Gambrill
Created:		9th March 2009

/*  Test Functions 
-----------------------------------------------------------------------------------------
div {border:1px solid black;}*/

/* Colours
-----------------------------------------------------------------------------------------

/*  Yahoo Reset CSS 	
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Licence: http://developer.yahoo.net/yui/license.txt (version: 2.2.2) 
----------------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
/* address,caption,cite,code,dfn,em,strong,th,var {font-style:;font-weight:normal;} */
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
/* End of Yahoo Reset CSS 
----------------------------------------------------------------------------------------*/

.success {color: #FFFFFF; font-weight:bold; text-decoration:blink; padding-left:4px;}

/*  =body  
-----------------------------------------------------------------------------------------*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}

/*  =wrap  
-----------------------------------------------------------------------------------------*/
#wrap {
	margin: auto;
	width: 930px;
}

/*  =pageCover  
-----------------------------------------------------------------------------------------*/
#pageCover {
	background: url(../media/images/site_bg.png) 0 0 repeat-y;
	float: left;
	width: 930px;
	padding-bottom: 20px;	
}

/*  =header  
-----------------------------------------------------------------------------------------*/
#header {
	float: left;
	width: 930px;
}

	h1 a {
		background:url(../media/images/logo.png) 0 0 no-repeat;
		display: block;
		float: left;
		height: 39px;
		margin: 14px 0 17px 35px; 
		_margin-left: 17px;
		text-indent: -99999px;
		width: 63px;
	}
	
/*  =branding  
-----------------------------------------------------------------------------------------*/
#branding {
	background:url(../media/images/branding_bg.png) 11px 0px no-repeat;
	float: left;
	height: 285px;
	width: 930px;
	clear:both;
}
.scroller {width:908px !important; height:275px;  margin:8px 0 0 11px;}

.prev {
	background:transparent url(/media/images/arrowLeft.png) no-repeat scroll 0 0;
	display:block;
	height:50px;
	margin-left:0px;
	position:absolute;
	top:110px;
	width:25px;
	z-index:2;
	border:#000000 thick;
}

.next {
	background:transparent url(/media/images/arrowRight.png) no-repeat scroll 0 0;
	display:block;
	height:50px;
	margin-left:784px;
	position:absolute;
	top:110px;
	width:25px;
	z-index:2;
	border:#000000 thick;
	left: 100px;
}





/*  =nav  
-----------------------------------------------------------------------------------------*/
#nav {
	float: right;
	margin: 46px 0px 0 0;
	_margin-right: 24px;
	width: 430px;
}

	#nav li{float: left;}
	
		#nav li a{
			display: block;
			text-indent: -99999px;
		}
		
		
		
			#homeNav {
				background: url(../media/images/navigation_sprite_bg.png) -0px 2px no-repeat;
				height: 25px;
				width: 72px;
			}
			
				#homeNav:hover {background:url(../media/images/navigation_sprite_bg.png) 0 -25px no-repeat;}
			
				#nav .current_page_item a {
				background:url(../media/images/navigation_sprite_bg.png) 0 -25px no-repeat;
				}
				
			#eventsNav {
				background: url(../media/images/navigation_sprite_bg.png) -75px 2px no-repeat;
				height: 25px;
				width: 95px;
			}

				#eventsNav:hover {
					background: url(../media/images/navigation_sprite_bg.png) -75px -25px no-repeat;
				}
				
				#nav .current_page_item2 a {
					background: url(../media/images/navigation_sprite_bg.png) -75px -25px no-repeat;
				}		
				
			#clientsNav {
				background: url(../media/images/navigation_sprite_bg.png) -170px 2px no-repeat;
				height: 25px;
				width: 70px;
			}

				#clientsNav:hover {
					background: url(../media/images/navigation_sprite_bg.png) -170px -25px no-repeat;
				}
				
				#nav .current_page_item3 a {
					background: url(../media/images/navigation_sprite_bg.png) -170px -25px no-repeat;
				}	
				
			#caseStudiesNav {
				background: url(../media/images/navigation_sprite_bg.png) -238px 2px no-repeat;
				height: 25px;
				width: 95px;
			}

				#caseStudiesNav:hover {
					background: url(../media/images/navigation_sprite_bg.png) -238px -25px no-repeat;
				}
				
				#nav .current_page_item4 a {
					background: url(../media/images/navigation_sprite_bg.png) -238px -25px no-repeat;
				}

			#contactNav {
				background: url(../media/images/navigation_sprite_bg.png) -330px 2px no-repeat;
				height: 25px;
				width: 70px;
			}

				#contactNav:hover {
					background: url(../media/images/navigation_sprite_bg.png) -330px -25px no-repeat;
				}
				
				#nav .current_page_item5 a {
					background: url(../media/images/navigation_sprite_bg.png) -330px -25px no-repeat;
				}
				
/*  =primaryContent  
-----------------------------------------------------------------------------------------*/
#primaryContent {
	float: left;
	width: 640px;
}

/*  =newsEventsWrap  
-----------------------------------------------------------------------------------------*/
#newsEventsWrap {
	float: left;
	/* margin-bottom: 25px; */
}

/*  =newsUpdate  
-----------------------------------------------------------------------------------------*/
#newsUpdate {
	background: url(../media/images/news_update_bottom_bg.png) bottom left no-repeat;
	float: left;
	padding-bottom: 8px;
	margin: 15px 0 0px 25px;
	_margin-left: 12px;
	width: 371px;
}

	#newsUpdateContent {
		background:url(../media/images/news_update_middle_bg.png) 0 0 repeat-y;
	}
	
	#newsUpdateContent p {
		margin: 0 18px 0 18px;
		padding-bottom: 18px;
	}
	
	
		#newsUpdate h2 {
			background: url(../media/images/news_update_header_bg.png) 0 0 no-repeat;
			height: 40px;
			text-indent: -99999px;
			margin-bottom: 18px;
		}
	

/*  =newsUpdate  
-----------------------------------------------------------------------------------------*/
#events {
	background: url(../media/images/events_middle_bg.png) 0 0 repeat-y;
	float: left;
	margin: 15px 0 0 19px;
	width: 208px;
}

	#eventsContent {
		background: url(../media/images/events_bottom_bg.png) bottom left no-repeat;
		padding-bottom: 30px;
		padding-right: 10px;
	}
	
		#events h2{
			background: url(../media/images/events_header_bg.png) 0 0 no-repeat;
			height: 32px;
			text-indent: -99999px;
		}
	
	#eventsContent ul{
		margin: 0 0 0 25px;
		padding-top: 25px;
	}
	
	#eventsContent li{
		background: url(../media/images/arrows_icon.png) center left no-repeat;
		color: #fff;
		padding-left: 23px;
		margin-bottom: 8px;
	}

	#eventsContent li a {
		color: #fff;
		text-decoration: none;
	}
	
	#eventsContent a:hover {
	text-decoration:none;
	border-bottom:1px dotted #FFFFFF;
	}
	
/*  =article  
-----------------------------------------------------------------------------------------*/
#article {
	clear: both;
	margin: 0 36px 0 36px;
	padding-top:20px;
}

	#article h2 {
		background: url(../media/images/header_arrow_icon.png) 0 0 no-repeat;
		color: #006699;
		float: left;
		font-size: 18px;
		padding-left: 33px;
		width: 450px;
	}
	
	#article img {}
	
	#topArticle {
		background:url(../media/images/dotted_line_bg.png) 35px 25px no-repeat;
		float: left;
		margin-bottom: 20px;
		padding-bottom: 10px;
	}
	
	#article span {

		float: left;
		margin-top: 5px;
	}
	
	#article p {
		clear: both;
		padding-bottom: 20px;
		padding-left: 35px;
	}	
	
	#article li {
		clear: both;
		padding-bottom: 5px;
		padding-left: 10px;
		margin-left:50px;
	}	
	
	.boldText {
	color:#666666;
	font-weight:bold;
	font-size:16px;
	}
	
	.smlBoldTxt {
	font-weight:bold;
	}
	
#alignArticle {
	float:left;
} 	

	#alignArticle .alignLeft {
		float:left;
		width:120px;
	}
	
	#alignArticle .alignLeft img {
		padding:0px 0 20px 33px;
	}
	
	#alignArticle .alignRight {
		float:left;
		width:445px;
	}

/*  =secondaryContent  
-----------------------------------------------------------------------------------------*/
#secondaryContent {
	/*background: url(../media/images/case_studies_bg.png) 3px 0 repeat-y;*/
	float: left;
	width: 280px;
	color:#FFFFFF;
}

/*  =caseStudies 
-----------------------------------------------------------------------------------------*/
#twitter_div {
	float: left;
	background: url(../media/images/case_study_bg.png) right bottom no-repeat;
	width: 279px;
	padding-bottom: 8px;
	}


	#twitter_div h2 {
		float: left;
		background:	url(../media/images/case_studies_header_bg.png) 3px 0px no-repeat;
		height: 47px;
		padding-left: 20px;
		padding-top: 15px;
		font-size:16px;
		width: 259px;
		/*width: 280px;*/

		/*text-indent: -99999px;*/
	}
	
	#twitter_div ul {
		float: left;
		margin: 0px 0 5px 20px;
		width: 220px;
		color: #666;
}
	
	#twitter_div li {
/*		background: url(../images/case_studies_list_middle_bg.png) 0 0 repeat-y; */
		background: url(../media/images/case_studies_list_bottom_bg.png) bottom left no-repeat; 
		margin-bottom: 6px;
	}
	

	/*
		#twitter_div li span{
			background: url(../media/images/case_studies_list_top_bg.png) 0 0 no-repeat;
			display: block;
		}
	*/	
		#twitter_div li a{
			color: #000;
			display: block;
			padding: 9px 0 10px 0px;
		}
		
		#twitter-link a{
			color: #000;
			padding: 9px 0 10px 0px;
		}
		
		#rss {
			background: url(../media/images/rss_icon.png) 0 0 no-repeat;
			display: block;
			float: left;
			height: 23px;
			margin: 46px 0 0px 12px;
			padding-bottom: 12px;
			text-indent: -99999px;
			width: 97px;
		}
		

/* Footer *************************/

#footer {
	float: left;
	clear: both;
	width: 930px;
	height:250px;
	background: #ffffff url(../media/images/footerBg.png) no-repeat;
}

/* Contact Us */
#footer #contact_us {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	width:300px;
	color:#FFFFFF;
	margin: 55px 73px;	
}

#footer #contact_us h2 {
	font-size:14px;
	padding-bottom:15px;
	font-weight:bold;
}

#footer #contact_us p {
	line-height:15px;
	padding-bottom:10px;
}

#footer #contact_us a {
	color:#FFFFFF;
	text-decoration:none;
}

#footer #contact_us a:hover {
	text-decoration:underline;
}




/* Mailing List */
#footer #mailing_list {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: right;
	width:300px;
	color:#FFFFFF;
	margin: 55px -20px;	
}

#footer #mailing_list h2 {
	font-size:14px;
	padding-bottom:15px;
	padding-left:4px;
	font-weight:bold;
}

#footer #mailing_list p {
	line-height:15px;
	padding-bottom:10px;
	padding-left:4px;
	font-size:10px;
}

#footer #mailing_list a {
	color:#FFFFFF;
	text-decoration:none;
}

#footer #mailing_list a:hover {
	text-decoration:underline;
}

#footer #mailing_list form {
	background: transparent url(../media/images/form_mailing.png) no-repeat 0 0 scroll;
	height:38px;
	width:250px;
}

#footer #mailing_list form input {
	background:transparent none repeat scroll 0 0;
	border:medium none;
	color:#999999;
	float:left;
	padding:9px;
	width:144px;
	font-size:12px;
}

#footer #mailing_list form #btnSubmit {
	background:transparent none repeat scroll 0 0;
	border:medium none;
	float:left;
	padding:9px;
	width:50px;
	text-indent:-99999px;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}