/* 

Author: 			Jacq Davis
Author URI: 		http://www.desiant.com/
Version:			1.0
Project:			Morris Nutt Financial, LLC and Raymond James Financial Services, Inc.

---------------------------------------------------------------------------------------

TABLE OF CONTENTS

	-- BASICS


	-- NAVIGATION MENU


	-- STRUCTURE
	
			// Shell Outter Wrap						#shell
			
				// Inside Main Wrap						#wrap
				
						Top Contact:					#topcontact
						
						Main Navigation:				#navigation
						
						Header:							#header
						
						Main Content Wrap:				#contentwrap
						
						Left Column:					#colL
						Right Column:					#colR
								
				// Footer Wrap							#footerwrap
					
						Footer Content:					#footercontent
					
			
		
	
	-- CUSTOM
	
	
				// Inside Main Wrap						#wrap
				
						Top Contact:					#topcontact
						
						Main Navigation:				#navigation
					
						Header:							#header
																		
						Main Content Wrap:				#contentwrap						
						
						Left Column:					#colL					
						
						Right Column:					#colR
						
						
				// Footer Wrap							#footerwrap
					
						Footer Content:					#footercontent
						
							Contact Info				#footercontent .contactinfo
							Copyright Info				#footercontent .copyright
							
							
	
	
	
						
---------------------------------------------------------------------------------------



/* ------------------------------------------------------------------------------------

BASICS						 */


	html{					font-size:100%;	min-height:101%; }

	body{					font-size:100%; color:#333; text-align:center; background: #FFF url(../img/common/bg.jpg) top left repeat-x; text-align:center; font-family: Verdana, Geneva, sans-serif; }

		

	a{						color:#06C; text-decoration:none; }

	a:hover	{				color:#000; text-decoration:underline; }

	a:active{				color:#06C; }

	a:visited{				color:#06C; }



	.floatleft{				float:left; }

	.floatright{			float:right; }

	.clear{					clear:both; }
	
	
	.alignleft{				text-align:left; }

	.alignright{			text-align:right; }

	.aligncenter{			text-align:center; }

	

	img.floatleft{			margin:0 1em 1em 0; }

	img.floatright{			margin:0 0 1em 1em; }


	.padding{				padding:10px; }
	
	
	strong{					font-weight:bold; }
	
	em{						font-style:italic; }


	img, div {
							behavior: url(iepngfix.htc) }
	
	.cleaner {				height:1px;	margin-top:-1px; clear:both; }

/* ------------------------------------------------------------------------------------

NAVIGATION MENU				 */


	#navigation{			width:900px; height:40px; margin:0; clear:both; display:block;}
	
	#navigation ul{			margin:0; padding:0; }
	
	#navigation li{			margin:0; padding:0; float:left; display:inline; }
	


/* ------------------------------------------------------------------------------------

STRUCTURE					 */

	#shell{					width:900px; margin:0 auto; }
	
	#wrap{					width:900px; margin:0 auto; padding-bottom:24px; }
	
	#topcontact{			width:auto; height:46px; margin:0; padding:0; float:right; }
	
	#header{				width:900px; margin:10px 0 10px 0;}
	
	#contentwrap{			width:900px; margin:0; padding:0; font-size:14px; line-height:180%; display: inline-block; }
	
	#colM{					width:900px; margin:0; padding:0; padding-bottom: 20px; display:inline-block; float:left; text-align:left; }
	
	#colL{					width:329px; margin:0; padding:0; display:inline-block; float:left; text-align:left; }
	
	*html #colL{			margin:0; }

	

	#colR{					width:528px; margin:0; padding:0; float:right; display:inline-block; text-align:left; }
	

	#footerwrap{			width:100%; margin:0 auto; clear:both; background-color:#D2E0EF; border-top:1px solid #9AB3D2; }

	#footercontent{			width:900px; margin:0 auto; padding:10px 0 30px 0; font-family:Arial, Helvetica, sans-serif; }


/* ------------------------------------------------------------------------------------

CUSTOM						 */

	#topcontact ul{			width:auto; margin:0; padding:14px 0 0 0; clear:both; font-size:20px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#690; line-height:100%; }
	
	#topcontact ul li{		margin:0 0 0 24px; padding:0; display:inline-block; list-style:none; text-align:right; float:left; }	
	
	#topcontact ul li.topemail, #topcontact ul li.topemail a:link, #topcontact ul li.topemail:visited {
							color:#0C3F7F; text-decoration:none; }
								
	#topcontact ul li span.smaller {
							font-size: 16px; }
							
		
	
	h1{						color:#333; font-size:34px; line-height:110%; }
	
	h2{						color:#39C; font-size:24px; line-height:140%; }
	
	h3{						color:#06C; font-size:16px; text-transform:uppercase; line-height:140%; }
	
	
	
	img.insert-floatL{		float:left; padding:4px; background:#CA2316; margin: 4px 10px 0 0; }

	img.insert-floatR{		float:right; padding:4px; background:#CA2316; margin: 4px 0 0 10px; }
	
	#colM img.photo-align-left{
							float:left; padding:4px; background:#F0F0F0; border:#DDD 1px solid; margin:4px 10px 4px 0; }	
	
	#colL .iconS{			margin-left:4px; }
	
	
	
	#colR p {				font-size:12px; line-height:160%; margin:12px 0 14px 0; }
	
	#colR h1{				color:#333; font-size:34px; line-height:110%; margin:4px 0 0 0; }
	
	#colR h2{				color:#39C; font-size:24px; line-height:140%; margin:36px 0 0 0; }
	
	#colR h2.sub{			color:#777; font-size:18px; font-style:italic; line-height:110%; margin:0; }
	
	#colR h3{				color:#06C; font-size:16px; text-transform:uppercase; line-height:140%; margin-top:30px; }
	
	#colR h4{				color:#777; font-size:14px; font-weight:bold; line-height:130%; margin-top:12px; }
	
	
	#colR img.photo-align-left{
							float:left; padding:4px; background:#F0F0F0; border:#DDD 1px solid; margin:4px 10px 4px 0; }

	#colR img.photo-align-right{
							float:left; padding:4px; background:#F0F0F0; border:#DDD 1px solid; margin:4px 0 4px 10px; }
							
							
	#colR ul {				margin:0 30px; padding:0; font-size:12px; }
	
	#colR ul li {			margin:0 0 8px 0; padding: 4px; font-size:12px; line-height:120%; list-style: disc; }
	
	
	#colR .calculator-notes {
							float:left; width:190px; margin: 10px 0 0 0; padding:0 0 0 10px; font-size:11px; border-left:1px solid #EEE; }
	
	#colR .calculator-notes p, #colR .calculator-notes ul li {
							font-size:11px; }
							
	#colR p.disclaimer {	font-size:9px; }

							
	.contact-form{			float:left; width:320px; margin:20px 26px 0 0; padding:0; clear:both; }
	
	.contact-form ol.cf-ol {
							margin:0!important; padding:0!important; }

	.contact-form ol.cf-ol li {
							background:none!important; margin:5px 0!important; padding:0; list-style:none!important; text-align:left; line-height:1em; font-size:12px; }
							
	.contact-form ol.cf-ol li .fieldnote {
							}
							
	.contact-form label{
							color:#06C; font-size:12px; width:90px; margin:0; padding:0; }
							
	.contact-form label span {
							width:320px; display:block; margin:0; padding:20px 0 0 0; }
								
	.contact-form input,
	.contact-form textarea,
	.contact-form select {	font-size:12px; padding:3px; background: #fff; border: 3px double #ccc; margin: 2px 0 0 0; }
	
	.contact-form input:hover,
	.contact-form textarea:hover,
	.contact-form select:hover	{
							background:#f7f7f7; }
	
	.contact-form input:focus,
	.contact-form textarea:focus,
	.contact-form select:focus	{ 
							background:#f7f7f7; }
	
	.contact-form textarea,
	.contact-form input {	width:295px; }
	
	.contact-form label span.result-sub {
							color: #777; font-weight:bold; }
							
	.contact-form label span.result-total {
							color: #C60; font-weight:bold; }
	
	.contact-form select.small_list {	width:100px; }
	
	.contact-form input.smallbox {	width:100px; }
	
	.contact-form input.cbox {
							margin:2px 0 0 0; width:14px; height:22px; border:none!important; background:none!important; }
	
	.contact-form select {	width:304px; /* attempt to have equal length */	padding:2px 0; font-size:12px; }  
	
	.contact-form textarea {
							font-size: 12px; overflow:auto; height: 72px; }
	
	.contact-form p{		margin:0; padding:0; }

	input.sendbutton	{	width:80px; padding:2px; margin: 9px 0 0 0; background-color:#069; border:3px double #ccc; height: 36px; font-family: Verdana, Geneva, sans-serif; font-weight:bold; color:#FFF; }

	input.sendbutton:hover, input.sendbutton:focus {
							background-color:#666; }
	
	
	#map .mapaddress {		font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:130%; margin:0; padding:0; }

	
	
	/**********************************

	Use: cmxform template
	Author: Nick Rigby, Edited by Jacq Design, LLC
	
	***********************************/
	
	form.cmxform {
		width: 100%;
		font-size: 11px;
		color: #333;
		}
		
	form.cmxform input, form.cmxform textarea {
		width: 160px; border: 3px double #ccc; padding: 3px; margin-right:10px; line-height: 15px; font-size: 12px; vertical-align: middle;
		}
		
	form.cmxform input.submit {
		width: 162px;
		margin-left: 168px;
		}
	
	form.cmxform fieldset { 
		margin: 10px 0 0 0;
		padding: 0 0 8px 10px;
		border: none;
		border-top: 1px solid #9CF;
		background: #F4F4F4;
		}
		
	form.cmxform legend {
		padding: 0 5px;
		font-weight: bold;
		_margin: 0 -7px; /* IE Win */
		font-size:14px;
		}
		
	form.cmxform legend,
	form.cmxform label { color: #333; }
				
	form.cmxform label {
		display: inline-block;
		line-height: 1.8;
		vertical-align: top;
		}
		
	form.cmxform label.result-sub {
		color: #555; font-weight:bold; }
		
	form.cmxform label.result-total {
		color: #C60; font-weight:bold; }
		
	form.cmxform fieldset ol {
		margin: 0;
		padding: 0;
		}
		
	form.cmxform fieldset li {
		list-style: none;
		margin: 0;
		padding: 5px 10px 7px 12px;
		}
		
	form.cmxform fieldset fieldset {
		border: none;
		margin: 3px 0 0;
		background: none;
		}
		
	form.cmxform fieldset fieldset legend {
		padding: 0 0 5px;
		font-weight: normal;
		}
		
	form.cmxform fieldset fieldset label {
		display: block;
		width: auto;
		}
	
	form.cmxform em {
		font-weight: bold;
		font-style: normal;
		color: #f00;
		}
	
	form.cmxform label { width: 220px; } /* Width of labels */
	form.cmxform fieldset fieldset label { margin-left: 123px; } /* Width plus 3 (html space) */
	
	/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */
	
	
	
	
	
	
	
	
	
	
		
	#footercontent .contactinfo{
							width:100%; display:inline-block; float:left; margin:20px 0; text-align:center; font-size:13px; color:#369; line-height:130%; }
							
	#footercontent .contactinfo a:link, #footercontent .contactinfo a:visited{
							font-size:13px; font-weight: normal; }
	
	#footercontent .contactinfo a:hover{
							font-weight: normal; }
							
	#footercontent .copyright{
							width:100%; display:inline-block; float:left; margin:0 0 20px 0; text-align:center; font-size:12px; color:#39C; }
							
	#footercontent .copyright a:link, #footercontent .copyright a:visited{
							color:#39C; }
	
	#footercontent .copyright a:hover{
							color:#369; }
							
	#footercontent .fineprint{
							width:90%; display:inline-block; float:left; margin:0 0 20px 0; text-align:center; font-size:10px; color:#888; line-height:140%; }





/* MARKET TABS 
------------------------------- */


	#placecontent {			position: relative; margin: 0 0 0 4px; width: 339px; padding:0; z-index: 2; }
	
	#placecontent #sidebar{	width: 339px; float: left; font-family:Arial, Helvetica, sans-serif; }
	
	#placecontent #sidebar .sidebox a {
							color: #186092; }
	
	#placecontent #sidebar .sidebox {
							padding: 13px 0 0 0; position: relative; margin:0; }
								
	#placecontent #sidebar .sidebox ul {
							}
	
	
	#placecontent #sidebar .sidebox ul li {
							 }
								
	#placecontent #sidebar .sidebox ul li.last {
							border-bottom: none; }
								
	#placecontent #sidebar .sidebox ul li a {
							font-size: 12px; }
			

@media projection, screen {
    .tabs-hide {			display: none;  }
}
	#placecontent #sidebar #tabcontainer .tabs-nav {
    						margin: 0 0 0 2px; padding:0; height: 42px; }
	

	#placecontent #sidebar #tabcontainer .tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
							display: block; clear: both; content: " "; }

	#placecontent #sidebar #tabcontainer .tabs-nav li {
    						float: left; margin: 0; padding: 0; /* min-width: 84px;  be nice to Opera */ border: none; display:inline-block; }

	#tabcontainer .tabs-nav a, .tabs-nav a span {
    						display: block; padding: 0; }

	#placecontent #sidebar #tabcontainer .tabs-nav a {
    						color: #27537a; font-weight: normal; line-height:100%; text-align: center; text-decoration: none; white-space: nowrap; /* required in IE 6 */ height: 42px; padding:0; margin: 0 2px; }

	#placecontent #sidebar #tabcontainer ul.tabs-nav li a span {
   							font-size: 16px !Important; font-style: normal !Important; height: 30px; /* IE 6 treats height as min-height */ display: block; padding: 12px 0 0 0 !important; margin: 0 !important; }

	.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    						outline: 0; /* prevent dotted border in Firefox */ }

	.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
							}

	.tabs-nav .tabs-selected a span {
    						padding: 0; }


	.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    						cursor: text; }

	.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    						cursor: pointer; }

	.tabmarket-container {	width: 329px; padding:30px 0 40px 34px; background: url(../img/common/box-green.jpg) top left no-repeat; /* declare background color for container to avoid distorted fonts in IE while fading */ }
	
	.tabmarket-container table {
							width: 266px; margin:0; border-top:#A5C96F 1px solid; border-bottom:#A5C96F 1px solid; color:#FFF; }
							
	.tabmarket-container table tr td {
							margin:0; padding:8px 0 4px 8px; border-top:#A5C96F 1px solid; color:#FFF; }
							
	.tabmarket-container p.warning {
							font-size:11px; line-height:140%; width:260px; margin-top:20px; color:#FFF; display:block; }
							
	.tabmarket-container table.result tr td {
							color: #FF6; }

							
	form.marketsearch {		width:266px; display:block; float:left; margin-bottom:10px; }
	
	form.marketsearch input { 
							width:60px; display:inline-block; float:left; border:#CC3 double 3px; }
							
	form.marketsearch input.submitbutton { 
							width:100px; background-color: #360; margin-left:5px; color:#FFF; }
							
	form.marketsearch input.submitbutton:hover {
							background-color: #666; }
	

	.tabnews-container {	width: 329px; padding:0; background: url(../img/common/box-gray.jpg) top left no-repeat; /* declare background color for container to avoid distorted fonts in IE while fading */ }

	.tabnews-container p {	font-weight:bold; color:#036; margin:0; padding:18px 0 0 16px; }

	.tabs-loading em {
							padding: 0 0 0 20px; background: url(../img/common/loading.gif) no-repeat 0 50%; }
	
	li.tabmarket { 			width:177px; }
	
	li.tabnews { 			width:145px; }
	
	li.tabmarket span {		background: transparent url(../img/common/tab-green-off.jpg) top left no-repeat; color:#FFF; }
	
	li.tabnews span {		background: transparent url(../img/common/tab-gray-off.jpg) top right no-repeat; color:#333; }
	
	
	li.tabmarket .tabs-selected {
							background: transparent url(../img/common/tab-green-on.jpg) top left no-repeat; color:#FFF; }
	
	li.tabnews .tabs-selected {
							background: transparent url(../img/common/tab-gray-on.jpg) top left no-repeat; color:#333; }
	
	
	.tabs-selected a span.market {
							background: transparent url(../img/common/tab-green-on.jpg) top left no-repeat; color:#FFF; }
	
	.tabs-selected a span.news {
							background: transparent url(../img/common/tab-gray-on.jpg) top right no-repeat; color:#333; }
							
	ul.latestnews {			margin:0; padding: 0 14px 30px 14px; }
	
	ul.latestnews li {		list-style:none; list-style-image:url(../img/common/arrow.gif); padding: 6px 12px 5px 0; margin:0 0 0 20px; text-indent: 0; line-height:110%; }