/* 
\\\ Testing
---------------------------------------------*/
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
---------------------------------------------*/

* { 
	color: #56524e;  
}

input { 
	line-height: 1; 
}

body { 
	background: url(/images/main_bg.jpg) #f5eedf;
	color: #56524e; 
	font: normal 13px/20px 'Helvetica Neue', helvetica, arial, sans-serif;
	text-align: center; 
}

#note {
	background-color: #b15026;
	-webkit-box-shadow: 0px 1px 1px 1px #c9c3b6;
	-moz-box-shadow: 0px 1px 1px 1px #c9c3b6;
	box-shadow: 0px 1px 1px 1px #c9c3b6;
}

#note p {
	color: #fff;
	padding: 5px 0;
	text-shadow: 1px 1px 1px #555;
}

#note p strong {
	color: #fff;
}

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

#container_inner {
	float: left;
	width: 874px;
	position: relative;
}

a:link, a:visited {
	color: #29607e;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

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

#content h1 {
	margin-bottom: 12px;
}

.clearboth {
	clear: both;
}


/* Contact
----------------------------------------------- */
#contact_div {
	width: 874px;
	position: relative;
	color: #F3E9D6;
	background: url(/images/contact_bg.gif) no-repeat left bottom #231E19;
	display: none;
}

#contact_div h3 {
	position: absolute;
	top: 22px;
	left: 42px;
	background: url(/images/contact_head.png) no-repeat scroll 0 0;
	text-indent: -5000px;
	width: 28px;
	height: 240px;
	line-height: 240px;
}

#contact_div p {
	position: absolute;
	top: 18px;
	left: 128px;
	width: 170px;
	font-size: 12px;
	color: #DBD0C2;
}

#contact_div a:link, #contact_div a:hover, #contact_div a:visited {
	color: #DBD0C2;
	font-weight: bold;
}

#contact_form_wrap {
	position: relative;
	padding: 22px 0 18px;
	margin-left: 362px;
	width: 470px;
}

#contact_form {
	width: 470px;
}

#contact_form fieldset {
	margin-bottom: 19px;
}

#contact_form label {
	float: left;
    width: 106px;
    margin: 0 22px 0 0;
	color: #DBD0C2;
	font-weight: bold;
	font-size: 12px;
}

#content #contact_form label, #content #contact_form label.antispam span, #content #contact_form div.submit p a {
	color: #000 !important;
}

#contact_form label.antispam {
	line-height: 110%;
}

#contact_form label.antispam span {
	color: #DBD0C2;
	font-weight: normal;
	font-style: italic;
	font-size: 11px;
}

#contact_form fieldset div.field {
	float: left;
	width: 327px;
}

#contact_form fieldset div.field input.textinput {
	width: 327px;
	background-color: #F4F2ED;
	border: 1px solid #8B877D;
	padding: .4em;
	font-size: 12px;
	font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
}

#contact_form fieldset div.field input.shorttextinput {
	width: 109px;
	padding: .4em;
	border: 1px solid #8B877D;
	font-size: 12px;
	background-color: #F4F2ED;
	font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
}

#contact_form fieldset div.field textarea {
	width: 328px;
	padding: .4em;
	overflow: auto;
	border: 1px solid #8B877D;
	background-color: #F4F2ED;
	font-size: 12px;
	font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
}

#contact_form div.submit {
	padding-left: 128px;
	position: relative;
}

input.button {
	padding: 1px;
	font-size: 14px;
}

#contact_button_div {
	height: 26px;
}

#contact_form div.submit p {
	position: absolute;
	left: 208px;
	top: 3px;
	font-size: 11px;
}

#contact_form div.submit p a {
	color: #DBD0C2 !important;
	text-decoration: underline !important;
}

#contact_button {
	margin: 0px 0 0 768px;
	width: 106px;
	height: 20px;
	background: url(/images/contact.gif) no-repeat #29221C scroll 0 0px;
	height:20px;
	text-indent:-5000px;
}

#contact_button a {
	display: block;
	height: 20px;
}

#contact_slide.active {
	background: url(/images/contact.gif) no-repeat #29221C scroll 0 -20px;
}

#contact_top {
	float: right;
	background-color: #222;
	padding: 4px 6px;
}

#contact_top, #contact_top a {
	color:  #f4efe5;
}

/* Masthead
----------------------------------------------- */

#masthead {
	float: left;
	width: 874px;
	margin-top: 20px;
	position: relative;
}

#mark {
	position: absolute;
	top: 0;
	left: 0;
	background: url(/images/mark_2.png) no-repeat scroll 0 0;
	height:90px;
	line-height:90px;
	text-indent:-5000px;
	width:106px;
}

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

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

#home_blurb {
	position: absolute;
	top: 101px;
	left: 0;
	background: url(/images/home_blurb.jpg) no-repeat scroll 0 0;
	height:119px;
	line-height:119px;
	text-indent:-5000px;
	width:106px;
}

#home_page #mark a:hover {
	background: url(/images/mark_2.png) no-repeat scroll 0 0;
	cursor: default;
}

.section_head {
	position: absolute;
	top: 101px;
	left: 0;
	background: url(/images/home_blurb.jpg) no-repeat scroll 0 0;
	height:119px;
	line-height:119px;
	text-indent:-5000px;
	width:106px;
}

#about_head {
	background: url(/images/about_2/about_head.jpg) no-repeat scroll 0 0;
}

#nav {
	float: left;
	margin: 41px 0 0 128px;
	display: inline;
	width: 345px; /* phase2: change back to 394 */
	height: 12px;
	background: url(/images/nav.jpg) no-repeat;
}

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

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

li#work_nav {
	margin-left: 0 !important;
}

li#work_nav a {
width: 49px;
height: 12px;
}

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

li#work_nav a:hover, li#work_nav a:focus, #work_page ul#nav li#work_nav a {
background-position: 0px -12px;
}

li#services_nav a {
width: 78px;
height: 12px;
}

li#services_nav a:link, li#services_nav a:visited {
background-position: -69px 0;
}

li#services_nav a:hover, li#services_nav a:focus, #services_page ul#nav li#services_nav a {
background-position: -69px -12px;
}

li#about_nav a {
width: 56px;
height: 12px;
}

li#about_nav a:link, li#about_nav a:visited {
background-position: -167px 0;
}

li#about_nav a:hover, li#about_nav a:focus, #about_page ul#nav li#about_nav a {
background-position: -167px -12px;
}

li#whatnot_nav a {
width: 81px;
height: 12px;
}

li#whatnot_nav a:link, li#whatnot_nav a:visited {
background-position: -243px 0;
}

li#whatnot_nav a:hover, li#whatnot_nav a:focus, #whatnot_page ul#nav li#whatnot_nav a {
background-position: -243px -12px;
}

li#blog_nav a {
display: none !important; /* phase2 */
width: 47px;
height: 12px;
}

li#blog_nav a:link, li#blog_nav a:visited {
background-position: -344px 0;
}

li#blog_nav a:hover, li#blog_nav a:focus, #blog_page ul#nav li#blog_nav a {
background-position: -344px -12px;
}


/* Layout
----------------------------------------------- */
#content {
	float: left;
	display: inline;
	clear: both;
	position: relative;
	width: 746px;
	margin: 47px 0 0 128px;
}

.two_col {
	float: left;
	clear: both;
	width: 746px;
}

.section_sidebar {
	position: absolute;
	width: 110px;
	z-index: 8;
	top: 101px;
	left: 0px;
}

.col {
	float: left;
	display: inline;
	margin-left: 22px;
}

#wide_col.col {
	width: 490px;
}

#narrow_col.col {
	width: 234px;
}

.two_col .col {
	width: 362px;
}

.first {
	margin-left: 0 !important;
}

.rightrule {
	border-left: 1px solid #DFD7C7;
	width: 233px !important;
}

/* Homepage
----------------------------------------------- */

#features_container {
	float: left;
	width: 746px;
	height: 368px;
	position: relative;
	overflow: hidden !important;

}

#features_wrap {
	float: left;
	width: 746px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ded7c8;
}

.feature_item {
	width: 746px;
	float: left;
	height: 368px;
	position: relative;
}

#features_container .feature_item h3 {
	position: absolute;
    bottom: 0;
	left: 0;
	width: 746px;
	height: 32px;
	line-height:32px;
	text-indent:-5000px;
	background: no-repeat scroll 0 0;
}

#features_container .feature_item h3 a {
	display: block;
	height: 32px;
}

#features_nav {
	position: absolute;
	top: 0;
	left: 0;
    display: none;
	width: 746px;
	height: 336px;
	background: url(/images/features_2/nav.png) no-repeat scroll 0 0;
	z-index: 10;
}

#prev_slide, #next_slide {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 32px;
	height: 336px;
	line-height:336px;
	text-indent:-5000px;
	background: none;
	z-index: 11;
}

#next_slide {
	left: 714px;
	background: none;
}

#prev_slide:hover {
	background: url(/images/features_2/nav.png) no-repeat scroll 0 0;
}

#next_slide:hover {
	background: url(/images/features_2/nav.png) no-repeat scroll -714px 0;
}

#home_secondary {
	float: left;
	width: 746px;
	background: url(/images/vert_rule.png) repeat-y 373px 0; 
	margin-top: 18px;
}

#home_current, #home_hall {
	width: 351px;
	float: left;
}

#home_hall {
	margin-left: 44px;
	display: inline;
}

#home_current h4, #home_hall h4 {
	background: url(/images/home_2/thing.jpg) no-repeat scroll 0 0;
	margin-bottom: 8px;
	height:14px;
	line-height:14px;
	text-indent:-5000px;
	width:351px;
}

#home_current h4 {
	margin-bottom: 11px;
}

#home_hall h4 {
	background: url(/images/home_2/hall.jpg) no-repeat scroll 0 0;
}

#home_current h4 a, #home_hall h4 a {
	width: 351px;
	display: block !important;
	line-height: 14px !important;
}

#home_current h4 a:hover  {
	background: url(/images/home_2/thing.jpg) no-repeat scroll 0 -14px;
}

#home_hall h4 a:hover {
	background: url(/images/home_2/hall.jpg) no-repeat scroll 0 -14px;
}

.thing p {
	width: 351px;
	height: 200px;
}

.thing p a {
	display: block;
	position: relative;
	font-size: 12px;
    width: 351px;
	height: 200px;
	text-indent: -5000px;
}

.thing p a:link, .thing p  a:visited, .thing p a:hover {
	color: #fff !important;
}

.thing p a:hover {
  background: url(/images/whatnot_2/thumb_bg.png) no-repeat 0 0;
  text-indent: 0;
  color: #fff !important;
  text-decoration: none;
}

.thing p a span {
	display: block;
    position: absolute;
    width: 320px;
    font-size: 14px;
    left: 14px;
    top: 10px;
	color: #fff !important;
}

.thing p a span strong {
	font-weight: bold;
	color: #fff !important;
}

#home_blog {
	display: none; /* phase2 */
	float: left;
	position: relative;
	width: 746px; 
	margin-top: 18px;
	border-top: 1px solid #ded7c8;
	padding-top: 18px;
}

#home_blog h5 {
	margin: 4px 0 0 70px;
	font-size: 16px;
} 

#fist {
	position: absolute;
	top: 23px;
	left: 0px;
	width: 65px;
	text-indent: -5000px;
	height: 15px;
	line-height: 15px;
	background: url(/images/home_2/fist_alt.jpg) no-repeat 0 0;
}


/* Work
----------------------------------------------- */
#work_thumbs {
	width: 754px;
	float: left;
	position: relative;
	top: -4px;
	left: -4px;
}

#work_thumbs li {
	width: 234px;
	height: 138px;
	line-height: 138px;
	text-indent: -5000px;
	float: left;
	margin: 0 14px 12px 0;
	border: 4px solid #F2E9D8;
}

#work_thumbs li.last {
	margin-right: 0;
}

#work_thumbs li a {
	display: block;
	width: 234px;
	cursor: pointer;
	line-height: 138px;
}

#work_thumbs li:hover {
  background-position: 0 -138px !important;
}

h1.site_name {
	margin-bottom: 0 !important;
	height: 34px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: bold;
	font: 22px 'Trebuchet MS',Helvetica,sans-serif;
}

#work_main {
	float: left;
	width: 618px;
}

#slideshow_container {
	float: left;
	width: 618px;
	height: 448px;
	overflow: hidden;
	margin-bottom: 20px; 
	position: relative;
}

.slideshow_item {
	width: 618px;
	float: left;
	height: 448px;
	position: relative;
}

#slideshow_nav {
	position: absolute;
	top: 0;
	left: 0;
    display: none;
	width: 618px;
	height: 448px;
	background: url(/images/work_2/nav.png) no-repeat scroll 0 0;
	z-index: 10;
}

#slideshow_nav #prev_slide, #slideshow_nav #next_slide {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 32px;
	height: 448px;
	line-height:448px;
	text-indent:-5000px;
	background: none;
	z-index: 11;
}

#slideshow_nav #next_slide {
	left: 586px;
	background: none;
}

#slideshow_nav #prev_slide:hover {
	background: url(/images/work_2/nav.png) no-repeat scroll 0 0;
}

#slideshow_nav #next_slide:hover {
	background: url(/images/work_2/nav.png) no-repeat scroll -586px 0;
}

#work_desc {
	float: left;
	width: 490px;
	line-height: 19px;
}

#work_desc li {
	margin-bottom: 12px;
}

#visit_site {
	float: left;
	width: 84px;
	height: 10px;
	line-height: 10px;
	text-transform: uppercase;
	margin: 6px 5px 0 0;
	text-indent: -5000px;
	background: url(/images/work_2/visit.jpg) no-repeat scroll 0 0;
}

#visit_link {
	font-size: 12px;
}

#work_roles {
	float: left;
	margin-left: 22px;
	display: inline;
	width: 106px;
}

#work_roles h3 {
	background: url(/images/work_2/what_i_did.jpg) no-repeat scroll 0 0;
	margin: 7px 0 7px 1px;
	height:9px;
	line-height:9px;
	text-indent:-5000px;
	width:67px;
}

#roles_list li {
	width: 106px;
	height: 36px;
	font-size: 10px;
	line-height: 36px;
	text-transform: uppercase;
	margin-bottom: 5px;
	text-indent: -5000px;
	background: url(/images/work_2/roles.jpg) no-repeat scroll -106px 0;
}

#roles_list li.code {
	background: url(/images/work_2/roles.jpg) no-repeat scroll -106px -39px;
}

#roles_list li.design {
	background: url(/images/work_2/roles.jpg) no-repeat scroll -106px -78px;
}

#roles_list li.ia {
	background: url(/images/work_2/roles.jpg) no-repeat scroll -106px -117px;
}

#roles_list li.usability {
	background: url(/images/work_2/roles.jpg) no-repeat scroll -106px -156px;
}

#roles_list li.webapp {
	background: url(/images/work_2/roles.jpg) no-repeat scroll -106px -195px;
}

#work_sidebar #roles_list li.cms {
	background: url(/images/work_2/roles.jpg) no-repeat scroll 0 0;
}

#work_sidebar #roles_list li.code {
	background: url(/images/work_2/roles.jpg) no-repeat scroll 0 -39px;
}

#work_sidebar #roles_list li.design {
	background: url(/images/work_2/roles.jpg) no-repeat scroll 0 -78px;
}

#work_sidebar #roles_list li.ia {
	background: url(/images/work_2/roles.jpg) no-repeat scroll 0 -117px;
}

#work_sidebar #roles_list li.usability {
	background: url(/images/work_2/roles.jpg) no-repeat scroll 0 -156px;
}

#work_sidebar #roles_list li.webapp {
	background: url(/images/work_2/roles.jpg) no-repeat scroll 0 -195px;
}

#work_sidebar #roles_list li.cms:hover, #work_sidebar #roles_list.cms li.cms {
	background: url(/images/work_2/roles.jpg) no-repeat scroll -212px 0;
}

#work_sidebar #roles_list li.code:hover, #work_sidebar #roles_list.code li.code {
	background: url(/images/work_2/roles.jpg) no-repeat scroll -212px -39px;
}

#work_sidebar #roles_list li.design:hover, #work_sidebar #roles_list.design li.design {
	background: url(/images/work_2/roles.jpg) no-repeat scroll -212px -78px;
}

#work_sidebar #roles_list li.ia:hover, #work_sidebar #roles_list.ia li.ia {
	background: url(/images/work_2/roles.jpg) no-repeat scroll -212px -117px;
}

#work_sidebar #roles_list li.usability:hover, #work_sidebar #roles_list.usability li.usability {
	background: url(/images/work_2/roles.jpg) no-repeat scroll -212px -156px;
}

#work_sidebar #roles_list li.webapp:hover, #work_sidebar #roles_list.webapp li.webapp {
	background: url(/images/work_2/roles.jpg) no-repeat scroll -212px -195px;
}

#work_thumbs.cms li.cms, #work_thumbs.code li.code, #work_thumbs.design li.design, #work_thumbs.ia li.ia, #work_thumbs.usability li.usability, #work_thumbs.webapp li.webapp {
	border: 4px solid #ba6336;
}

#all_projects {
	height: 12px;
	line-height: 12px;
	width: 90px;
	margin: 1px 0 0;
	text-indent: -5000px;
	background: url(/images/work_2/all_projects.jpg) no-repeat 0 0;
}

#all_projects a {
	display: block;
	width: 90px;
	line-height: 12px;
}

#all_projects a:hover {
	background: url(/images/work_2/all_projects.jpg) no-repeat 0 -12px;
}

#work_project_nav {
	float: left;
	display: inline;
	margin-left: 10px;
	width: 115px;
	border-left: 1px solid #e9e2d4;
}

#project_button_wrap {
	float: left;
	display: inline;
	height: 26px;
	line-height: 26px;
	margin: -2px 0 15px 9px;
	width: 106px;
	background: url(/images/work_2/prev_next.png) no-repeat 0 -26px;
}

#project_button {
	width: 106px;
	float: left;
	position: relative;
	height: 26px;
}

#project_button li {
padding: 0;
margin: 0;
list-style-type: none;
text-indent: -9999px;
}

#project_button li a {
border: 0;
text-decoration: none;
display: block;
background: transparent url(/images/work_2/prev_next.png) no-repeat;
height: 26px;
}

#work_prev {
	position: absolute;
	top: 0; 
	left: 0;
	width: 53px;
}

#work_prev a:link, #work_prev a:visited {
	background-position: 0px 0px;
}

#work_prev a:hover, #work_prev a:focus {
background-position: 0px -52px;
}

#work_next {
	width: 53px;
	position: absolute;
	top: 0; 
	left: 54px;
}

#work_next a:link, #work_next a:visited {
	background-position: -53px 0px;
}

#work_next a:hover, #work_next a:focus {
background-position: -53px -52px;
}

#might_also {
	float: left;
	display: inline;
	margin-left: 13px;
	width: 96px;
	height: 22px;
	line-height: 22px;
	margin-bottom: 14px;
	text-indent: -5000px;
	background: url(/images/work_2/might_also.jpg) no-repeat scroll 0 0;
}

#related_projects {
	float: left;
	display: inline;
	margin-left: 13px;
	width: 96px;
}

#related_projects li {
	width: 104px;
	height: 61px;
	line-height: 61px;
	text-indent: -5000px;
	float: left;
	margin: 0 0 14px 0;
}

#related_projects li a {
	display: block;
	width: 104px;
	cursor: pointer;
	line-height: 61px;
}

#related_projects li:hover {
  background-position: 0 -61px !important;
}



/* Services
----------------------------------------------- */
#services_sidebar {
	position: absolute;
	width: 110px;
	top: 101px;
	left: 0;
}

#svcs_blurb {
	background: url(/images/services_2/services_side.jpg) no-repeat scroll 0 0;
	margin-top: 1px;
	height:219px;
	line-height:219px;
	text-indent:-5000px;
	width:106px;
}

#services_sidenav li {
	width: 110px;
	height: 36px;
	font-size: 10px;
	line-height: 36px;
	text-transform: uppercase;
	margin-bottom: 5px;
	text-indent: -5000px;
	background: url(/images/services_2/services_nav.jpg) no-repeat scroll 0 0;
}

#services_sidenav li a {
	display: block;
	line-height: 36px;
	width: 110px;
	z-index: 5;
}

#services_sidenav li a:hover {
	background: url(/images/services_2/services_nav.jpg) no-repeat scroll -110px 0;
}

#services_sidenav #how_nav {
	height: 36px;
	line-height: 36px;
	background: url(/images/services_2/services_nav.jpg) no-repeat scroll 0 -39px;
}

#services_sidenav #how_nav a:hover {
	background: url(/images/services_2/services_nav.jpg) no-repeat scroll -110px -39px;
}

#services_sidenav #what_nav.active, #services_sidenav #what_nav.active a:hover {
	background: url(/images/services_2/services_nav.jpg) no-repeat scroll -220px 0;
	cursor: default;
}

#services_sidenav #how_nav.active, #services_sidenav #how_nav.active a:hover {
	background: url(/images/services_2/services_nav.jpg) no-repeat scroll -220px -39px;
	cursor: default;
}

#services_table {
	float: left;
	width: 746px;
	margin-top: -3px;
	background: url(/images/services_2/table_bg.jpg) repeat-y 0 0;
}

#services_table thead {
	height: 39px;
	width: 746px;
	background: url(/images/services_2/table_head.jpg) no-repeat 0 0;
}

#services_table tbody {
	width: 746px;
}


#what {
	width: 246px;
	height: 29px;
	line-height: 39px;
	text-indent: -5000px;
	background: url(/images/services_2/table_head.jpg) no-repeat 0 0;
}

#nerd {
	width: 253px;
	height: 29px;
	line-height: 39px;
	text-indent: -5000px;
	background: url(/images/services_2/table_head.jpg) no-repeat -246px 0;
}

#translated {
	width: 246px;
	height: 29px;
	line-height: 39px;
	text-indent: -5000px;
	background: url(/images/services_2/table_head.jpg) no-repeat -499px 0;
}

#services_table td {
	border-top: 1px solid #e8e1d2;
	font-size: 12px;
	width: 247px;
}

#services_table td p {
padding: 12px 23px 16px;
margin-bottom: 0;
}

#services_table td.rowhead {
	border-top: 1px solid #dfd8ca;
	font-weight: bold;
}

#services_table td.rowhead p {
	padding-left: 19px;
}

#services_table #first_row td {
	border-top: none !important;
}

td strong {
	font-weight: bold;
	color: #BA6336;
}

#process_head {
	margin: 16px 0 20px;
	float: left;
	width: 182px;
	height: 17px;
	line-height: 17px;
	text-indent: -5000px;
	background: url(/images/services_2/process_head.jpg) no-repeat 0 0;
}

#process_subhead {
	margin: 6px 0 5px 22px;
	float: left;
	display: inline;
	width: 198px;
	height: 10px;
	line-height: 10px;
	text-indent: -5000px;
	background: url(/images/services_2/process_subhead.jpg) no-repeat 0 0;
}

.process_sidebar {
	float: left;
	display: inline;
	margin-left: 22px;
	font-size: 12px;
	width: 209px;
}

.process_steps h3 {
	margin: 19px 0 0 !important;
	height: 22px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: bold;
	font: 16px 'Trebuchet MS',Helvetica,sans-serif;
}

#also {
	width: 76px;
	float: left;
	margin: 22px 0 6px;
	height: 13px;
	line-height: 13px;
	text-indent: -5000px;
	background: url(/images/services_2/and_also.jpg) no-repeat 0 0;
}

.also_p {
	clear: left;
}

/* About
----------------------------------------------- */
#about_sidebar {
	position: absolute;
	width: 110px;
	z-index: 8;
	top: 101px;
	left: 0px;
}

#about_nav2 li {
	width: 110px;
	height: 36px;
	font-size: 10px;
	line-height: 36px;
	text-transform: uppercase;
	margin-bottom: 5px;
	text-indent: -5000px;
	background: url(/images/about_2/about_nav.png) no-repeat scroll 0 0;
}

#about_nav2 li a {
	display: block;
	width: 110px;
	line-height: 36px;
}

#about_nav2 li a:hover {
	background: url(/images/about_2/about_nav.png) no-repeat scroll -110px 0;
}

#about_nav2 #test_nav {
	background: url(/images/about_2/about_nav.png) no-repeat scroll 0 -39px;
}

#about_nav2 #test_nav a:hover {
	background: url(/images/about_2/about_nav.png) no-repeat scroll -110px -39px;
}

#about_nav2 #meet_nav.active, #about_nav2 #meet_nav.active a:hover {
	background: url(/images/about_2/about_nav.png) no-repeat scroll -220px 0;
	cursor: default;
}

#about_nav2 #test_nav.active, #about_nav2 #test_nav.active a:hover {
	background: url(/images/about_2/about_nav.png) no-repeat scroll -220px -39px;
	cursor: default;
}

#meet_slides {
	height: 300px;
	width: 746px;
	overflow: hidden;
	float: left;
	margin-bottom: 20px;
}

#head_shot {
	padding-top: 4px;
	position: relative;
}

#gemma {
	background: url(/images/about_2/gemma_about.jpg) no-repeat scroll 0 0;
	height:370px;
	line-height:371px;
	text-indent:-5000px;
	width:234px;
}

/* Testimonials
----------------------------------------------- */
#hall_head {
		background: url(/images/about_2/hall.jpg) no-repeat scroll 0 0;
		height:300px;
		line-height:300px;
		text-indent:-5000px;
		width:746px;	
}

#hall_intro {
	height: 14px;
	margin: 10px 0 10px 0;
	font-size: 13px;
}

blockquote {
	margin-bottom: 6px;
}

blockquote p {
	margin-bottom: 0;
	font-size: 13px;
}

cite {
	display: block;
	margin-left: 42px;
	padding-left: 22px;
	background: url(/images/cite_dash.png) no-repeat 0 7px;
	color: #67635d;
	font-size: 10px;
	line-height: 1.5;
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 1px;
}

cite strong {
	color: #494642;
}

#about_page cite {
	margin-bottom: 16px;
}


/* Whatnot
----------------------------------------------- */
#whatnot_blurb {
	background: url(/images/whatnot_2/whatnot_blurb.jpg) no-repeat scroll 0 0;
	margin-top: 1px;
	height:276px;
	line-height:276px;
	text-indent:-5000px;
	width:106px;
}

#whatnot_thumbs {
	width: 729px;
	float: left;
	position: relative;
	top: 1px;
	left: 9px;
}

#whatnot_thumbs li {
	width: 351px;
	height: 200px;
	float: left;
	margin: 0 27px 26px 0;
}

#whatnot_thumbs li.last {
	margin-right: 0;
}

#whatnot_thumbs li a {
	display: block;
	position: relative;
	font-size: 12px;
    width: 351px;
	height: 200px;
	text-indent: -5000px;
}

#whatnot_thumbs li a:link, #whatnot_thumbs li a:visited, #whatnot_thumbs li a:hover {
	color: #fff !important;
}

#whatnot_thumbs li a:hover {
  background: url(/images/whatnot_2/thumb_bg.png) no-repeat 0 0;
  text-indent: 0;
  color: #fff !important;
  text-decoration: none;
}

#whatnot_thumbs li a span {
	display: block;
    position: absolute;
    width: 320px;
    font-size: 15px;
    left: 14px;
    top: 10px;
	color: #fff !important;
}

#whatnot_thumbs li a span strong {
	font-weight: bold;
	color: #fff !important;
}

h1.whatnot_name {
	margin-bottom: 0 !important;
	height: 34px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: bold;
	font: 20px 'Trebuchet MS',Helvetica,sans-serif;
}

.whatnot_main img {
	padding-bottom: 16px;
}

#whatnot_desc {
	float: left;
	display: inline;
	width: 106px;
	margin: -4px 0 0 22px;
	font-size: 11px;
}

#all_whatnots {
	height: 12px;
	line-height: 12px;
	width: 96px;
	margin: 1px 0 0;
	text-indent: -5000px;
	background: url(/images/whatnot_2/all_whatnots.jpg) no-repeat 0 0;
}

#all_whatnots a {
	display: block;
	width: 96px;
	line-height: 12px;
}

#all_whatnots a:hover {
	background: url(/images/whatnot_2/all_whatnots.jpg) no-repeat 0 -12px;
}


/* Blog
----------------------------------------------- */
h1.blog_head {
	margin: -2px 0 0 !important;
	height: 34px;
	letter-spacing: 1px;
	font-weight: bold;
	font: 20px 'Trebuchet MS',Helvetica,sans-serif;
}

.blog_article h2 {
	margin: 19px 0 0 !important;
	height: 27px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: bold;
	font: 14px 'Trebuchet MS',Helvetica,sans-serif;
}

#blog_blurb {
	background: url(/images/blog_2/blog_blurb.jpg) no-repeat scroll 0 0;
	margin-top: 4px;
	height:232px;
	line-height:232px;
	text-indent:-5000px;
	width:106px;
}

#blog_main {
	width: 540px;
	float: left;
	margin-top: 7px;
	font-size: 13px;
	line-height: 20px;
}

#blog_main .left {
	float: left;
	margin: 0 15px 2px 0;
}

#blog_main .right {
	float: right;
	margin: 0 0 2px 14px;
}

#blog_main img {
	padding-top: 4px;
}

.blog_article_footer{
	padding:  10px 0 14px;
	margin-bottom: 32px;
	border-bottom: 1px solid #DED7C8;
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#blog_archives {
	float: left;
	width: 180px;
	margin: -4px 0 0 26px;
	display: inline;
	background: url(/images/blog_2/blog_bg_mid.jpg) repeat-y scroll 0 0;
	font-size: 11px;
}

#blog_archives a:link, #blog_archives a:visited {
	color: #7f7a71;
}

#blog_archives_inner {
	width: 180px;
	float: left;
	background: url(/images/blog_2/blog_bg_top.jpg) no-repeat scroll 0 0;
}

#date_cat_archives {
	width: 180px;
	float: left;
	clear: both;
	padding-bottom: 8px;
	position: relative;
	background: url(/images/blog_2/blog_bg_bottom.jpg) no-repeat scroll 0 bottom ;
}

#recent_head, #archives_head {
	background: url(/images/blog_2/blog_sidebar_heads.png) no-repeat scroll 0 0;
	margin: 13px 0 4px 16px;
	height:16px;
	line-height:16px;
	text-indent:-5000px;
	width:164px;
}

#recent_archives dl {
	float: left;
	margin: 0 0 6px 18px;
	display: inline;
	width: 150px;
}

#recent_archives dt {
	float: left;
	clear: both;
	width: 120px;
	line-height: 1.2;
}

#recent_archives dd {
	float: right;
	width: 18px;
	line-height: .9;
	margin: 3px 0 4px;
	color: #e2a481;
	font-size: 9px;
	display: none;
}

#archives_head {
	background: url(/images/blog_2/blog_sidebar_heads.png) no-repeat scroll 0 -16px;
}

#archives_date_head, #archives_cat_head {
	float: right;
	margin: 5px 11px 0 0;
	display: inline;
	background: url(/images/blog_2/blog_vert_heads.png) no-repeat scroll 0 -15px;
	height:72px;
	line-height:72px;
	text-indent:-5000px;
	width:8px;
}

#archives_date_head {
	background: url(/images/blog_2/blog_vert_heads.png) no-repeat scroll -8px -15px;
	height:44px;
	line-height:44px;
}

#date_cat_archives .blog_hr {
	height: 1px;
	border: 0 none;
	background: url(/images/blog_2/blog_sidebar_heads.png) #ccc no-repeat scroll 0 -15px;
	margin: 0 0 5px 16px;
	line-height:1px;
	width: 160px;
	clear:both;
}

#date_cat_archives .blog_hr hr {
	display: none;
}

#date_cat_archives ul {
	float: left;
	margin: -2px 0 4px 18px;
	display: inline;
	padding-left: 0;
	width: 120px;
}

#date_cat_archives ul li {
	padding-left: 0;
	margin-left: 0;
	list-style-position: outside;
}

#rss {
	float: left;
	margin: 14px 0 0 23px;
	display: inline;
	background: url(/images/blog_2/rss.jpg) no-repeat scroll 0 0;
	height:24px;
	line-height:24px;
	text-indent:-5000px;
	width:180px;
}

#rss a {
	display: block;
	height: 24px;
}

#rss a:hover {
	background: url(/images/blog_2/rss.jpg) no-repeat scroll 0 -24px;
}




/* Drop caps
----------------------------------------------- */
blockquote p.drop_wrap {
	line-height: 19px;
}

.drop {
	float: left;
	text-align: center;
	margin: 4px 10px 0 0;
	width: 54px;
	height: 53px;
	line-height:53px;
	text-indent:-5000px;
	color: #fff;
	background: url(/images/drop.png) no-repeat #dc5522 scroll;
	font: 44px georgia, times, serif;
}

.B {background-position: -54px 0;} 
.C {background-position: -108px 0;}
.D {background-position: -162px 0;} 
.E {background-position: -216px 0;} 
.F {background-position: -270px 0;} 
.G {background-position: -324px 0;} 
.H {background-position: -378px 0;} 
.I {background-position: -432px 0;} 
.J {background-position: -486px 0;} 
.K {background-position: -540px 0;} 
.L {background-position: -594px 0;} 
.M {background-position: -648px 0;} 
.N {background-position: -702px 0;} 
.O {background-position: -756px 0;} 
.P {background-position: -810px 0;} 
.Q {background-position: -864px 0;} 
.R {background-position: -918px 0;} 
.S {background-position: -972px 0;} 
.T {background-position: -1026px 0;} 
.U {background-position: -1080px 0;} 
.V {background-position: -1134px 0;} 
.W {background-position: -1188px 0;} 
.X {background-position: -1242px 0;} 
.Y {background-position: -1296px 0;} 
.Z {background-position: -1350px 0;}  
.blue {background-color: #6097c2;}
.green {background-color: #97a837;}
.brown {background-color: #81632f;}

/* Footer
----------------------------------------------- */
#footer {
	float: left;
	clear: both;
	position: relative;
	width: 746px;
	display: inline;
	margin: 40px 0 0 128px;
	padding: 14px 0 10px 0;
	background: url(/images/footer.png) no-repeat 0 0;
}

#footer p {
	text-transform: uppercase;
	color: #5a5651;
	font-size: 10px;
	letter-spacing: 1px;
}

/*****************************************************************************
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 h1.site_name, .sIFR-active h1.blog_head, .sIFR-active .blog_article h2, .sIFR-active h1.whatnot_name, .sIFR-active .process_steps h3, .sIFR-active #home_blog h5, .sIFR-active #hall_intro {
    font-family: 'Trebuchet MS',Arial,sans-serif;
    visibility: hidden;
  }
 
}