/* 
-----------------------------------------------
\\\ Reset 
----------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
:focus {   /* remember to define focus styles! */
    outline: 0;
}
body {
    line-height: 1;
    color: black;
}
ol, ul {
    list-style: none;
}
table {    /* tables still need 'cellspacing="0"' in the markup  */
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}

/* 
-----------------------------------------------
\\\ General
----------------------------------------------- */

input { 
line-height: 1; 
}

body { 
background: #98958f;
color: #fff; 
font: normal 12px/1.82 'Helvetica Neue', helvetica, arial, sans-serif;
text-align: center; 
}

#container_outer {
	width: 100%;
	background: #fff;
	text-align: center;
}

#container {
width: 888px;
color: #5f5c58;
margin: 0 auto;
text-align: left;
}

.clearboth {
	clear: left;
	height: 1px;
} 

p, ul {
	margin-bottom: 10px;
}

li {
	margin-bottom: 3px;
}

a:link, a:visited  {
	text-decoration: underline;
	color: #4f4d49;
}

a:hover {
	color: #201f1e;
}

h1 {
	font-size: 30px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", sans-serif;
	font-weight: 300;
}


/* 
-----------------------------------------------
\\\ Masthead
----------------------------------------------- */
#masthead {
	float: left;
	position: relative;
	width: 888px;
	height: 110px;
}

#mark {
	position: absolute;
	top: 34px;
	left: 0;
	width: 212px;
	height: 55px;
	line-height: 55px;
	text-indent: -5000px;
	background: url(/images/mark.gif) no-repeat scroll 0 0;
}

#mark a {
	display:block;
	height:55px;
}

#mark a:hover {
	background: url(/images/mark.gif) no-repeat scroll 0 -55px;
}

#nav {
	position: absolute;
	top: 55px;
	right: 0px;
	width: 367px;
	height: 13px;
	background: url(/images/nav.gif) no-repeat;
}

ul#nav li {
padding: 0;
margin: 0;
height: 13px;
display: inline;
list-style-type: none;
float: left;
text-indent: -9999px;
}

ul#nav li a {
height: 13px;
border: 0;
text-decoration: none;
display: block;
background: transparent url(/images/nav.gif) no-repeat;
}

li#articles_nav a {
width: 73px;
height: 13px;
}

li#articles_nav a:link, li#articles_nav a:visited {
background-position: 0 0;
}

li#articles_nav a:hover, li#articles_nav a:focus {
background-position: 0px -13px;
}

#articles_page ul#nav li#articles_nav a {
background-position: 0px -26px;
}

li#clients_nav a {
width: 68px;
height: 13px;
}

li#clients_nav a:link, li#clients_nav a:visited {
background-position: -73px 0;
}

li#clients_nav a:hover, li#clients_nav a:focus {
background-position: -73px -13px;
}

#clients_page ul#nav li#clients_nav a {
background-position: -73px -26px;
}

li#events_nav a {
width: 64px;
height: 13px;
}

li#events_nav a:link, li#events_nav a:visited {
background-position: -141px 0;
}

li#events_nav a:hover, li#events_nav a:focus {
background-position: -141px -13px;
}

#events_page ul#nav li#events_nav a {
background-position: -141px -26px;
}

li#resources_nav a {
width: 93px;
height: 13px;
}

li#resources_nav a:link, li#resources_nav a:visited {
background-position: -205px 0;
}

li#resources_nav a:hover, li#resources_nav a:focus {
background-position: -205px -13px;
}

#resources_page ul#nav li#resources_nav a {
background-position: -205px -26px;
}

li#contact_nav a {
width: 67px;
height: 13px;
}

li#contact_nav a:link, li#contact_nav a:visited {
background-position: -298px 0;
}

li#contact_nav a:hover, li#contact_nav a:focus {
background-position: -298px -13px;
}

#contact_page ul#nav li#contact_nav a {
background-position: -298px -26px;
}


/* 
-----------------------------------------------
\\\ Layout
----------------------------------------------- */
#main {
	float: left;
	width: 888px;
}

#subpage {
	float: left;
	display: inline;
	width: 736px;
	margin-left: 152px;
	padding-bottom: 40px;
}

/* 
-----------------------------------------------
\\\ Homepage
----------------------------------------------- */
#content_home {
	float: left;
	width: 660px;
}

#tagline {
	background: url(/images/home/tagline.jpg) no-repeat scroll 0 0;
	float: left;
	margin: 0 0 22px 0;
	height:238px;
	line-height:238px;
	text-indent:-5000px;
	width:660px;
}

#about_home, #clients_home, #notable_home {
	width: 204px;
	float: left;
	display: inline;
	margin: 0 0 22px 24px;
}

#about_home {
	margin-left: 0;
}

#about_home h2, #clients_home h2, #notable_home h2 {
	background: url(/images/home/about.gif) no-repeat scroll 0 0;
	width: 204px;
	height: 9px;
	line-height:9px;
	text-indent:-5000px;
	margin: 0 0 12px 0;
}

#clients_home h2 {
	background: url(/images/home/happy.gif) no-repeat scroll 0 0;
}

#notable_home h2 {
	background: url(/images/home/notable.gif) no-repeat scroll 0 0;
}

blockquote p, .bigblurb p {
    margin-top: 13px;
	line-height: 32px;
	font-style: italic;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", sans-serif;
	font-weight: 300;
	font-size: 18px;
}

#subpage_side blockquote p, #subpage_side.bigblurb p {
	margin-top: 0;
}

cite {
	display: block;
	margin: -10px 0 0 35px;
	padding-left: 14px;
	background: url(/images/cite_dash.gif) no-repeat 0 7px;
	color: #66635f;
	font-size: 10px;
	line-height: 1.5;
	text-transform: uppercase;
	letter-spacing: 1px;
}

cite strong {
	color: #4e4c49;
}

#sidebar_home {
	float: left;
	width: 204px;
	margin: 0 0 0 24px;
	min-height: 464px;
	background: url(/images/home/sidebar_bg.jpg) no-repeat 0 0;
}

#sidebar_home_inner {
	width: 162px;
	padding-bottom: 22px;
	margin: 20px 21px;
}

#sidebar_home h2 {
   	background: url(/images/home/wrote.gif) no-repeat scroll 0 0;
	width: 162px;
	height: 9px;
	line-height:9px;
	text-indent:-5000px;
	margin: 0 0 12px ;
}

#book {
	background: url(/images/home/book.jpg) no-repeat scroll 0 0;
	width: 162px;
	height: 199px;
	line-height:199px;
	margin-bottom: 12px;
	text-indent:-5000px;
}

#book a {
	display: block;
	line-height: 199px;
}

#book a:hover {
	background: url(/images/home/book.jpg) no-repeat scroll 0 -199px;
}

#sidebar_home p {
	line-height: 22px;
    margin-bottom: 12px;
	font-size: 11px;
}

/* 
-----------------------------------------------
\\\ Subpages
----------------------------------------------- */
#subpage_top {
	position: relative;
	width: 736px;
	float: left;
	height: 255px;
}

#subpage_title {
	width: 736px;
	height: 255px;
	background: url(/images/sub/contact.jpg) no-repeat scroll 0 0;
	float: left;
	line-height:255px;
	text-indent:-5000px;
}

#subpage_title.clients {
	background: url(/images/sub/clients.jpg) no-repeat scroll 0 0;
}

#subpage_title.events {
	background: url(/images/sub/events.jpg) no-repeat scroll 0 0;
}

#subpage_title.resources {
	background: url(/images/sub/resources.jpg) no-repeat scroll 0 0;
}

#subpage_title.articles {
	background: url(/images/sub/articles.jpg) no-repeat scroll 0 0;
}

#photo_caption {
	position: absolute;
	left: -152px;
	width: 128px;
	bottom: -3px;
	color: #7c7d7f;
	text-align: right;
	margin-bottom: 0;
	font-style: italic !important;
	font: 11px/18px Georgia,Times,serif;
}

#subpage_content {
	position: relative;
	width: 736px;
	background: url(/images/rule.gif) repeat-y;
    margin-top: 17px;
	float: left;
}

#subpage_main {
	float: left;
	width: 432px;
}

#subpage_main h2 {
	font-size: 16px;
}

#subpage_main ul {
	margin-left: 15px;
}

#subpage_main ul li {
	list-style-type: square;
}

#subpage_side {
	float: left;
	width: 256px;
	margin-left: 48px;
	display: inline;
}

h1#article_title {
	margin-top: 14px;
}

.article_listing {
	margin-bottom: 18px;
}

#resources_page #subpage_content ul li {
	line-height: 1.5;
	margin-bottom: 10px;
}

#resources_page #subpage_content ul li a {
	font-weight: bold;
}

#resources_page #subpage_side {
	overflow: auto;
}

dl#books {
	font-size: 11px;
	line-height: 1.5;
}

dl#books p {
	margin-bottom: 0;
}

dl#books dt {
	clear: both;
	font-weight: bold;
	font-style: italic;
}

dl#books dt a {
	text-decoration: none !important;
}

dl#books dd.cover {
	width: 96px;
	float: left;
	margin-top: 3px;
}

dl#books dd.desc {
	margin-bottom: 0;
}

dd.clear {
	clear: both;
	height: 16px;
}

h2#upcoming, h2#previously {
	width: 100px;
	height: 10px;
	margin-bottom: 8px;
	background: url(/images/sub/upcoming.gif) no-repeat scroll 0 0;
	float: left;
	line-height:10px;
	text-indent:-5000px;
}

h2#previously {
	background: url(/images/sub/previously.gif) no-repeat scroll 0 0;
	margin-top: 20px;
}

dl.events {
	clear: both;
	width: 100%;
	float: left;
	line-height: 1.5;
}

dl.events dt {
	font-weight: bold;
	clear: both;
	float: left;
	width: 136px;
}

dl.events dd {
	float: right;
	width: 280px;
}

dd.event_desc {
	color: #686560;
	padding: 1px 0 8px;
	font-style: italic !important;
	font: 12px/18px Georgia,Times,serif;
}

/* 
-----------------------------------------------
\\\ Footer
----------------------------------------------- */
#footer_outer {
	width: 100%;
	clear: left;
	min-height: 133px;
	background: url(/images/footer_bg.gif) #98958f repeat-x;
	text-align: center;
}

#footer {
width: 888px;
color: #fff;
margin: 0 auto;
text-align: left;
position: relative;
}

#footer h3 {
	position: absolute;
	top: 22px;
	left: 110px;
	width: 94px;
	height: 8px;
	line-height: 8px;
	text-indent: -5000px;
	background: url(/images/get_in_touch.gif) no-repeat scroll 0 0;
}

#footer p {
	width: 204px;
	font-size: 11px;
	line-height: 22px;
	float: left;
	margin: 15px 0 0 24px;
	display: inline;
}

#footer #foot1 {
	margin-left: 228px;
}

#footer a:link, #footer a:visited {
	color: #fff;
	text-decoration: none;
}

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

/*
\\\ sIFR
----------------------------------------------- */

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  
  .sIFR-active #clients_home p, .sIFR-active #subpage_side.test p {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", sans-serif;
    visibility: hidden;
  }
 
}