.services_carousel li, #singlePage, #contact {
	background: url(../images/gradient.png) repeat-x top left;
}
.services_carousel li {
	width: 727px;
	height: 400px;
}
.general_page {
	margin: 39px;
}
.landing_page {
	margin: 39px;
	clear: both;
}
.landing_page p {
	font-size: 12px;
	margin-bottom: 12px;
}
.landing_page h1 {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
	color: #835332;
	letter-spacing: 1px;
	margin-bottom: 7px;
}
h2.services, p.big_intro, h2.process {
	font-family: Georgia, Times New Roman, Times, serif;
	text-transform: none;
	color: #835332;
	text-indent: -9999px;
}
h2.services {
	height: 43px; /* Height of text image */
	margin-bottom: 20px;
	font-size: 36px;
	background: transparent url(../images/services/headings.png) no-repeat;
}
h2.process {
	height: 27px;
	margin-bottom: 12px;
	font-size: 30px;
	background: transparent url(../images/process/headings_process.png) no-repeat;
}
p.big_intro {
	height: 89px; /* Height of text image */
	margin-bottom: 20px;
	font-size: 24px;
	background: transparent url(../images/about_us/about_intros.png) no-repeat;
}
.landing_page h3 {
	font-size: 12px;
	text-transform: none;
	color: #F26522;
}
.landing_page span {
	color: #f26522;
}
span.smalUpper {
	font-size: 10px;
	text-transform: uppercase;
}
.landing_page ul {
	font-size: 12px;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}
.landing_page li {
	padding-left: 12px;
	background: transparent url(../images/bullet.png) no-repeat 0 7px;
	position: relative;
}
.landing_page img {
	float: left;
	margin-right: 20px;
}
.two_columns {
	width: 304px;
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
}
.single_column {
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
}

/* Services Heading images */

#brandStrategy h2 {
	background-position: 0 0;
}
#brandDesign h2 {
	background-position: 0 -43px;
}
#printDesign h2 {
	background-position: 0 -86px;
}
#packaging h2 {
	background-position: 0 -129px;
}
#webDesign h2 {
	background-position: 0 -172px;
}
#eventsSignage h2 {
	background-position: 0 -215px;
}
#photography h2 {
	background-position: 0 -258px;
}
#illustration h2 {
	background-position: 0 -301px;
}
#vacancies h2 {
	background-position: 0 -344px;
}
#aboutUs p.big_intro {
	background-position: 0 0;
}
#people p.big_intro {
	background-position: 0 -99px;
}

/* Process Heading images */

#processDiscovery h2 {
	background-position: 0 0;
}
#processDesign h2 {
	background-position: 0 -37px;
}
#processDelivery h2 {
	background-position: 0 -74px;
}
/* View examples button */

#viewExamples {
	display: block;
	width: 628px;
	height: 20px;
	clear: both;
	position: relative;
}
#viewExamples a {
	display: block;
	width: 137px;
	height: 20px;
	position: absolute;
	right: 0;
	text-indent: -9999px;
	background: transparent url(../images/view-ex-button.png) no-repeat 0 0;
}
#viewExamples a:hover {
	background-position: 0 -20px;
}

/* Pager controls */

#externalControl ul, #externalControl div {
	float: left;
	font-size: 10px;
}
#externalControl div {
	margin-right: 5px;
}
#externalControl li {
	float: left;
	display: inline;
	height: 20px;
	overflow: hidden;
	margin-right: 5px;
}
#externalControl li a {
	display: block;
	width: 21px;
	height: 20px;
	text-align: center;
	padding-top: 4px;
	background-color: #F0F0F0;
}
#externalControl li a:hover, #externalControl li a.current {
	background-color: #F26522;
	color: #FFFFFF;
}
#externalPrev a, #externalNext a {
	display: block;
	width: 21px;
	height: 20px;
	text-indent: -9999px;
}
#externalPrev a {
	background: transparent url(../images/prev_button.png) no-repeat 0 0;
}
#externalNext a {
	background: transparent url(../images/next_button.png) no-repeat 0 0;
}
#externalPrev a:hover, #externalNext a:hover {
	background-position: -21px 0;
}
#externalControl a.disabled {
	background-position: -42px 0;
	cursor: auto;
}

/* Process Image */

img#processImage {
	display: block;
	margin-bottom: -20px;
}
/* Website fader */

#websiteFader {
	position: relative;
}
.js #websiteFader {
	width: 412px;
	height: 237px;
	float: left;
	display: inline;
	padding-top: 38px;
	background: url(../images/services/laptop.jpg) no-repeat 0 38px; /* Position takes into account padding */
}
.js #websiteFader .fader {
	margin: 10px 61px;
	clear: both;
}
.js .fader {
	overflow: hidden;
}
.fader img {
	float: left;
}
#navContainer {
	float: right;
	display: inline;
	position: relative;
	padding: 60px 25px;
}
#webDesignNav {
	width: 180px;
	clear: both;
}
#webDesignNav li {
	float: left;
	display: inline;
	width: 54px;
	height: 50px;
	margin: 2px;
	border: 1px solid #E8E8E8;
}
#webDesignNav a {
	display: block;
	width: 54px;
	height: 50px;
	text-indent: -9999px;
	background-image: url(../images/services/website-tmbs.jpg);
	background-repeat: no-repeat;
}

/* Thumbnail Positioning */

.website1 a {
	background-position: 0 0;
}
.website1 a:hover, .website1 a.activeSlide {
	background-position: 0 -50px;
}
.website2 a {
	background-position: -54px 0;
}
.website2 a:hover, .website2 a.activeSlide {
	background-position: -54px -50px;
}
.website3 a {
	background-position: -108px 0;
}
.website3 a:hover, .website3 a.activeSlide {
	background-position: -108px -50px;
}
.website4 a {
	background-position: -162px 0;
}
.website4 a:hover, .website4 a.activeSlide {
	background-position: -162px -50px;
}
.website5 a {
	background-position: -216px 0;
}
.website5 a:hover, .website5 a.activeSlide {
	background-position: -216px -50px;
}
.website6 a {
	background-position: -270px 0;
}
.website6 a:hover, .website6 a.activeSlide {
	background-position: -270px -50px;
}
.website7 a {
	background-position: -324px 0;
}
.website7 a:hover, .website7 a.activeSlide {
	background-position: -324px -50px;
}
.website8 a {
	background-position: -378px 0;
}
.website8 a:hover, .website8 a.activeSlide {
	background-position: -378px -50px;
}
.website9 a {
	background-position: -432px 0;
}
.website9 a:hover, .website9 a.activeSlide {
	background-position: -432px -50px;
}