//* Project: Susan Hochbaum
   Version: 1.16
    Author: Steve Skladany, www.skladany.net
      Date: 3.4.9
======================================== */

/* "The leveller"
 http://www.websemantics.co.uk/tutorials/useful_css_snippets/#leveller
 "The intention is to remove as many of the differences 
 between browsers and platforms as possible in one fell swoop."
 
 The 'height/min-height' code keeps the vertical scroll bar from disappearing in Firefox
======================================== */

* { margin:0; padding:0 }
html { height:100% }
body { min-height:101%; font:100.01%/130% Courier New, Andale Mono,  Georgia, Times, serif; color:#000; background:#fff; }
td { vertical-align: top; }

/* Image Replacement: Phrak method is employed */



/* Fonts, Colors, and Backgrounds
======================================== */

body {
	background-color: #fff;
	color: #000;
	font-size: .75em;
}


li {
	list-style-type: none;
}

a img {
	border: 0;
}


hr { 
	display: none;
}

ul {
	margin: 0;
	padding: 0;
}


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

a, a img {
	text-decoration: none;
}



/* Structure
======================================== */
body {
	text-align: center;
}

#bodyContent {
	margin: 0 auto 0 auto;
	width: 915px;
	text-align: left;
	position: relative;
}

#header {
	width: 904px;
	height: 36px;
	margin: 30px 15px 15px 15px;	
	border: 1px solid #000;
	position: relative;
}

#content {
	position: relative;
	text-align: center;
	margin: 35px 15px 30px 215px;
	width: 686px;
}





/* Elements
======================================== */

/* =header 
----------------*/
#header h1 {
	padding: 0;
	margin: 0;
	float: left;
}

#header h2 {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0px;
	right: 8px
}

#header h1 a {
    text-indent: -9000px;
    background: url(../images/SHHeader.png) no-repeat 16px;
    display: block;
    overflow:hidden;
    height: 13px;
    width: 143px;
    padding: 5px 15px 16px 15px;
}

/* =header stAddress (indexPage)
----------------*/
#indexPage #header h1 a {
    text-indent: -9000px;
    background: url(../images/SHHeaderIndex.png) no-repeat 16px;
    display: block;
    overflow:hidden;
    height: 12px;
    width: 139px;
    padding: 8px 15px 16px 17px;
}

#indexPage #stAddress {
    position: absolute;
    top: 16px;
    left: 169px;
    text-indent: -9000px;
    background: url(../images/address.png) no-repeat;
    display: block;
    overflow:hidden;
    height: 8px;
    width: 498px;
}

#indexPage #email a {
    position: absolute;
    top: 11px;
    right: 14px;
    text-indent: -9000px;
    background: url(../images/email.png) no-repeat;
    display: block;
    overflow: hidden;
    height: 18px;
    width: 220px;

}

#indexPage #email a:hover {
	background-position: 0 -18px;
}

.address {
	display: none;
}


/* =header/mainNav 
----------------*/

#mainNav {
	float: left;
	padding: 11px 15px 0px 65px;	
}

#mainNav li {	
	float: left;
}

/* Repetitive 'a:hover' fixes "hover out" issues in IE */
#mainNav a:hover, #mainNav a:hover span.textLink, #mainNav a.selected span.textLink {
	cursor: pointer;
	background-position: 0 -18px;
}



#identity a span.textLink, #collateral a span.textLink, #retail a span.textLink, #books a span.textLink, #about a span.textLink { 
    background-repeat: no-repeat;
    text-indent: -9000px;
    display: block;
    overflow:hidden;
    margin: 0;  
    height: 18px;
}
	
#identity a span.textLink {
    background: url(../images/identityMainNav.png);
    width: 84px;
}

#collateral a span.textLink {
    background: url(../images/collateralMainNav.png);
    width: 120px;
}

#retail a span.textLink {
    background: url(../images/retailMainNav.png);
    width: 82px;
}

#books a span.textLink {
    background: url(../images/booksMainNav.png);
    width: 81px;
}

#about a span.textLink {
    background: url(../images/aboutMainNav.png);
    width: 135px;
}

/* =subNav 
----------------*/
#subNav {
    position: absolute;
    top: 175px;
    left: 24px;
}

#subNav a {
    float:left;
}

#subNav span {
    display: none;
}

#previous, #previousSolo, #next { 
    background-repeat: no-repeat;
    text-indent: -9000px;
    display: block;
    overflow:hidden;
    margin: 0;  
    height: 19px;
}


a#previous:hover, a#previousSolo:hover,  a#next:hover  {
    background-position: 0 -19px;
    background-repeat: no-repeat;
}

#previous {
    background: url(../images/subNavPrevious.png);
    width: 68px;
}

#previousSolo {
    background: url(../images/subNavPrevious.png);
    width: 64px;
}

#next {
    background: url(../images/subNavNext.png);
    width: 41px;
}



/* =caption 
----------------*/
#caption { 
    position: absolute;
    top: 99px;
    left: 24px;
    text-indent: -9000px;
    display: block;
    overflow:hidden;
    background-repeat: no-repeat;
    margin: 0;  
    width: 195px;
    height: 75px;
}



/* indexPage
======================================== */

#indexPage #bodyContent {
	margin: 150px auto 15px auto;
	width: 904px;
	border: 1px solid #000; 
	height: 239px;
}

#indexPage #header {
	padding: 0;
	margin: 0;
	border: 0;
	border-bottom: 1px solid #000;
}

#indexPage #content, #indexPage #mainNav {
	position: relative;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
}
#indexPage #mainNav {
	position: relative;
	height: 200px;
	width: 904px;
}

#indexPage #mainNav li {	
	position: relative;
}

#indexPage #mainNav a {
	display: block;
	width: 180px;
}

#indexPage #identity a span.icon, #indexPage #collateral a span.icon, #indexPage #retail a span.icon, #indexPage #books a span.icon, #indexPage #about a span.icon { 
	display: block;
	margin: 30px auto 0 auto;
}

#indexPage #about a span.icon {
	margin-top: 61px;
}

#indexPage #collateral a span.icon {
	left: 42px;
}

#indexPage #retail a span.icon {
	left: 48px;
}

#indexPage #books a span.icon {
	left: 45px;
}

#indexPage #about a span.icon {
	bottom: 81px;
	left: 50px;
}

#indexPage #identity a span.textLink, #indexPage #collateral a span.textLink, #indexPage #retail a span.textLink, #indexPage #books a span.textLink, #indexPage #about a span.textLink { 
	margin: 12px auto 0 auto;
	width: 72px;
	float: center;
}

#indexPage #about a span.textLink { 
	margin-top: 35px;
}

#indexPage #collateral a span.textLink {
	left: 24px;
	width: 116px;
}

#indexPage #retail a span.textLink {
	left: 48px;
	width: 78px;
}

#indexPage #books a span.textLink {
	left: 46px;
	width: 77px;
}

#indexPage #about a span.textLink {
	left: 17px;
	width: 135px;
}




/* =about/Contact 
----------------*/

#aboutPage #sideBar { 
    position: absolute;
    top: 70px;
    left: 29px;
}

#aboutPage #bio {
	width: 428px;
}

#aboutPage #clientList { 
    position: absolute;
    top: 0px;
    right: 10px;
    width: 229px;
    text-align: left;
}

#aboutPage #clientList h3, #aboutPage #contactInfo h3{ 
        margin: 0;
        padding: 0;
	margin-bottom: 18px;
}


#aboutPage #contactInfo { 
    position: absolute;
    top: 431px;
    right: 52px;
    width: 188px;
    text-align: left;
}

#aboutPage #email span { 
	margin: 0;
	padding: 0;
	height: 0;
}

#aboutPage #email a {
	margin-top: 6px;
}

#aboutPage #bio, #aboutPage #clientList, #aboutPage #contactInfo h3, #aboutPage #contactInfo #address span, #aboutPage #contactInfo #email span, #aboutPage #contactInfo #email a { 
    text-indent: -9000px;
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
}





#aboutPage #content div#bio { 
    width: 598px;
    height: 381px;
    background: url(../images/susanBio.png) no-repeat;
}

#aboutPage #content div#clientList h3 { 
    width: 135px;
    height: 8px;
    background: url(../images/clientListHeader.png) no-repeat;
}

#aboutPage #content div#clientList ul { 
    width: 229px;
    height: 383px;
    background: url(../images/clientList.png) no-repeat;
}

#aboutPage #content div#contactInfo h3 { 
    width: 61px;
    height: 8px;
    background: url(../images/contactInfoHeader.png) no-repeat;
}

#aboutPage #content #address { 
    width: 104px;
    height: 24px;
    background: url(../images/contactInfo.png) no-repeat;
}

#aboutPage #content #email a { 
    width: 188px;
    height: 14px;
    background: url(../images/contactEmail.png) no-repeat;
}

#aboutPage #content #email a:hover {
	cursor: pointer;
	background-position: 0 -17px;
}