/* ---------------------------------------------
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.twitter,
					#header #clipnav ul li:hover ul li.twitter {
					padding:0 0 0 20px;
					margin-left:3px;
					line-height:25px;
					background:transparent url('../images/btn-twitter.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:35px;/*65px*/
	right:20px;
	text-decoration:none;
	font-size:16px;
	color:#193058; }
	#header a#btn-call:hover {}

/* --- search form --- */
#header #search { 
position:absolute;
top:96px;/*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:40px;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:0 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 {margin:0 0 16px 0; background: #c6d9e0 url('../images/bg-right-light.png') repeat-x 50% 0; height:75px; }
			#main #right div.light {
			margin:0 0 16px 0; background: #f5ead4 url('../images/bg-right-light.png') repeat-x 50% 0; }
			#main #right div.dark {
			margin:0 0 16px 0; 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; }
			
			#right #videoHome{margin:0 0 5px 0;position:relative;height:179px;}
				#videoHome img{display:block;float:left;}
				 #videoHome p{
				 	display:block;
				 	color:white;
				 	background:url(../images/videoBG.png) no-repeat center;
				 	padding:8px 0 8px 80px !important;
				 	margin:0 !important;
				 	line-height:125% !important;
				 	text-shadow:0 -1px 0 black;
				 	font-size:22px;
				 	position:absolute;
				 	bottom:10px;
				 	left:0;
				 	width:237px;
				 }
/* 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; }


/* Sidebar Contact Form */
.contact-side{
	width:316px;
	font-size: 14px;
		background: #c6d9e0;
		min-height: 360px;
		padding-bottom: 20px;
		
}

#main #right .contact-side p.contact_title,.contact-side p.contact_title{
	color: white;
	background: #c6d9e0 url(../images/bg-right-dark.png);

	font-size: 13px;
	margin: 0px;
	padding: 5px 15px;
		
}

.sidebar-contact label{
	width: 60px;
	float: left;
}
.sidebar-contact fieldset{
	margin: 0px;
	width: 297px;
	padding: 15px 10px;

	border: 0px;
}

.sidebar-contact .name,.sidebar-contact .email,.sidebar-contact .phone {
	margin-bottom: 25px;
	/* won't show*/
}

.question, .checkbox {
	margin-bottom: 0px;
}

.sidebar-contact .checkbox label {
	font-size: 11px;
	float: right;
	width: 230px;
	margin-right: 25px;
	font-weight: bold;

}

.sidebar-contact .checkbox input{
	width: 20px;
}

.sidebar-contact input{
	width: 210px;
	height: 23px;
	-moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari, Chrome */
  border-radius: 10px; /* CSS3 */
	padding:0px 10px;
}

.sidebar-contact  .question textarea{
	width: 290px;
	height: 85px;
	border: 0px;
	margin-top: 15px;
 	resize: none;
}

.sidebar-contact .submit input{
	background:url(../images/bg-right-dark.png);
	width: 80px;
	height: 30px;
	color: white;
	
	-moz-border-radius: 0px; /* Firefox */
  -webkit-border-radius: 0px; /* Safari, Chrome */
  border-radius: 0px; /* CSS3 */
border: 0px;
font-size: 14px;
float:none;
margin-left: 225px;
}

#social{position:absolute;
	display:block;
	top:60px;
	right:20px;
}