/* =General
-----------------------------------------------------------------------------*/

html { margin-bottom: 1px; min-height: 100%; }

body {
	padding:0px;
	margin:0px;
	font-family:Verdana, Helvetica, Arial, Tahoma, sans-serif;
	behavior: url(includes/inc.csshover.htc);
	font-size:12px;
	background: #A4A4A6 url(images/bg_body.jpg) repeat-x center top;
}

img, div { behavior: url(/iepngfix.htc); }


/* Remove padding and margin on selected elements*/
h1,h2,h3,h4,h5,h6,pre,body,div{margin: 0; padding: 0;}



/* Remove border around linked images and fix Firefox odd spaces */
img {
   border: 0;
   vertical-align: bottom;
}

/* =Structural
-----------------------------------------------------------------------------*/

#wrapper {
	width:929px;
	margin:auto;
	clear:both;
	background:#fff url(/images/city.gif) no-repeat center bottom;
	z-index:0;
}

#footer {
	width:872px;
	clear:both;
	color:#28434f;
	font-size:12px;
	padding-top:12px;
	padding-bottom:20px;
	border-top:1px solid #6b5e2b;
	margin:auto;
	font-family: Verdana, Helvetica, Arial, Tahoma, sans-serif;
	line-height:19px;
	position:relative;
	z-index:1;
}

#city {
	
	width:872px;
	height:132px;
	position:absolute;
	left:0;
	bottom:71px;
	z-index:1;
}


#header {
	width:929px;
	position:relative;
	z-index:10;
	height:174px;
}

#logo {
	width:929px;
	height:132px;
	background: #28434f url(images/logo.jpg) no-repeat;
	position:relative;
}

#contactinfo {
	position:absolute;
	right:30px;
	top:30px;
	font-size:25px;
	color:#fff;
	font-family:HelveticaNeue, helvetica, tahoma, arial;
	font-weight:bold;
}

#contactinfo span {
	color:#c2d1d7;
	font-size:16px;
}

#menu {
	width:919px;
	height:42px;
	background: #415f68 url(images/bg_menu.jpg) repeat-x;
	padding-left:10px;
}

#photo_index {
	width:929px;
	height:261px;
	background: url(images/bg_photoarea.gif) no-repeat left top;
	position:relative;
	margin-left:-16px;
	margin-top:20px;
	clear:both;
}

#photo {
	width:929px;
	height:261px;
	background: url(images/bg_photoarea_internal.gif) no-repeat left top;
	position:relative;
	margin-left:-16px;
	margin-top:20px;
	clear:both;
}

#tagline {
	position:absolute;
	top:86px;
	left:350px;
	font-size:25px;
	font-family:HelveticaNeue, helvetica, tahoma, arial;
	font-weight:bold;
	color:#3d5d66;
	line-height:27px;
}



#container {
	width:929px;
	float:left;
	background:  url(images/bg_content.jpg) repeat-x;
	z-index:3;
	padding-bottom:30px;
}


#sidebar {
	width:171px;
	float:left;
	min-height:392px;
	height:auto !important;
	height:392px;
	background:url(images/sidebar.png) no-repeat top left;
	_background:url(images/sidebar.jpg) no-repeat top left;
	margin:0 27px 0 27px;
	_margin:0 14px 0 13px;
	color:#28434f;
	padding: 0 10px 0 10px;
	font-family: Verdana, Helvetica, Arial, Tahoma, sans-serif;
	font-size:11px;
}

#sidebar_index{
	width:310px;
	float:left;
	margin-left:60px;
	_margin-left:30px;
	margin-top:5px;
}

#content{
	width:600px;
	float:left;
	font-family:Verdana, Helvetica, Arial, Tahoma, sans-serif;
	margin-top:2px;
	color:#51504d;
}

#left {
	width:300px;
	float:left;
	font-size:16px;
	color:#51504d;
	line-height:25px;
	padding-left:10px;
}

#right {
	width:230px;
	float:right;
	z-index:100px;
	position:relative; top: -63px;
}

#livechat {
	width:175px;
	height:35px;
	background:url(images/contactbuttons.jpg) no-repeat;
	text-indent:-9999em;
	margin-bottom:8px;
}

#ringme {
	width:175px;
	height:36px;
	background:url(images/contactbuttons.jpg) no-repeat 0 -35px;
	text-indent:-9999em;
	margin-bottom:20px;
}

input {
	background:url(images/bg_input.jpg);
	width:201px;
	height:21px;
	color:#28434f;
	font-size:12px;
	border:none;
	margin-bottom:10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 6px 0 0 6px;
}

input:hover, input:focus { color:#000; background-position: 0 -27px;}

textarea {
	background:url(images/bg_textarea.jpg);
	width:201px;
	height:49px;
	color:#28434f;
	font-size:12px;
	border:none;
	margin-bottom:20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 6px 0 0 6px;
}
textarea:hover, textarea:focus { color:#000; background-position: 0 -55px;}
button {
	width: 59px;
	height:19px;
	background: #fff url(images/bg_submit.gif) no-repeat;
	text-indent:-9999em;
	cursor:pointer;
	border:none;
	display:block;
	clear:both;
	padding:10px; margin:0;
}

button:hover {
	background: #fff url(images/bg_submit.gif) no-repeat 0 -19px;
}
/* =Typography
-----------------------------------------------------------------------------*/
p {
	font-size:14px;
	color:#4a4a4a;
	line-height:22px;
	font-family: Verdana, Helvetica, Arial, Tahoma, sans-serif;
	margin:0;
	margin-bottom:22px;
}

span.tollfree { font-size:24px;display:block;}
span.number { font-size: 20px; color:#51504d; display:block;}

#content p {margin-left:20px;}

#sidebar ul {padding:0; margin:0 0 21px 20px;}
#sidebar ul li{ list-style:url(images/bullet.gif);}

#sidebar span {font-size:12px;}



.travelingby {margin:auto; width:146px; margin-top:23px; padding-top:14px; padding-left:14px;}

#left span, #right span, .travelingby span {
	display:block;
	border-bottom:1px solid #628d99;
	color:#28434f;
	font-size:16px;
	font-weight:bold;
	padding-bottom:2px;
	margin-bottom: 10px;
}
	

/* =Headings
-----------------------------------------------------------------------------*/
h1 {
	color:#5d8996;
	font-weight:bold;
	font-size:27px;
	margin:0;
	padding:0;
	font-family:HelveticaNeue, helvetica, tahoma, arial;
	padding-bottom:20px;
}

h1.print {display:none;}

h2 {
	color:#28434f;
	font-weight:bold;
	font-size:15px;
	font-family:HelveticaNeue, helvetica, tahoma, arial;
	overflow:hidden;
}

h3 {
	color:#7d7f80;
	font-size:14px;
	font-weight: bold;
	font-family:HelveticaNeue, helvetica, tahoma, arial;
	height:16px;
	overflow:hidden;
}
	
#btn_contact h1{
	color:#fff;
	font-size:20px;
	margin:0; line-height:normal; padding:0;
	text-align:center;
	font-family: tahoma,Arial, Helvetica, sans-serif;
}

#btn_contact h2{
	color:#ccc;
	font-size:17px;
	margin:0; line-height:normal; padding:0;
	text-align:center;
	font-family: tahoma, Arial, Helvetica, sans-serif;
	overflow:visible;
}

#btn_practice h2,#btn_about h2 {
	margin:0; line-height:normal; padding:0; text-align:left;
	font-size:15px;
	color:#fff;
	font-family: tahoma, Arial, Helvetica, sans-serif;
	overflow:visible;
}

/* =Links
-----------------------------------------------------------------------------*/

a {
	color:#3D5D66;
	text-decoration:none;
}

a:hover {
	color:#333;
	text-decoration:underline;
}


#footer a{color:#28434f;}
#footer a:hover{text-decoration:underline;}

#sidebar a#foot, #sidebar a#car, #sidebar a#bus, #sidebar a#bike, #sidebar a#subway{	
	line-height:25px;
	padding-left:33px;
	font-size:12px;
	color:#5a5957;
	display:block;
	height:27px;
	font-weight:normal;
}
#sidebar a:hover#foot, #sidebar a:hover#car, #sidebar a:hover#bus, #sidebar a:hover#bike, #sidebar a:hover#subway{color:#484848;}


#sidebar a#foot {background:url(images/contacticons.gif) no-repeat 0 0; margin-top:10px; top:0px; z-index:0;}
#sidebar a:hover#foot {background:url(images/contacticons.gif) no-repeat 0 -166px; }
#sidebar a#car {background:url(images/contacticons.gif) no-repeat 0 -36px; top:50px; z-index:-1;}
#sidebar a:hover#car {background:url(images/contacticons.gif) no-repeat 0 -202px;}
#sidebar a#bus {background:url(images/contacticons.gif) no-repeat 0 -70px; top:86px; z-index:-2;}
#sidebar a:hover#bus {background:url(images/contacticons.gif) no-repeat 0 -236px}
#sidebar a#subway {background:url(images/contacticons.gif) no-repeat 0 -139px; top:120px; z-index:-3;}
#sidebar a:hover#subway {background:url(images/contacticons.gif) no-repeat 0 -305px;}

#sidebar a.sidebarsub {margin:0;}

#sidebar a {
	color:#0d3750;
	font-weight:bold;
	margin-left:10px;
	line-height:20px;
	font-size:11px;
}

#sidebar a:hover {
	color:#0a1921;
	font-weight:bold;
	text-decoration:none;
}

a.vcard {
	padding-left:20px;
	background:url(images/vcard.jpg) no-repeat center left;
}

/* =Branding
-----------------------------------------------------------------------------*/
#photo .photo {margin:2px 0 0 3px;}
#photo_index .photo {margin:2px 0 0 3px;}

#tagline span {
	display:block;
	font-size:40px;
	color:#28434f;
	margin-left:40px;
	line-height:40px;
	font-weight:bold;

}


#btn_practice {
	position:absolute;
	top:76px;
	right:0;
	background:url(images/ourpractice.jpg) no-repeat;
	width:202px;
	height:106px;
}

#btn_practice  .acclink {
	display:block;
	height:202px;
	height:106px;
	outline:none;
	text-indent:-9999px;
}

#btn_practice .acccont { 
	background:#eceef0; 
	padding:20px; 	
	padding-bottom:30px;
	padding-top:10px;
	font-size:11px;
	color:#fff;
	background:url(images/ourpractice2.jpg) no-repeat bottom;
	position:relative;
	top:-18px;
}

#btn_about div {clear:both; display:block;}

#btn_about {
	background:url(images/aboutus.jpg) no-repeat;
	width:251px;
	position:relative;
	clear:both;
}

#btn_about  .acclink {
	display:block;
	height:251px;
	height:106px;
	outline:none;
	text-indent:-9999px;
}

#btn_about .acccont { 
	background:#eceef0; 
	padding:20px; 	
	padding-bottom:30px;
	padding-top:10px;
	font-size:11px;
	color:#fff;
	background:url(images/aboutus1.jpg) no-repeat bottom;
	position:relative;
	top:-18px;

}

#btn_contact div {clear:both; display:block;}

#btn_contact {
	background:url(images/contactus.png) no-repeat;
	_background:url(images/contactus.jpg) no-repeat;
	width:251px;
	position:relative;
	clear:both;
	z-index:90;
}

#btn_contact  .acclink {
	display:block;
	height:251px;
	height:106px;
	outline:none;
	text-indent:-9999px;
}

#btn_contact .acccont { 
	background:#7d7f80; 
	padding:20px; 	
	padding-bottom:30px;
	padding-top:10px;
	font-size:11px;
	color:#fff;
	background:url(images/contactus1.png) no-repeat bottom;
	_background:url(images/contactus1.jpg) no-repeat bottom;
	position:relative;
	top:-18px;
}


/* =Main Nav
-----------------------------------------------------------------------------*/
/* THIS IS THE MENU 
---------------------------------------------------------*/

/* Type of Menu (Vertical vs. Horizontal) */
#menu ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top:16px
}

#menu ul li.espanol {
	position: relative;
	color: #fff;
	display: inline;
	padding: 0;
	float: left;
	background:url(images/bg_menulink1.jpg) #4c6d7a no-repeat left -50px;
	margin:0 2px 0 2px;
}

#menu ul li.espanol a{
	display: block;
	height:20px;
	float: left;
	color: #fff;
	padding: 5px 5px 0px 5px;
	margin-left:2px;
	_margin-left:1px;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, Tahoma, sans-serif;
	background:url(images/bg_menulink2.jpg) no-repeat right -50px;
	
}

.menu_home #menu li.home,
.menu_about #menu li.about,
.menu_whyhire #menu li.whyhire,
.menu_howhelp #menu li.howhelp,
.menu_attorneys #menu li.attorneys,
.menu_practices #menu li.practices,
.menu_resources #menu li.resources,
.menu_contactus #menu li.contactus,
.menu_espanol #menu li.espanol{
	position: relative;
	color: #fff;
	display: inline;
	padding: 0;
	float: left;
	background:url(images/bg_menulink1.jpg) #e0e2e2 no-repeat left -25px;
	margin:0 2px 0 2px;
		position:relative;
	top:1px;
}
/* Position of menu elements */
#menu ul li {
	position:relative;
	color: #fff;
	display: inline;
	padding: 0;
	float: left;
	background:url(images/bg_menulink1.jpg) #4c6d7a no-repeat left top;
	margin:0 2px 0 2px;
}


.menu_home #menu li.home a,
.menu_about #menu li.about a,
.menu_whyhire #menu li.whyhire a,
.menu_howhelp #menu li.howhelp a,
.menu_attorneys #menu li.attorneys a,
.menu_practices #menu li.practices a,
.menu_resources #menu li.resources a,
.menu_contactus #menu li.contactus a,
.menu_espanol #menu li.espanol a{
	display: block;
	height:20px;
	float: left;
	color: #28434f;
	padding: 5px 20px 0px 20px;
	_padding:5px 10px 0px 10px;
	margin-left:2px;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, Tahoma, sans-serif;
	background: #e0e2e2 url(images/bg_menulink2.jpg) no-repeat right -25px;
}

.menu_home #menu li.home li a,
.menu_about #menu li.about li a,
.menu_whyhire #menu li.whyhire li a,
.menu_howhelp #menu li.howhelp li a,
.menu_attorneys #menu li.attorneys li a,
.menu_practices #menu li.practices li a,
.menu_resources #menu li.resources li a,
.menu_contactus #menu li.contactus li a,
.menu_espanol #menu li.espanol a{background:none; color:#fff; padding:6px 0px 1px 10px;}

.menu_home #menu li.home li a:hover,
.menu_about #menu li.about li a:hover,
.menu_whyhire #menu li.whyhire li a:hover,
.menu_howhelp #menu li.howhelp li a:hover,
.menu_attorneys #menu li.attorneys li a:hover,
.menu_practices #menu li.practices li a:hover,
.menu_resources #menu li.resources li a:hover
.menu_contactus #menu li.contactus li a:hover,
.menu_espanol #menu li.espanol a{ color:#A7D3DF; padding:6px 0px 1px 10px;}


/* Edit look of 1st level menu items */
#menu ul li a {
	display: block;
	height:20px;
	float: left;
	color: #fff;
	padding: 5px 5px 0px 5px;
	margin-left:2px;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, Tahoma, sans-serif;
	background:url(images/bg_menulink2.jpg) no-repeat right top;
}

/* Added specifically for Internet Explorer */
* html #menu ul li a {
	padding: 5px 5px 0px 5px;
	}

/* Sometimes Needed to Change Internet Explorer Hover */
#menu ul li a:hover {
	color: #fff;
}

/* Position of Drop Down Elements */
#menu ul li ul {
	position: absolute;
	display: none;
}

/* Hover of the Main Menu */
#menu ul li:hover {

	color: #fff;
	display: inline;
	padding: 0;
	float: left;
	background:url(images/bg_menulink1.jpg) #4c6d7a no-repeat left -50px;
	_background:url(images/bg_menulink1.jpg) #4c6d7a no-repeat left -0px;
	margin:0 2px 0 2px;
}
/* Added specifically for Internet Explorer Hover */
#menu ul li:hover > a,
#menu li a:hover,
* html #menu li a:hover {
	display: block;
	height:20px;
	float: left;
	color: #fff;
	padding: 5px 5px 0px 5px;
	margin-left:2px;
	_margin-left:0px;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, Tahoma, sans-serif;
	background:url(images/bg_menulink2.jpg) no-repeat right -50px;
}

/* For Top Level Hover when on the second level (I think) */
#menu ul li:hover ul {
	display: block;
	position: absolute;
	left: 0;
	top: 100%;
	width: 155px;
	height: auto;
	margin: 0;
	padding: 0;
	z-index: 2000;

	border:none;
	background:#1E4252;
}
/* Added specifically for Internet Explorer */
* html #menu ul li:hover ul { 
	background:#1E4252;
}

#menu ul li ul li,
#menu ul li.more ul li {
	width: 155px;
	background:none;
	padding: 0;
	margin:0;
	border-top:1px solid #3b6679;

}

/* Edit look of drop down 2nd level menu items */
#menu ul li ul li a {
	background: none;
	padding: 6px 0px 1px 10px;
	width: 190px;
	font-variant: normal;
	font-weight: normal;
	font-size: 11px;
	color: #fff;
	float: none;
}

#menu ul li ul li:hover { 
	background: #2c5161; 
	margin:0; padding:0;
}

#menu ul li ul li a:hover {
	color: #A7D3DF;
	background: none;
	padding:6px 0px 1px 10px;
		font-variant: normal;
	font-weight: normal;
	font-size: 11px;
}

#menu ul li ul li:hover > a {
	color: #A7D3DF;
	background: none;
	padding: 6px 0px 1px 10px;
		font-variant: normal;
	font-weight: normal;
	font-size: 11px;
}

#menu ul li ul li ul,
#menu ul li:hover ul li ul { 
	display: none; 
}

#menu ul li ul li:hover ul,
#menu li.exp:hover ul,
#menu ul li:hover ul li:hover ul {
	position: absolute;
	display: block;
	left: 100%;
	top: 0px;
	z-index: 300;
	border-right: none;
	width: 155px;
}

#menu ul li:hover ul li:hover ul li,
* html #menu ul li ul li a { 
	width: 155px; 
}

#menu ul li:hover ul li:hover ul li a {
}

/* THIS IS THE MENU */


/* =Sub Nav
-----------------------------------------------------------------------------*/




/* =Main Content
-----------------------------------------------------------------------------*/




/* =Secondary Content
-----------------------------------------------------------------------------*/



/* =Footer
-----------------------------------------------------------------------------*/



/* =Forms
-----------------------------------------------------------------------------*/




/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
   border-collapse: collapse;
}

td {
  text-align: left;
  font-weight: normal;
}



/* =Misc 1 
-----------------------------------------------------------------------------*/
.bubbleInfo {
    position: relative;
	z-index:0;
	margin-bottom:8px;
}

.buttonArea {
	display:block;
}

.popup {
	color: #555;
	position: absolute;
	display: none; /* keeps the popup hidden if no JS available */
	width: 600px;
	height: 350px;
	background-image: url(images/popup.gif);
	background-repeat: no-repeat;
	padding: 20px 20px 10px 15px;
	z-index:9999;
}

.popup ul {margin:0; padding:0;}
.popup ul li { list-style:none; display:inline; float:left; width:200px; margin:0; padding:0; padding-right:15px; padding-bottom:15px; height: 120px; _overflow:hidden;}
.popup ul li.none { width: 270px; margin:0; padding:0;}
.popup ul li.car { height: 140px; width:250px;}