/*==============================================================================================
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
================================================================================================

	Marcus-Shapira.com XHTML/CSS by Kenneth Feldman at KPFdigital.com http://www.kpfdigital.com
	All associated graphics Copyright 2006, Marcus-Shapira, LLP.
	
	THIS DESIGN IS NOT A TEMPLATE.
	YOU MAY NOT REPRODUCE IT ELSEWHERE WITHOUT THE DESIGNER'S WRITTEN PERMISSION.

	You may adapt elements of this CSS in your own projects, but the unique
	combination of images, colors, sizes, typography, and positioning ("the design")
	is Copyright 2006, Marcus-Shapira, LLP and may not be reproduced.
	
================================================================================================
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
================================================================================================


------------------------------------------------------------------------------------------------
	Equalizing Default Behaviour of Elements for Consistant Cross-Browser Display 
------------------------------------------------------------------------------------------------


	The star selector sets rules universally for all elements in the cascade. 
	In this case we'll use it to remove inconsistent padding and margin of elements 
	applied by default by different browsers. We'll set margin and padding where we 
	want them, rather than remove them every time we don't want them. */

* { padding: 0; margin: 0; }


	/* Safari and Gecko-based browsers (such as Firefox) use padding-left to indent lists;
	Internet Explorer uses margin-left. Neither way is right nor wrong; this just equalizes list behaviors */

ol, dt { padding-left: 0em; margin-left: 0em; list-style-type: none; }

dd { padding-left: 2.5em; margin-left: 0; }


	/* Setting consistent margin-bottom makes all elements push down on any following elements uniformly. */

h1, h2, h3, h4, h5, h6, p, blockquote,
 form, label, ol, dl, dd, fieldset, address { margin-bottom: 1em; }
 

	/* Whoever thought blue linked image borders were a good idea? */

a img, :link img, :visited img { border: 0; }   


	/* Removes the dotted border (on :focus and :active) around links with negative margins in FireFox 1.5+
	NOTE: Negative margins are likely associated with nav bar and Hn image replacement techniques. */

a { outline: none; }


/*  MAIN STRUCTURAL ELEMENTS 
====================================================*/

body { 
	font: 62.5%/1.8em verdana, geneva, arial, helvetica, sans-serif;
	background: #F9F9F9 url("../img/main_bg.gif") left top repeat-x;
	color: #5C5C5A; /*#656563;*/
	text-align: center;
	padding-bottom: 0px;
	}
	
body#indexpage  { 
	background: #F9F9F9 url("../img/ms_home_bg.gif") left top repeat-x;
	}
		
#container {
	width: 766px;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent; /* transparent */
	text-align: left;
	}
	
/*	Sets the Header Image on the home page */

#header {
	background: url(../img/home_main.jpg) bottom left no-repeat;
	height: 285px;
	margin-bottom: 45px;
	position: relative;
	}

/*	Now we just re-set the Header Images on each of the other neccessary pages */
	
#directorypage #header, #directory_detail_page #header {
	background: url(../img/directory-header-img.jpg) bottom left no-repeat;
	height: 246px;
	}

#aboutpage #header {
	background: url(../img/about-header-img.jpg) bottom left no-repeat;
	height: 246px;
	}

#commercialpage #header {
	background: url(../img/personal-header-img.jpg) bottom left no-repeat;
	height: 246px;
	}

#corporatepage #header {
	background: url(../img/dark_pitt.jpg) bottom left no-repeat;
	height: 246px;
	}
#estatespage #header {
	background: url(../img/bridge-truss.jpg) bottom left no-repeat;
	height: 246px;
	}
#laborpage #header {
	background: url(../img/curved-building.jpg) bottom left no-repeat;
	height: 246px;
	}

#familypage #header {
	background: url(../img/family-header-img-3.jpg) bottom left no-repeat;
	height: 246px;
	}

#personalpage #header {
	background: url(../img/stadium.jpg) bottom left no-repeat;
	height: 246px;
	}
#realestatepage #header {
	background: url(../img/castle.jpg) bottom left no-repeat;
	height: 246px;
	}
#workerspage #header {
	background: url(../img/workers-header-img.jpg) bottom left no-repeat;
	height: 246px;
	}

#content {
	background-color: transparent;
	padding-bottom: 45px;
	font-size: 1.1em;
	}
	
#main {
	position: relative;
	width: 360px;
	float: left;
	margin: 0 45px 0 6px;
	display: inline;
	background-color: transparent;
	text-align: justify;
	}
	
#indexpage #main {
	width: 360px;
	float: left;
	margin: 0 60px 0 6px;
	display: inline;
	background-color: transparent;
	}

#directorypage #main {
	width: 376px;
	float: left;
	margin: 0 44px 0 3px;
	display: inline;
	background-color: transparent;
	}

#side {
	width: 280px;
	float: left;
	background-color: transparent;
	text-align: left;
	}

#directory_detail_page #side {
	width: 320px;
	float: left;
	background-color: transparent;
	text-align: left;
	padding-top: 38px;
	}

#footer {
	height: 85px;	
	background-color: #FFFFFF;
	border-color: #EDEDED;
	border-width: 10px 0px 1px 0px;
	border-style: solid none solid none;
	text-align: center;
	}
	
#innerfooter {	
	margin: 0 auto;
	text-align: left;
	width: 766px;
	}

#innerfooter p {	
	margin-left: 8px;
	color: #999;
	}



/*  TEXT LINK STYLES 
====================================================*/

a:link		{ color: #1F2325; text-decoration: underline; font-weight: normal;}
a:visited	{ color: #1F2325; text-decoration: underline;  font-weight: normal;}
a:hover		{ color: #BF0101; text-decoration: underline;  font-weight: normal;}

a.h1:link		{ color: #069; text-decoration: none; font-weight: normal;}
a.h1:visited	{ color: #069; text-decoration: none;  font-weight: normal;}
a.h1:hover		{ color: #633; text-decoration: none;  font-weight: normal;}

a.nav:link		{ color: #ABABAB; text-decoration: none; font-weight: normal;}
a.nav:visited	{ color: #ABABAB; text-decoration: none;  font-weight: normal;}
a.nav:hover		{ color: #BF0101; text-decoration: none;  font-weight: normal;}

a.email:link		{ color: #BF0101; text-decoration: none; font-weight: normal;}
a.email:visited		{ color: #BF0101; text-decoration: none;  font-weight: normal;}
a.email:hover		{ color: #1F2325; text-decoration: underline;  font-weight: normal;}

a.dir_email:link		{ color: #1F2325; text-decoration: none; font-weight: normal;}
a.dir_email:visited		{ color: #1F2325; text-decoration: none;  font-weight: normal;}
a.dir_email:hover		{ color: #BF0101; text-decoration: underline;  font-weight: normal;}

a.bio:link			{ color: #BF0101; text-decoration: none; font-weight: normal;}
a.bio:visited		{ color: #BF0101; text-decoration: none;  font-weight: normal;}
a.bio:hover			{ color: #1F2325; text-decoration: underline;  font-weight: normal;}

a.footer:link		{ color: #999; text-decoration: none; font-weight: normal;}
a.footer:visited	{ color: #999; text-decoration: none;  font-weight: normal;}
a.footer:hover		{ color: #BF0101; text-decoration: underline;  font-weight: normal;}

a.opinion:link		{ color: #79A1E5; text-decoration: none; font-weight: normal; }
a.opinion:visited	{ color: #79A1E5; text-decoration: none;  font-weight: normal; }
a.opinion:hover		{ color: #79A1E5; text-decoration: underline;  font-weight: normal; }

a.vcard:link		{ color: #1F2325; text-decoration: none; font-weight: normal;}
a.vcard:visited	{ color: #1F2325; text-decoration: none;  font-weight: normal;}
a.vcard:hover		{ color: #BF0101; text-decoration: underline;  font-weight: normal;}

a.home:link		{ color: #5C5C5A; text-decoration: none; font-weight: normal; border-bottom: 1px dotted #999;}
a.home:visited	{ color: #5C5C5A; text-decoration: none;  font-weight: normal; border-bottom: 1px dotted #999;}
a.home:hover		{ color: #BF0101; text-decoration: none;  font-weight: normal; border-bottom: 1px dotted #BF0101;}


#current { color: #494C4E; }

.return { position: absolute; left: 97%;}



/*  UN-ORDERED LIST STYLES 
====================================================*/

 ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-left: 1em;
	padding: 5px 25px 30px 0px;
	background-color: transparent;
	}

 ul#pub-opinions {
	margin-left: 0em;
	padding: 5px 10px 30px 0px;
	}

 li {
	background-image: url("../img/red-dot.gif");
	background-repeat: no-repeat;
	background-position: 0 .6em;
	padding-left: 1em;
	margin-bottom: .75em;
	line-height: 1.3em;
	background-color: transparent;
	}

li.pdf {
	background-image: url("../img/pdficon_small.gif");
	background-repeat: no-repeat;
	background-position: 0 .2em;
	padding-left: 2.5em;
	margin-bottom: .75em;
	line-height: 1.3em;
	background-color: transparent;
	}

#commercialpage #main ul {
	text-align: left;
	}

#side span.opinion_number {font-size: .85em; color: #777; }



/*  DIRECTORY BOX LIST STYLES   ***************************   */

.dir_small ul {
	padding: 6px 0 0 0;
	margin: 0px;
	}

.dir_small ul li {
	background-image: none;
	line-height: 1.1em;
	padding: 0px;
	margin: 0 0 5px 0;
	}

.dir_small ul li.push {
	margin-bottom: 10px;
	font-size: .9em;
	}
	
.dir_small ul li.push2 {
	margin-bottom: 14px;
	font-size: .9em;
	}

.dir_small ul li.bio_style a {
	background-image: url("../img/directory_black_arrow.gif");
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding-left: 8px;
	font-size: 10px;
	}
	
.dir_style a {
	background-image: url("../img/directory_black_arrow.gif");
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding-left: 8px;
	font-size: 10px;
	}

.dir_style {
	margin-bottom: 15px;
	}




/*  DIRECTORY DETAIL LIST STYLES   ***************************   */

#directory_detail_page #side ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-left: 0em;
	padding: 1px 25px 10px 0px;
	background-color: transparent;
	}

#directory_detail_page #side ul li {
	background-image: url("../img/red-dot.gif");
	background-repeat: no-repeat;
	background-position: 0 .6em;
	padding-left: 1em;
	margin-bottom: 5px;
	line-height: 1.3em;
	background-color: transparent;
	}

#directory_detail_page #side ul.indent {
	padding-left: 0px;
	}

#directory_detail_page #side ul.indent li {
	margin-bottom: 0px;
	}

#directory_detail_page #side ul.less-bottom { padding-bottom: 0px; margin-bottom: 3px;}

#directory_detail_page #side li.less-bottom { padding-bottom: 0px; margin-bottom: 0px; }
	


/*  NAVIGATION STYLES -- MAIN
====================================================*/
	
#main_nav {
	margin-bottom: 1em;
	overflow: hidden;
	position: absolute;
	top: 150px;
	left: 425px;
	width: 338px;
	background-color: transparent;
	}
	
#main_nav { height: 24px; width: 260px; position: absolute; top: 150px; left: 425px; line-height: 21px; background-color: transparent}
#main_nav ul { margin: 0; padding: 0; width: 260px; height: 24px; position: relative; list-style: none; }
#main_nav ul li { height: 24px; margin: 0; padding: 0; position: absolute; top: 0;}
#main_nav a { height: 24px; display: block; border: 0px; }	
#main_nav ul li a {text-indent: -9999px; text-decoration: none; }
	
#main_nav ul li#mn1 { left: 0px; width: 57px; background: url("../img/mn.gif") 0px 0px no-repeat; }
#main_nav ul li#mn2 { left: 57px; width: 107px; background: url("../img/mn.gif") -57px 0px no-repeat; }
#main_nav ul li#mn3 { left: 164px; width: 59px; background: url("../img/mn.gif") -164px 0px no-repeat; }
#main_nav ul li#mn4 { left: 223px; width: 37px; background: url("../img/mn.gif") -223px 0px no-repeat; }

#mn1 a:hover { height: 24px; width: 57px; background: url("../img/mn.gif") 0px -24px no-repeat;}
#mn2 a:hover { height: 24px; width: 107px; background: url("../img/mn.gif") -57px -24px no-repeat;}
#mn3 a:hover { height: 24px; width: 59px; background: url("../img/mn.gif") -164px -24px no-repeat;}
#mn4 a:hover { height: 24px; width: 37px; background: url("../img/mn.gif") -223px -24px no-repeat;}

#main_nav ul li#Monpage1 { left: 0px; width: 57px; background: url("../img/mn.gif") -0px -48px no-repeat;}
#main_nav ul li#Monpage2 { left: 57px; width: 107px; background: url("../img/mn.gif") -57px -48px no-repeat;}
#main_nav ul li#Monpage3 { left: 164px; width: 59px; background: url("../img/mn.gif") -164px -48px no-repeat;}
#main_nav ul li#Monpage4 { left: 223px; width: 37px; background: url("../img/mn.gif") -223px -48px no-repeat;}



/*  NAVIGATION STYLES -- AREAS OF PRACTICE
====================================================*/
	
#nav_bar { height: 147px; width: 184px; position: relative; line-height: 21px; margin-bottom: 50px; }
#nav_bar ul { margin: 0; padding: 0; width: 184px; height: 147px; position: relative; list-style: none; }
#nav_bar ul li { height: 21px; margin: 0; padding: 0; position: absolute; top: 0;}
#nav_bar a { height: 21px; display: block; border: 0px; }	
#nav_bar ul li a {text-indent: -9999px; text-decoration: none; }
	
#nav_bar ul li#nb1 { top: 0px; width: 184px; background: url("../img/nb_2.gif") 0px 0px no-repeat; }
#nav_bar ul li#nb2 { top: 21px; width: 184px; background: url("../img/nb_2.gif") 0px -21px no-repeat; }
#nav_bar ul li#nb3 { top: 42px; width: 184px; background: url("../img/nb_2.gif") 0px -42px no-repeat; }
#nav_bar ul li#nb4 { top: 63px; width: 184px; background: url("../img/nb_2.gif") 0px -63px no-repeat; }
#nav_bar ul li#nb5 { top: 84px; width: 184px; background: url("../img/nb_2.gif") 0px -84px no-repeat; }
#nav_bar ul li#nb6 { top: 105px; width: 184px; background: url("../img/nb_2.gif") 0px -105px no-repeat; }
#nav_bar ul li#nb7 { top: 126px; width: 184px; background: url("../img/nb_2.gif") 0px -126px no-repeat; }
#nav_bar ul li#nb8 { top: 147px; width: 184px; background: url("../img/nb_2.gif") 0px -147px no-repeat; }

#nb1 a:hover { height: 21px; width: 184px; background: url("../img/nb_2.gif") 0px -168px no-repeat;}
#nb2 a:hover { height: 21px; width: 184px; background: url("../img/nb_2.gif") 0px -189px no-repeat;}
#nb3 a:hover { height: 21px; width: 184px; background: url("../img/nb_2.gif") 0px -210px no-repeat;}
#nb4 a:hover { height: 21px; width: 184px; background: url("../img/nb_2.gif") 0px -231px no-repeat;}
#nb5 a:hover { height: 21px; width: 184px; background: url("../img/nb_2.gif") 0px -252px no-repeat;}
#nb6 a:hover { height: 21px; width: 184px; background: url("../img/nb_2.gif") 0px -273px no-repeat;}
#nb7 a:hover { height: 21px; width: 184px; background: url("../img/nb_2.gif") 0px -294px no-repeat;}
#nb8 a:hover { height: 21px; width: 184px; background: url("../img/nb_2.gif") 0px -315px no-repeat;}

#nav_bar ul li#onpage1 { top: 0px; width: 184px; background: url("../img/nb_2.gif") 0px -336px no-repeat;}
#nav_bar ul li#onpage2 { top: 21px; width: 184px; background: url("../img/nb_2.gif") 0px -357px no-repeat;}
#nav_bar ul li#onpage3 { top: 42px; width: 184px; background: url("../img/nb_2.gif") 0px -378px no-repeat;}
#nav_bar ul li#onpage4 { top: 63px; width: 184px; background: url("../img/nb_2.gif") 0px -399px no-repeat;}
#nav_bar ul li#onpage5 { top: 84px; width: 184px; background: url("../img/nb_2.gif") 0px -420px no-repeat;}
#nav_bar ul li#onpage6 { top: 105px; width: 184px; background: url("../img/nb_2.gif") 0px -441px no-repeat;}
#nav_bar ul li#onpage7 { top: 126px; width: 184px; background: url("../img/nb_2.gif") 0px -462px no-repeat;}
#nav_bar ul li#onpage8 { top: 147px; width: 184px; background: url("../img/nb_2.gif") 0px -483px no-repeat;}


/*  h(n) STYLES
====================================================*/

/*  h1 STYLES   ***************************   */
	
h1	{
	text-indent: -9876px;
	position: absolute;
	top: 115px;
	left: 425px;
	width: 232px;
	height: 18px;
	background: #1F2325 url("../img/h1-logo.gif") top left no-repeat;
	}
	
h1 a	{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background: url("../img/h1-logo.gif") top left no-repeat;
	}
	
	
/*  h2 STYLES   ***************************   */

#main h2 {
	background: url("../img/home-h2.gif") top left no-repeat;
	padding-top: 11px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:11px; /* for pre 6.0 IE Win */
	font-size: 1em;
	margin-bottom: 1.2em;
	}

#aboutpage #main h2 {
	background: url("../img/about-h2.gif") top left no-repeat;
	}

#commercialpage #main h2 {
	background: url("../img/commercial-h2.gif") top left no-repeat;
	}

#corporatepage #main h2 {
	background: url("../img/corporate-h2.gif") top left no-repeat;
	}

#estatespage #main h2 {
	background: url("../img/estates-h2.gif") top left no-repeat;
	}

#laborpage #main h2 {
	background: url("../img/labor-h2.gif") top left no-repeat;
	}

#familypage #main h2 {
	background: url("../img/family-h2.gif") top left no-repeat;
	}

#personalpage #main h2 {
	background: url("../img/personal-h2.gif") top left no-repeat;
	}

#realestatepage #main h2 {
	background: url("../img/realestate-h2.gif") top left no-repeat;
	}

/*  This h2 has an apostrophie in the replaced image, and is 1px taller in height */
#workerspage #main h2 {
	background: url("../img/workers-h2.gif") top left no-repeat;
	padding-top: 12px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:12px; /* for pre 6.0 IE Win */
	font-size: 1em;
	margin-bottom: 1.2em;
	}

#directory_detail_page #side h2 {
	font-size: 1.0em;
	color: #1F2325;
	margin-bottom: 0px;
	}

#directory_detail_page #side h2.indent {
	padding-left: 11px;
	font-size: .9em;
	}



/*  h3 STYLES   ***************************   */

#main h3 {
	text-align: left;
	font-size: 1.0em;
	margin-bottom: 0em;
	color: #1F2325;
	position: relative;
	}
	
#side h3 {
	text-align: left;
	font-size: 1.1em;
	margin-bottom: 1.0em;
	text-transform: uppercase;
	color: #1F2325;
	}

#indexpage #side h3 {
	background: url("../img/contact-h3.gif") top left no-repeat;
	padding-top: 13px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:13px; /* for pre 6.0 IE Win */
	font-size: 1em;
	margin-bottom: 1.2em;
	}

#corporatepage #main h3 {
	text-align: left;
	font-size: 1.0em;
	margin-bottom: 1em;
	color: #1F2325;
	}


/*  h4 STYLES   ***************************   */

#side h4 {
	text-align: left;
	font-size: 1.0em;
	margin-bottom: 1.0em;
	text-transform: uppercase;
	color: #1F2325;
	}



/*  DIRECTORY STYLES
====================================================*/

.dir_small {
	height: 120px;
	padding: 10px 0 0 10px;
	background-color: transparent;   /* transparent */
	border-color: #E5E5E5;
	border-width: 0px 0px 1px 0px;
	border-style: solid solid solid solid;
	}
	
.dir_small strong {
	color: #111;
	}

.dir_small img {
	float: left;
	margin: 0px 20px 0 0px;
	}

.dir_small img.vcard_image { float: none; margin: 0; }

.accordionTabTitleBar {
	background-image: url('../img/directory_red_arrow.gif');
	background-repeat: no-repeat;
	background-position: 9px 8px;
	font-size: .9em;
	padding: 1px 6px 1px 22px;
	border-color: #E5E5E5;
	border-width: 1px 0px 1px 0px;
	border-style: solid none solid none;
	cursor: pointer;
	}

.panelContent {
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	border-width: 0px 0px 0px 0px;
	border-style: none none none none;
	}

#accordionExample {
	border-color: #E5E5E5;
	border-width: 4px 5px 4px 5px;
	border-style: solid solid solid solid;
	}
	
#accordionExample hr {
	display: none;
	}

#accordionExample h3 {
	margin-left: 10px;
	padding: 6px 0;
	font-size: .9em;
	}
	
/* TOP OF EMPLOYEE DETAIL PAGE*/
#directory_detail_page .dir_small {
	padding: 0px;
	border-color: #E5E5E5;
	border-width: 0;
	border-style: none;
	margin-bottom: 15px;
	}

#about_caption {
	width: 206px;
	}

#about_caption p {
	padding: 5px 0px 0 5px;
	font-size: .85em;
	line-height: 1.3em;
	text-align: justify;
	}



/*  MISCELLANEOUS STYLES
====================================================*/

hr {margin-bottom: 2em;}

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



/*==============================================================================================
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
================================================================================================

	Marcus-Shapira.com XHTML/CSS by Kenneth Feldman at KPFdigital.com http://www.kpfdigital.com
	All associated graphics Copyright 2006, Marcus-Shapira, LLP.
	
	THIS DESIGN IS NOT A TEMPLATE.
	YOU MAY NOT REPRODUCE IT ELSEWHERE WITHOUT THE DESIGNER'S WRITTEN PERMISSION.

	You may adapt elements of this CSS in your own projects, but the unique
	combination of images, colors, sizes, typography, and positioning ("the design")
	is Copyright 2006, Marcus-Shapira, LLP and may not be reproduced.
	
================================================================================================
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
===============================================================================================*/