@charset "UTF-8";
/* CSS Document */

/******************************************************* // toggle v1 // *****************************************************/

/* Client links */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/

#clients ul
	{
	width: 900px;
	height: 127px;
	margin: 0 auto;
	}

#clients ul li
	{
	border-bottom: none;
	float: left;
	}
	
#link_work_with_us
	{
	border-left: 1px #4c392b dotted;
	}
	
#link_work_with_us .replace, #link_work_with_us .replace span
	{
	width: 280px;
	height: 127px;
	background-image: url(../images/link_work_with_us.gif);
	padding: 0 0 0 3px;
	}
	
#link_work_with_us .replace:hover, #link_work_with_us .replace span:hover
	{
	background-position: 0 -127px;
	}

#link_collaborate
	{
	border-left: 1px #4c392b dotted;
 	border-right: 1px #4c392b dotted;
 	padding: 0 15px 0 10px;
 	margin: 0 15px 0 10px;
	}
	
#link_collaborate .replace, #link_collaborate .replace span
	{
	width: 280px;
	height: 127px;
	background-image: url(../images/link_collaborate.gif);
	}
	
#link_collaborate .replace:hover, #link_collaborate .replace span:hover
	{
	background-position: 0 -127px;
	}

#link_support_hosting
	{
 	border-right: 1px #4c392b dotted;
	}
	
#link_support_hosting .replace, #link_support_hosting .replace span
	{
	width: 280px;
	height: 127px;
	background-image: url("../images/link_support_hosting.gif");
	padding: 0 3px 0 0;
	}
	
#link_support_hosting .replace:hover, #link_support_hosting .replace span:hover	
	{
	background-position: 0 -127px;
	}

#client_area
	{
	position: absolute;
	top: 6px;
	right: 0px;
	}
	
#client_area .replace, #client_area .replace span
	{
	width: 118px;
	height: 28px;
	background-image: url("../images/link_client.gif");
	background-position: 0 -28px;
	}

#client_area.client_down .replace, #client_area.client_down .replace span
	{
	background-position: 0 0px;
	}
	
/* Layout of main template styles */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/

body
	{
	color: #261b0f;
	text-align:center;
	background: #261b0f;
	}

#wrap
	{
	background: #f8f2e3 url(../images/bg_wrap_small.gif) repeat-x;
	}

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

#header
	{
	margin-bottom: 0em;
	background: url(../images/bg_header.gif) right 7px no-repeat;
	height: 225px;
	}

/* home, hosting and work_with_us have larger headers */

body.s_home #wrap, body.s_work_with_us #wrap, body.s_hosting #wrap, body.s_development #wrap
	{
	background: #f8f2e3 url(../images/bg_wrap_large.gif) repeat-x;
	}

body.s_home #header, body.s_work_with_us #header, body.s_hosting #header, body.s_development #header
	{
	height: 253px;
	}

/* hide the skip to content link */

#tools
	{
	position:absolute;
	left:-9999px;
	}

/* image replacement on the logo */

#site_title
	{
	position: relative;
	top: 65px;
	width: 125px;
	height: 70px;
	}

#site_title .replace, #site_title .replace span
	{ 
	width: 125px;
	height: 70px; 
	background:url(../images/logo_toggle.gif) no-repeat; 
	}

/* straplines */

#site_strapline
	{
	position: relative;
	top: 80px;
	font-size: 1em;
	}

body.s_home #site_strapline, body.s_home #site_strapline span
	{
	width: 542px;
	height: 51px;
	background:url(../images/strapline_home.gif) no-repeat; 
	}

body.s_portfolio #site_strapline, body.s_portfolio #site_strapline span
	{
	width: 513px;
	height: 26px;
	background:url(../images/strapline_portfolio.gif) no-repeat; 
	}

body.s_journal #site_strapline, body.s_journal #site_strapline span
	{
	width: 443px;
	height: 23px;
	background:url(../images/strapline_journal.gif) no-repeat; 
	}

body.s_about #site_strapline, body.s_about #site_strapline span
	{
	width: 152px;
	height: 23px;
	background:url(../images/strapline_about.gif) no-repeat; 
	}

body.s_contact #site_strapline, body.s_contact #site_strapline span
	{
	width: 217px;
	height: 23px;
	background:url(../images/strapline_contact.gif) no-repeat; 
	}

body.s_work_with_us #site_strapline, body.s_work_with_us #site_strapline span
	{
	width: 551px;
	height: 52px;
	background:url(../images/strapline_work_with_us.gif) no-repeat; 
	}

body.s_hosting #site_strapline, body.s_hosting #site_strapline span
	{
	width: 430px;
	height: 52px;
	background:url(../images/strapline_hosting_support.gif) no-repeat; 
	}

body.s_portfolio.m_archives #site_strapline, body.s_portfolio.m_archives #site_strapline span
	{
	width: 239px;
	height: 21px;
	background:url(../images/strapline_portfolio_archives.gif) no-repeat; 
	}

body.s_portfolio.m_tag.x_web #site_strapline, body.s_portfolio.m_tag.x_web #site_strapline span
	{
	width: 131px;
	height: 18px;
	background:url(../images/strapline_portfolio_web.gif) no-repeat;
	}

body.s_portfolio.m_tag.x_award #site_strapline, body.s_portfolio.m_tag.x_award #site_strapline span
	{
	width: 232px;
	height: 24px;
	background:url(../images/strapline_portfolio_award.gif) no-repeat;
	}

body.s_portfolio.m_tag.x_branding #site_strapline, body.s_portfolio.m_tag.x_branding #site_strapline span
	{
	width: 178px;
	height: 24px;
	background:url(../images/strapline_portfolio_branding.gif) no-repeat;
	}

body.s_portfolio.m_tag.x_packaging #site_strapline, body.s_portfolio.m_tag.x_packaging #site_strapline span
	{
	width: 188px;
	height: 24px;
	background:url(../images/strapline_portfolio_packaging.gif) no-repeat;
	}

body.s_portfolio.m_permalink #site_strapline, body.s_portfolio.m_permalink #site_strapline span
	{
	width: 321px;
	height: 24px;
	background:url(../images/strapline_portfolio_permalink.gif) no-repeat; 
	}

body.s_404 #site_strapline, body.s_404 #site_strapline span
	{
	width: 211px;
	height: 19px;
	background:url(../images/strapline_error404.gif) no-repeat;
	}

body.s_rss #site_strapline, body.s_rss #site_strapline span
	{
	width: 178px;
	height: 23px;
	background:url(../images/strapline_rss.gif) no-repeat;
	font-size: .5em;
	}

body.s_development #site_strapline, body.s_development #site_strapline span
	{
	width: 475px;
	height: 52px;
	background:url(../images/strapline_development.gif) no-repeat;
	}

body.s_services #site_strapline, body.s_services #site_strapline span
	{
	width: 206px;
	height: 23px;
	background:url(../images/strapline_services.gif) no-repeat;
	}
	
/* columns */

#content
	{
	overflow: hidden;
	padding-bottom: 72px;
	
	}

.col1
	{
	float: left;
	width: 280px;
	}

.col2
	{
	float: left;
	width: 280px;
	margin: 0 30px;
	}

.col3
	{
	float: left;
	width: 280px;
	}

.col1_2
	{
	float: left;
	margin-right: 30px;
	width: 590px;
	}
.col1_3
	{
	float: none;
	margin: auto;
	width: 600px;
	}
	
/* core tweaks */

#content h2
	{
	border-bottom: 1px solid #a28a7f;
	text-indent: 7px;
	}

#content ul, #content h3, #content h4, #content h5, #content h6
	{
	text-indent: 7px;
	}

#content p
	{
	padding-left: 7px;
	}

#content .error, #content .notice, #content .success    
	{ 
	padding-left: .9em; 
	}

.h2_link
	{
	float: right;
	position: relative;
	top: 5px;
	}

/* Footer */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/

#footer
	{
	background: url(../images/bg_footer.gif) top repeat-x;
	clear: both;
	background-color: #261b0f;
	height: 55px;
	text-align: left;
	}

#credits
	{
	margin: 0 auto;
	width: 900px;
	position: relative;
	top: 10px;
	color: #a28a7f;
	font-size: 80%;	
	padding: 15px 0;
	}
	
#credits a
	{
	color: #a28a7f;
	}
	
#credits a:hover
	{
	color: #f8f2e3;
	}

#credits_list
	{
	position: absolute;
	right: 0px;
	top: 48px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	text-align: right;
	margin: 0;
	}

#credits_list li
	{
	display: inline;
	padding: 0 0 0 10px;
	border-bottom: none;
	}

#cred_rss
	{
	background: url(../images/icons/icon_rss.gif) right 1px no-repeat;
	padding-right: 15px !important;
	}

/* Extra Divs */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/

/* Use these divs for extra display elements */

#extradiv_1, #extradiv_2, #extradiv_4,
#extradiv_a, #extradiv_b, #extradiv_c, #extradiv_d
	{
	display: none;
	}

#extradiv_3
	{
	clear: both;
	float: right;
	background: url(../images/bg_extradiv_3.gif) no-repeat;
	width: 357px;
	height: 72px;
	position: absolute;
	bottom: -1px;
	right: 0;
	}

/* SIFR / text replacement */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash 
	{
	visibility: visible !important;
	margin: 0;
	}

.sIFR-replaced 
	{
	visibility: visible !important;
	}

span.sIFR-alternate 
	{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */

.sIFR-flash + div[adblocktab=true] 
	{
  	display: none !important;
	}

/* the h2s */

.sIFR-hasFlash h2 
	{
	letter-spacing: -7px;
	font-size: 15px;
	line-height: 1.3;
	} 

/********************************************************** // End // ********************************************************/