@charset "utf-8";
@import url("reset.css");
/* CSS Document */
body { background: #FFFFFF url(/images/page-bg.png) repeat-x 0 0; font-family: Verdana, Helvetica, sans-serif; text-align: center; font-size: 12px; color: #231f20; behavior: url(/includes/styles/csshover3.htc);/*hack per ie6*/ }
/*p {
		line-height: 20px;
}
*/
p { line-height: 21px; margin: 22px 0 !important; }
a { color: #255491; text-decoration: none; }
a:hover { color: #003468; text-decoration: underline; }
h1 { font-size: 20px; font-weight: bold; color: #003468; margin: 15px 0px 0px 0px; }
h3 { font-size: 14px; font-weight: bold; color: #003468; }
#site-Wrap { margin: 0 auto; position: relative; text-align: center; width: 982px; }
#site-MastHead { /*background:transparent url(/images/masthead-home.jpg) no-repeat scroll 0 0;*/
background: transparent url(/images/header-home.jpg) no-repeat scroll 0 0; /*height:332px;*/
height: 478px; margin: 0 auto auto; position: relative; text-align: left; width: 982px; }
#site-HomeLink { position: relative; left: 0px; top: 0px; }
/*************************/
/*** 	UtilityNav 		**/
/*************************/
#site-UtilityNavWrap { height: 32px; position: relative }
#site-UtilityNavWrap:after { display: inline-block; content: ""; line-height: 0; clear: both; }
#site-UtilityNav { float: right; list-style: none; /*margin: 6px 0 0;*/ margin: 2px 0 0; right: 130px; }
#site-UtilityNav #nav-Search { margin-right: 0!important; width: 148px; }
#site-UtilityNav .site-Login a { background: transparent url(/images/icon-login.png) no-repeat scroll 0 0; display: inline; float: left; margin: 0; padding: 0 0 0 20px; position: relative; }
#site-UtilityNav .site-Login a:hover { background: transparent url(/images/icon-login.png) no-repeat scroll 0 -24px; }
#site-UtilityNav .site-Login li a { margin: 0!important; padding: 0!important; }
#site-UtilityNav li { background: transparent url(/images/utility-divider-bg.png) no-repeat scroll left center; display: inline; float: left; line-height: 24px; margin: 0 5px 0 0; padding: 0 0 0 15px; position: relative; }
#site-UtilityNav li span { color: #fff; line-height: 28px; }
#site-UtilityNav li.lastItem { background: none; }
#site-UtilityNav li a { color: #fff; text-decoration: underline; }
#site-UtilityNav li a:hover { color: #b7dff7; }
#site-UtilityNav li ul li { background-color: #9cf; background-image: none!important; color: #003468; display: block; font-size: 10px; font-weight: 700; height: 30px; line-height: 30px; margin: 0!important; padding: 0!important; text-align: left; text-indent: 15px; width: 100%; }
#site-UtilityNav li ul li a { background-color: #9cf; background-image: none!important; color: #003468; line-height: 30px; margin: 0!important; padding: 0!important; text-decoration: none; width: 100%; }
#site-UtilityNav li ul li a:hover { background-color: #003468!important; background-image: none!important; color: #9cf!important; display: block; height: 30px; margin: 0!important; padding: 0!important; text-decoration: none; width: 100%; }
#site-UtilityNav li.FirstItem { background: none!important; }
#site-UtilityNav li:hover ul { visibility: visible; }
#site-UtilityNav ul { background: #9cf; left: 15px; position: absolute; top: 24px; visibility: hidden; width: 250px; overflow: hidden;  z-index: 99999;}
#SiteSearchForm { display: inline; width: 144px; }
#SiteSearchForm #Keywords { /*border: 1px solid #003468;*/ border: 1px solid #fff; width: 114px; }
#SiteSearchForm #ss-submit { position: relative; top: 4px; }
/*************************/
/***  END UtilityNav    **/
/*************************/
#site-TopNav { width: 982px; height: 39px; margin: 0px auto 0 auto; background: url(/images/topNav-home-shadow-bg.png) no-repeat center bottom; }
#site-TopNav ul { display: block; float: right; width: 982px; height: 35px; background: url(/images/topnav-menu-bg.jpg) repeat-x 0 0; list-style: none; }
#site-TopNav ul li { display: block; float: left; height: 35px; position: relative; background: url(/images/topnav-menu-div.jpg) no-repeat 0 0; z-index: 99999; /*DO NOT REMOVE - THIS ALLOWS DD MENUS TO APPEAR ABOVE OTHER ELEMENTS*/ }
#site-TopNav ul li a { display: block; width: 100%; height: 100%; outline: none; line-height: 35px; text-transform:uppercase; color:#fff; font-size:11px;}
#site-TopNav ul li a:hover {text-decoration:none; color: #99ccff;}
#site-TopNav ul ul { position: absolute; background: #99ccff; top: 35px; /*	left: 1px;*/
width: 200px; visibility: hidden; }
/** allows for styling/placement of individual sub menus **/
#court-reporting-sub { left: 0px !important; }
#legal-videography-sub { left: 1px !important; }
#captioning-sub { /*	left: 3px !important;*/
left: 1px !important; width: 230px !important; /* added for extra long sub menu item spacing and wrap prevention - this menu only*/ }
#repository-sub { left: 4px !important; }
#government-services-sub { /*	left: 6px !important;*/
left: 0px !important; }
#other-services-sub { /*	left: 8px !important;*/
left: 0px !important; }
#about-sub { /*	left: -108px !important;*/

left: -118px !important; }
/** END allows for styling/placement of individual sub menus **/
#site-TopNav ul li:hover ul { visibility: visible; }
#site-TopNav ul li ul li { width: 100%; height: 30px; display: block; text-align: left; text-indent: 15px; line-height: 30px; font-weight: bold; font-size: 10px; background: #99ccff; color: #003468; padding: 0px 0px 0px 0px; }
#site-TopNav ul li ul li a { color: #003468; width: 100%; text-decoration: none; text-transform:none; font-size:10px;}
#site-TopNav ul li ul li a:hover { /*	color: #003468;*/
color: #99ccff; width: 100%; height: 30px; display: block; text-decoration: none; /*	background: #99ccff;*/
background: #003468; }
/* END added from example */

/*************************/
/*** top nav menu items **/
/*************************/
#court-reporting { width: 143px; }
/*#court-reporting a:hover { background: url(/images/topnav-menu.png) no-repeat 0 -35px; }*/
#legal-videography { width: 161px; }
/*#legal-videography a:hover { background: url(/images/topnav-menu.png) no-repeat -158px -35px; }*/
#captioning { width: 102px; }
/*#captioning a:hover { background: url(/images/topnav-menu.png) no-repeat -329px -35px; }*/
#repository { width: 101px; }
/*#repository a:hover { background: url(/images/topnav-menu.png) no-repeat -446px -35px; }*/
#government-services { width: 183px; }
/*#government-services a:hover { background: url(/images/topnav-menu.png) no-repeat -562px -35px; }*/
#other-services {width: 135px; }
/*#other-services a:hover { background: url(/images/topnav-menu.png) no-repeat -755px -35px; }*/
#about {width: 69px; }
/*#about a:hover { background: url(/images/topnav-menu.png) no-repeat -900px -35px; }*/
#contact {width:88px;}
/******************************/
/*** END top nav menu items ***/
/******************************/


/****** Social Utility Nav ********/
#site-UtilityNav li.socialLi {margin-right:0; padding-left:10px;}
#site-UtilityNav li.socialLi a {width:16px; height:16px; display:inline-block; margin-top:6px;}
.ln-nav-ico {background: url(/images/social-ico/linkedin.png) no-repeat 0 0;}
.fb-nav-ico {background: url(/images/social-ico/facebook.png) no-repeat 0 0;}
.tw-nav-ico {background: url(/images/social-ico/twitter.png) no-repeat 0 0;}


/****** END Social Utility Nav ********/

#site-ContentWrap { margin: 0px; /*	position:relative;*/

	/*	padding: 5px 0px 0px 0px;*/
padding: 0px; /*	background: #ffffff url(/images/top-shadow-home-bg.png) repeat-x top left;*/
background: #ffffff url(/images/contentWrap-home-bg.png) repeat-y top left; z-index: 1; /*DO NOT REMOVE - THIS ALLOWS DD MENUS TO APPEAR ABOVE OTHER ELEMENTS*/ overflow:hidden; }
/*****************************************/
/********** 3 columns and footer *********/
/*****************************************/
#site-Secondary { margin: 0px; width: 188px; background-color: #cfc1a6; min-height: 290px; height: auto !important; height: 290px; display: inline; float: left; border-right: 1px solid #cdbfa4;/*	background: #cfc1a6 url(/images/top-shadow-secondary-bg.png) repeat-x top left;*/ }
#site-Primary { margin: 0px; /*	width:587px;*/
width: 527px; background-color: #ffffff; min-height: 290px; height: auto !important; height: 290px; float: left; text-align: left; /*	padding: 0px 30px;*/
padding: 0px 30px 20px; }
#site-Primary h2 { font-size: 16px; font-weight: bold; color: #003468; line-height: 0; /*	margin: 15px 0px 0px 0px;*/
margin: 20px 0px 0px; }
#site-Primary .CTA { font-size: 12px; font-weight: bold; color: #003468;/*margin: 15px 0px 0px 0px;*/ }
#site-Primary .CTA a { font-weight: normal; text-decoration: none; color: #255491; }
#site-Primary .CTA a:hover { font-weight: normal; text-decoration: underline; color: #003468; }
#site-Primary ul { list-style-position: inside; list-style-type: disc; margin: 2px 0 5px 20px; }
#site-Primary li { padding: 3px 2px 3px 0; /*	line-height: 18px;*/
line-height: 20px; }
#site-Tertiary { margin: 0px; width: 206px; background-color: #e5eaf0; /*	min-height:290px;
	height:auto !important;
	height:290px;*/
float: left; display: inline;/*		background: #e5eaf0 url(/images/top-shadow-tertiary-bg.png) repeat-x top left;*/ }
#site-Tertiary h3 { font-size: 15px; font-weight: bold; color: #003468; margin: 15px 0px 0px 0px; }
#site-Footer { margin: 0px; width: 982px; background-color: #899791; height: 52px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; position: relative; }
#site-Footer a { color: #ffffff; text-decoration: none; }
#site-Footer a:hover { color: #ffffff; text-decoration: underline; }
#site-FooterLegal { float: left; margin: 0px 0px 0px 24px; color: #ffffff; font-size: 9px; position: relative; text-align: left; line-height: 42px; display: inline; }
#site-FooterLinks { float: right; margin: 0px 24px 0px 0px; color: #ffffff; font-size: 9px; position: relative; text-align: left; line-height: 42px; display: inline; }
/*#site-ScheduleNow { margin: 0px; width: 188px; min-height: 326px; height: auto !important; height: 326px; float: left; display: inline; background: #e5eaf0 url(/images/schedule-now-tall-bg.jpg) no-repeat top left;} */
#site-ScheduleNow { margin:0; width: 188px; min-height: 462px; height: auto !important; float: left; display: inline; background: #decfc3 url(/images/schedule-hm.jpg) no-repeat bottom left;}
#hm-ScheduleNow { /*background: url(/images/schedule-btn.png)*/ no-repeat top left; display: block; height: 462px; margin: 30px 0px 0px 24px; text-align: left; text-indent: -1000px; }
/*#hm-ScheduleNow { background: url(/images/schedule-now-tagline.gif) no-repeat top left; display: block; height: 296px; margin: 30px 0px 0px 24px; text-align: left; text-indent: -1000px; }*/
#site-contact-info {}
	#site-contact-info span {font-size:14px; line-height:20px; color:#003468; display:inline-block; padding-bottom:15px; padding-top:30px; font-weight:bold;}
	#site-contact-info ul {display:block; padding-left:35px;}
		#site-contact-info ul li {display:inline-block; float:left; padding-right:10px;} 	
			#site-contact-info ul li .ln-nav-ico {background: url(/images/social-ico/linkedin-32.png) no-repeat 0 0;}
			#site-contact-info ul li .fb-nav-ico {background: url(/images/social-ico/facebook-32.png) no-repeat 0 0;}
			#site-contact-info ul li .tw-nav-ico {background: url(/images/social-ico/twitter-32.png) no-repeat 0 0;}
			#site-contact-info ul a {width:32px; height:32px; display:inline-block;}

#hm-Tagline { display: block; /*	float:right;*/
position: relative; left: 620px; top:415px; height: 51px; /*	margin: 30px 50px 0px 24px;*/
text-indent: -5000px; width: 340px;/*	padding:0 0 6px 18px;
	line-height: 20px;*/ }
#hm-CaseStudyWrap { width: 206px; text-align: center; }
#hm-CaseStudyWrap p { text-align: left; line-height: 16px; margin: 5px 0px !important; }
#hm-CaseStudyWrap .readMore { text-align: right; width: 166px;/*	font-size: 10px;*/ }
/*********************************/
/****** Case Studies Slider ******/
/*********************************/
.caseStudy-Slider { position: relative;/*text-align: left;*/ }
/***************************************/

#slider { }
#slider ul, #slider li, #slider2 ul, #slider2 li { margin: 0 !important; padding: 0 !important; list-style: none !important; }
#slider li, #slider2 li { /* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
	*/ 
width: 206px; height: 290px; overflow: hidden; }
/*	#slider2 li {
background:#f1f1f1;
}*/
/*#slider2 li h2 {
	margin:0 20px;
	padding-top:20px;
}*/
#slider2 li p { /*	margin:20px;*/
		/*margin: 0px 14px 0px !important;*/
margin: 20px 14px 0px !important; text-align: left; }
#slider2 li img { /*	margin:20px;*/
		/*margin: 0px 14px 0px !important;*/
margin: 20px 0px 0px !important;/*	text-align: left;*/ }
#slider2 li .readMore { float: right; margin: 2px 14px 10px; }
#slider2 li .readMore a { text-decoration: underline; color: #231f20; }
#slider2 li .readMore a:hover { text-decoration: underline; color: #003468; }
p#controls, p#controls2 { margin: 0 !important; position: relative !important; }
#prevBtn, #nextBtn, #prevBtn2, #nextBtn2 { display: block; margin: 0; overflow: hidden; text-indent: -8000px; width: 30px; height: 77px; position: absolute; /*	left:-30px;*/
left: 14px; /*	top:-160px;*/
top: -198px; }
#nextBtn, #nextBtn2 { /*	left:696px;*/
left: 173px; }
#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a { display: block; /*	width:30px;
	height:77px;*/
width: 19px; height: 28px; /*	background:url(/images/btn_prev.gif) no-repeat 0 0;*/
background: url(/images/arrow-cs-left.png) no-repeat 0 0; }
#nextBtn a, #nextBtn2 a { /*	background:url(/images/btn_next.gif) no-repeat 0 0;*/
background: url(/images/arrow-cs-right.png) no-repeat 0 0; }
/***************************************/
#hm-block1 { width: 300px; float: left; display: inline !important; list-style-type: disc !important; list-style-position: outside !important; margin: 0px !important; padding: 0px !important; list-style-image: url(/images/list-bullet-raquo-003468.gif) !important; }
#hm-block2 { width: 198px; float: left; display: inline !important; list-style-type: disc !important; list-style-position: outside !important; margin: 0px !important; padding: 0px !important; list-style-image: url(/images/list-bullet-raquo-003468.gif) !important; }
#hm-block1 li, #hm-block2 li { /* list-style-position: outside !important;*/
/*	margin: 0px !important;*/
padding: 0px !important; margin: 10px 0 2px 15px !important; line-height: 12px !important; }
#lastParagraph { margin: 22px 0 12px !important; }
#cse-search-results iframe { border: 1px solid #FF0000; width: 724px !important; }
.footerTout { float: left; margin-right: 10px; }