/*
Author: Creative Soapbox
Author URL: http://www.creativesoapbox.com/
Created: 1/30/09
@copyright (c) 2008-09 Justin Kuntz
-------------------------------------- */

/* Global Reset Courtesy of Eric Meyer - if you are reading this you better know who he is */
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; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Typography
--------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; }
h1 { font-size:2.2em; line-height:1.4em; margin:1em 0 .5em; }
h2 { font-size:1.8em; line-height:1; margin:1.07em 0 .535em; }
h3 { font-size:1.6em; line-height:1; margin:1.14em 0 .57em; }
h4 { font-size:1.4em; line-height:1; margin:1.23em 0 .615em; }
h5 { font-size:1.2em; line-height:1; margin:1.33em 0 .67em; }
h6 { font-size:1em; line-height:1; margin:1.6em 0 .8em; }

p, ul, ol, dl, dt, dd, table, form { font-size:1.4em; line-height:1.6em; margin-bottom: 1.35em; color:#6e6057; }

a, a:link, a:visited { 
	color: #6e6057; 
	text-decoration: none; 
	padding-bottom: 0.2em;
}

a {
	background: transparent url(/images/site/linkunderline.gif) repeat-x bottom left;
}

a:hover { 
	color: #bb4a23; 
	background: transparent url(/images/site/linkunderlinehvr.gif) repeat-x bottom left;
	padding-bottom: 0.2em;
}

h2 {
	color: #948175;
}

strong {
	font-weight: bold;
}

dl, dt, dd {
font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 1.2em;
	color: #6e6057;
}

dl {
	color:#464646;
	font-size:1.2em;
	font-weight:normal;
}

dt {
	margin-bottom:0.4em;
	margin-top:0.8em;
}

dd {
	margin:1em 0 1em 1em;
}

.pdf {
	padding: 10px 0 5px 30px;
	background: transparent url(/images/site/pdf-icon.png) no-repeat left center;
}

.pdf:hover {
	background: transparent url(/images/site/pdf-icon.png) no-repeat left center;
}

/* General Layout
-------------------------------------- */
body#content_body { 
	margin: 0;
	padding: 0;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 62.5%;
	color: #6e6057;
	background: #eeece1 url(/images/site/header_bk_top.jpg) repeat-x left top;
}

.wrap { width: 100%; clear:both; }

.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.min_height {
	height: 400px;
}

/* Header
--------------------------------------- */
#home { float: left; display: inline; width: 280px;}

#logo { display: none; }

#header {
	width: 960px;
	height: 150px;
	background: none;
	padding: 0 20px;
	margin: 0 auto;
	position: relative;
}

#home_body #header { height: 85px; }

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

#header h2 a {
	display: block;
	color:#bc4e21;
	width: 282px;
	height: 24px;
	text-decoration: none;
	text-indent: -99999px;
	background: transparent url(http://www.creativesoapbox.com/images/site/csbox_logo.gif) no-repeat 0 0;
	border: none;
	padding: 0;
}

#header h2 a:hover {
	background-position: 0 -25px; background-color: transparent; }
	
/*\*/ h2 a { overflow: hidden; } /**/

#header h3 { font-size: 1.8em; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; color: #574d47; margin:0; padding: 10px 0 0 0; position: absolute; top: 70px; }

/* Navigation
--------------------------------------- */
#nav {
	background: none;
	display: inline;
	float: right;
	margin: 0;
	padding: 0;
}

#nav ul {
	margin: 0;
	padding: 0;
	background: none;
	height: 150px;
	line-height: 130px;
}

#home_body #nav ul { height: 85px; }

#nav ul li a {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	letter-spacing:  0.12em;
	text-transform: uppercase;
	line-height: 2em;	
}

#nav li, #nav li.last {
	display: inline;
	margin: 0;
	text-indent: 0;
	padding: 0 5px 0 0px;
	background: transparent url(/images/site/nav_sep.gif) repeat-y top right;
}

#nav li:before { content:''; }

#nav li.last { background: none; }

#nav li a {
	padding: 4px 8px 4px 8px;
	text-decoration: none;
	background: none;
	color: #766b62;
}

#nav li a:hover, #nav li a.active, #nav li a.selected { 
	background: transparent url(/images/site/nav_bk.gif) repeat top left;
	color: #c5bcab;
}


/* Side Navigation
--------------------------------------- */

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

.sidenav li{
	color: #ccc;
	list-style: none;
	margin: 0;
	padding: 0.25em 0;
	border: none;
	letter-spacing:  0.1em;
	text-transform: uppercase;
	display: block;
}

.sidenav li a {
	text-decoration: none;
}

.sidenav li a:link, #sidenav li a:visited {
	text-decoration: none;
	font-weight:normal;
	color: #bb4a23;
}

.sidenav li a:hover, #sidenav li a.selected{
	padding: 0.25em 0 0 1em;
	color: #ccc;
	background: transparent url(/images/site/arrow.gif) no-repeat left center;
}

/* Home specific
-------------------------------------- */

body#home_body { 
	margin: 0;
	padding: 0;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 62.5%;
	color: #6e6057;
	background: #eeece1 url(/images/site/home_body_bk.jpg) repeat-x left 29px;
}

/* Home slideshow located in header_btm */

#home_header_wrap {
	background: #eeece1 url(/images/site/home_header_bk_top.jpg) repeat left top; 
}

#slide_nav {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

#slide_next {
	display: block;
	width: 55px;
	height: 32px;
	position: absolute;
	left: 900px;
	top: 381px;
	background: transparent url(/images/site/next_home.jpg) no-repeat 0 0;
	text-indent: -99999px;
	padding: 0;
	z-index: 1;
	cursor: pointer;
}

#slide_next:hover {
	background: transparent url(/images/site/next_home.jpg) no-repeat 0 -32px;
}

.home_featured {
	width: 980px;
	height: 413px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.home_featured div {
	top: 500px;
	position: absolute;
	z-index: 0;
}

.home_featured a {
	background: none;
}


/* Home - below slideshow */

#home_body .content_wrap {
	float: left;
	display: inline;
	width: 660px;
}

#home_body #content { 
	width: 1000px;
	margin: 0 auto;
	padding: 40px 0 0 0;
	background: none;
}

#home_body .maincontent { 
	background: transparent url(/images/site/home_content_bk.png) no-repeat bottom center; 
}

.home_content_left {
	display: inline;
	float: left;
	width: 630px;
	margin: 0 10px 0 20px;
}

.home_content_left h1 {
	margin:0 0 0.2em;
}

.home_content_left h2 {
	margin:1.07em 0 0;
}

p#home_intro {
	padding: 0 60px 10px 0;
}

.home_col_220 {
	display: inline;
	float: left;
	width: 200px;
	margin: 0 10px 0 0;
}

#home_content h2 {
	margin:1.07em 0 0;
}

.home_content_left h3 {
	text-indent: -99999px;
	margin: 0;
	margin: .3em 0 .5em;
	height: 12px;
}

.home_content_left #branding h3 {
	background: transparent url(/images/site/home_headings.gif) no-repeat 0 0;
}

.home_content_left #print h3 {
	background: transparent url(/images/site/home_headings.gif) no-repeat 0 -13px;
}

.home_content_left #web h3 {
	background: transparent url(/images/site/home_headings.gif) no-repeat 0 -26px;
}

.home_content_left ul li {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	color:#9a9387;
	font-size: .9em;
	line-height: 1.3em;
}


/* home right sidebar */

.home_col_300 {
	display: inline;
	float: right;
	width: 280px;
	margin: 0 10px;
}

#daily_pic {
	margin-bottom: 30px;
}

#daily_pic h4 {
	background: transparent url(/images/site/daily_photo.gif) no-repeat 0 0;
	text-indent: -99999px;
}

#daily_pic img {
	border-top: 1px solid #d5ceb9;
	border-bottom: 1px solid #d5ceb9;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	margin-right: 7px;
}

#daily_pic a {
	background: none;
}

#recent_blog {
	margin-right: 20px;
}

#recent_blog h4 {
	background: transparent url(/images/site/recent_blog.gif) no-repeat 0 0;
	text-indent: -99999px;
}

#recent_blog ul li {
	margin-bottom: .5em;
}

#recent_blog ul li span {
	font-size: .8em;
	display: block;
	margin:.5em 0 0;
	letter-spacing: .1em;
}

#recent_blog ul li a {
	background: none;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	line-height: 1em;
}

/* Other pages, not home
-------------------------------------- */

#content_wrap {
	background: transparent url(/images/site/content_bk_btm.gif) repeat-x bottom left;
}

#content { 
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	background: transparent url(/images/site/content_cap.png) no-repeat center top;
	position: relative;
}

#content_portfolio { 
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	background: transparent url(/images/site/portfolio_top_cap.png) no-repeat center top;
	position: relative;
}

.maincontent {
	background: transparent url(/images/site/content_bk.png) repeat-y center top;
	margin: 0;
	padding: 0 20px 10px 20px;
	clear: both;
	overflow: hidden;
	width: 960px
}

.col_960 {
	display: inline;
	float: left;
	width: 820px;
	margin: 0 10px 0 130px;
}

.col_600 {
	width: 450px;
	margin: 0 20px 30px 130px;
	display: inline;
	float: left;
}

.col_660 {
	width: 510px;
	margin: 0 20px 30px 130px;
	display: inline;
	float: left;
}

.col_720 {
	width: 550px;
	margin: 0 40px 30px 130px;
	display: inline;
	float: left;
}

.col_300 {
	margin: 50px 30px 0 20px;
	width:250px;
	display:inline;
	float:left;
	padding:0;
}

.col_360 {
	margin: 50px 30px 0 20px;
	width:310px;
	display:inline;
	float:left;
	padding:0;
}

.subheading {
	margin: 0 70px 0 130px;
	display:inline;
	float:left;
	padding:0;
	width: 760px;
}

.subheading h1 {
	font-size: 2.5em;
	line-height: 1em;
	margin:1.5em 0 0;
	color: #bb5026;
}

.col_300 h3 {
	margin-top: 0;
}

/* wrapped in .col_960 */
.three_cols {
	margin: 0;
	padding: 0 30px 10px 0;
	float: left;
	display: inline;
	overflow: hidden;
	width: 240px
}




/* Page Headings and Breadcrumb subnav
--------------------------------------- */

#intro_cap {
	height: 55px;
	padding: 0 0 15px 20px;
	margin: 0;
	background: transparent url(/images/site/intro_bk.png) no-repeat scroll left top;
	position: relative;
}

#intro_cap_portfolio_view {
	height: 55px;
	padding: 0 0 15px 20px;
	margin: 0;
	background: transparent url(/images/site/portfolio_top_bk.png) no-repeat scroll left top;
	position: relative;
}

ul#subnav, ul#breadcrumb {
	margin: 0;
	padding: 12px 0 0 0;
	background: none;
	height: 48px;
	line-height: 48px;
	position: relative;
	float: left;
	display: inline;
	width: 700px;
}

ul#subnav li {
	display: inline;
	float: left;
	margin: 0;
	text-indent: 0;
	padding: 2px 5px 0 2px;
	background: transparent url(/images/site/nav_bg.gif) repeat-y top right;
	line-height: 20px;
}

ul#breadcrumb li {
	display: inline;
	float: left;
	margin: 0;
	text-indent: 0;
	padding: 2px 10px 0 2px;
	background: transparent url(/images/site/arrow_crumb.gif) no-repeat scroll right .6em;
	line-height: 20px;
}

.blog_cat_selected, .blog_tag_selected {
	cursor:text;
}

ul#subnav li:before, ul#breadcrumb li:before { content:''; }

ul#subnav li.last, ul#breadcrumb li.last { background: none; }

ul#subnav li a, ul#breadcrumb li a {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	line-height: 20px;	
	padding: 0 8px 3px;
	text-decoration: none;
	background: none;
	color: #63554c;
	display: block;
}

ul#subnav li a:hover {
	color: #948175;
}

ul#subnav li a.active, ul#subnav li a.selected, ul#breadcrumb li a.active, ul#breadcrumb li a.selected {
	color: #948175;
}

ul#subnav li#current_section, ul#breadcrumb li#current_section {
	background: none;
}

ul#subnav li#current_section a, ul#breadcrumb li#current_section a {
	background: transparent url(/images/site/arrow_crumb.gif) no-repeat scroll right 0.3em;
	color: #63554c;
	font-size: 1.5em;
	padding-right: 20px;
}

ul#subnav li#current_section a:hover, ul#breadcrumb li#current_section a:hover {
	color: #bb4a23;
}

ul#subnav ul {
	position: absolute;
	display: block;
}

ul#subnav ul li, ul#subnav ul li a {
	font-size: .7em;
	background: none;
}

ul#subnav li.last_subnav {
	background: none;
}

a.all_portfolio {
	background: transparent url(/images/site/view_all.gif) no-repeat scroll;
	height: 9px;
	width: 77px;
	padding: 0;
	text-indent: -99999px;
	float: right;
	display: block;	
	margin: 20px 15px 0 0;
}

a.all_portfolio:hover {
	background: transparent url(/images/site/view_all.gif) no-repeat scroll 0 -9px;
}
	

/* About_Us
--------------------------------------- */

#about_wrap {
	background: transparent url(/images/site/about_soapbox.jpg) no-repeat 540px 80px;
	width: 960px;
}

h2#company_intro {
	padding-right: 40px;
}

.content_pad_ethos {
	margin:0 0 30px 120px;
	width:840px;
}

.ethos_row_top {
	background: transparent url(/images/site/ethos_top.gif) no-repeat top left;
	width:840px;
	height: 28px;
}

.ethos_row_middle {
	background: transparent url(/images/site/ethos_slice.gif) repeat-y top left;
	width:840px;
}

.ethos_row_btm {
	background: transparent url(/images/site/ethos_btm.gif) no-repeat bottom left;
	width:840px;
	height: 32px;
}

.box_205 {
	display: inline;
	float: left;
	width: 420px;
}

.box_205 h3 {
	color: #c97238;
	display: block;
	padding: 0 0 10px 0;
	width: 400px;
	margin: 0 0 0 30px;
	height: 120px;
	text-indent: -99999px;
	width: 355px;
}

#accountable h3 {	
	background: transparent url(/images/site/ethos_top_accountable.gif) no-repeat top left;
	height: 100px;
}

#transparent h3 {	
	background: transparent url(/images/site/ethos_top_transparent.gif) no-repeat top left;
	height: 100px;
}

#access h3 {	
	background: transparent url(/images/site/ethos_top_access.gif) no-repeat top left;
	height: 90px;
}

#sustain h3 {	
	background: transparent url(/images/site/ethos_top_sustain.gif) no-repeat top left;
	height: 90px;
}


.box_205 p {
 	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	line-height: 20px;
	padding: 0 30px;
	margin-bottom: 0;
}

#about_side {
	margin-top: 340px;
}

#link_process, #link_team, #link_portfolio {
	display: block;
	text-indent: -99999px;
}

#link_process{
	margin: 30px 0 30px 0;
}

#link_team{
	margin: 0 0 30px 0;
}

#link_process {
	background:transparent url(/images/site/link_process.gif) no-repeat scroll left top;
	width: 240px;
	height: 16px;
}

#link_team {
	background:transparent url(/images/site/link_team.gif) no-repeat scroll left top;
	width: 140px;
	height: 16px;
}

#link_portfolio {
	background:transparent url(/images/site/link_portfolio.gif) no-repeat scroll left top;
	width: 140px;
	height: 16px;
}

.process_row {
	width: 820px;
	overflow: hidden;
	margin: 0 0 20px 0;
}

.process_first img {
	margin: 13px 0 0 25px;
}

.process_first, .process_middle, .process_last {
	display: inline;
	float: left;
}

.process_first {
	width: 200px;
	margin: 20px 20px 0 0;
	height: 101px;
	background:transparent url(/images/site/process_bk.jpg) no-repeat scroll left top;
}

.process_first h3 {
	height: 100px;
	text-indent: -99999px;
}

.process_middle{
	width: 340px;
	margin-top: 6px;
}

.process_middle h3 {
	margin:1.14em 0 0;
}

.process_last{
	width: 220px;
	margin: 38px 0 0 40px;
}

.process_last p {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 1em;	
}

.process_last ul li {
	background:transparent url(/images/site/arrow.gif) no-repeat scroll left center;
	display:block;
	font-size:0.9em;
	margin:0;
	padding:0 0 0 1em;
}

.team_row {
	width: 820px;
	overflow: hidden;
	margin: 20px 0 10px 0;
}

.team_row img {
	display: inline;
	float: left;
	margin: 0 20px 0 0;
	border-top: 1px solid #D5CEB9;
	border-bottom: 1px solid #D5CEB9;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

.team_first, .team_middle, .team_last {
	display: inline;
	float: left;
}

.team_first {
	width: 200px;
	background:transparent url(/images/site/45hatch_tan.gif) repeat scroll left top;
	margin: 20px 20px 0 0;
	
}

.team_first h3 {
	height: 100px;
	text-indent: -99999px;
}

.team_middle {
	width: 340px;
}

.team_middle h3 {
	margin:0;
	color:#BB5026;
}

.team_middle h4 {
	margin:.5em 0 0.2em;
	font-style: italic;
	font-size:1.3em;
}

.team_middle .contact {
	margin:.2em 0 0.5em;
}

.team_last{
	width: 220px;
	margin: 42px 0 0 40px;
}

.team_last ul li {
	background:transparent url(/images/site/arrow.gif) no-repeat scroll left center;
	display:block;
	font-size:0.9em;
	margin:0;
	padding:0 0 0 1em;
}

.team_last ul li a {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: .9em;
}

/* Services
--------------------------------------- */

.services_section {
	margin-bottom: 2em;
	padding-bottom: 1.5em;
	background:transparent url(/images/site/2color_line.gif) repeat-x scroll left bottom;
}

.last_services {
	background: none;
}

p.services_list {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 1.1em;
}

/* portfolio
--------------------------------------- */

#portfolio_header {
	display: none;
}

.portfolio_cats {
	position: absolute;
	top: 2px;
}

.portfolio_cats h5 {
	display: inline;
	font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
	font-size:1.1em;
	line-height:45px;
}

.portfolio_cats h5 a {
	color:#948175;
	font-size: 1.5em;
	margin: 0 1em;
	padding-right: 13px;
	background:transparent url(/images/site/nav_bg.gif) repeat-y scroll right top;
}

#cat_industry h5 a {
	background: none;
}

.portfolio_cats ul {
	background: #eeece1 url(/images/site/top_cat_dropdown.gif) no-repeat scroll left top;
	padding: 1.5em 0 .8em .5em;
	margin: 0 0 0 5px;
	border-right: 1px solid #d5ceb9;
	border-left: 1px solid #d5ceb9;
	border-bottom: 1px solid #d5ceb9;
	width: 250px;
	display: none;
}

.portfolio_cats li {
	display: block;
	padding: 0 0 .3em 0;
}

.portfolio_cats li a {
	font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
	display: block;
	padding:.2em .8em;
	text-decoration:none;
	font-size: .8em;
	line-height: 1em;
	background: none;
}

.portfolio_cats li a:hover {
	background: none;
}

.portfolio_cats ul ul {
	background: transparent;
	padding: .4em 0 0 .5em;
	margin: 0;
	position: inherit;
	border: none;
}

.portfolio_cats ul ul li a {
	font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
	display: block;
	padding:.2em 1em;
	text-decoration:none;
	font-size: .5em;
	line-height: 1em;
	margin-left: 8px;
	background: transparent url(/images/site/bullet_orange.gif) no-repeat left center;
}
.portfolio_cats ul ul li a:hover {
	background: transparent url(/images/site/bullet_orange.gif) no-repeat left center;
}

#cat_all {
	left: 130px;	
}

#cat_service {
	left: 175px;	
}

#cat_service ul, #cat_client ul, #cat_industry ul {
	left: -3px;
}

#cat_client {
	left: 255px;
}

#cat_industry {
	left: 326px;
}

#portfolio_thumbs {
	margin-left: 140px; 
}

#portfolio_thumbs h5 {
	display: inline;
	float: left;
	line-height: 1.6em;
	margin:8px 6px 0 0;
}

#portfolio_thumbs ul {
	padding: 0;
	margin: 5px 0 10px;
	float: left;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}

#portfolio_thumbs ul li {
	display: inline;
	float: left;
	margin-right: 3px;
	cursor: pointer;
	background-color: #f4f3eb;
	border-top: 1px solid #d3cab9;
	border-right: 1px solid #f2f0e8;
	border-bottom: 1px solid #fcfbf8;
	border-left: 1px solid #ebe8de;
	padding: 0 6px 0 6px;
}

#portfolio_thumbs ul li a{
	padding:0;
	line-height: 1.3em;
}

#portfolio_thumbs ul li img {
	position: absolute;
	display: none;
	left: 10px;
	top: 130px;
	cursor: default;
}

#portfolio_thumbs ul li.selected_image {
	color: #BC4E21;
	background-color: #edebdf;
	border-top: 1px solid #fcfbf8;
	border-right: 1px solid #f4f4ec;
	border-bottom: 1px solid #d3cab9;
	border-left: 1px solid #e4dfd2;
/* 	border: none; */
}

#portfolio_thumbs ul li.selected_image img {
	display:block;
}


.portfolio_view_link {
	height: 230px;
	display: inline;
	float: left;
	margin: 20px 10px 0 10px;
	padding: 0;
	width: 218px;
}

.portfolio_view_link div.port_image_wrap {
	background: transparent url(/images/site/port_img_bk.gif) no-repeat left top;
	width: 220px;
	height: 157px;
	margin-bottom: 10px;
}

.portfolio_view_link a {
	background: none;
	line-height: 1.3em;
}

.portfolio_view_link a:hover {
	background: none;
}

.portfolio_view_link h4 {
	font-size: 1.2em;
	margin: 0 12px 6px 12px;
	padding: 0;
}
	
.portfolio_view_link h4 a {
	font-style: italic;
	
}

.portfolio_view_link h4 span {
	font-style: normal;
	color:#948175;
	text-transform: uppercase;
}

.portfolio_view_link  h5 {
	line-height: 1em;
	margin: 0 12px 10px;
}

.portfolio_view_link h5 a {
	color: #887b72;
}

.portfolio_view_link h5 a:hover {
	color: #BB4A23;
}

.portfolio_view_link h5 span {
	color:#948175;
	text-transform: uppercase;
}

#portfolio_main h3 a {
	background: none;
}

.portfolio img, .portfolio a img, .portfolio a img:link, .portfolio a img:visited, .related_projects img {
	border: 1px solid #ded7c4;
	margin: 12px 12px 10px 13px;
}

.portfolio a img:hover, .related_projects img:hover {
	border: 1px solid #fffffe;
	margin: 12px 12px 10px 13px;
}

.portfolio .four_unit {
	margin-top: 20px;
}

/* Portfolio View
--------------------------------------- */

#all_projects {
	font-size: 1.1em;
}

#loadInfo {
	position: absolute;
	left: 350px;
	top: 300px;
	z-index: 200;
	display: none;
}

/* preloader */
#statusBar {
	background:#DDDDDD url(/images/site/dadada_40x100_textures_06_inset_hard_95.png) repeat-x scroll 50% 50%;
	border:2px solid #AAAAAA;
	width:300px;
	height:16px;
}

#status {
	background:transparent url(/images/site/f58705_40x100_textures_08_diagonals_thick_85.png) no-repeat scroll 0 50%;
	height:12px;
}

#port_left {
	background: transparent url(/images/site/port_left_cap.jpg) no-repeat left top;
	width: 720px;
	display:inline;
	float:left;
}

#portfolio_title {
	margin:1.5em 0 0.5em;
}

#site_address {
	font-size: 1.2em;
	padding-bottom: 1em;
}

#site_address span {
	color:#948175;
	font-style:normal;
	text-transform:uppercase;
	display: block;
	letter-spacing: .1em;
}

#site_address a {
	background: transparent url(/images/site/external.gif) no-repeat right 3px;
	padding-right: 15px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-weight: bold;
}

#site_address a:hover {
	background: transparent url(/images/site/external.gif) no-repeat right 3px;
	padding-right: 15px;
	color: #BC4E21;
}



#read_more_wrap {
	background: transparent url(/images/site/2color_line.gif) repeat-x 0 bottom;
	padding-bottom: 10px;
}

h3#portfolio_read_more {
	height: 22px;
	width:102px;
	display: block;
	padding: 0;
	margin-bottom: 0;
	text-indent: -99999px;
	background: transparent url(/images/site/portfolio_read_more.gif) no-repeat;
}

#read_more_wrap p {
	margin: 0;
	padding-bottom:1.35em;
}


#portfolio_writeup blockquote {
	font-style: italic;
	background: transparent url(/images/site/quote_left.gif) no-repeat 20px 10px;
	margin-right: 60px;
}

#portfolio_writeup blockquote p {
	padding: 10px 0 0 40px;
	color: #948175;
}

.testimonial {
	background:transparent url(/images/site/2color_line.gif) repeat-x scroll 0 bottom;
	padding-bottom: 20px;
}

p.quoted {
	padding-left:40px;
	color:#948175;
	font-size:1.2em;
	font-style:normal;
	letter-spacing:0.1em;
	margin-bottom:.2em;
	text-transform:uppercase;
}

p.title {
	padding-left:40px;
	color:#948175;
	font-size:1.2em;
	font-style:normal;
	letter-spacing:0.1em;
	margin-bottom:0;
}
	
/* Portfolio sidebar */

#portfolio_sidebar_wrap {
	width: 240px;
	display:inline;
	float:left;
}

#portfolio_sidebar {
	margin: 0;
	padding: 40px 20px 5px 20px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	background: transparent url(/images/site/port_sidebar_cap.gif) no-repeat left top;
	width: 200px;
	display: inline;
	float: left;
}

#portfolio_sidebar h4 {
	color:#948175;
	font-style:normal;
	text-transform:uppercase;
	font-size:1.2em;
	margin-bottom:0.3em;
	letter-spacing: .1em;
}

#portfolio_sidebar p {
	font-size: 1.2em;
	padding: .3em 0;
	margin: 0;
}

#portfolio_sidebar ul {
	margin:0;
}

#portfolio_sidebar ul li {
	padding: 0;
}

#portfolio_sidebar ul li a {
	padding: 0;
	background: none;
	margin: 0;
	font-size: .9em;
	display: block;
}

#portfolio_sidebar li a.child_cat {
	margin-left: 10px;
	background: transparent url(/images/site/arrow.gif) no-repeat left center;
	padding: 0 0 .5em 1em;
	line-height: 1em;
}

/* tags */

#tags p {
 	font-size: 1em;
 }
 
 /* Filter page */
 
#nav_service a, #nav_client a, #nav_industry a {
	font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
	font-size: .9em;
}

ul.filter_lists ul {
	margin: 0 0 0 1em;
	font-size: 1em;
}

#tag_cloud {
	height: 400px;
}


/* Related projects, some styles under portfolio img */

.portfolio_wrap_images {
	background:transparent url(/images/site/portfolio_top_slice.png) repeat-y scroll left bottom;
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
}

.portfolio_images {
	background:#eeece0 url(/images/site/thick_border.gif) repeat-x scroll left bottom;
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}

#portfolio_writeup_wrap {
	background:transparent url(/images/site/port_divider.gif) repeat-y scroll 718px top;
	padding: 0;
	overflow: hidden;
	width: 960px;
}

#portfolio_writeup {
	background:transparent url(/images/site/blog_entry_btm_view.gif) no-repeat scroll center bottom;
	padding: 0 0 50px;
	width: 960px;
	overflow: hidden;
}

.related_projects h2 {
	padding: 0; 
	margin: 1em 0 0 0.535em;
}

/* Blog
--------------------------------------- */

/* Blog specific background images */
#blog { 
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	background: transparent url(/images/site/content_cap.png) no-repeat left top;
}

#blog_content {
	background-color: #fff;
	background: transparent url(/images/site/blog_bk_1000.png) repeat-y left top;
	margin: 0;
	padding: 0;
	clear:both;
	overflow: hidden;
	width: 1000px
}

.blog_page_wrapper {
	float: left;
	display: inline;
	width: 740px;
}

#intro_cap_blog {
	height: 55px;
	padding: 0 10px 30px 20px;
	margin-bottom: 10px;
	background: transparent url(/images/site/intro_bk_blog_740.gif) no-repeat scroll 10px top;
	width: 720px;
}

#intro_cap_blog h1 {
	margin: 0 7px 0 0;
	padding: 0 15px 10px 0;
	background: transparent url(/images/site/arrow_crumb.gif) no-repeat scroll right 0.9em;
	line-height: 45px;
	color: #63554c;
	float: left;
	display: inline;
}
#intro_cap_blog h1 a {
	color: #63554c;
	background: none;
}

#intro_cap_blog h1 a:hover {
	color: #bb4a23;
	background: none;
}

.author_comments {
	overflow:hidden;
	width:840px;
	float: left;
}

p.blog_author {
	color: #BB5026;
	font-size: 1.2em;
	font-style: italic;
	float: left;
	display: inline;
}

p.blog_author span {
	text-transform:uppercase;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-style: normal;
}

p.blog_entry_comments {
	margin-left: 15px;
	text-transform: uppercase;
	font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
	font-weight: normal;
	float: left;
	display: inline;
}

p.blog_entry_comments a {
	display: block;
	background:transparent url(/images/site/commentssm.png) no-repeat scroll left center;
	color: #fff;
	width: 22px;
	height: 21px;
	padding: 0;
	line-height: 12px;
	margin: 2px 0 0 0;
	font-size: 8px;
	text-align: center;
}

p.blog_entry_comments a:hover {
	color: #eeece1;
}


.blog_page {
	float: left;
	display: inline;
	width: 740px;
	margin: 0 0 10px 10px;
}

.blog_entries {
	overflow: hidden;
}

.blog_date_col {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	width: 140px;
}

.blog_content_col {
	display: inline;
	float: left;
	margin: 0;
	padding: 0 40px 0 0;
	width: 560px;
}

div.blog_date {
	font-size: 1.1em;
	line-height: 2em;
	background:transparent url(/images/site/date_bk.gif) no-repeat scroll center bottom;
	height: 78px;
	width: 67px;
	text-align: center;
	margin:0 0 0 40px;
	line-height: 1.5em;
	text-transform: uppercase;
	font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
}

div.blog_date p {
	margin:0;
	padding:14px 0 0 0;
	font-size: 1em;
	color: #a29882;
	line-height: 1.3em;
}

div.blog_date p span {
	font-size: 2em;
	color: #BB5026;
	display: block;
	padding-bottom: 7px;
}

h2.blog_title {
	margin:0 0 .4em;
	font-size: 2.6em;
	color: #BB5026;
}

h1.blog_title {
	margin:3em 0 .4em;
}

h2.blog_title a {
	color: #bb5026;
	background: none;
	line-height: 1.3em;
}

h2.blog_title a:hover {
	color: #948175;
}

.blog_entry {
	background:transparent url(/images/site/blog_entry_btm.jpg) no-repeat scroll 10px bottom;
	padding: 0 0 50px;
	overflow: hidden;
	width: 740px;
	margin-bottom: 30px;
	float: left;/* added to open up div */
}

/* Special classes for more than one blog post entry */

.special-topic {
	background-color: #edebdf;
	border-top: 1px solid #d5ceb9;
	border-bottom: 1px solid #d5ceb9;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	display:inline;
	float:left;
	margin-bottom:20px;
	margin-right: 60px;
	padding:10px;
	width:380px;
	
}

.special-topic h5 {
	margin-top: 0;
	font-size: 12px;
	text-transform:uppercase;
	color:#BB5026;
}

.special-topic p {
	margin-bottom: 0;
}

.special-topic em {
	font-style: italic;
	font-size: 12px;
}



/* ------------------------------------------------------------------------------------ */


.meta {
	overflow: hidden;
}

.meta .related-blog  {
margin-top: 20px;
}

.meta .related-blog h3  {
}

.meta .related-blog ul li  {
	padding-bottom: 5px;
}

.meta .related-blog ul li a {
	padding-left: 15px;
	background: transparent url(/images/site/double-arrows.gif) no-repeat 0 3px;
	
}

.meta .related-blog ul li a:hover {
	background: transparent url(/images/site/double-arrows.gif) no-repeat 0 -23px;
	
}




a.continue {
	background:transparent url(/images/site/continue_reading.gif) no-repeat scroll left top;
	padding: 0;
	display: block;
	text-indent: -99999px;
	width: 120px;
	height: 13px;
}

a.continue:hover {
	background:transparent url(/images/site/continue_reading.gif) no-repeat scroll left -13px;
}

p.blog_entry_categories {
	line-height: 1.5em;
	color: #BB4A23;
	margin: 22px 0 10px 0;
	float: left;
	display: inline;
	width: 450px;
}

p.blog_entry_categories span {
	color: #bb5026;
	font-size: .8em;
	font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
	padding-right: 5px;
}

p.blog_entry_categories a {
	font-style: italic;
	font-size:.9em;
	color: #bb5026;
}
p.blog_entry_categories a:hover {
	color:#BB4A23;
}

.paginate {
	font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
	padding: 2em 0 1em 3em;
	font-size: 1.2em;
}

.paginate a {
	display: block;
	height: 9px;
	text-indent: -99999px;
	padding: 0;
	}
	
.paginate a#blog_prevpage {
	background:transparent url(/images/site/prev_blog.gif) no-repeat scroll left top;
	float: left;
	width: 72px;
	margin-left: 100px;
}

.paginate a#blog_prevpage:hover {
	background:transparent url(/images/site/prev_blog.gif) no-repeat scroll left -9px;
}

.paginate a#blog_nextpage {
	background:transparent url(/images/site/next_blog.gif) no-repeat scroll left top;
	float: right;
	width: 43px;
	padding-right: 20px;
}

.paginate a#blog_nextpage:hover {
	background:transparent url(/images/site/next_blog.gif) no-repeat scroll left -9px;
}

/* Blog sidebar */

#blog_sidebar {
	background:transparent url(/images/site/blog_sidebar_cap.jpg) no-repeat scroll left top;
	display: inline;
	float: left;
	margin: 0 0 0 10px;
	padding: 10px 20px 0 20px;
	width: 210px;
	overflow: hidden;
}

#blog_sidebar a {
	background: none;
}

form#blog_simple_search {
	overflow: hidden;
}

form#blog_simple_search #search_input {
	width: 160px;
	background:  #fffffe url(/images/site/form_slice.gif) repeat-x left top;
	border: 1px solid #baaf96;
	padding: 5px;
	color: #948175;
	float: left;
	margin-right: 7px;
}

form#blog_simple_search p {
	display: inline;
}

#searchbtn {
	width: 28px;
	height: 26px;
	background: transparent url(/images/site/search_icon.png) no-repeat center top;
	border: none;
	float: left;
	cursor: pointer;
}

a#twitter_blog {
	background: transparent url(/images/site/twitter_blog.gif) no-repeat left top;
	padding: 0;
	margin:40px 0 0 0;
	display: block;
	width: 200px;
	height: 33px;
	text-indent: -99999px;
}

a#twitter_blog:hover {
	background: transparent url(/images/site/twitter_blog.gif) no-repeat left -37px;
}


a#rss_blog {
	background: transparent url(/images/site/rss_blog.gif) no-repeat left top;
	padding: 0 40px 0 5px;
	margin: 20px 0 0 0;
	display: block;
	width: 200px;
	height: 19px;
	text-indent: -99999px;
}

a#rss_blog:hover {
	background: transparent url(/images/site/rss_blog.gif) no-repeat left -26px;
}

#blog_sidebar h6 {
	color:#BB4A23;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: .9em;
	background: transparent url(/images/site/2color_line.gif) repeat-x left top;
	color:#948175;
	line-height: .9em;
	margin:2.7em 0 0.8em;
	padding: 10px 0 0 0;
}

#blog_sidebar h6 a {
	color:#948175;
	display: block;
	padding: 0 0 10px 13px;
	background: transparent url(/images/site/tan_arrow_down.gif) no-repeat 0 0;
	cursor:text;
}


#blog_sidebar ul li a {
	font-size: .8em;
	font-style: italic;
	line-height: 1.5em;
	overflow: hidden;
	display: block;
}

#blog_sidebar ul li a span {
	float: right;
}

/* Blog View Page */
#blog_view { 
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	background: transparent url(/images/site/content_cap.png) no-repeat center top;
	color: #d3cfcd;
}

#blog_view_content {
	background: transparent url(/images/site/content_bk.png) repeat-y center top;
	margin: 0;
	padding: 0 10px;
	clear:both;
	overflow: hidden;
	width: 980px
}

#intro_cap_blog_view {
	height: 60px;
	padding: 0 0 0 20px;
	background: transparent url(/images/site/intro_bk_blog_view.png) no-repeat scroll left bottom;
	
}

#intro_cap_blog_view h1 {
	margin: 0;
	padding: 0 15px 10px 0;
	line-height: 45px;
	color: #63554c;
	float: left;
	display: inline;
}
#intro_cap_blog_view h1 a {
	color: #63554c;
	background: none;
}
#intro_cap_blog_view h1 a:hover {
	color: #bb4a23;
	background: none;
}

#blog_view_nav {
	float: right;
	display: inline;
	margin: 0 20px 0 0;
/* 	width: 250px; */
	padding: 20px 10px 0 0;
}

#blog_view_nav li {
	display: inline;
	float: left;
}

#blog_view_nav a {
	display: block;
	text-indent: -99999px;
	height: 9px;
	float: left;
	padding: 0;
}

#blog_view_nav_next {
	background:transparent url(/images/site/next_blog.gif) no-repeat scroll;
	width: 43px;
}

#blog_view_nav_next:hover {
	background:transparent url(/images/site/next_blog.gif) no-repeat scroll left -9px;
}

#blog_view_all {
	background:transparent url(/images/site/all_entries_blog.gif) no-repeat scroll;
	width: 77px;
	margin: 0 20px;
}

#blog_view_all:hover {
	background:transparent url(/images/site/all_entries_blog.gif) no-repeat scroll left -9px;
}

#blog_view_nav_prev {
	background:transparent url(/images/site/prev_blog.gif) no-repeat scroll;
	width: 72px;
}

#blog_view_nav_prev:hover {
	background:transparent url(/images/site/prev_blog.gif) no-repeat scroll left -9px;
}

.blog_view_content_col {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	width: 980px;
}

.blog_view_date_col {
	display: inline;
	float: left;
	margin: 0;
	padding: 40px 0 0 0;
	width: 140px;
	height: 250px;
}

#blog_view_entry {
	padding: 0 0 80px;
	overflow: hidden;
	width: 980px;
}

#blog_view_entry h2, #blog_view_entry h3, #blog_view_entry h4 {
	color:#BB5026;
}

.view_meta {
	background:transparent url(/images/site/2color_line.gif) repeat-x scroll left top;
	padding:10px 70px 10px 140px;
	width:770px;
}

ul#share_bookmarks {
	float: right;
	display: inline;
	margin: 0;
	padding: 10px 0 0 0;
	width: 245px;
}

ul#share_bookmarks li {
	float: left;
	display: inline;
	padding: 0 7px 0 0;
		text-transform: uppercase;
	font-size: .8em;
	font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
	color:#BB5026;
	line-height: 4em;
}


ul#share_bookmarks li a {
	display: block;
	text-indent: -99999px;
	height: 32px;
	width: 32px;
}

ul#share_bookmarks li.delicious a {
	background: transparent url(/images/site/share.png) no-repeat 0 0;
}

ul#share_bookmarks li.delicious a:hover {
	background: transparent url(/images/site/share.png) no-repeat 0 -48px;
}

ul#share_bookmarks li.twitter a {
	background: transparent url(/images/site/share.png) no-repeat -32px 0;
}

ul#share_bookmarks li.twitter a:hover {
	background: transparent url(/images/site/share.png) no-repeat -32px -48px;
}

ul#share_bookmarks li.facebook a {
	background: transparent url(/images/site/share.png) no-repeat -64px 0;
}

ul#share_bookmarks li.facebook a:hover {
	background: transparent url(/images/site/share.png) no-repeat -64px -48px;
}

ul#share_bookmarks li.digg a {
	background: transparent url(/images/site/share.png) no-repeat -96px 0;
}

ul#share_bookmarks li.digg a:hover {
	background: transparent url(/images/site/share.png) no-repeat -96px -48px;
}

ul#share_bookmarks li.reddit a {
	background: transparent url(/images/site/share.png) no-repeat -128px 0;
}

ul#share_bookmarks li.reddit a:hover {
	background: transparent url(/images/site/share.png) no-repeat -128px -48px;
}




/* Comments */

#comments_wrap {
	overflow: hidden;
	background:transparent url(/images/site/blog_entry_btm_view.gif) no-repeat scroll center bottom;
	padding: 0 0 50px;
	width: 980px;
}

#comments_wrap h2 {
	color: #BB5026;
	padding:30px 0 0 30px;
	margin-left:110px;
}

.comment {
	margin-bottom: 20px;
	position: relative;
}

.comment h5 {
	background:transparent url(/images/site/comment_line.gif) no-repeat scroll left bottom;
	margin:0 80px 0 120px;
	padding:10px 0 30px 20px;
	font-size: 1.2em;
	letter-spacing: .1em;
	color: #6e6057;
	font-style: italic;
	font-family:Georgia,"Times New Roman",Times,serif;
}

.csbox_comment h5 {
	background:transparent url(/images/site/comment_line.gif) no-repeat scroll left bottom;
	margin:0 80px 0 120px;
	padding:10px 0 30px 20px;
	font-size: 1.2em;
	letter-spacing: .1em;
	color: #6e6057;
	font-style: italic;
}

.comment h5 span, .comment h5 span a {
	color: #BB5026;
	text-transform: uppercase;
	font-style: normal;
}

.comment_body {
	display: inline;
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
	width: 620px;
	margin-left: 140px;
}

.comment_avatar {
	display: inline;
	float: left;
	margin: 0;
	width: 220px;
}

.comment_avatar a {
	background: none;
}

.comment_avatar img {
	margin: 10px 30px 20px 70px;
	border-top: 1px solid #d5ceb9;
	border-bottom: 1px solid #d5ceb9;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}

.comment .admin {
	color:#BB5026;
	left:100px;
	position:absolute;
	text-transform:uppercase;
	top:12px;
	padding-right: 15px;
	background: transparent url(/images/site/brown-arrow.gif) no-repeat right center;
	
}

/* Comment and Contact Forms
--------------------------------------- */

form fieldset {
	font-size: .9em;
	margin-bottom:1em;
}

form label {
	font-size: .9em;
	display: block;
	font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
}

form label span {
	margin: -5px 0 0 5px;
	color: #BC4E21;
}

form input, form textarea {
	width: 445px;
	background:  #fffffe url(/images/site/form_slice.gif) repeat-x left top;
	border-top: 1px solid #d3cab9;
	border-right: 1px solid #f2f0e8;
	border-bottom: 1px solid #fcfbf8;
	border-left: 1px solid #ebe8de;
	padding: 5px;
	color: #6e6057;
	line-height: 1em;
}

form textarea {
	height: 150px;
}

form#contact_form select {
	width: 150px;
	background-color:  #fffffe;
	border-top: 1px solid #d3cab9;
	border-right: 1px solid #f2f0e8;
	border-bottom: 1px solid #fcfbf8;
	border-left: 1px solid #ebe8de;
	padding: 5px;
	color: #6e6057;
	line-height: 1em;
}

form#comment_form input#comment_submit, form#contact_form input#contact_submit {
	width: auto;
	float: left;
	display: inline;
	margin-right: 12px;
	background: #dcd7c3 url(/images/site/button_slice.gif) repeat-x left top;
	border: 1px solid #baaf96;
	cursor: pointer;
	}


/* Comment form */
form#comment_form {
	margin: 25px 370px 0 140px;
	overflow: hidden;
	padding-bottom: 20px;
}

form#comment_form h4 {
	color: #BB5026;
	font-size: 1.3em;
	padding: 0 0 10px;
}

form#comment_form .checkbox {
	width: 25px;
	float: left;
	display: inline;
}

/* Code
--------------------------------------- */

#blog_view_entry h3.code, #article pre {
	cursor:pointer;
}
#blog_view_entry h3.code {
	color:#000;
	font:bold 1em 'courier new',courier,monospace;
	text-align:right;
	margin:1em 0 0 0;
	padding:3px;
	border:1px dotted #fff;
	border-bottom-width:0;
	background:#50ff4c;
}
#blog_view_entry pre {
	font:1em/1.2em 'courier new',courier,monospace;
	color:#50ff4c;
	background:#333;
	border:1px dotted #fff;
	padding:1em;
	margin:0 0 1em 0;
	overflow:auto;
}

/* Contact Form
--------------------------------------- */

.contact_pages h1 {
	margin:1em 0 0;
}

#contact_intro {
	padding: 0 55px 0 0;
}

form#contact_form {
	margin: 25px 0 75px;
}

/* sidebar contact pages */

.sidebar_contact h5 {
	background: transparent url(/images/site/csbox_tan.gif) no-repeat left top;
	text-indent: -99999px;
	height: 10px;
	width: 152px;
}

.sidebar_contact strong {
	color: #857b64;
}

.sidebar_contact p {
	font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
	font-size: 1.2em;
}

#contact_options {
	overflow: hidden;
	margin-bottom:.3em;
}

#contact_options #vcard {
	background: transparent url(/images/site/vcard.gif) no-repeat;
}

#contact_options a {
	background: none;
	display: block;
	text-indent: -99999px;
	padding: 0;
}

#contact_options #twitter a {
	background: transparent url(/images/site/twitter_contact.gif) no-repeat;
	height: 22px;
	margin: 0 15px 15px 0;
	width: 84px;
	float: left;
}

#contact_options #twitter a:hover {
	background: transparent url(/images/site/twitter_contact.gif) no-repeat left -23px;
}


#contact_options #linkedin a {
	background: transparent url(/images/site/linkedin_contact.gif) no-repeat;
	height: 23px;
	float: left;
	width: 91px;
}

#contact_options #linkedin a:hover {
	background: transparent url(/images/site/linkedin_contact.gif) no-repeat left -23px;
}

#contact_options li a {
	display: block;
	line-height: 1.6em;
	margin-bottom: 8px;
}

.other_form {
	padding: 0.25em 0 0 0;
}

#rfp {
	background: transparent url(/images/site/rfp.gif) no-repeat left top;
	display: block;
	text-indent: -99999px;
	width:217px;
	height: 107px;
	padding: 0;
}

#rfp:hover {
	background: transparent url(/images/site/rfp.gif) no-repeat left -107px;
}

/* User message
--------------------------------------- */

.user-message {
	background-color:#EEECE1;
	border:1px solid #D5CEB9;
	margin-top:20px;
	padding:5px 20px 10px;
	width:415px;
}

/* Footer
--------------------------------------- */

.footer_top {
	padding: 0;
	margin: 0;
	background: #2e2925 url(/images/site/footer_bk.jpg) repeat left top;
}

#footer_wrap {
	padding: 30px 0 20px;
	margin: 0 auto;
	position: relative;
	background: transparent url(/images/site/btm_cap.png) no-repeat scroll center top;
	width: 1000px
}

#footer_wrap_blog {
	padding: 30px 0 30px;
	margin: 0 auto;
	position: relative;
	background: transparent url(/images/site/btm_cap_blog.png) no-repeat scroll center top;
	width: 1000px;
}

#footer {
	margin: 0 10px;
	background: transparent url(/images/site/footer_slice2.png) repeat scroll left top;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: .8em;
	padding: 15px 0 20px;
	overflow: hidden;
}

#footer a {
	background: transparent url(/images/site/linkunderline_gray.gif) repeat-x scroll left bottom;
}

#footer a:hover {
	background: transparent url(/images/site/linkunderlinehvr.gif) repeat-x scroll left bottom;
}

#footer_contact, #footer_get_started, #footer_made_with {
	display: inline;
	float: left;
	margin: 0 10px;
}

#footer_contact {
	width: 490px;
	padding: 0 0 0 30px;
}

#footer_contact ul {
	float: left;
	display: inline;
}

ul#footer_contact1 {
	width: 220px;
}

#footer_contact2 {
	padding: 5px 0 0 0;
}

ul#footer_contact2 li#footer_rss a {
	background: transparent url(/images/site/footer_rss.gif) no-repeat scroll 3px top;
	padding: 0 0 0 18px;
	line-height: 1em;
}

#footer_contact2 li#footer_rss a:hover {
	background: transparent url(/images/site/footer_rss.gif) no-repeat scroll 3px -16px;
	padding: 0 0 0 18px;
	line-height: 1em;
}

#footer_contact2 li#footer_twitter a {
	background: transparent url(/images/site/footer_twitter.gif) no-repeat scroll left top;
	padding: 0 0 0 18px;
}

#footer_contact2 li#footer_twitter a:hover {
	background: transparent url(/images/site/footer_twitter.gif) no-repeat scroll left -16px;
	padding: 0 0 0 18px;
}

#footer_contact2 li#footer_facebook a {
	background: transparent url(/images/site/footer_facebook.gif) no-repeat scroll left top;
	padding: 0 0 0 18px;
}

#footer_contact2 li#footer_facebook a:hover {
	background: transparent url(/images/site/footer_facebook.gif) no-repeat scroll left -16px;
	padding: 0 0 0 18px;
}

#footer_get_started {
	width: 220px;
}

#footer_made_with {
	width: 155px;
	padding: 0 25px 0 0;
}

#footer h6 {
	display: block;
	text-indent: -99999px;
	}
	
#footer_contact h6 {
	background: transparent url(/images/site/logo_sm.gif) no-repeat scroll left top;
	width: 188px;
	height: 14px;
}

#footer_get_started h6 {
	background: transparent url(/images/site/get_started_header.gif) no-repeat scroll left top;
	width: 160px;
	height: 19px;
}

#footer_made_with h6 {
	background: transparent url(/images/site/handcrafted_heading.gif) no-repeat scroll left top;
	width: 160px;
	height: 13px;
}

#footer_made_with p {
	margin: 0 0 5px;
}

#footer_made_with a {
	background: none;
}

#footer_made_with ul li {
	display: inline;
	float: left;
	list-style: none;
	height: 25px;
}

#footer_made_with ul li a {
	display: block;
	text-indent: -99999px;
	height: 25px;
}

#footer_made_with ul li#apple {
	width: 25px;
}

#footer_made_with ul li#apple a {
	background: transparent url(/images/site/made_with.gif) no-repeat scroll left top;
	width: 25px;
}

#footer_made_with ul li#apple a:hover {
	background: transparent url(/images/site/made_with.gif) no-repeat scroll left -28px;
}

#footer_made_with ul li#ee {
	width: 42px;
}

#footer_made_with ul li#ee a {
	background: transparent url(/images/site/made_with.gif) no-repeat scroll -25px top;
}

#footer_made_with ul li#ee a:hover {
	background: transparent url(/images/site/made_with.gif) no-repeat scroll -25px -28px;
	width:42px;
}
#footer_made_with ul li#mt {
	width: 53px;
}

#footer_made_with ul li#mt a {
	background: transparent url(/images/site/made_with.gif) no-repeat scroll -67px top;
	width:53px;
}

#footer_made_with ul li#mt a:hover {
	background: transparent url(/images/site/made_with.gif) no-repeat scroll -67px -28px;
}

#sub_footer {
	overflow: hidden;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: .8em;
	padding: 5px 30px 0 30px;
	color: #81766d;
}

#sub_footer_left {
	float: left;
	display: inline;
	width: 180px;
}

#sub_footer_right {
	padding: 5px 0 0 0;
	float: right;
	display: inline;
	
}

#sub_footer a#client_login {
	background: transparent url(/images/site/client_login.gif) no-repeat scroll left top;
	display: block;
	width: 85px;
	height: 18px;
	text-indent:-99999px;
	padding: 0;
	margin: 5px 0 0 0;
}

#sub_footer a#client_login:hover {
	background: transparent url(/images/site/client_login.gif) no-repeat scroll left -20px;
	width: 85px;
	height: 18px;
	padding: 0;
}

#sub_footer p a {
	background: transparent url(/images/site/linkunderline_gray.gif) repeat-x scroll left bottom;
}

#sub_footer a:hover {
	background: transparent url(/images/site/linkunderlinehvr.gif) repeat-x scroll left bottom;
}

ul.arrowlist {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 20px 0;
}

ul.arrowlist li {
	background:transparent url(/images/site/arrowbullet.gif) no-repeat scroll 0 7px;
	margin:0 0 5px 0;
	padding-left:12px;
}

/* Grid
--------------------------------------- */

.one_unit, .two_unit, .three_unit, .four_unit, .five_unit, .six_unit, .seven_unit, .eight_unit, .nine_unit, .ten_unit, .eleven_unit, .twelve_unit, .thirteen_unit, .fourteen_unit, .fifteen_unit, .sixteen_unit {
	display: inline;
	float: left;
	margin: 0 10px;
	padding: 0;
}

.one_unit { width: 40px; }
.two_unit { width: 100px; }	
.three_unit { width: 160px; }
.four_unit { width: 220px; }
.five_unit { width: 280px; }
.six_unit { width: 340px; }
.seven_unit { width: 400px; }
.eight_unit { width: 460px; }
.nine_unit { width: 520px; }
.ten_unit { width: 580px; }
.eleven_unit { width: 640px; }
.twelve_unit { width: 700px; }
.thirteen_unit { width: 760px; }
.fourteen_unit { width: 820px; }
.fifteen_unit { width: 880px; }
.sixteen_unit { width: 940px; }