/*********************************************
	MAIN
*********************************************/
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

html{
	overflow-x:hidden;
	overflow-y:auto;
}

body {
	background: #d8d8d8 url(/images/body.gif) repeat-x;
	font: normal 11px/1.4em Verdana, Geneva, sans-serif;
}


.wrapper{	
	margin: 0 auto;
	background: url(/images/wrapper.png) repeat-y; 
	text-align:left; 
	width:951px; 
}

.wrapper .inner{
	padding:0 20px;
	
}


a{
	color:#336f95;
}

a:hover{
	color:#000;
}


a.button {
   background: transparent url(/images/a-button.gif) no-repeat scroll right top;
	display: block;
	float: left;
	height: 24px; 
	line-height:18px !important;
	margin: 6px 6px 6px 0;
	padding-right: 9px;
	text-decoration: none;
	color: #1e4c68;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
}

a:hover.button {
   background-position: right bottom;
	color:#FFF;
}

a.button span {
	/* Background left image */ 
	background: transparent url(/images/a-button.gif) no-repeat;
	display: block;
	padding: 3px 0 3px 9px;
} 

a:hover.button span {
	background-position: left bottom;
}

p{
	padding-bottom:20px;
}

.indent{padding-left:20px;}

/*********************************************
	HEADER
*********************************************/
.header{
	height:110px;	
	
}


/*********************************************
	HOMEPAGE WIDGET
*********************************************/
.widget{
	width:290px;
	padding-bottom:20px;
}

.widget .top, .widget a.started,
.widget a.works, .widget a.state,
.widget a.will{
	background-image: url(/images/widget.gif);
	background-repeat: no-repeat;
	display:block;
	text-indent:-9999px;
}

.widget .top{
	height:51px;
}

.header{
	height:110px;	
}

.widget a.started{
	height:45px;
	background-position:left -51px;
}

.widget a:hover.started{
	background-position:right -51px;
}

.widget a.works{
	height:51px;
	background-position:left -96px;
}

.widget a:hover.works{
	background-position:right -96px;
}

.widget a.state{
	height:52px;
	background-position:left -147px;
}

.widget a:hover.state{
	background-position:right -147px;
}

.widget a.will{
	height:67px;
	background-position:left -199px;
}

.widget a:hover.will{
	background-position:right -199px;
}



/*********************************************
	SHARED SPRITES
*********************************************/
.menu .container,
.menu ul li a,
.menu ul li:hover a,
.menu ul li:hover ul li a{ background-image:url(/images/sprites.gif); background-repeat: no-repeat;}



/*********************************************
	MAIN NAVIGATION
*********************************************/

.menu .container{
	width:100%;
	clear:both;
	float:left;
	background-position:left top;

}


.menu ul.center-block{
	/*left:50%;*/
	position:relative;
	float:left;
}
.menu, .menu ul, .menu ul li, .menu ul li a{
	display:block;
	margin:0;
	padding:0;
	position:relative;
	z-index:1000;
	
}

.menu ul li a {
	font: bold 12px/36px Georgia, "Times New Roman", Times, serif;
	text-decoration:none; 
	color:#000;
	color:#fff;
	overflow:hidden;
	padding:0 13px 0 8px;
	background-position: right top;
}

.menu ul li.leadin a {
	padding:0 15px 0 13px;
}

.menu ul li.leadout a {

}


.menu ul li.leadin {
	background: url(/images/menu-li.gif) repeat-y left top;
	padding-left: 2px;
}

	*html .menu ul li a {
		overflow:visible;
		height:36px;
	}
	
	*html .menu ul li.no-drop a {
		padding-bottom:1px;
	}

.menu ul {
	padding:0; 
	margin:0; 
	list-style: none;
	z-index:200;
}

.menu ul li {
	z-index:200;
}

.menu ul li.level-one {
	float:left;
	position:relative;
	/*right:50%;*/
}






.menu ul li ul {
	display: none;
}


/* first level */
.menu ul li:hover a {
	color:#fff; 
	background-position: right -36px;
}

*html .menu ul li a{
	color:#fff; 
	line-height:36px; 
	height:36px; 
	float:left;
}
	*html .menu ul li a:hover {
		 background-position: left -36px; 
		 color:#fff; 
		 text-decoration:none;
	}
	*html .menu ul li a.hide{display:none;}
	*html .menu ul li a:hover ul li a.hide {display:none;}
	*html .menu ul li a:hover ul {
		display:block; 
		position:absolute; 
		top:39px; 
		left:0; 
		width:190px;
	}


/* second level */
.menu ul li:hover ul {
	display:block; 
	position:absolute; 
	top:36px; 
	left:0;
}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {
	display:block; 
	background-position: left -72px;  
	width:190px; 
	line-height:28px;
}

.menu ul li:hover ul li a.level-two {
	background-position: left -522px;  
}


.menu ul li:hover ul li a:hover {background-position: left -7px; }
.menu ul li:hover ul li a.level-two:hover {background-position: left -488px; }
	*html .menu ul li a:hover ul li { 
		height:28px; 
		margin:-3px 0 0 0; 
		padding:0;
	}
	
	*html .menu ul li a:hover ul li a{
		display:block; 
		background:url(/images/sprites.gif) no-repeat left -72px; 
		line-height:28px; 
		height:28px; 
		width:190px;
	}
	
	*html .menu ul li a:hover ul li a.level-two{
		background:url(/images/sprites.gif) no-repeat left -522px; 
	}
	*html .menu ul li a:hover ul li a ul {visibility:hidden;}
	*html .menu ul li a:hover ul li a:hover {background-position: left -7px;}
	*html .menu ul li a:hover ul li a.level-two:hover {background-position: left -488px;}


/* third level */
.menu ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	left:211px; 
	top:0; 
}
	*html .menu ul li a:hover ul li a:hover ul {
		visibility:visible; 
		position:absolute; 
		left:211px; 
		top:0;
	}


/*********************************************
	SECTION NAVIGATION
*********************************************/
ul.subnav{
	list-style:none;
	float:right;
	padding:0;
	border:1px solid #CFCFCF;
}

ul.subnav ul{
	list-style:none;
	padding:0 0 10px 0;
}


ul.subnav li{
	padding:0;
	width:186px;
	background: #f3f3f4 url(/images/subnav.gif) repeat-x left top;
	font-weight:bold;
	font-size:10px;
}

ul.subnav li li{
	padding:0 0 0 16px;
	width:auto;
	background: none;
	font-weight:normal;
	float:left;
	clear:both;
}


ul.subnav li a{	
	padding:6px 12px;
	display:block;
	text-decoration:none;	
}

ul.subnav li li a{	
	padding:2px 12px;
	margin:0;
	color:#578db0;
	width:130px;
}

ul.subnav li li a:hover{	
	color: #333;
}



/*********************************************
	HEADERS
*********************************************/

h1,h2,h3,h4, ul.faq li{
	font: 26px/1.6em Georgia, "Times New Roman", Times, serif;
	color:#336f95;	
}

h1{
	padding-bottom: 15px;
}

h2{
	font-size: 18px;
	padding-bottom: 10px;
}

h2 span{
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	padding:0 10px 0 0;
	display:block;
	float:left;
}

h3{
	font-size: 15px;
	
}

h4, ul.faq li{
	font-size: 13px;
	
}




/*********************************************
	CONTENT
*********************************************/


ol li, ul li{
	padding:0 0 10px 0;	
}

div.wysiwyg li, div.wysiwyg ul {
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

.main{
	padding:20px;
}

.main .inner{
	padding:0;
}
.main .twothirds .inner{
	padding:0 30px 0 0;
}

.banner{
	border:1px solid #cfcfcf;
	border-top:none;
	background:url(/images/banner-gradient.gif) repeat-x;
	
}

.banner .inner{
	padding: 12px 0;
}

.banner .testimonial{
	width:880px;
	height:241px;
	background:#e7e7e7;
	margin:0 auto;
}


.banner .testimonial .left{
	width:403px;
}

.banner .testimonial .right{
	width:477px;
	text-align:center;
}

.banner .testimonial .outer{
	display: table;
	*position: relative;
	overflow: hidden;
	height: 241px;
	width: 100%;
}

.banner .testimonial .middle{
	display: table-cell;
	*position: absolute;
	*top: 50%;
	*left:0;
	vertical-align: middle;
}

.banner .testimonial .banner-image{
	width:403px;
	height:241px;
	overflow:hidden;
}

.banner .testimonial blockquote{	
	*position: relative;
	*top: -50%;
	color:#3a6f8f;
	font: bold 11px/1.4em Verdana, Geneva, sans-serif;
	background:url(/images/quote-top.gif) no-repeat left top;
	margin:0 20px;
	text-align:center;
}

.banner .testimonial blockquote img{	
	display:none;
}


.banner .testimonial blockquote p{	
	background:url(/images/quote-bottom.gif) no-repeat right bottom;
	padding:20px 30px;
}


.banner .testimonial blockquote p span{	
	color:#000;
	font-size:12px;
	font-weight:bold;
	display:block;
	padding:6px 0 0 0;
}

.case-details .left-side{
	width:578px;
	float:left;
}

.case-details .right-side{
	 width:280px;
	 float:right;
}

.case-details .full{
 	width:100%
}

/*********************************************
	LEADERSHIP PAGE
*********************************************/
.leadership{
			
}

.leadership .inner{
	margin:0;
	padding:10px ;
	border-bottom: 1px dotted #000;
	background:  url(/images/leadership.gif) repeat-x scroll left top;
}

.leadership .toggler{
	cursor:pointer;
}

.leadership .element{
	padding-left:40px;
}

.leader_title{
	font-weight:bold;
	font-size:13px;
	color:#333;
}

.leadership h2{
	background: url(/images/arrow.gif) no-repeat right 11px;
	padding-right:18px;
}

h2.down{
	background-image: url(/images/arrow-down.gif);
}

/*********************************************
	APPI NEWS WIDGET
*********************************************/
.news{margin-top: 9px; height:89px;  }


.appi-news{
	list-style:none;
	padding:3px 0 0 0 ;
	
}

.appi-news li{
	padding:0;
}
	.news .inner{ 
		overflow:hidden;
		height:50px;
		padding:0;

	}
	.news a{ 
		display:block; 
		padding: 0; 
		cursor:pointer; 
		zoom:1;
		text-decoration:none;
	}
	
	.news .c a:hover{}
	.news h2{
		color:#FFF; 
		line-height:30px; 
		margin:0;
		padding:0;
	}
	
	.news h2 a{
		color:#FFF; 
		text-decoration:none;
	}
	
.news .news-left, .news .news-right{ 
	background-image: url(/images/sprites.gif);
	background-repeat:no-repeat; 
	height:89px;
	float:left;
	overflow:hidden;
}

.news .news-left{ background-position: left -150px; width:6%;}
.news .news-right{ background-position: right -150px; width:93.9%;}
	 
	 
/*********************************************
	FAQ
*********************************************/
.faq-section{
	border-bottom: 1px dotted #333;
	margin-bottom:10px;		
}

.faq-container .faq-section{
	
}


.faq-section a.return{
	padding-left:20px;
}

.faq-section p{
	padding:0 0 8px 0;
}

.faq-section .inner{
 	padding: 0 0 30px 10px;
}

.faq-section h3{
 	color:#333;
	font-weight:bold;
	font-size:12px;
}

.faq-section .question{
	background: url(/images/q.gif) no-repeat left 2px;
	padding-left:20px;
	font-weight:bold;
}

.faq-section .answer{
	background: url(/images/a.gif) no-repeat left 2px;
	padding-left:20px;
}

ul.faq li{
	padding:0 0 5px 0;
} 


/*********************************************
	FOOTER
*********************************************/

.footer{
	font-size:11px;
	line-height:16px;
	padding:0 20px 20px;
	
}

.footer p{
	padding:  0 0 8px 0;
}
.footer .inner{
	margin:10px 0 0 0;
	padding:15px 0 0 0;
	border-top: 1px solid #cfcfcf;
}

.footer .half .inner{
	padding:0;
	border:none;
}

.footer .left .inner{
	padding:0 20px 0 0;
}


.footer ul{
	text-align:center;
	padding-bottom:35px;
}

.footer ul a{
	color:#656565;
	padding:0 5px;
	border-left: 1px solid #656565;
	font-size:11px;
	text-decoration:none;
}

.footer ul li.leadin a{
	border:none;
}


.footer ul li{
	display:inline;
}


.page-bottom{
	background: url(../images/footer.png) no-repeat left bottom;
	height:28px;
	margin: 0 auto;
	width:951px; 

}	

/*********************************************
	FORMS
*********************************************/

form fieldset{border:none; margin:0;}
form fieldset.inline{border:none; margin:0;}
	form label{ float:left; width: 250px; margin-right:10px; }
	form label.shorter{ float:left; width: 196px; margin-right:5px; }
	form fieldset.inline label{ float:none; width:auto; display:block;}
	form .actions{ }
	form fieldset.inline .actions{ margin-left:0;}
	form .row{ padding: 0 0 10px 0; }
	form input.txt, form textarea.txt{ width:380px; border: 1px solid #000; border-color:#7A7A7A #CCC #EEE; background-color:#e7e7e7; }
	form input.txt-city, form textarea.txt-city{ width:267px; border: 1px solid #000; border-color:#7A7A7A #CCC #EEE; background-color:#e7e7e7; }
	form input.txt-state, form textarea.txt-state{ width:30px; border: 1px solid #000; border-color:#7A7A7A #CCC #EEE; background-color:#e7e7e7; }
	form input.txt-zip, form textarea.txt-zip{ width:70px; border: 1px solid #000; border-color:#7A7A7A #CCC #EEE; background-color:#e7e7e7; }
	form input.short{width:150px;}
	.email-alert input.txt{width:120px; margin:0 5px 5px 0;}
	form input.txt, form textarea.txt, form select{ line-height:20px; font-size:14px; color:#666;}
	form input.error{border-color: #990000;background-color:#f7eded;}
	form .required em{color:#990000; font-size:13px;}
	form label.required em{padding:0 0 0 5px;}
	form .checkbox{ width:200px; float:left;}
	
	form .actions input{ background: #E5E5E5; border: 1px solid #000; border-color: #CCC  #7A7A7A  #7A7A7A #CCC; font-size:12px; padding:5px;}