@charset "utf-8";
/* CSS Document for urlfinancial.com | Jeff Dolsen, Creative Director, IdeaStar Inc. */


	
/*	GLOBAL ----------------------------------------------------------------------- */
	
	/* located in global.css */

/*	STRUCTURE -------------------------------------------------------------------- */
	
	#pageContainer { width:980px; margin:0 auto; text-align:left; }
	
	#globalNavContainer { width:960px; height:28px; padding:0 0 0 20px; color:#fff; overflow:hidden; border-bottom:1px solid #023e73; float:right; }
	
	#mastheadContainer { height:82px; width:980px; float:left; }
		#mastheadContainer .brand { width:117px; height:71px; top:5px; position:relative; float:left; }
	
	#mainNavContainer { position:relative; z-index:10000; top:25px; left:150px; float:left; }
	
	#mainContentContainer { width:940px; padding:20px; background:#fff; }
	
	
	/* Main Content Area */
	
	#mainContent { width:610px; float:left; }
		#mainImg { width:610px; height:250px; clear:both; }
		
		.content { margin:15px 0 15px 0; border-bottom:dotted 1px #ccc; overflow: auto; display:block; clear:both; }
			.content .thumbnail { width:90px; margin:5px 0 15px 0; float:left; clear:left; }
			.content .copy { width:505px; margin-bottom:10px; float:right; clear:right; }
			.content .copy ul.spotlight { width:240px; margin:0 10px 0 0; padding:0; list-style:none; float:left; }
			.content .copy ul.spotlight li { padding-bottom:5px; color:#083359; }
			.content .copy ul.spotlight li strong, .content .copy ul.spotlight li strong a { color:#363636; text-decoration:none; }
			.content .copy ul.spotlight li strong a:hover { color:#999; text-decoration:none; }
			
			/*--Window/Masking Styles--*/
        .Window { height:250px; width:610px; overflow:hidden; /*--Hides anything outside of the set width/height--*/ 
			      position:relative; }
        .ImageReel { position:absolute; top:0; left:0; }
                .ImageReel img { float:left; }
				
	/*--Paging Styles--*/
		.Paging { position:absolute; bottom:5px; right:-7px; width:178px; height:47px; 
				  z-index:100; /*--Assures the Paging stays on the top layer--*/
				  text-align:center; line-height:40px; background:url(../images/PagingBG.png) no-repeat; display:none; 
				  /*--Hidden by default, will be later shown with jQuery--*/ }
		.Paging a { padding:5px; text-decoration:none; color:#fff;  }
		.Paging a.active { font-weight:bold; color:#b2f0ff; background:#407cbb; }
		.Paging a:hover { font-weight:bold; color:#dfffff;  }

	#mainAgentContent { width:920px; float:left; }
		#mainImg { width:610px; height:250px; clear:both; }
		
		.content { margin:15px 0 15px 0; border-bottom:dotted 1px #ccc; overflow: auto; display:block; clear:both; }
			.content .thumbnail { width:90px; margin:5px 0 15px 0; float:left; clear:left; }
			.content .copy { width:505px; margin-bottom:10px; float:right; clear:right; }
			.content .copy ul.spotlight { width:240px; margin:0 10px 0 0; padding:0; list-style:none; float:left; }
			.content .copy ul.spotlight li { padding-bottom:5px; color:#083359; }
			.content .copy ul.spotlight li strong, .content .copy ul.spotlight li strong a { color:#363636; text-decoration:none; }
			.content .copy ul.spotlight li strong a:hover { color:#999; text-decoration:none; }
	
	/* Side Rail Area */
	
	#rail { width:310px; float:right; }

		/*#rail #callOutCal { width:290px; min-height:230px; padding:10px; background:url(../images/interface/railBlock_home.gif) no-repeat; overflow:auto; }
		#rail #callOutCal h1 { color:083359;}		*/
		

		#rail #callOut { width:290px; min-height:230px; padding:10px; background:url(../images/interface/railBlock_home.gif) no-repeat; overflow:auto; }
		#rail #callOut h1 { color:#fff; }
			
		
		.annuity #rail #callOut { background:url(../images/interface/railBlock_annuity.gif) no-repeat; } 
		.disability #rail #callOut { background:url(../images/interface/railBlock_disability.gif) no-repeat; }
		.health #rail #callOut { background:url(../images/interface/railBlock_health.gif) no-repeat; color:#fff; }
		.life #rail #callOut { background:url(../images/interface/railBlock_life.gif) no-repeat; color:#fff; }
		.senior #rail #callOut { background:url(../images/interface/railBlock_senior.gif) no-repeat; }
		.contact #rail #callOut { background:url(../images/interface/railBlock_contact.gif) no-repeat; }
		
			#callOut h1 { color:#fff; }
			#callOut a { color:#fff; }
		
		#rail #callOut table { width:280px; margin:30px 0 0 0; }
		#rail #callOut table input[type="text"] { width:280px; margin-bottom:3px; }
		
		.contact #rail #callOut p.directions { margin:0 10px 0 0; text-align:right; }
			.contact #rail #callOut p.directions a { padding:0 0 0 20px; color:#fff; text-decoration:none; background:url(../images/interface/ArrowOnBlue.gif) no-repeat 0 2px; }
			.contact #rail #callOut p.directions a:hover { color:#fff; text-decoration:underline; }
		
		#rail .content { margin-left:10px; border:none; }		
		#rail .content .time { color:#999; }

	/* Calendar side rail area - Karen 6/7/10*/

	#rail { width:310px; float:right; }

		#rail #callOutCal h1 { color:083359;}	
		      
		      #callOutCal a { color:#fff; }		
		
		#rail #callOutCal table { width:280px; margin:30px 0 0 0; }
		#rail #callOutCal table input[type="text"] { width:280px; margin-bottom:3px; }
		
		.contact #rail #callOutCal p.directions { margin:0 10px 0 0; text-align:right; }
			.contact #rail #callOutCal p.directions a { padding:0 0 0 20px; color:#fff; text-decoration:none; background:url(../images/interface/ArrowOnBlue.gif) no-repeat 0 2px; }
			.contact #rail #callOutCal p.directions a:hover { color:#fff; text-decoration:underline; }
		
		#rail .content { margin-left:10px; border:none; }		
		#rail .content .time { color:#999; }

/*	TEXT ELEMENTS ---------------------------------------------------------------- */
	
	h1 { margin-top:0; color:#083359; font-size:1.5em; font-weight:normal; }
	
	.annuity h1 { color:#499EBF; }
	.disability h1 { color:#005986; }
	.health h1 { color:#005986; }
	.life h1 { color:#005986; }
	.senior h1 { color:#005986; }
	
	h2 { margin:0; color:#363636; font-size:1.25em; font-weight:normal; }
	h3 { color:#363636; font-size:1em; font-weight:bold; }
	h4 { color:#363636; font-size:1em; font-weight:normal; font-style:italic; }
	
	p { line-height:1.5em; }
	p.large { font-size:1.25em; color:#999; }
	
	ul { }	
	ul li { }
	
	ol { }
	ol li { }
	
	a { color:#083359; text-decoration:underline; }
	a:hover { color:#083359; text-decoration:none; }

	
	a.call2action { padding:0 0 0 0; color:#499EBF; text-decoration:none; }
	a.call2action:hover { color:#083359; text-decoration:none; }
	
/*	Carrier Page Styles */

	#carriersContainer { width:610px; font-family:Tahoma, Arial, Helvetica, sans-serif; }
	
	#carriersContainer table.header { width:590px; margin:0 10px 15px 10px; }
	#carriersContainer table.header tr td { vertical-align:bottom; }
	#carriersContainer table.header tr td h1 { margin:0; padding:0; color:#083359; float:left; }
	#carriersContainer table.header tr td img { float:right; }
	
	#carriersContainer table { width:610px; line-height:1.5em; }
	#carriersContainer table tr { }
	#carriersContainer table tr th { width:290px; height:28px; padding:2px 0 0 10px; color:#fff; font-size:1.3em; font-weight:normal; text-align:left; background:#fff url(../images/interface/InfoTH_BK.jpg) no-repeat; }
	
	#carriersContainer table tr td { vertical-align:top; }
		#carriersContainer table tr td ul { margin:10px 0 30px 10px; padding:0; list-style:none; }
		#carriersContainer table tr td ul { }
		
		#carriersContainer table tr td.gotomeeting img { margin-top:10px; float:right; }
	
	#carriersContainer table tr td.space { width:10px; }
	
	#carriersContainer table tr td a { padding:0 10px 0 20px; color:#499EBF; text-decoration:none; background:url(../images/interface/c2aArrow.gif) no-repeat 0 4px; }
	#carriersContainer table tr td a:hover { color:#083359; text-decoration:none; }
	
	#carriersContainer  hr { height:1px; margin:5px 0 20px 0; padding:0; background:#083359; border:none; }

/*	CLASSES ---------------------------------------------------------------------- */
	
	.clear { height:0px; line-height:0px; font-size:1px; display:block; overflow:hidden; clear:both; }
	
	.blue { color:#083359; }
/*	.green { color:#499EBF; }
	.orange { color:#005986; }
	.red { color:#005986; }
	.purple { color:#005986; }
	.gold { color:#005986; }*/