@charset "UTF-8";
/* CSS Document */
#coda-slider-1 {
	height: 507px;
}
.portfolio-description-toggler, .portfolio-description-external-link {
	font-size: 11px;
	font-weight: normal;
	color: #737373;
	cursor: pointer;
	text-transform: uppercase;
	float: left;
	margin: 5px 0px 0 0;
	text-decoration: none;
	background: url(../images/icon-toggle-off.png) no-repeat right;
	padding-right: 10px;
}
.portfolio-description-toggler:hover, .portfolio-description-external-link:hover {
	color: #a1b926;
	background-image: url(../images/icon-toggle-on.png);
}
.portfolio-description-external-link {
	margin-right: 13px;
	padding-right: 14px;
	background-image: url(../images/icon-new-window-off.png);
}
.portfolio-description-external-link:hover {
	background-image: url(../images/icon-new-window-on.png);
}
/* -------------------------------------------------------------------------------- */
/* Portfolio Introduction */
/* -------------------------------------------------------------------------------- */
div.portfolio-introduction {
	margin: 0 39px 0 39px;
	padding: 8px 15px 5px 15px;
	background: #000;
	margin-top: -33px;
	height: 20px;
}
div.portfolio-introduction h1 {
	background: url(../images/alastair-warren-design-portfolio-headings.png) no-repeat left 3px;
	font-size: 100%;
	font-weight: normal;
	color: #737373;
	padding-left: 110px;
}
#velocase {
	background-position: left -148px;
	padding-left: 174px;
}
#modular-markets {
	background-position: left -178px;
	padding-left: 212px;
}
#lifestyler {
	background-position: left -208px;
	padding-left: 145px;
}
#ambieth {
	background-position: left -238px;
	padding-left: 158px;
}
#cyclic {
	background-position: left -267px;
}
#access-auto {
	background-position: left -298px;
	padding-left: 122px;
}
#design-initiative {
	background-position: left -328px;
	padding-left: 108px;
}
#uniservices {
	background-position: left -358px;
	padding-left: 83px;
}
#jefferswood {
	background-position: left -388px;
	padding-left: 112px;
}
#calibre {
	background-position: left -418px;
	padding-left: 120px;
}
#pacific-marine-bioactives {
	background-position: left -448px;
	padding-left: 161px;
}
#resume {
	background-position: left -478px;
	padding-left: 55px;
}
/* -------------------------------------------------------------------------------- */
/* Portfolio Description */
/* -------------------------------------------------------------------------------- */
div.portfolio-description-container {
	margin: 0px 39px 0px 39px;
	padding: 0 15px 0 15px;
	background: #000;
}
div.portfolio-project-date {
	padding-top: 15px;
	padding-bottom: 15px;
	font-style: italic;
	color: #737373;
	text-align: right;
	font-size: 90%;
	clear: both;
}
div.portfolio-description p {
	padding-top: 15px;
	line-height: 1.4;
}
div.portfolio-description .column-1, div.portfolio-description .column-2, div.portfolio-description .column-3 {
	background: url(../images/brief-2.png) no-repeat left 17px;
	padding-top: 24px;
	color: #bbb;
	float: left;
	width: 261px;
	padding-right: 44px;
	border-top: 1px dotted #222;
	line-height: 1.5;
}
div.portfolio-description .column-1 {
	
}
div.portfolio-description .column-2 {
	background-image: url(../images/response-2.png);
}
div.portfolio-description .column-3 {
	background-image: url(../images/results-2.png);
	padding-right: 0;
}
#subheading-specific-audience {
	background-image: url(../images/subheading-specific-audience.png);
}
#subheading-credible-associable {
	background-image: url(../images/subheading-credible-associable.png);
}
#subheading-customer-conversion {
	background-image: url(../images/subheading-customer-conversion.png);
}
#subheading-no1-in-google {
	background-image: url(../images/subheading-no1-in-google.png);
}
#subheading-a-captivating-story {
	background-image: url(../images/subheading-a-captivating-story.png);
}
#subheading-unique-and-memorable {
	background-image: url(../images/subheading-unique-and-memorable.png);
}
#subheading-clean-simple {
	background-image: url(../images/subheading-clean-simple.png);
}
#subheading-a-clear-goal {
	background-image: url(../images/subheading-a-clear-goal.png);
}