/* ---------------------------------------------
Screen Stylesheet for http://www.SaltAssociates.biz
Author:		iBec Creative / http://www.iBecCreative.com
Created:	5/15/09 Joe @ iBec
Updated:	5/15/09 Joe @ iBec, 7-27-09 JDB, 
------------------------------------------------ */

/* --- Resets --- */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0;padding:0; }
html {font-size:100.01%; height: 101%;}
body { 
height:100%;
font:12px 'Lucida Grande','Lucida Sans',Helvetica,Verdana,Geneva,sans-serif;
background:#fff;
color:#193058;
}

/* --- Typography defaults --- */
a, a:visited { text-decoration:none;color:#A67C44;}
:link,:visited {text-decoration:none; }
a img,:link img,:visited img {border:none;}
address {font-style:normal; }
ul {list-style-type:none; }
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; }
ol {margin-left:20px;}

/* --- Template Header --- */
#header {
width:100%;
position:relative;
background: transparent url('../images/bg-header.png') repeat-x 50% 0;
z-index:250; }
	#header .inner {
	width:940px;
	height:177px;
	margin:0 auto;
	position:relative;
	z-index:250; }
	#header a#logo {
	display:block;
	background:#f5ead4 url('../images/logo.png') no-repeat 50% 0;
	width:198px;
	height:133px;
	position:absolute;
	top:0px;
	left:20px;
	text-indent:-5000px; }

/* --- Navigation - ClipNav --- */
#header #clipnav {
position:absolute;
top:0;
right:20px;
width:340px;
height:26px;
/*padding-top:3px;*/
background: #193058 url('../images/bg-clipnav.png') no-repeat 50% 0;
z-index:500;}
	#header #clipnav ul {
	width:340px;
	height:26px;
	margin:0 4px;
	padding:0;
	list-style-type:none; 
	z-index:500; }
		#header #clipnav ul li { 
		float:left;
		height:20px;
		margin:0;
		padding:0;
		z-index:500;
		list-style-type:none;}
			#header #clipnav ul li a {
			display:block;
			height:20px;
			overflow:hidden;
			color:#fff;
			font-size:13px;
			padding:0;
			margin:3px 9px;
			z-index:500; }
			#header #clipnav ul li a:hover,
			#header #clipnav ul li a.active { text-decoration:underline; }

			/* -- Submenus - ClipNav -- */
			#header #clipnav ul li ul {
			position: absolute;
			width:200px;
			width:auto;
			height:auto;
			background:#193058;
			list-style-type:none;
			top: -999em;
			left: -999em;
			z-index:500;}
				#header #clipnav ul li.sfHover ul,
				#header #clipnav ul li:hover ul {
				top: auto;
				left: auto;
				padding:0 0 5px 5px;
				margin:0 0 0 -10px;
				z-index:500;}
					#header #clipnav ul li.sfHover.connect ul,
					#header #clipnav ul li:hover.connect ul { margin-left:-75px; }
					#header #clipnav ul li.sfHover ul li,
					#header #clipnav ul li:hover ul li{
					position:relative;
					float:none;
					height:auto;
					width:auto;
					z-index:500;}
					#header #clipnav ul li.sfHover ul li.linkedin,
					#header #clipnav ul li:hover ul li.linkedin {
					padding:0 0 0 20px;
					margin-left:3px;
					line-height:25px;
					background:transparent url('../images/btn-linkedin.png') no-repeat 0 0; }
					#header #clipnav ul li.sfHover ul li a,
					#header #clipnav ul li:hover ul li a{
					position:relative;
					display:block;
					font-size:13px;
					height:auto;
					color:#fff;
					text-decoration:none;
					text-indent:0;
					width:auto;
					margin:8px 15px;
					padding:0;
					z-index:500;}
						#header #clipnav ul li.sfHover li a:hover,
						#header #clipnav ul li:hover li a:hover { text-decoration:underline; }
	/* call us link */
	#header a#btn-call {
	position:absolute;
	top:65px;
	right:20px;
	text-decoration:none;
	font-size:16px;
	color:#193058; }
	#header a#btn-call:hover {}

/* --- search form --- */
#header #search { 
position:absolute;
top:86px;
right:20px;
width:202px;
height:24px; }
	#header #search form { margin:0;padding:0;border:0; }
		#header #search input.text {
		display:block;
		border:0;
		width:182px;
		height:24px;
		color:#193058;
		padding:0 10px;
		font-size:16px;
		background:#fff url('../images/bg-input-search.png') no-repeat 0 0; }
		#header #search input.text:focus { 
		background-position: 0 -24px;
		outline:0; }
		#header #search label { display:none; }
		#header #search input.submit { display:none; }

/* --- Navigation - Main menu --- */
#header ul#navigation {
position:absolute;
bottom:19px;
left:20px;
z-index:400; 
width:100%;}
	#header ul#navigation li {
	float:left;
	margin:0 46px 0 0;  /* Decreased in Safari, Increased in IE */
	padding:0;
	z-index:400; }
		#header ul#navigation li.resources { margin-right: 0; }
	#header ul#navigation a {
	color:#fff;
	font-size:12.5px;
	display:block;
	z-index:400;
	position:relative;}
		#header ul#navigation a:hover,
		#header ul#navigation a:active,
		#header ul#navigation a.active,
		#header ul#navigation li.sfHover a,
		#header ul#navigation li:hover a { text-decoration:underline; }
	
	#header ul#navigation li a span.divider {
	position:absolute;
	top:2px;
	right:-24px;  /*  Decreased in Safari  */
	height:12px;
	width:4px;
	background:url('../images/bullet-navigation.png') no-repeat; }
	
		/* --- Navigation - Main menu 2nd Tier --- */
		#header ul#navigation ul {
		position:absolute;
		top:-999em;
		left:-999em;
		z-index:400;
		padding:7px 0;
		margin:-1px 0 0 -15px;
		text-align:left;
		background:#193058;}
		#header ul#navigation li:hover ul,
		#header ul#navigation li.sfHover ul {
		top:auto;
		left:auto;
		z-index:400;
		height:auto;}		
			#header ul#navigation li:hover ul li,
			#header ul#navigation li.sfHover ul li{
			float:none;
			display:block;
			margin:8px 15px;
			z-index:400;
			height:auto;}	    
				#header ul#navigation li:hover li a,
				#header ul#navigation li.sfHover li a { 
				text-decoration:none;
				height:auto;}
				#header ul#navigation li:hover li a:hover,
				#header ul#navigation li.sfHover li a:hover { text-decoration:underline; }
			
/* --- Template - Main Container --- */    
#main {
width:100%;
position:relative;
margin:-9px 0 0;
background: #c6d9e0; }
	#main .inner {
	width:940px;
	margin:0 auto;
	position:relative;
	background: #c6d9e0; }
		#main .inner .inner {
		width:900px;
		margin:0 auto;
		background:#fff;
		position:relative; }

/* --- Template - Left Column --- */
	#main #left {
	display:inline-block;
	width:520px;
	padding:0 0 20px 22px;
	vertical-align:top; }
		#main #left h2 {
		font-size:14px;
		color:#193058;
		font-weight:normal;
		font-style:italic;
		margin:5px 0 0; }
		#main #left h1,
			#main #left h2.post-title{
			font-size:17px;
			color:#a67c44;
			font-style:normal;
			font-weight:normal;
			margin:15px 0 5px 0; }
			#main #left h2.post-title { font-size:14px; }
		#main #left h3 {
		font-size:11px;
		color:#193058;
		font-weight:normal;
		font-style:italic;
		margin:0 0 10px;}
		#main #left ul { margin:15px 35px 8px 35px; }
		#main #left ul li {padding:0 0 6px 35px;background:url('../images/bullet-arrow.png') no-repeat !important;}
		#main #left ul ul li {padding-left:0;background:none;ist-style-type:disc; }
		#main #left p,
		#main #left li{line-height:150%;margin:5px 0; }
		#main #left p { margin:5px 0 10px 0; }
		#main #left a { color:#a67c44; }
			#main #left a:hover { color:#193058; }

/* --- Template Right Column --- */
	#main #right {
	display:inline-block;
	width:317px;
	padding:3px 0 20px 19px;
	vertical-align:top; }
		#main #right div { 
		width:100%;
		margin:0 0 16px 0;
		padding:0 0 10px 0;
		position:relative; }
			#main #right #guys {
			height:98px;
			background:#fff url('../images/bg-guys.jpg') no-repeat 50% 0;
			margin:0;
			padding:0; }
			#main #right div.subscribe {background: #c6d9e0 url('../images/bg-right-light.png') repeat-x 50% 0; height:75px; }
			#main #right div.light {
			background: #f5ead4 url('../images/bg-right-light.png') repeat-x 50% 0; }
			#main #right div.dark {
			background: #f5ead4 url('../images/bg-right-dark.png') repeat-x 50% 0; }	    
		
		#main #right div p {
		margin:0 14px;
		padding:10px 0 0;
		line-height:150%; }
		#main #right div a { color:#a67c44; }
			#main #right div a:hover { color:#193058; }
			#main #right div p.title { 
			font-size:13px;
			padding:6px 0;
			margin-top:0;
			line-height:100%; }
			#main #right div.dark p.title { color:#fff; }	
			#main #right p img { vertical-align:middle; }
/* rss */
.rssLink {display:block;text-align:right;}

/* --- Forms --- */
	#main #right input { border:0;position:absolute; }
		#main #right input.text {
		width:182px;
		height:21px;
		color:#193058;
		top:40px;
		left:14px;
		padding:3px 10px 0 10px;
		font-size:13px;
		background:#fff url('../images/bg-input-subscribe.png') no-repeat 0 0; }
		#main #right input.text:focus {background-position: 0 -24px;outline:0; }
		#main #right input.image {top:38px;left:226px; }
    
/* ----- :: FormBuilder Forms :: ----- */
.formbuilder legend { display:none; }
.formbuilder label { cursor:pointer; }
.formbuilder fieldset {border:0; }
.formbuilder input,
.formbuilder label,
.formbuilder select,
.formbuilder textarea {vertical-align:baseline;font-size:inherit; font-family:inherit; }
.formbuilder div { border:1px solid #fff; /* This is to give IE6 'haslayout' */ position:relative; }
.formbuilder div label {
position:absolute;
top:3px;
left:0;
width:140px; }
.formbuilder div label.error,
div.error_message{ color:red; font-style:italic;width:350px; }
.formbuilder div input,
.formbuilder div select,
.formbuilder div textarea,
.formbuilder div.captcha img,
.formbuilder div label.error { 
position:relative;
top:0;
left:0;
margin:5px 0 5px 140px;
display:block;}
.formbuilder div input,
.formbuilder div textarea { width:220px; padding:2px 3px;}
.formbuilder div input,
.formbuilder div textarea,
.formbuilder div.captcha img { border:1px solid #ddd; }
.formbuilder div input:focus,
.formbuilder div textarea:focus { border:1px solid #008fd4; }
.formbuilder div.submit input {
background:#193058;
font-size:12px;
color:#fff;
padding:4px 0;}

/* --- Template - Footer --- */ 
#footer { width:100%;position:relative;background: #193058; }
#footer .inner {
width:940px;
margin:0 auto;
padding:10px 0;
position:relative;
background: #193058; }
#footer ul,#footer p{ margin:0 20px 3px 20px;padding:0; }
#footer li { display:inline; }
#footer li,#footer p { color:#fff; }
#footer a { color:#fff; text-transform:lowercase; }
#footer a:hover { text-decoration:underline; }

/* ----- :: Classes :: ----- */
.floatright { float:right; }
.floatleft { float:left; }
.aligncenter { text-align:center; }
.alignright {text-align:right; }
.inline { display:inline; }
.hidden { display:none; }
.clear { clear:both; }