@charset "utf-8";
@import url('ad-hoc-styles.css');

/* General styles */
body {
	font-family:	Arial, Verdana, Helvetica, sans-serif;
	color:			#666666;
	margin: 		0;
	padding: 		0;
}
body * {
	margin:			0;
	padding:		0;
}

p, div, li {
	font-size:		12px;
}
p {
	margin-bottom:		15px;
}
a {
	text-decoration:	none;
	color:			#666666;
}
a:hover {
	text-decoration:	underline;
}
a img {
	border:			none;
}
.clearBoth {
	height:			0;
	overflow:		hidden;
	clear:			both;
	
}
#header, #footer {
	width:			100%;
	clear:			both;
}


#header {
	border-top: 6px solid #9cba27;
	height: 120px;
	background:		transparent url('../images/shell-top-gradient.jpg') bottom left repeat-x;
	position:		relative;
}
#nav,
#header #logo {
	position:		absolute;
}
#header #logo {
	left:			46px;
	top:			50px;
}
#nav {
	top:			52px;
	left:			393px;
	list-style:		none;
	width: 			500px;
}

#nav li {
	float:			left;
}
#nav a {
	font-weight: 	bold;
	font-size:		13px;
	margin-right:	24px;
	padding:		6px;
	color:			#666;
}
#nav #caseStudiesLink {
	margin-right:	0;
	color:			#999;
}
#nav a:hover,
#nav a#caseStudiesLink:hover,
#left #leftNav a:hover {
	text-decoration:	none;
	color:			#9cba27;
}

#aboutPage #aboutLink,
#workPage #workLink,
#clientsPage #clientsLink,
#contactPage #contactLink,
#caseStudiesPage #nav #caseStudiesLink,
#webWorkPage #workLink,
#printWorkPage #workLink,
#identityWorkPage #workLink,
#leftNav a.current {
	color:			#9cba27;
}


#contentWrapper {
	height:			416px;
	width: 			1100px;
	overflow:		hidden;
}

.slideshowPage #left {
	width:			278px;
}
.slideshowPage #right {
	width:			600px;
}


#left {
	width: 			380px;
	float:			left;
	height:			100%;
}
#left .headline {
	margin:			90px 0 20px 46px;
}
#left p,
#left div {
	color: 			#7a7a7a;
	width: 			270px;
	margin: 		0 0 15px 46px;
	line-height: 	1.7em;
}


#leftNav {
	margin:			0 0 0 46px;
	list-style:		none;
}
#leftNav li {
	margin-bottom:	8px;
}
#leftNav a {
	font-weight:	bold;
	font-size:		13px;
	color:			#666666;
}


#right {
	width: 			650px;
	float:			left;
	height:			100%;
	position:		relative;
}
#right h3 {
	margin-top:		90px;
	margin-bottom:	12px;
	font-size:		12px;
	color:			#666666;
}
#right #slides {
	height:			381px;
	float:			left;
	margin-top:		20px;
}
#right #slides > div {
	display:		none;
}
#right ul#slides,
#right ul#slidesWithCopy {
	list-style:		none;
}

#right #slidesWithCopy {
	float:			left;
	margin-top:		30px;
	width:			100%;
	height:			386px;
}
#right #slidesWithCopy > div {
	height:			100%;
	width:			100%;
	display:		none;
}
#right #slidesWithCopy .copy {
	margin-top:		80px;
	position:		absolute;
	top:			0;
	left:			365px;
}
#right #slidesWithCopy .moreLink {
	font-weight:	bold;
	text-decoration:	underline;
}
#right #slidesWithCopy .moreLink:hover {
	text-decoration:	none;
}

.slideNav {
	height:			26px;
	width:			50px;
	margin:			0 auto;
	position:		absolute;
	top:			285px;
	left:			455px;
	z-index:		100;
}
.slideNav a {
	display:		block;
	width:			16px;
	height:			22px;
	float:			left;
	background-position:	2px 2px;
	background-repeat:		no-repeat;
	background-color:		transparent;
}
.slideNav .prevSlideButton {
	background-image:		url(../images/prev-slide-button.gif);
	margin-right:			14px;
}
.slideNav .nextSlideButton {
	background-image:		url(../images/next-slide-button.gif);
}

#right #pager a {
	margin-right:		8px;
	font-weight:		bold;
	text-decoration:	none;
}
#right #pager a:hover {
	text-decoration:	none;
}
#right #pager a.activeSlide {
	color:			#9cba27;
}
#right .copy {
	margin-top:			110px;
	float:			right;
	width:			230px;
}
#right .copy h3 {
	margin:				0 0 4px 0;
	line-height:		2em;
	color:				#9CBA27;
}
#right .copy p {
	line-height:	 	1.75em;
	font-size:			12px;
}
#right .copy a {
	color:				#9cba27;
	font-weight:		bold;
	text-decoration:	underline;
}
#right .copy a:hover {
	text-decoration:	none;
}
#right .copy .introText {
	color:				#9cba27;
	font-weight:		bold;
}





#footer {
	background:		transparent url('../images/shell-bottom-gradient.jpg') top left repeat-x;
	padding-top:	60px;
	padding-bottom:	25px;
}
#footer .minWidth {
	width:			1100px;
}
#footer p {
	float:			left;
	line-height:	1.9em;
	font-size:		11px;
}
#footer .leftBox {
	width:			355px;
	margin-left: 	46px;
	font-size:		10px;
}
#footer .centerBox {
	width:			220px;
}
#footer .rightBox {
	width:			390px;
}
#footer .centerBox strong,
#footer .rightBox strong {
	font-size:		12px;
}