
/*------------[ Basic Styling ]--------------------*/
* {
  margin: 0;
  padding: 0;
}
html {
	background-color: #285378;
	display:none;	
}

body {
	font: 62.5%/1.6 Verdana, "Trebuchet MS", sans-serif;
	color: #000;
	text-align: center;
	background: transparent;
	background : #285378 url(../images/bg_main.jpg) no-repeat center top;
}

h1, h2, h3, h4 {
	font-family: "Lucida Bright", Lucidabright, "Bitstream Vera Serif", Georgia, serif;
}
h1 { font-size: 220%; margin:0 0 .6em 0; line-height: 1.4em; color: #7a1237; }
h2 { font-size: 1.9em; margin:1.0em 0 .6em 0; }
h2.secondlevel { font-size:1.8em; margin:1.0em 0 .6em 0; }
h2.thirdlevel { font-size: 1.7em; margin:1.0em 0 .6em 0; }
h3 { font-size: 1.5em; margin:1.0em 0 .6em 0; line-height:1.2em; }
h4 { font-size: 120%; margin:1.0em 0 .6em 0; }
h5 { font-size: 1.1em; margin: 0 0 .6em 0;}
h6 { font-size: 0.9em; margin: 0 0 .6em 0;}

p {
	margin-bottom: .8em;
	line-height: 1.2em;
	font-size: 125%;
}
ol li p, ul li p {
	margin-bottom: .8em;
	line-height: 1.2em;
	padding-left: 1.5em;
}

li { font-size: 118%; }

ul { padding-left: 1.6em; margin: 0 0 .8em 0; list-style-type: disc; }
ul li { line-height: 1.2em; margin-bottom: 0.5em; }
ul ul { margin:.5em 0 0 0; }

ol ul { margin-top: .5em; }
ol ul li {line-height: 1.2em; margin-bottom:.5em; }

ol { padding-left: 2.4em; margin: 0 0 .8em 0; list-style-type:decimal; }
ol li { line-height: 1.7em; margin-bottom: 0.8em; }
ol ol {	margin:0; list-style-type:lower-alpha; }
ol li ol li { margin-bottom: 0.2em; }
ol ol ol { list-style-type:lower-roman; }

dl { margin-bottom: .8em; }
dt { font-weight: bold; line-height:1.2em }
dd { line-height:1.2em }

sup, sub { height: 0; line-height: 1; vertical-align: baseline; vertical-align: bottom; position: relative; }
sup { bottom: 1ex; }
sub { top: .5ex; }

a:link { color: #324c8d; }
a:visited { color: #701b3d; }
a:hover { color:#000; }

a[href^="http:"] {
	background: url(../images/icon_external.gif) no-repeat right 25%;
	padding-right: 8px;
}

/*------------[ Global Class Styles ]--------------------------------*/

.clear { clear:both;}

.center { text-align:center; }

.quote_src {
	text-align: right;
}
.attention { color: red; font-size: 150%; font-style: italic; }
.reference_text {font-style: italic; float: right; margin-top: 5px;}

.paraimager {float: right; margin: 0 0 .2em .2em;}
.paraimagel {float: left; margin: 0 .6em .2em .2em;}
.hide { display: none; }

.overlay {
	background:url(../images/black.png) no-repeat;
	padding:40px;	
	width:500px;  
	display:none;
}

.close {
	background:url(../images/close.png) no-repeat;
	position:absolute;
	top:2px;
	display:block;
	right:5px; 
	width:35px;
	height:35px;
	cursor:pointer;
}
#triggers img {
	cursor: pointer;
	border: 1px solid #6E143A;
}
a.player { 		
	display:block;			
}

/* container has a background image */
div.row a.player {	
	display:block;
	width:190px;
	height:120px;
	padding:0;	
	text-align:center;
	float:left;
	margin:0 20px 5px 0;
}
 
/* splash image */
#contentleft div.row a.player img {
	margin:33px 0 0 85px;
	border:0;
	opacity: .6;	
}
#contentright div.row a.player img {
	margin:33px 0 0 -85px;
	border:0;
	opacity: .6;	
}
div.row a.player img:hover {
	opacity: 1;
}

/* "row" contains video and "lorem ipsum" text */
div.row  {
	clear:both;	
	width:97%;
	margin-top:2%;
	padding:1.5%;
	background-color:#efefef;
}
/*------------[ Main Div Styles ]-----------------------------------*/


#wrapper {
	width: 1010px; 
	margin: 0 auto; 
	text-align: left;
}

#intro {
	background: transparent url(../images/bg_intro.jpg) no-repeat left top;
	height:134px;
	width: 1010px;
	margin: 0;
	position: relative;
}

#content { 
	width:940px;
	margin:0 0 0 10px;
	padding: 6em 25px 1.5em 25px;
	background-color: #f2f3f4;
}

#content2 { 
	width:980px;
	margin:0 0 0 10px;
	padding: 0 5px 1.5em 5px;
	background-color: #f2f3f4;
}

#maincontent { 
	padding:24px 60px 30px 35px;
	width:620px;
	float: right;
}

#secondarycontent { 
	width: 200px;
	float: left;
}

#content_lower { 
	padding-top: 20px;
}

#footer { 
	clear: both;
	background: transparent url(../images/bg_footer.jpg) no-repeat center top;
	height:30px;
	text-align:center;
	width: 1010px;
	padding-top: 50px;
} 

/*------------[ Intro setup ]---------------------------------------*/
		
#homeLogo {
	margin:0;
	padding:0;
	position:absolute;
	width: 407px;
	background: url(../images/logo.png) no-repeat;
	text-indent: -9000px;
	z-index:3;
	top: 15px;
	left: 55px;
}
#homeLogo a {
	display: block;
	height: 102px;
	background:url(../images/logo.png) no-repeat;
	text-decoration: none;
	border:none;
}
.nhome #homeLogo a {
	background: none;
	cursor: default;
}
		/*--------[ Client Login formatting ]-------------*/
		
		#gallery {
			position: absolute;
			height:82px;
			width: 500px;
			right: 60px;
			top: 68px;
		}
		#subnav {
			position:absolute;
			bottom:43px;
			left:150px;
		}
		#subnav ul {
			list-style:none;
			float:left;
			margin: 0;
			padding: 0;
		}
		#subnav ul li {
			color:#000;
			float:left;
			display:block;
			line-height:2.1em;
			font-weight:bold;
			font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
			font-size: 110%;
			margin-bottom: 0;
		}
		#subnav ul li a, #subnav ul li a:hover {
			text-decoration:none;
			color:#000;
			border-bottom: none;
			background-image: none;
		}
		#switch {
			cursor: pointer;
		}
		/*#clientlogin table {
			border: none;
			margin: 0;
		}
		#clientlogin td {
			border: none;
		}

		#clientlogin input {
			background: #d5d6d9;
		}
		#clientlogin label {
			display: inline;
			padding: 0;
		}*/
		#clientlogin p { position: relative; margin: 10px 3px; display: inline;}
		#clientlogin p label { position: absolute; top: 0; left: 0; padding-left: 3px; padding-top: 2px; color: #777; font-family: Tahoma, Geneva, sans-serif}
		#clientlogin p br {display: none;}
		#clientlogin form p:first-child {margin-left: 75px;}
		#clientlogin input {width: 60px;}
		#clientlogin p #loginbutton {
			margin-left:5px;
		}

/*-------------[ Global Styles ]-------------------------------------*/

/*-----------[ Back Top ]--------------------------*/
#backtop {
	margin:0;
	padding:0;
	position:fixed;
	bottom: 5px;
	right: 5px;
	background: url(../images/back_top.gif) no-repeat;
	width: 16px;
	height: 16px;
	text-indent: -9000px;
	z-index:3;
}
#backtop a {
	display: block;
	height: 16px;
	background: url(../images/back_top.gif) no-repeat;
	text-decoration:none;
	border-bottom: 0;
}
/*-----------[ Basic Table ]------------------------*/
table {
	border-collapse: collapse;
	margin:0 auto 0.8em auto;
	border:1px solid #cec5b6;
}

th, td {
	padding: .2em .4em;
	border-right: 1px dotted #cec5b6;
}

caption {
	font-size: 1.3em;
	font-weight: bold;
	color:#000;
	margin:.3em 0;
}

thead {
	border-top: 1px solid #cec5b6;
	border-bottom: 1px solid #cec5b6;
}
thead th {
	font-weight: bold;
	text-align: center;
}
tbody th {
	font-weight:bold;
	text-align: left;
	vertical-align: top;
}
tbody td {
	vertical-align: top;
}
tbody.bodycenter th {
	text-align: center;
}

/*------------[  prohtml ticker style ]--------------*/
#dropcontentsubject {
	width: 250px;
	font-weight: bold;
}

#testimonials .dropcontent {
	display:block;
}

/*-----------[ Side Bar Boxes ]---------------------*/
.sidebox {
	width: 200px;
	background: #cfd3d8 url(../images/box_sideLow.jpg) no-repeat bottom left;
	margin-top: 15px;
}
.sidefirst {
	margin-top: 0;	
}
.sidebox h3 {
	padding: 14px 5px 5px 10px;
	background: url(../images/box_sideUp.jpg) no-repeat top left;
	line-height: 1.3;
	color: #313a49;
	margin-top: 0;
}
.sidebox ul {
	padding: 10px 10px 25px 25px;
	list-style: none;
}
.sidebox div {
	padding: 10px 10px 25px 25px;
}
.sidebox ul li {
	margin: 0 0 6px;
	padding: 0;
	font-size: 130%;
}
.sidelinks a {
	color: #000;
}
.sidelinks a:hover {
	color:#7a1237;
}
.nabout .sidelinks a#sn_history, .nassociate .sidelinks a#sn_associate, .ndirections .sidelinks a#sn_directions, .ncons_test .sidelinks a#sn_consumer, .nindust_test .sidelinks a#sn_industry, .naccounting .sidelinks a#sn_accounting, .nsupport .sidelinks a#sn_support, .nreporting .sidelinks a#sn_reporting, .nloans .sidelinks a#sn_loans, .nmarketing .sidelinks a#sn_marketing, .ncollections .sidelinks a#sn_collections, .ndeposits .sidelinks a#sn_deposits, .nextras .sidelinks a#sn_extras {
	color: #7a1237;
	cursor: default;
}

/*----------[ Directions List Setup ]-----------------*/
dl.dlist {
	width:340px;
}
.dlist dt {
	position: relative;
	top: 2em;
	left: 300px;
	color:#3d3d36;
	font-size: 110%;
	z-index: 1;
}
.dlist dd {
	border-top: 1px dotted #3d3d36;
	padding: .5em 4em .5em 0;
	color:#3d3d36;
	font-size: 110%;
}

/*----------[ Event List Setup ]----------------------*/
dl.event {
	margin: 5px 0 5px 0;
}
.event dt, .event dd {
	font-size: 110%;
}
.event dt {
	position: relative;
	top: 1.1em;
	font-weight: bold;
}
.event dd {
	border-left: 1px solid #212B3C;
	margin: 0 15px 0 150px;
	padding: 0 2em .5em .5em;
}

/*-----------[ Highlight div ]-----------------------*/
#maincontent .highlight_box {
	border: 1px solid #64686c;
	background-color: #e1e4e9;
	margin: 5px 35px 25px 10px;
	padding: 25px;
}
	
/*-----------[ footer ]-----------------------------*/

#currentdate {
}

/*-------------[ Page Styles ]---------------------------------------*/

/*-----------[ Styleguide ]--------------------------*/
#nav #nstyle {
	color:#a8aaaf;
	background: none;
}

/*-----------[ Home Page ]---------------------------*/

.nhome #maincontent { 
	margin: 1.75em 10px 0 0;
	padding: 0 15px;
	width:450px;
	height: 370px;
	background: transparent url(../images/moneypile_top.jpg) no-repeat 90% 35%;
}
.nhome #maincontent h1 {
	text-align: center;
}
.nhome #maincontent h4 {
	text-align: center;
}
.nhome #secondarycontent { 
	width: 378px;
	margin: 1.5em 0 0 30px;
	padding: 0;
	background: url(../images/bg_flash.gif) no-repeat left top;
}
.nhome #content_lower {
	clear:right;
}
#moneypile {
	position: relative; 
	bottom: -30px;
	right: -95px;
	z-index:1;
}
#social {
	width: 90%;
	margin-top: 7%;
	height: 31px;
}
#social span {
	display: block;
	height: 31px;
	float: left;
	margin: 8px 0 0 45px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:110%;
	font-weight: bold;
	color: #1e4886;
}
#social span + a {
	margin-left: 15px;
}
#social a[href^="http:"] {
	background: none;
}
#flash>* {
	margin: 0;
	padding: 0;
}
#flash {
	z-index: 1;
}
	/*-----------[ Home Page Lower ads ]------------------*/
	#announcements { 
		width:570px;
		background: url(../images/bg_news.jpg) no-repeat center top;
		height: 184px;
		float: left;
		padding: 15px;
		position:relative;
	}
	#announcements h2 {
		background: transparent url(../images/text_lending.png) no-repeat left top;
		text-indent: -9000px;
		height: 41px;
		margin: -10px 0 0 35px;
	}
	#announcements p {
		float: left;
		text-indent: -9000px;
	}
	#announcements p a {
		display: block;
		height: 129px;
		border: none;
	}
	#announcements p a: hover {
		border: none;
	}
	#announce_left {
		height: 129px;
		background: transparent url(../images/bg_collections.png) no-repeat top left;
		width: 135px;
		margin-left: 45px;
	}
	#announce_left a {
		background: transparent url(../images/bg_collections.png) no-repeat top left;
	}
	#announce_left a:hover {
		background: transparent url(../images/bg_collections_over.png) no-repeat top left;
	}
	#announce_middle {
		height: 129px;
		background: transparent url(../images/bg_origination.png) no-repeat top left;
		width: 139px;
		margin-left: 35px;
	}
	#announce_middle a {
		background: transparent url(../images/bg_origination.png) no-repeat top left;
	}
	#announce_middle a:hover {
		background: transparent url(../images/bg_origination_over.png) no-repeat top left;
	}
	#announce_right {
		height: 129px;
		background: transparent url(../images/bg_accounting.png) no-repeat top left;
		width: 162px;
		margin-left: 35px;
	}
	#announce_right a {
		background: transparent url(../images/bg_accounting.png) no-repeat top left;
	}
	#announce_right a:hover {
		background: transparent url(../images/bg_accounting_over.png) no-repeat top left;
	}
	#testimonials { 
		width: 303px; 
		float: right;
		padding: 15px 15px 15px 15px;
		background: url(../images/bg_testimonial.jpg) no-repeat center top;
		height: 184px;
		
	}
	#testimonials h2 {
		background: transparent url(../images/text_testimonial.png) no-repeat right top;
		text-indent: -9000px;
		margin: 4px 17px 18px 0;
	}
	
	#testimonials p {
		color: #5b5b5b;
		padding:0 10px;
		font-style:oblique;
		margin: 0;
	}
	#testimonials .quote_src {
		padding: 2px 10px 0 10px;
		margin-bottom:2px;
	}

/*-----------[ Directions Page ]--------------------*/
#containerleft {
	float: left;
	width: 350px;
}
#containerright {
	float: right;
	margin-top: 14px;
}
#containerright .googlelink {
	color:#0000FF;
	font-size: 90%;
	text-align:center;
}
.ndirections #maincontent {
	padding:24px 15px 30px 10px;
	width:710px;
}

/*-----------[ Solutions Pages ]--------------------*/

#contentleft {float:left; width:60%; padding-right:3%;}

#contentright {float: right; width: 215px; margin-top: 0; background-color: #EDEBDE;}
.nmarketing #contentright, .nreporting #contentright, .ncollections #contentright, .naccounting #contentright, .ndeposits #contentright, .nextras #contentright { margin-top: 8em; width: 24%; }
.products h1 {text-indent: -9000px}
.products h1 + p {margin: 5em 10em .8em 0}
.products #contentright h2 { 
	text-indent: -9000px;
	background: transparent url(../images/Titles/title_systemfeatures.jpg) no-repeat 0 0;
	height: 109px;
	margin: 0;
}
#contentright h2 + div {padding: 0 10px;}
.nloans #maincontent {background: transparent url(../images/titles/title_loanorigination.jpg) no-repeat top right}
.nloans #contentright {height: 820px; margin-top:0;}
.nmarketing #maincontent {background: transparent url(../images/titles/title_marketing.jpg) no-repeat top right}
.nmarketing #contentright {height: 180px;}
.nreporting #maincontent {background: transparent url(../images/titles/title_reporting.jpg) no-repeat top right}
.nreporting #contentright {height: 350px;}
.ncollections #maincontent {background: transparent url(../images/titles/title_collections.jpg) no-repeat top right}
.ncollections #contentright {height: 700px;}
.naccounting #maincontent {background: transparent url(../images/titles/title_finance.jpg) no-repeat top right}
.naccounting h1 + p {margin-right: 17em;}
.naccounting #contentright {height: 1000px;}
.ndeposits #maincontent {background: transparent url(../images/titles/title_deposits.jpg) no-repeat top right}
.ndeposits h1 + p {margin-right: 17em;}
.ndeposits #contentright {height: 200px; margin-top:0}
.nextras #maincontent {background: transparent url(../images/titles/title_perks.jpg) no-repeat top right}
.nextras #contentright { height: 600px; }
.nextras h1 + p {margin-right: 15em;}

/*-----------[ Testimonials Page ]------------------*/
.testimonials #maincontent { position: relative; padding: 0; width: 940px; float: none; }
.testimonials h1 { text-indent: -9000px; margin: 0; padding: 0; position:absolute; }
#slideshow { 
	width: 939px; height: 263px;
	overflow: scroll;
	position: relative;
	margin: 0 auto;
	z-index: 2;
}
#slideshow ul#slides { list-style: none; }
#slideshow ul#slides li { margin: 0; }


.testimonials #contentleft { width: 48%; padding: 0 0 0 1%; }
.testimonials #contentright { width: 48%; padding: 0 1% 0 0; background-color: transparent; }
.testimonials h2 {margin-top: 0; font-size: 1.6em;}

.testimony .highlight_box p {
	color: #212b3c;
	font-style:oblique;
	font-size: 120%;
}
.testimony .highlight_box .quote_src {
	font-weight: bold;
	font-size: 110%;
	padding-right: 20px;
	margin-bottom: 0;
}

/*-----------[ Site Map Page ]----------------------*/
.nsitemap #maincontent {
	padding:0 0 40px 0;
	float:left;
	width: 100%;
}
.nsitemap #maincontent .column1 {
	width: 48%;
	float: left;
	padding-left: 0;
	display: inline;
}
.nsitemap #maincontent .column2 {
	width: 49%;
	float: left;
	margin-left: 3%;
	display: inline;
}
.nsitemap #maincontent h1 {
	text-align:center;
}
.nsitemap #maincontent dl {
	margin: 5px 0 5px 10px;
}
.nsitemap #maincontent dt {
	position: relative;
	top: 11px;
	text-align: right;
	margin-right: 320px;
}
.nsitemap #maincontent dd {
	margin: 0 0 0 140px;
	padding: 0 2em .5em .5em;
}

.nsitemap #maincontent dl dt a {
	text-decoration: none;
	border-bottom: 1px dotted #1d375a;
	font-weight: normal;
}
.nsitemap #maincontent h3 {
	border-width: 1px 0;
	border-color: #1d375a;
	border-style: solid;
	padding: 5px 0 5px 20px;
}
