body {
    background: #fff;
}
.secondaryPage {
	text-align: left;
	max-width: 720px;
	padding: 0;
	margin: 0 0 0 45px;
    background: #fff;
}

.secondaryPage a {
	color: #56145a;
}

#secondaryPage h2 {
	font-size: 18px;
}

#secondaryContent {
	width: 517px;
    margin: 0 0 0 173px;
    position: relative;
}

#secondaryContent p {
	margin: 0;
	padding: 0 0 20px 0;
}

#secondaryContentNoNav {
	width: 690px;
}

#secondaryContentNoNav p {
	margin: 0 0 0 17px;
	padding: 0 0 17px 0;
}

#secondaryContent h1, #secondaryContentNoNav h1 {
	/* margin-left: 20px; */
}

#secondaryContent h2, #secondaryContentNoNav h2 {
	margin: 20px;
}

#secondaryHeadline {
	width: 720px;
	height: 89px;
	z-index: 1;
	padding: 0;
	margin: 0 !important;
    background: transparent url(/images/secondary/secondary_headline.png) no-repeat left bottom;
}
#secondaryHeadline span {
    display: none;
}
#secondaryHeadline a {
    position: absolute;
    display: block;
    width: 197px;
    height: 29px;
    left: 29px;
    top: 58px;
}

#secondaryHeadline img {}

#secHeader {
    position: relative;
	width: 720px;
	height: 130px;
	margin: 0 auto 40px auto;
	background: #fff;
}

.commentTagline {
	font-size: 14px;
	font-weight: bold;
}

.commentText {
	font-style: italic;
}

.commentBubble {
	width: 12px;
	height: 12px;
	margin-left: 7px;
	position: relative;
	top: 2px;
}

.hook {
	width: 530px;
	height: 27px;
	margin: 0;
	padding: 0;
	margin: 0 0 0 190px;
}
.hook span {
    display: none;
}

.listLabel {
	font-weight: bold;
}

.contentRow {
	width: 720px;
	clear: both;
	display: block;
}

#bottomSpacerSmall {
	height: 30px;
}

.imageLabelW {
    display: table;
}
.imageLabel {
    display: table-cell;
    vertical-align: bottom;
    height: 60px;
	color: #444444;
	font-weight: bold;
    font-size: 11px;
    line-height: 14px;
    text-align: left;
    margin-bottom: 6px;
}


#secondaryAddress {
	position: relative;
	left: 0;
	top: 0;
	font-family: Arial, Helvetica, sans-serif;
	font: "Helvetica Neue";
	color: #444444;
	font-size: 10px;
	z-index: 2;
}

#secondaryAddress p {
	padding: 0;
	margin: 0;
	padding-bottom: 15px;
}

/******************************

styles specific to work pages

******************************/

.secondaryPage h1 {
    color: #000;
}
.secondaryPage h2 {
	color: #444;
}

.secondaryPage h3 {
	font-size: 14px;
	margin-top: 2px;
	margin-bottom: 12px;
	margin-left: 20px;
}

.workImageContainer {
}

#workGalleryItemsW {
    height: 353px;
    overflow: hidden;
    text-align: center;
}
.workImageContainer .galleryItem {
    display: none;
}
.workImageContainer .sel {
    display: block;
}


/*********************

work page image navigation

*********************/

.cyclePageNav {
    text-align: right;
    width: 520px;
}
.cyclePageNav span {
	width: 1.1em;
	margin-right: 3px;	
	color: #9f9f9f;
}

.cyclePageNav a {
	color: #444444;
	text-decoration: none;
	padding: 0 3px;
}

.cyclePageNav a:hover {
	color: #56145a;
}

.cyclePageNav a.activeImage {
	color: #FFFFFF;
	background: #9f9f9f;
}
.pagerFloaty .cyclePageNav {
    float: right;
}
.pagerSeeing .cyclePageNav {
    float: right;
    padding-top: 5px;
}

/********************************

styles specific to services page

********************************/

#servicesPage {}

#servicesPage p {
	position: relative;
	top: -112px;
}
#services_index #secondaryContent {
    margin-left: 173px;
}

#servicesHook {
	background: url(../images/FF_services_v8.gif) top left no-repeat;
	padding-bottom: 0!important;
	margin-bottom: 0!important;
    text-indent: -2000px;
    margin-left: 171px;
    height: 194px;
    width: auto;
}

ul#servicesList {
	list-style: outside;
	padding-bottom: 25px;
	margin-left: 21px;
}

#servicesList li {
	margin-left: 14px;
	padding-top: 5px;
}

#servicesNav a {
    color: #56145a;
}

/********************************

styles specific to people page

********************************/

#peopleHook {
	background: url(../images/people_page_hook.png) top left no-repeat;
	height: 116px;
	margin: 30px 0 40px 171px !important;
}

.peopleRow {
	width: 100%;
	margin-bottom: 20px;
	margin-left: 30px;
    clear: both;
}
.peopleImg {
	float: left;
    max-width: 128px;
	margin-right: 15px;
	margin-bottom: 40px;
}
.peopleImg img {
    max-width: 128px;
}
.peopleRow p.bioTitle {
	margin: 0 !important;
	padding:0 !important;
}

#peopleContent {
	width: 100%;
	position: relative;
	top: 166px;
	left: 0;
	clear: both;
	float: left;
}

#peopleContent li {
	float: left;
	width: 100%;
	height: 130px;
}

#peopleContent li img {
	float: left;
	width: 174px;
}

/********************************

styles for Frank Ways of Seeing

********************************/

#seeingW {
    position: relative;
    margin-left: 30px;
}
#seeingHook {
	background: url(../images/seeing_page_hook.gif) no-repeat -5px center;
	z-index: 2;
	height: 61px;
    margin: 0;
    text-indent: -2000px;
    width: auto;
}
#seeingHook2 {
    margin: 0 !important;
    padding: 0 !important;
    text-indent: -2000px;
}

#seeingLine {
}

h2#seeingSubHdr {
    margin: 0;
	padding: 5px 0 8px 0;
}


#galleryW {
    position: relative;
    top: -25px;
    z-index: 2;
}
#galleryW div.galleryItem, #galleryW div.galleryItemRight {
	float: left;
	width: 190px;
	padding: 0 45px 15px 0;
    text-align: center;
}
#galleryW div.galleryItemRight {
    padding-right: 0;
}

#galleryW .imageW {
	margin: 3px auto;
}

.imageCaption {
	font-size: 10px;
	color: #737373;
    line-height: 13px;
    text-align: left;
}

/**************************************

Frank Ways of Seeing gallery navigation

**************************************/

.galleryNav {
    position: relative;
	clear: both;
    text-align: right;
    width: auto;
	color: #9f9f9f;
	margin-left: 30px;
    z-index: 99;
}


/*********************

contact page

*********************/

#mapContainer {
	float: right;
    width: 316px;
    height: 305px;
    margin-right: 30px;
    background: #f0f0f0;
}

#contactTop {
    position: relative;
    padding-left: 30px;
    min-height: 307px;
}

#contactTop p {
}

#contactTop h3 {
	margin: 14px 0 0 0;
    font-size: 13px;
}

#contactAddress {
    position: relative;
    top: -5px;
	font-size: 24px;
    line-height: 1.3em;
	color: #000000;
    background: url(/images/FF_contact_v8.gif);
    width: 313px;
    height: 112px;
}
#contactAddress div {
    display: none;
}
#contactAddress a {
    display: block;
    width: 256px;
    height: 20px;
    text-decoration: none;
    text-indent: -2000px;
    position: absolute;
    bottom: 0;
    left: 0;
}
#contactJobs {
    width: 40%;
}

#contactFan {
    position: absolute;
    margin: 17px 0 0;
    bottom: 0;
}
#contactFan div {
    margin: 10px 0 0;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
}
#contactFan a {
    color: #444;
    text-decoration: none;
}
#contactFan a:hover {
    color: #56145a;
}

#contactBottom {
	clear: both;
    margin-top: 50px;
    padding-left: 30px;
}

#contactBottom h2 {
	margin-left: 0;
	margin-bottom: 7px;
    background: transparent url(../images/line.png) repeat-x scroll left bottom;
    padding-bottom: 12px;
    margin-right: 30px;
}
#contactBottom h3 {
    margin: 0;
    padding: 0;
}



.neighbor {
	position: relative;
	width: 300px;
	margin: 0 30px 20px 0;
}

.neighbor p {
	padding: 0;
}

.neighborTitle {
	color: #56145a;
	margin-left: 0;
}

.mapLink {
	text-decoration: none;
}
.gmapinfowindow {
    display: none;
}
strong.gmap {
    display: block;
}

/****************************

secondary top menu

****************************/

.secondaryMenu {
	font-size: 14px;
	color: #FFFFFF;
	z-index: 1;
    height: 20px;
    padding: 8px 0 0 30px;
}

.secondaryMenu ul {
	list-style-type: none;
    margin: 0;
    padding: 0;
}

.secondaryMenu li {
	float: left;
}

.secondaryMenu a {
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 20px;
}

.secondaryMenu a:hover {
	color: #FFFFFF;
    background: url(/images/dots.w.gif) repeat-x left bottom;
}

/**************************

secondary left navigation

**************************/

.leftNav {
	font-family: Arial, Helvetica, sans-serif;
	font: "Helvetica Neue";
	font-size: 12px;
	position: absolute;
	left: -143px;
	top: 0;
	width: 173px;
	padding: 0;
	margin: 0;
}

.leftNav ul {
	padding: 0;
	margin: 0;
}

.leftNav li {
	padding: 0;
	padding-bottom: 4px;
	margin: 0;
}

.leftNav a {
	padding: 0;
	margin: 0;
	color: #444444;
	text-decoration: none;
}

.leftNav a:hover {
	color: #56145a;
	text-decoration: none;
}

.navActive {
	color: #56145a!important;
	font-weight: bold;
}

#navLabel {
	color: #444444;
	font-weight: bold;
    padding-bottom: 0.3em;
}


.newsItem {
	margin-bottom: 2em;
}
.newsItem strong.newsCat {
	font-size: 110%;
	font-weight: normal;
}
.newsItem strong.newsCat a {
}
.newsItem h2 {
	font-size: 100%;
	font-weight: bold;
	margin: 0 !important;
	padding: 0 !important;
    color: #000 !important;
}
.newsItem h2 a {
    color: #000;
    text-decoration: none;
}
.newsItem h2 a:hover {
    color: #56145a;
}
.newsItem em.newsDate {
	display: block;
    font-size: 10px;
}
.newsItem p {
	margin: 0 !important;
	padding: 0 !important;
}



.workItemW h2 {
	margin: 6px 0 12px !important;
    color: #444 !important;
}


#servicesLeader h2 {
	margin: 2.3em 0 1em 0;
    font-size: 14px;
}
#servicesLeader ul {
    list-style-type: disc;
    list-style-position: inside;
}

.clientTestimonial {
    position: relative;
    left: -21px;
    background: transparent url(/images/comment_bubble.png) no-repeat left 4px;
    padding: 0 0 1em 21px;
    margin-top: 1.5em;
    font-size: 105%;
}
#workNav {
    left: -157px;
    font-weight: bold;
}
#workNav li {
    padding-left: 14px;
}
#workNav li.navActive {
	background: url(../images/arrow_off.png) no-repeat left 3px;
}
#workNav li.navActive a {
	color: #56145a!important;
	font-weight: bold;
}
#workNav li.nolink {
	font-weight: normal;
}

a.icotwit {
    position: relative;
    top: 1px;
    text-decoration: none;
    color: #444;
}
.icotwit_tt {
    position: absolute;
    display: none;
    left: -2px;
    top: -5px;
    width: 13em;
    line-height: 15px;
    padding: 2px 5px 2px 16px;
    border: 2px solid #61e0ef;
    font-size: 10px;
    font-weight: normal;
    background: #fff url(/images/TinyTwitter.jpg) no-repeat center left;;
    cursor: pointer;
    white-space: nowrap;
}
#workNav .icotwit_tt {
    top: -6px;
}
a.icotwit:hover {
    color: #444;
}
a.icotwit:hover .icotwit_tt {
    display: block;
}

#footerw {
    padding: 0 30px;
	max-width: 660px;
}