/*
	Designed and coded by the friendly chaps at
       ______     ______     ______   ______   ______     __     __   __     ______     __  __     __     ______
      /\  ___\   /\  __ \   /\  ___\ /\  ___\ /\  ___\   /\ \   /\ "-.\ \   /\  ___\   /\ \_\ \   /\ \   /\__  _\
      \ \ \____  \ \  __ \  \ \  __\ \ \  __\ \ \  __\   \ \ \  \ \ \-.  \  \ \  __\   \ \  __ \  \ \ \  \/_/\ \/
       \ \_____\  \ \_\ \_\  \ \_\    \ \_\    \ \_____\  \ \_\  \ \_\\"\_\  \ \_____\  \ \_\ \_\  \ \_\    \ \_\
        \/_____/   \/_/\/_/   \/_/     \/_/     \/_____/   \/_/   \/_/ \/_/   \/_____/   \/_/\/_/   \/_/     \/_/
	
	http://www.caffeinehit.com - Caffeinehit Ltd, a Web design and Development agency in London
*/ 

body {
	font:0.88em Arial, Helvetica, sans-serif;
	background:url(../images/bgd.jpg) no-repeat 0 0;
}
* {
	margin:0;
	padding:0;
}
img {
	border:none !Important;
}
a {
	color:#9D734A;
	text-decoration:none;
	outline:none;
}
.external-link {
	padding-right:1em;
	background:url(../images/ico-new_window.gif) no-repeat top right;
}
a:hover, .copyright a:hover {
	color:#f60 !important;
	text-decoration:underline;
}

/*--- content ---*/
h1, h2, h3, h4 {
	font-weight:normal;
}
h1 {
	font-size:1.38em;
	letter-spacing:-0.03em;
	color:#333;
}
h2 {
	font-size:1.13em;
}
h4, #subnav .active {
	font-size:1.2em;
	color:#fff;
	background:#9d734a;
	padding:0.31em 0.63em;
	display:inline-block;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}
h4 a, #subnav .active a {color:#fff;}
.h4-date {
	background:#704b27;
	font-size:1.2em;
	color:#9d734a;
	padding:0.31em 0.63em;
	display:inline-block;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}
p {
	color:#666;
	line-height:140%;
}
.more {
	clear:both;
	text-align:right;
	font-size:0.75em;
	padding:0.63em 0.3em 0.63em 0;
	position:relative;
	z-index:1;
}
.more em {
	padding:0 0.50em;
	color:#ccc;
	font-style:normal;
}
ul {list-style-type:none;clear:both;}
input, textarea {font:0.88em Arial, Helvetica, sans-serif;}

/*--- containers ---*/
#caffeine-wrap {
	min-height:100%;
	clear:both;
}
* html #caffeine-wrap { height:100%;}
#bd {
	width:51.75em;
	position:relative;
	left:270px;
	min-height:50em;
	z-index:1;
}
#rt {
	/*position:absolute;
	left:840px;
	top:0;*/
	display:none;
}
.wrapper {clear:both;}
.sub-wrap {padding-top:40px;}
#get-in-touch {
	display:block;
	background:url(../images/caffeinehit-c2a.png) no-repeat 0 0;
	_background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/images/caffeinehit-c2a.png', sizingMethod='crop');
	width:10.56em;
	height:17em;
	text-indent:-10000px;
	position:absolute;
	top:0;
	left:1000px;
}

/*--- navigation ---*/
#nav {
	position:absolute;
	width:16.88em;
	top:0;
	left:0;
	margin:1.25em;
}
#nav div {
	background:url(../images/caffeinehit_assets.png) no-repeat -180px -90px;
	width:220px;
	height:390px;
}
#nav h3 {display:none;}
#nav ul {}
#nav li {}
#nav a {
	display:block;
	text-indent:-10000px;
	background:url(../images/caffeinehit_assets.png) no-repeat;
	behavior: url(media/css/iepngfix.htc);
	position:absolute;
}
#nav .home a {
	background-position: -260px -190px;
	width:50px;
	height:40px;
	top:100px;
	left:80px;
}
#nav .home a:hover, #home #nav .home a {background-position:-440px -190px;}
#nav .web a {
	background-position: -230px -270px;
	width:40px;
	height:33px;
	top:180px;
	left:50px;
}
#nav .web a:hover, #web-design #nav .web a {background-position:-410px -270px;}
#nav .graphic a {
	background-position: -270px -270px;
	width:50px;
	height:33px;
	top:180px;
	left:90px;
}
#nav .graphic a:hover, #graphic-design #nav .graphic a {background-position:-450px -270px;}
#nav .webdev a {
	background-position: -330px -270px;
	width:30px;
	height:33px;
	top:180px;
	left:150px;
}
#nav .webdev a:hover, #webdev #nav .webdev a {background-position:-510px -270px;}
#nav .about a {
	background-position: -230px -310px;
	width:40px;
	height:40px;
	top:220px;
	left:50px;
}
#nav .about a:hover, #about #nav .about a {background-position:-410px -310px;}
#nav .clients a {
	background-position: -270px -310px;
	width:50px;
	height:40px;
	top:220px;
	left:90px;
}
#nav .clients a:hover, #clients #nav .clients a {background-position:-450px -310px;}
#nav .iphonedev a {
	background-position: -330px -310px;
	width:30px;
	height:40px;
	top:220px;
	left:150px;
}
#nav .iphonedev a:hover, #iphone #nav .iphonedev a {background-position:-510px -310px;}
#nav .blog a {
	background-position: -230px -350px;
	width:40px;
	height:40px;
	top:260px;
	left:50px;
}
#nav .blog a:hover, #blog #nav .blog a {background-position:-410px -350px;}
#nav .contact a {
	background-position: -270px -350px;
	width:50px;
	height:40px;
	top:260px;
	left:90px;
}
#nav .contact a:hover, #contact #nav .contact a {background-position:-450px -350px;}


.h4-list li {
	float:right;
	font-size:1em;
	/*margin-bottom:10px;*/
	width:auto;
}
.h4-list a {
	display:block;
	padding:0.31em 0.75em;
}
.h4-list .shove {
	float:right;
	line-height:1.6em;
	width:auto;
}
.h4-list .with-split {border-left:1px solid #eee;}
.h4-list .with-split a {padding-right:0 !important;}


/*--- breadcrumb ---*/
.breadcrumb {
	overflow:hidden;
	padding:3.75em 0 0.8em 0;
	*padding-bottom:2em;
	margin-bottom:1.56em;
	color:#333;
	border-bottom:5px solid #fff;
}
.breadcrumb a {color:#999;}
.breadcrumb ul {}
.breadcrumb li {
	float:left;
	padding-right:0.63em;
	margin-right:0.63em;
	border-right:1px dotted #999;
	*border-right:1px solid #999;
	width:auto;
	text-transform:uppercase;
}
.breadcrumb li {font-size:0.84em !important;}
.breadcrumb h1, .breadcrumb h2 {font-size:1em !important;text-transform:uppercase;}
.breadcrumb .last-crumb {border:none;}


/*--- homepage ---*/
.home-intro {
	overflow:hidden;
	padding:3.75em 0 0 0;
}
.home-intro a {
	color:#333;
	text-decoration:none;
	border-bottom:1px solid #666;
}
.home-intro a:hover {border-color:#f60 !important}
.home-intro div {
	width:49%;
	float:left;
}
.with-break {border-left:1px solid #ccc;}
.home-intro h1 {
	padding:0 1.25em 0 0;
	line-height:1.5em;
}
.home-intro h2 {
	color:#666 !important;
	padding:0 0 0 1.88em !important;
	background:none;
	line-height:1.44em;
}

/*--- availability ---*/
.availability {
	clear:both;
	border-top:10px solid #eee;
	border-bottom:10px solid #eee;
	padding:1.25em 0;
	margin:1.88em 0 2em 0;
}
.availability span {
	background:url(../images/caffeinehit_assets.png) no-repeat;
	behavior: url(media/css/iepngfix.htc);
	display:block;
	width:28px;
	height:28px;
	float:left;
	margin-right:0.63em;
}
.availability p {
	color:#999;
	width:90%;
	display:block;
}
.job-ad {
	padding-left:35px;
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #eee;
}
.available span {background-position: -240px -30px;}
.busy span {background-position: -270px -30px;}
.busy strong {color:#666;}
.away span {background-position: -300px -30px;}


/*--- blocks ---*/
.new-work {
	display:block;
	width:40px;
	height:40px;
	background:url(../images/ico-new.png) no-repeat 0 0;
	_background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/images/ico-new.png', sizingMethod='crop');
	position: absolute;
	margin:110px 0 0 190px;
	z-index: 99;
}
.new-work-labs {
	display:block;
	width:43px;
	height:40px;
	background:url(../images/ico-new-labs.png) no-repeat 0 0;
	_background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/images/ico-new-labs.png', sizingMethod='crop');
	position: absolute;
	margin:110px 0 0 182px;
	z-index: 99;
}
.itunes_sm {
	background:url(../images/ico-itunes_sm.png) no-repeat 0 0;
	_background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/images/ico-itunes_sm.png', sizingMethod='crop');
	position: absolute;
	margin:118px 0 0 80px;
	z-index: 200;
	text-indent:-10000px;
	display:block;
	width:70px;
	height:23px;
}
.labs-product {
	display:block;
	width:35px;
	height:35px;
	background:url(../images/ico-labs.png) no-repeat 0 0;
	_background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/images/ico-labs.png', sizingMethod='crop');
	position: absolute;
	margin:110px 0 0 190px;
	z-index: 99;
}
.labs-sticker {
	position:absolute;
	top:-20px;
	margin-left:680px;
	background:url(../images/sticker-labs2.png) no-repeat 0 0;
	_background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/images/sticker-labs2.png', sizingMethod='crop');
	display: block;
	width:200px;
	height:200px;
	text-indent:-100000px;
}
.block {
	float:left;
	width:237px;
	height:244px;
	overflow:hidden;
	margin:0.42em 0.42em 0 0;
	*margin-right:0.38em;
	background:url(../images/bgd-product.png) no-repeat -3px 0;
	_background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/images/bgd-product.png', sizingMethod='crop');
	z-index:1;
	position:relative;
}
/*.block:hover {background:url(../images/bgd_block.gif);}
.block div:hover {border-color:#bdbdbd;}*/
.last-in-row {
	margin-right:0 !important;
}
.block .title {}
.block div {margin:8px 5px 2px 4px;}
.img {
	border:none;
	padding:0.63em 0.63em 0 0.63em;
	display:block;
	height:8em;
	overflow:hidden;
	border:none !important;
}
.img a {display:block;height:300px;}
.block .title {
	padding:0;
	border:none;
}
.block h3, .featured-project h3 {
	font-size:1.2em;
}
.block h3 {
	padding:0.2em 0 0.1em 0.4em;
}
.block p, .featured-project p {
	font-size:0.75em;
	color:#666;
}
.block p {
	padding:0 0 0.5em 0;
	font-size:0.8em;
	margin:0 8px;
	color:#666;
}
.block p.desc {
	border-top:1px solid #eee;
	padding:0.6em 0;
	color:#999;
}
.block p strong {padding-right:1em;}

.labs-alert {
	background:none;
	clear:both;
	width:100%;
	margin:1em 0 0.5em 0;
	padding:0;
	height:auto;
	background: #eee;
}
.labs-alert span {
	float:left;
	margin:0.4em;
	position:inherit;
}
.labs-alert div {border:1px solid #ccc;margin:0;overflow: hidden;}
.labs-alert div div {border:none;float:left;}
.labs-alert a {color:#333;text-decoration:underline;}
.labs-alert h2 {
	color:#666;
	margin:0.5em 0 0 0;
}
.labs-alert p strong {padding:0}
.labs-alert p {padding:0 0 0.8em 0;font-size:0.9em;margin:0}

.ico-itunes {
	display:block;
	width:175px;
	height:58px;
	text-indent:-10000px;
	background:url(../images/ico-itunes.png) no-repeat 0 0;
	_background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/images/ico-itunes.png', sizingMethod='crop');
}
.inbrief .ico-itunes {margin:10px 0 0 0;}


/*--- block themes WEB and DEVELOPMENT ---*/
.block-web-2pears {background:url(../images-web/2pears1_thumb.jpg) no-repeat 0 0;}
.block-web-4ip {background:url(../images-web/4ip_thumb.jpg) no-repeat 0 0;}
.block-web-antigone {background:url(../images-web/antigone_thumb.jpg) no-repeat 0 0;}
.block-web-dealbunch {background:url(../images-web/dealbunch_thumb.jpg) no-repeat 0 0;}
.block-web-dwc {background:url(../images-web/dwc_thumb.jpg) no-repeat 0 0;}
.block-web-festivalhit {background:url(../images-web/festivalhit1.jpg) no-repeat 0 0;}
.block-web-hotprints08 {background:url(../images-web/hotprints08_thumb.jpg) no-repeat 0 0;}
.block-web-hotprints09 {background:url(../images-web/hotprints09_thumb.jpg) no-repeat 0 0;}
.block-web-kindo {background:url(../images-web/kindo_thumb.jpg) no-repeat 0 0;}
.block-web-klobe {/*background:url(../images-web/klobe_thumb.jpg)*/background:url(../images/labs_thumb.jpg) no-repeat 0 0;}
.block-web-kublax {background:url(../images-web/kublax_thumb.jpg) no-repeat 0 0;}
.block-web-loclocloc {background:url(../images-web/loclocloc_thumb.jpg) no-repeat 0 0;}
.block-web-g3global {background:url(../images-web/g3global_thumb.jpg) no-repeat 0 0;}
.block-web-gekko {background:url(../images-web/gekko_thumb.jpg) no-repeat 0 0;}
.block-web-gighit {background:url(../images/labs_thumb.jpg) no-repeat 0 0;}
.block-web-hotprints09 {background:url(../images-web/hotprints09_thumb.jpg) no-repeat 0 0;}
.block-web-mini {}
.block-web-mos {background:url(../images-web/mos_thumb.jpg) no-repeat 0 0;}
.block-web-mtv {background:url(../images-web/mtv_thumb.jpg) no-repeat 0 0;}
.block-web-mybuilder {background:url(../images-web/mybuilder_thumb.jpg) no-repeat 0 0;}
.block-web-mydestination {background:url(../images-web/mydestination_thumb.jpg) no-repeat 0 0;}
.block-web-myphysio {background:url(../images-web/myphysio_thumb.jpg) no-repeat 0 0;}
.block-web-natgeo {background:url(../images-web/natgeo_thumb.jpg) no-repeat 0 0;}
.block-web-pagedo {background:url(../images-web/pagedo_thumb.jpg) no-repeat 0 0;}
.block-web-pappd {background:url(../images-web/pappd_thumb.jpg) no-repeat 0 0;}
.block-web-radioactive {background:url(../images-web/radioactive_thumb.jpg) no-repeat 0 0;}
.block-web-socialight {background:url(../images-web/socialight_thumb.jpg) no-repeat 0 0;}
.block-web-socialpioneers {background:url(../images-web/socialpioneers_thumb.jpg) no-repeat 0 0;}
.block-web-sumotv {background:url(../images-web/sumotv_thumb.jpg) no-repeat 0 0;}
.block-web-swapit {background:url(../images-web/swapit_thumb.jpg) no-repeat 0 0;}
.block-web-top10broadband {background:url(../images-web/top10broadband_thumb.jpg) no-repeat 0 0;}
.block-web-trustedplaces {background:url(../images-web/tp_thumb.jpg) no-repeat 0 0;}

/*--- block themes GRAPHICS ---*/
.block-graphic-apple {background:url(../images-graphics/apple_thumb.jpg) no-repeat 0 0;}
.block-graphic-bass {background:url(../images-graphics/bass_thumb.jpg) no-repeat 0 0;}
.block-graphic-bbc {background:url(../images-graphics/bbc_thumb.gif) no-repeat 0 0;}
.block-graphic-beatles {background:url(../images-graphics/beatles_thumb.jpg) no-repeat 0 0;}
.block-graphic-caffeinehit {background:url(../images-graphics/caffeinehit_thumb.gif) no-repeat 0 0;}
.block-graphic-hackney {background:url(../images-graphics/hackney_thumb.gif) no-repeat 0 0;}
.block-graphic-hotprints {background:url(../images-graphics/hotprints_thumb.jpg) no-repeat 0 0;}
.block-graphic-klobe {background:url(../images-graphics/klobe_thumb.gif) no-repeat 0 0;}
.block-graphic-rdf {background:url(../images-graphics/rdf_thumb.jpg) no-repeat 0 0;}
.block-graphic-sxsw {background:url(../images-graphics/sxsw_thumb.jpg) no-repeat 0 0;}
.block-graphic-unlimited {background:url(../images-graphics/unlimited_thumb.jpg) no-repeat 0 0;}

/*--- block themes IPHONE ---*/
.block-app-dwc {background:url(../images-iphone/dwc_thumb.jpg) no-repeat 0 0;}
.block-app-gighit {background:url(../images/labs_thumb.jpg) no-repeat 0 0;}
.block-app-myspace {background:url(../images-iphone/myspace_thumb.jpg) no-repeat -40px -20px;}
.block-app-pappd {background:url(../images-iphone/pappd_thumb.jpg) no-repeat 0 0;}


/*--- featured block ---*/
.featured-project {
	clear:both;
	margin:0.63em 0 1.88em 0;
	border:1px solid #ccc;
	/*background:url(../images/bgd_block.gif);*/
}
.featured-project .img {
	overflow:hidden;
	height:1%;
	position:relative;
	margin-bottom:0.63em;
	height:250px;
	overflow:hidden
}
.featured-project h3 {
	padding:0.63em 0.63em 0 0;
	font-size:1em;
}
.featured-project p {
	padding:0 1em 0 0;
	color:#999;
}
.featured-project .title {
	position:absolute;
	z-index:1;
	background:url(../images/bgd_block.gif);
	padding:0 0 0.5em 0.6em;
}
.featured-project:hover {border-color:#999}

/*-- project pages --*/
#project {}
#project h2 {
	font-size:1.38em;
	color:#fff;
	background:#9d734a;
	padding:0.31em 0.63em;
	display:inline-block;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}

/*--- gallery slider --*/
.gallery-shadow {position:absolute;z-index: 99;left:0}
.coda-slider-wrapper {margin:10px 0 30px 0;}
	
.coda-slider-no-js .coda-slider {height:200px; overflow: auto !important;}
.coda-slider, .coda-slider .panel {width:100%;height:300px;} 
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {width: 730px}
	
.coda-nav-left a, .coda-nav-right a {
	position:absolute;
	z-index: 99;
	display:block;
	width:30px;
	height:30px;
	overflow:hidden;
	background:url(../images/caffeinehit_assets.png) no-repeat;
	behavior: url(media/css/iepngfix.htc);
	text-indent:-10000px;
	cursor:pointer;
	pointer:hand;
	margin-top:130px
}
.coda-nav-left a {margin-left:-35px;background-position:-180px -30px !important;}
.coda-nav-left a:hover {background-position:-180px -60px !important;}
.coda-nav-right a {margin-left:10px;background-position:-210px -30px !important;}
.coda-nav-right a:hover {background-position:-210px -60px !important;}
	
.coda-slider p.loading { padding: 20px; text-align: center}

.coda-nav ul {display:none;}
	
.coda-slider-wrapper {
	clear: both;
	overflow: hidden;
	width:730px;
	height: 300px;
}
.coda-slider {float: left; overflow: hidden; position: relative}
.coda-slider .panel {display: block; float: left}
.coda-slider .panel-container {position: relative}
.coda-nav-left, .coda-nav-right {float: left}
.coda-nav-left a, .coda-nav-right a {display: block; text-align: center; text-decoration: none}

#project .description {
	width:65%;
	float:left;
}
#project .description p {
	padding:0 0.94em 1em 0;
	color:#333;
	line-height:1.4em;
}
#project .inbrief {
	width:35%;
	float:left;
	clear:none !Important;
}
#project .inbrief li {
	border-left:1px solid #ccc;
	float:left;
}
#project .inbrief dl {font-size:0.85em;padding-left:1.25em;}
#project .inbrief dt {display:none;}
#project .inbrief dd {padding-bottom:0.6em;width:100px;float:left;}
#project .inbrief dd.title {
	width:100px;
	color:#999;
}
#project .inbrief dd.title strong {font-weight:normal;}
#project .project-info {
	clear:both;
	float:left;
	padding-bottom:60px;
}
#project .tags {
	clear:both;
	float:left;
	width:auto;
	margin:0.5em 0 2.5em 0;
	/*-moz-border-radius:5px;*/
	background:#eee;
	*display:none;
}
#project .tags li {}
#project .tags dl {font-size:0.75em;color:#333;}
#project .tags dt {
	padding:0.63em 0.94em 0.63em 0.63em;
	margin-right:0.63em;
	border-right:1px solid #fff;
	text-transform:uppercase;
	display:inline-block;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}
#project .tags dd {
	padding:0.63em 0.63em 0.63em 0;
	color:#999;
	display:inline-block;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}
#project .testimonial {clear:both;width:100%;padding-top:1.5em;margin:0 0 1.5em 0}
#project .testimonial div {border:1px solid #ccc;/*background:url(../images/bgd-testimonials.gif)*/}
#project .testimonial q, #project .testimonial p {font-size:0.8em;}
#project .testimonial q {
	display:block;
	padding:1em 1em 0 1em;
	margin-bottom:0.31em;
	line-height:1.4em;
	color:#666;
}
#project .testimonial .date {
	position:relative;
	font-size:0.8em;
	margin:-1em 1em 0 0;
	background:#fff;
	float:right;
	padding:0.31em 0.31em 0 0.31em;
	color:#999
}
#project .testimonial .qualaties {padding:0.5em 1em 1em 1em}
#project .testimonial .qualaties em {color:#333;font-style:normal;}
#apple-store {
	clear:both;
	display:block;
	text-indent:-10000px;
	background:url(../images/caffeinehit_assets.png) no-repeat -360px 0;
	behavior: url(media/css/iepngfix.htc);
	width:11em;
	height:3.75em;
	margin:0.63em 0;
}

/*-- portfolio pages --*/
.portfolio-intro {
	padding:1.25em 0.63em 0.63em 0.63em;
}
.portfolio-intro h3 {color:#333;}
.portfolio-intro p {
	padding:0.94em 0 0 0;
	color:#333;
}

.clients-intro {padding-bottom:2.5em !important}
.clients-intro .key-tick {
	background:url(../images/caffeinehit_assets.png) no-repeat -240px -26px;
	behavior: url(media/css/iepngfix.htc);
	position:relative;
	width:30px;
	height:40px;
	display:inline-block;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	top:1em;
}
.client-list {padding:0.94em 0;}
.client-list li {line-height:40px;color:#999;font-size:0.9em;border-bottom:1px solid #eee;}
.client-list li:hover {background:#efefef;}
.client-list a {text-decoration:underline;}
.client-list .active label, .client-list .active a {color:#1eaf3c;}
.client-list .active span {background:url(../images/caffeinehit_assets.png) no-repeat -240px -24px;behavior: url(media/css/iepngfix.htc);}
.client-list .active:hover {background:#d3e3f9;}
.client-list span {
	float:left;
	display:block;
	width:30px;
	height:40px;
	margin:0 0.5em;
	float:left;
}
.client-list label {
	width:50%;
	display:inline-block;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}

/*-- generic pages --*/
.generic {
	padding:1.25em 0.63em 0.63em 0;
	overflow: hidden;
}
.extra-break {padding-bottom:2.5em;padding-left:0.63em}
.generic h3 {color:#333;}
.generic h3 em {color:#999;font-style:normal;font-size:0.88em;}
.generic h3.title {border-bottom:1px solid #eee;padding-bottom:0.63em;}
.generic p, q {
	padding:0.94em 0 0 0;
	color:#666;
	font-size:0.9em;
	line-height:1.4em;
}
.generic .links {border-bottom:1px solid #eee;}
.generic .links li {
	padding:0.31em 0.63em 0.31em 0;
	margin-right:0.5em;
	font-size:0.75em;
	border-right:1px dotted #eee;
	display:inline-block;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}
.contact-address {
	float:left;
	width:29%;
	overflow:hidden;
	border-right:1px solid #eee;
	padding-top:10px;
}
.contact-address div {padding-right:2em}
.contact-address strong {color:#333;}
.contact-form {
	float:left;
	width:70%;
	overflow:hidden;
	padding-top:10px;
}
.contact-form div {padding-left:2em}
.contact-form fieldset {border:none;padding-top:1em;}
.contact-form label {
	float:left;
	width:150px;
	font-size:0.9em;
	line-height:2em;
}
.contact-form .optional label {color:#999;}
.contact-form input, .contact-form textarea {
	border:1px solid #ccc;
	padding:5px;
	width:300px;
}
.mini-field {width:150px !important;}
.contact-form select {
	border:1px solid #ccc;
	padding:5px;
	width:200px;
}
.contact-form textarea {height:8em;background:#fff;}
.contact-form .button {
	width:auto;
	background:#9D734A;
	color:#fff;
	cursor:pointer;
	cursor:hand;
	margin-top:10px;
}
.contact-form .field-holder {
	padding:0 0 0.4em 0;
	clear:both;
}
.contact-form .error label {color:#cc0000;}
.contact-form .error input, .contact-form .error select {border-color:#cc0000;color:#cc0000;}
.contact-form p.message-ok {color:#1EAF3C;}
label.error {width:98% !important;color:#cc0000;background:#eee;margin:0.3em 0 0.8em 0;padding:0 0.5em}
.well-done {padding:0 !important;}
#map_canvas {
	clear:both;
	width:100%;
	height:300px;
	margin-top:10px;
	border:none;
}
.jobs {}
.jobs ul {padding:1em 0}
.jobs li {
	list-style-type:circle;
	list-style-position:inside;
	padding-left:20px;
	line-height:1.4em;
	color:#666;
	font-size:0.9em;
}
.no-jobs {
	border:1px solid #ccc;
	padding:1em !important;
	margin-bottom:0.5em;
	color:#f60 !important;
	background:#fff;
}
.job-opening {
	border-bottom:1px solid #eee;
	padding-bottom:35px;
	margin-bottom:20px;
	padding-top:10px;
}
.jop-opening.top-job {padding-top:20px;}
p.apply {padding-bottom:1.2em !important;}
.job-opening a {
	-webkit-box-shadow:0 0 5px #ccc;
	-moz-box-shadow:0 0 5px #ccc;
	text-decoration:none;
	border:1px solid #333;
	color:#fff !important;
	padding:0.3em 0.7em;
	-webkit-border-radius:0.3em;
	-moz-border-radius:0.3em;
	border-radius:0.3em;
	cursor:pointer;
	cursor:hand;
	margin-top:1em !important;
	background:#9D734A;
	background: -moz-linear-gradient(top, #9D734A, #68411c);
	background: -webkit-gradient(linear, center top, center bottom, from(#9D734A), to(#68411c));
}
.job-opening a:hover {
	-webkit-box-shadow:0 0 8px #999;
	-moz-box-shadow:0 0 8px #999;
	background:#ff6600;
	background: -moz-linear-gradient(top, #ff6600, #ff3c00);
	background: -webkit-gradient(linear, center top, center bottom, from(#ff6600), to(#ff3c00));
}
.job-opening h3 {font-weight: bold;background:#eee;padding:8px 10px;display:inline-block;}
.no-agencies {
	border:1px solid #ccc;
	padding:1em !important;
	margin-top:1.5em;
}
#contact .no-agencies {margin:0 0 1.5em 0;background:#f9f7d0;}
.no-agencies strong {color:#f60}
.cv-job-wrap {width:100% !important;padding-bottom:1em;}
.cv-header  {margin-top:2em !important;}
.cv-company {font-size:1em !important;color:#999;border-bottom:2px solid #eee;padding-bottom:0.8em !important}
.cv-company em {font-style:normal;color:#ccc;}

/*-- meet the team --*/
.meet-the-team {
	clear:both;
	overflow:hidden;
	padding-bottom:3em;
}
.meet-the-team div {
	float:left;
	width:60%;
}
.meet-the-team .photo {
	float:left;
	padding:0 1.5em 0 0;
	width:12.5em;
	height:12.5em;
}
.meet-the-team .photo-andy {
	background:url(../images/team-andy.jpg) no-repeat;
}
.meet-the-team .photo-alen {
	background:url(../images/team-alen.jpg) no-repeat;
}
.meet-the-team .photo-tom {
	background:url(../images/team-tom.jpg) no-repeat;
}
.meet-the-team .last-in-row {border:none !important;}


/*--- footer ---*/
#ft {
	background:url(../images/bgd_ft.jpg) repeat-x 0 0;
	clear:both;
	margin-top:3.13em;
	font-size:0.8em;
}
#ft .ft-inner {
	width:90.50em;
}
#ft a {
	color:#999;
	text-decoration:underline;
}
#ft h3 {}
#ft h3 a {
	color:#333;
	text-decoration:none;
}
#ft ul {
	padding:0.31em 0 0.94em 0;
	color:#ccc;
}
#ft li {line-height:1.6em;}
#ft .address {
	border-right:1px solid #fff;
	float:left;
	width:auto;
	padding:2.5em;
}
#ft address {
	font-style:normal;
	padding-top:0.63em;
	color:#666;
}
#ft .address .logo {
	display:block;
	width:170px;
	height:25px;
	text-indent:-10000px;
	background:url(../images/caffeinehit_assets.png) no-repeat -180px 0;
	behavior: url(media/css/iepngfix.htc);
}
#ft .address p {
	padding-top:0.63em;
}
#ft .address .company-info {
	color:#999;
}
#ft .address .reg-address {
	color:#ccc;
}
#ft .portfolio-about, #ft .about {
	float:left;
	width:auto;
	padding:2.5em 1.5em 2.5em 2.5em;
}
#ft .portfolio-about ul.portfolio {padding:0 3em 2em 0}
#ft .blog li {
	padding-bottom:0.63em;
}
#ft .mug-stain {
	position:absolute;
	width:auto;
	background:url(../images/bgd_coffee-ring1.png) no-repeat 0 0;
	_background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/images/bgd_coffee-ring1.png', sizingMethod='crop');
	width:300px;
	height:300px;
	display:block;
	margin:-95px 0 0 750px;
	*margin-left:0;
	z-index:0;
}

/*--- copyright ---*/
.copyright {
	clear:both;
	width:100%;
	background:#ccc;
	overflow:hidden;
}
.copyright a {
	color:#fff !important;
}
.copyright ul {
	padding:0 !important;
}
.copyright li {
	color:#fff;
	padding:0.63em;
	margin:0;
	float:left;
}
.copyright .with-split {
	border-right:1px solid #eee;
	padding:0.63em 1.25em 0.63em 2.5em;
	margin-right:0.63em;
}
.copyright .validated {color:#eee;}


/*--- page errors ---*/
#page-error {
	padding-top:20em;
	text-align:center;
	height:100%;
}
.error-404 {padding-top:0 !important;}
.error-404 h1, .error-404 p span {
	display:inline-block;
	background:#fff;
	padding:4px;
	margin-bottom:2px;
}
.error-404 p.explained {
	position:absolute;
	bottom:0;
	left:0;
	font-size:0.8em;
}
.error-404 p.explained span {
	display:inline-block;
	background:#fff;
	padding:10px 15px;
	margin-top:2px;
	color:#999;
}
.error-404 div {
	width:100%;
	min-height:590px;
	padding-top:280px;
	background:url(../images/404.png) no-repeat top right;
	_background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/images/404.png', sizingMethod='crop');
}

/*-- blog --*/
#blog-wrap {padding-bottom:30px;height:1%;overflow:hidden;}
#blog-wrap h2 a {
	font-size:1.2em;
	color:#fff;
	background:#9d734a;
	padding:0.31em 0.63em;
	display:inline-block;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}
#blog-wrap h2 a:hover {text-decoration:none;color:#fff !important;background:#f60;}
#blog-wrap .blog-content {
	width:64%;
	float:left;
	border-right:1px solid #ccc;
}
#blog-wrap .blog-post {border:0 !important;width:100% !important;}
#blog-wrap .blog-post blockquote {
	border:1px solid #ccc;
	background:#eee;
	margin:0 0 1em 1em;
	float:right;
	width:30%;
}
#blog-wrap .blog-post blockquote p {padding:0.6em !important;font-size:0.8em;}
#blog-wrap .blog-post .main-blog-image {margin:10px 0 0 0 !important;}
#blog-wrap .blog-post .figure {
	text-align: center;
	margin:0;
}
#blog-wrap .blog-post .figure img {
	border: 1px solid #CCCCCC !important;
	padding: 10px;
	-webkit-box-shadow:0 0 5px #ccc;
	-moz-box-shadow:0 0 5px #ccc;
}
#blog-wrap .blog-post .figure span.figcaption {
	display: block;
	margin-top: 5px;
	font-style: italic;
	color:#999;
	font-size:0.8em;
}
#blog-wrap .blog-post h3 {
	/*color:#000;font-size:22px;padding:0.7em 0;*/
	color:#666;
	background:#eee;
	padding:0.31em 0.63em;
	display:inline-block;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	margin:0.7em 0;
	font-size:1.2em;
}
#blog-wrap .blog-post .author {
	border-bottom:1px solid #eee;
	margin-bottom:1em;
}
#blog-wrap .blog-post .author p {
	font-size:0.7em;
	color:#999;
	padding:0.7em 0 1em 0;
}
#blog-wrap .blog-post pre {
	color:#009900;
	padding:0 0 1em 2em;
}
#blog-wrap .blog-post ul {padding-bottom:1em;}
#blog-wrap .blog-post li {
	list-style-type:disc;
	list-style-position:outside;
	margin-left:40px;
}
#blog-wrap .post-mini-wrap {padding:0 15px 30px 0;}
#blog-wrap .post-mini-wrap img {margin:1em 0 0 2px;width:100%;height:auto;}
#blog-wrap .post-mini-wrap img:hover {
	-webkit-box-shadow:0 0 5px #999;
	-moz-box-shadow:0 0 5px #999;
}
/*#blog-wrap span {
	font-size:10px;
	background:#fff;
	display:inline-block;
	padding:5px 8px;
	position: absolute;
	margin-top:10px;
	opacity:0.8;filter:alpha(opacity=80);
}*/
#blog-wrap p {
	padding:0 /*0.94em*/0 1em 0;
	color:#333;
	line-height:1.4em;
}
#blog-wrap .side-blog {
	width:35%;
	float:left;
	clear:none !Important;
}
#blog-wrap .side-blog li {
	display:block;
	width:100%;
	float:left;
}
#blog-wrap .wp-smiley {display:none;}
#blog-wrap .side-blog dl {font-size:0.85em;padding-left:1.25em;}
#blog-wrap .side-blog dt {display:none;}
#blog-wrap .side-blog dd {padding-bottom:2em;width:100px;float:left;line-height:1.5em;}
#blog-wrap .side-blog dd.title {
	width:100px;
	color:#999;
}
#blog-wrap .side-blog dd.title strong {font-weight:normal;}
#blog-wrap .project-info {
	clear:both;
	float:left;
	padding-bottom:60px;
}
#blog-wrap .tags {
	clear:both;
	float:left;
	width:auto;
	margin:0.5em 0 2.5em 0;
	/*-moz-border-radius:5px;*/
	background:#eee;
	*display:none;
}
#blog-wrap .tags li {}
#blog-wrap .tags dl {font-size:0.75em;color:#333;}
#blog-wrap .tags dt {
	padding:0.63em 0.94em 0.63em 0.63em;
	margin-right:0.63em;
	border-right:1px solid #fff;
	text-transform:uppercase;
	display:inline-block;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}
#blog-wrap .tags dd {
	padding:0.63em 0.63em 0.63em 0;
	color:#999;
	display:inline-block;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}

.blog-pagination {padding-right:1em;}
.page-left a, .page-right a {
	z-index: 99;
	display:block;
	width:30px;
	height:30px;
	overflow:hidden;
	background:url(../images/caffeinehit_assets.png) no-repeat;
	behavior: url(media/css/iepngfix.htc);
	text-indent:-10000px;
	cursor:pointer;
	pointer:hand;
}
.page-left a {float:left;background-position:-180px -30px !important;}
.page-left a:hover {background-position:-180px -60px !important;}
.page-right a {float:right;background-position:-210px -30px !important;}
.page-right a:hover {background-position:-210px -60px !important;}