/*
Site Name:		Concord Servicing
Site URL:		http://www.concordservicing.com
Version:		1.0.1
Author:			Ryan Evjen and Jonathan Nicol, Visdom, LLC.
Author URL:		http://visdomdesign.com/
*/

@import "reset.css";

html, body, #container {height: 100%;}

body > #container {height: auto; min-height: 100%;}

body{
	font-size: 100%;
	line-height: 135%;
	color: #222;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: .01em;
}

#container{
	margin-left: auto;
	margin-right: auto;
	width: 850px;
}
/* ------ HEADER ------ */
#header{
	position: relative;
	height: 110px;
}
	#header img{
		float: left;
		margin: 25px 0;
	}
	#searchform {
		position: relative;
    	float: right;
    	top: 20px;
	}
	
	#searchform #qSearch {
		height: 16px;
	}
	
	#searchform #saSearch {
		background: #eee;
		border: 1px solid #d3d3d3;
		height: 22px;
		color: #666;
		font-size: 10px;
		letter-spacing: 1px;
		padding: 3px;
	}
	/* ------ TOP NAVIGATION ------ */
	
	ul#topnav{
			position: relative;
			float: right;
			list-style: none;
			top: 40px;
			margin: 0;
			padding: 0;
	  		font-weight: normal;
	  		font-size: 95%;
	  		text-align: right;
	  		white-space: nowrap
  		}
		ul#topnav li{
			display: inline;
			margin: 0 6px
		}
		ul#topnav a{
			text-decoration: none;
			padding: 0 0 3px;
  			border-bottom: 4px solid #FFF;
  			color: #333
  		}
		ul#topnav a#current{
			border-color: #d3d3d3;
			color: #653090;
			
		}
		ul#topnav a:hover{
			border-color: #d3d3d3;
			color: #653090
		}
		ul#topnav a.active{
			border-color: #d3d3d3;
			color: #653090
		}
	/* ------ SPANISH/ENGLISH ------ */
	.english, .spanish{
		position: absolute;
		font-size: 11px;
		color: #acacac;
	}
	.english{
		top: 0;
		right: 0;
	}
	.spanish{
		top: 0;
		right: 45px;
		padding-right: 7px;
		border-right: 1px solid #888;
	}
#titlebar{
	clear: both;
	background: url(../images/global/title-bar-bg.jpg) no-repeat top left;
	width: 850px;
	height: 50px;
}

#homefeature{
	width: 850px;
	height: 240px;
	clear: right;
}
#slideshow{
	position: relative;
	width: 850px;
	height: 240px;
	overflow: hidden;
}
#slideshow img{
	position: absolute;
	left: 0;
	top: 0;
	width: 850px;
	height: 240px;
}
#pause1, #pause2 {
	z-index:100;
}
	#homeleft{
		width: 385px;
		float: left;
		margin-right: 20px;
		margin-top: 20px;
		text-align: justify;
	}
		#homeleft h2{
			font-size: 1.1em;
			font-weight: 800;
			color: #000;
			line-height: 1.25em;
			margin: 0 0 15px 0;
		}
		#homeleft p{
			font-size: 16px;
			line-height: 24px;
		}
	#homeright{
		width: 355px;
		float: right;
		padding: 20px 30px 30px 30px;
		background-color: #e7e7e8;
		
	}
		#homeright h2{
			margin: 0;
			line-height: 1.25em;
			font-size: 1.1em;
			font-weight: 800;
			color: #000;
		}
		#homeright ul{
			font-size: .875em;
			margin-top: 10px;
		}
		#homeright li{
			color: #333;
			margin-bottom: 7px;
			padding-left: 20px;
			background-image: url(../images/global/sq-bullet.gif);
			background-repeat: no-repeat;
			background-position: 0 5px;
		}
	#homerightbottom{
		clear: both;
		width: 355px;
		float: right;
		padding: 0 30px 10px 30px;
		margin: 0 0 40px 0;
	}
		#homerightbottom h3 {
			color: #fff;
			font-size: 16px;
			font-weight: 200;
			
		}
		#homerightbottom a {
			float: right;
			margin-right: 12px;
		}
		
#servicesbar{
	margin: 30px 0 10px 0;
	width: 850px;
	height: 95px;
}
	/* Horizontal nav for alt flash content on services bar */
	#servicesnav {
      width: 100%;
      float: left;
      margin: 0 0 3em 0;
      padding: 0;
      list-style: none;
      font-size: 14px;
      text-align: center;
      border-right: 1px solid #fff; 
      }
   #servicesnav li {
      float: left;
      width: 100px;
      background-color: #653090;
      }
   #servicesnav li a {
      display: block;
      padding: 10px 15px;
      text-decoration: none;
      color: #fff;
      height: 50px;
      border-right: 1px solid #fff; }
   #servicesnav li a:hover {
      color: #fff;
      background-color: #8640BF; }
#leftcol{
	margin-top:25px;
	width: 161px;
	float: left;
	border-right: 1px solid #d3d3d3;
}
	#leftcol ul{
		position: relative;
		list-style: none;
		color: #acacac;
		margin: 10px 0 0 0;
		font-size: 80%
	}
	#leftcol li{
		margin-top: 7px;
		padding: 0 4px 3px 0;
		
	}
	#leftcol a{
		color: #333;
		padding-left: 15px;
		display: block;
		text-decoration: none
	}
	#leftcol a:hover{
		color: #653090;
		background-image: url(../images/global/left-wedge.png);
		background-repeat: no-repeat;
		background-position: 0 5px;
		padding-left: 15px;
		text-decoration: none;
	}
	#leftcol a.active{
		color: #653090;
		background-image: url(../images/global/left-wedge.png);
		background-repeat: no-repeat;
		background-position: 0 5px;
		padding-left: 15px;
		text-decoration: none;
	}
#rightcol{
	margin-top:25px;
	width: 163px;
	float: right;
	padding-bottom: 55px;
}
#contactForm{
	width: 350px;
	margin: 25px 22px;
	padding-bottom: 50px;
	float: left;
}
#contactRight{
	width: 213px;
	padding-left: 30px;
	float: right;
	margin-top: 25px;
}
#contactRight h3{
	padding-top: 10px;
}

#maincontent{
	width: 480px;
	margin: 25px 22px;
	padding-bottom: 50px;
	float: left;
}
	#maincontent ul{
		font-size:95%;
		color:#333;
		margin-left: 15px;
	}
	#maincontent li{
		list-style-type: disc;
		margin-bottom: 5px;
		
	}
	#maincontent ul li ul li{
		font-size: 105%;
		margin-top: 5px;
		margin-left: 10px;
		list-style-type: circle;
	}
	#maincontent ul li ul li ul li{
		font-size: 105%;
		margin-top: 5px;
		list-style-type:  square;
	}
	.backbutton{
		clear: both;
		font-size: 90%;
		text-align: left;
	}

#accordion a.accordionItem {
	cursor:pointer;
	display:block;
	margin-top: 0;
	margin-bottom: 15px;
	text-decoration: none;
	outline:0;
	clear: both;
	font-weight: 800;
	font-size: 14px;

	line-height: 36px;
	color: #8396ae;
	border-bottom: 3px #e8e8e8 solid;
}
a.accordionItem{
	padding-left:20px;
}
.accordionClosed{
	background-image: url(../images/global/closed-wedge.png);
	background-repeat: no-repeat;
	background-position: 0 12px;
}
.accordionOpen{
	background-image: url(../images/global/open-wedge.png);
	background-repeat: no-repeat;
	background-position: 0 12px;
}
.accordionContent{
	padding-left: 20px;
}
.one-col{
	width: 150px;
	float: left;
	padding-right: 15px;
}
.two-col{
	width: 230px;
	float: left;
	padding-right: 10px;
}
.three-col{
	width: 305px;
	float: left;
	padding-right: 10px;
}

img.center{
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	display: block;
}
img.alignLeft{
	float: left;
}
img.alignRight{
	float: right;
}
a.request, a.corp, a.cust, a.reportview, a.jobs{
	display: block;
	width: 163px;
	height: 46px;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
}
a:hover.request, a:hover.corp, a:hover.cust, a:hover.reportview, a:hover.jobs{
	background-position: -163px 0;
}
a.reportview {
	background: url(../images/home/reportviewerRO.jpg) no-repeat 0 0;
	clear: left;
	float: left;
	margin-top: 10px;
}
a.request{
	background: url(../images/global/infoRO.jpg) no-repeat 0 0;
}
a.corp{
	background: url(../images/global/corpRO.jpg) no-repeat 0 0;
}
a.cust{
	background: url(../images/global/consRO.jpg) no-repeat 0 0;
}
a.jobs{
	background: url(../images/global/jobsRO.jpg) no-repeat 0 0;
}


.bump{
	margin-top: 10px;
	float: left;
}
#footer{
	background-color: #444;
	position: relative;
	margin-top: -55px; /* negative value of footer height */
	height: 100px;
	clear:both;
	text-align: center;
}
	#footerinside{
		margin-left: auto;
		margin-right: auto;
		padding: 10px;
		width: 850px;
	}
	
	#social{
		float: left;
		padding: 0;
	}
	
	#social a{
		float: left;
		padding-right: 10px;
	}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ------ Text styles ------ */

p {
	font-size: 95%;
	color: #333;
	padding-bottom: 10px;
}
	p.small{
		font-size: 13px;
	}
a {
	color: #653090;
}
a:hover{
	color: #653090;
	text-decoration: none
}

h2{
	color: #305C91;
	font-size: 1.4em;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin:.5em 0 .5em 0;
	text-align: left;
}
h2.del{
	color: #8396ae;
	font-size: 14px;
	font-weight: 800;
}
h3{
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h3.test{
	color: #305C91;
	font-size: 18px;
	text-align: left;
}
h3.accordion{
	color: #653090;
	font-size: 14px;
	font-weight: 800;
	margin-top: 15px;
}
h4{
	color: #653090;
	text-align: left;
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 10px;
}
h4 a{
	text-decoration: none;
}
h5{
	font-size: 13px;
	margin-top: 20px;
}

dt{
	color: #305C91;
	font-size: 14px;
	font-weight: 600;
	text-align: left;
}
dd{
	color: #333;
	font-size: 14px;
	font-weight: 200;
	text-align: left;
	margin: 0 0 7px 0;
	padding: 0;
	display: block;
}
dt a{
	text-decoration: none;
}
dt.test{
	font-size: 14px;
	color: #653090;
	text-transform: uppercase;
	font-weight: 400;
	margin-top: 10px;
}
dt.test a{
	text-decoration: none;
}
dt.caption{
	font-size: 13px;
	margin-top: 10px;
}
dd.caption{
	font-size: 12px;
}
dt.reference{
	margin-top: 15px;
	color: #333;
	font-size: 12px;
	display: inline;
	padding: 0;
	margin: 0;
}
dd.reference{
	font-size: 12px;
	display: inline;	
}
#titlebar h1{
	color: #653090;
	font-size: 140%;
	font-weight: 800;
	padding: 15px 0;
}
#leftcol h3{
	background-color: #d3d3d3;
	padding: 3px;
	text-transform: uppercase;
	font-size:70%;
	*font-size:10px;
	font-weight: 200;
}
#footer p{
	color: #acacac;
	font-size: 12px;
	letter-spacing: .1em;
}
#footer a{
	color: #acacac;
}