body {
	background: url("../images/background.gif") #cfeadf;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 12px;
}

a, a:visited, a:active {
	text-decoration: none;
}

/* Page Wrapper -------------------------------------------------------------------------------- */

#page {
	width: 748px;
	margin: 5px auto;
}

/* Header -------------------------------------------------------------------------------- */

#header {
	background: url("../images/header.png");
	position: relative;
	min-height: 93px;
}

#header h1 a {
	position: absolute;
	right: 37px;
	top: 4px;
	display: block;
	overflow: hidden;
	background: url("../images/creativeresources.gif");
	width: 229px;
	height: 78px;
	text-indent: -9999em;
}

/* Navigation -------------------------------------------------------------------------------- */

ul#navigation {
	position: absolute;
	left: 27px;
	top: 63px;
}

ul#navigation li {
	font-size: 13.5px;
	text-transform: lowercase;
	margin: 0 20px 0 0;
	display: inline;
}

ul#navigation li a {
	color: #4c4d4f;
}

ul#navigation li a:hover {
	color: #ad1c40;
}

/* On States -------------------------------------------------------------------------------- */

body.services a#navservices, body.products a#navproducts, body.ourwork a#navourwork, body.contactus a#navcontactus, body.news a#navnews {
	color: #ad1c40;
}

/* Subnavigation -------------------------------------------------------------------------------- */

#subnavigation {
	position: relative;
	background: url("../images/content.png") repeat-y;
	min-height: 32px;
}

#subnavigation ul {
	position: absolute;
	left: 41px;
	top: 0;
	background: url("../images/subnavigation.gif") no-repeat;
	font-size: 12.15px;
	padding: 12px 0 0 35px;
}

body.products #subnavigation ul {
	left: 124px;
}

body.ourwork #subnavigation ul {
	left: 215px;
}

#subnavigation ul li {
	display: inline;
	text-transform: lowercase;
	margin: 0 23px 0 0;
}

#subnavigation ul li a {
	color: #999;
}

#subnavigation ul li a:hover {
	color: #4f4c45;
}

#ourblog {
	position: absolute;
	right: 25px;
	top: 9px;
	display: block;
	overflow: hidden;
	background: url("../images/ourblog.gif");
	width: 89px;
	height: 23px;
	text-indent: -9999em;
}

/* On States -------------------------------------------------------------------------------- */

body.ideageneration a#navideageneration, body.globalsourcing a#navglobalsourcing, body.projectmanagement a#navprojectmanagement, body.fullfilment a#navfullfilment, body.brandstores a#navbrandstores, body.retailbrands a#navretailbrands, body.casestudies a#navcasestudies, body.clients a#navclients {
	color: #4f4c45;
}

/* Content -------------------------------------------------------------------------------- */

#content {
	position: relative;
	min-height: 317px;
	padding: 80px 15px 0 5px;
	background: url("../images/content.png") repeat-y;
}

body.home #content {
	padding-top: 0;
	min-height: 395px;	
}

#content h2 {
	font-size: 27px;
	color: #df6a2a;
	position: absolute;
	left: 40px;
	top: 35px;
}

body.home #content h2 {
	width: 344px;
	height: 62px;
	background: url(../images/welcome.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999em;
	position: absolute;
	top: 54px;
	left: 42px;
}

body.home #content p {
	position: absolute;
	color: #4c4d4f;
	left: 42px;
	top: 144px;
	font-size: 14.85px;
	line-height: 18px;
	width: 380px;
	font-family: Georgia, serif;
}

body.home #content img {
	position: absolute;
	top: 40px;
	right: 40px;
}

body.news #content h2 {
	position: absolute;
	top: -10px;
	text-indent: -9999em;
	overflow: hidden;
	display: block;
	width: 338px;
	height: 90px;
	background: url("../images/news.jpg") no-repeat;
}

body.news #content img.right {float:right; display:inline; padding: 0 0 10px 20px;} 

/* Fold -------------------------------------------------------------------------------- */

#fold {
	width: 691px;
	position: relative;
	min-height: 281px;
	background: #e7e7e8 url("../images/fold.gif") no-repeat bottom;
	padding: 22px 0 11px 37px;
	font-family: Georgia, sans-serif;
}

body.clients #fold {
	padding: 22px 0 11px 0;
	width: 728px;
}

body.retailbrands #fold {
	background: #fff;
	padding: 0;
}

#fold p {
	position: relative;
	font-size: 13.5px;
	color: #38383a;
	width: 450px;
	z-index: 1000;
	line-height: 24.3px;
	margin: 0 0 18px 0;
}

body.retailbrands #fold p {
	width: 100%;
	margin-bottom: 35px;
}

#fold a {
	color: #679f9b;
	text-decoration: underline;
}

#fold .image {
	position: absolute;
	top: 16px;
	right: 18px;
}

body.retailbrands #fold p, body.clients #fold p {
	margin-left: 37px;
}

body.clients #fold p {
	margin-bottom: 10px;
}

body.clients #fold ul {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	width: 654px;
	margin: 0 auto;
	padding-bottom: 15px;
}

body.clients #fold ul li {
	display: inline-block;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}

body.clients #fold a {
	text-decoration: none;
}

body.casestudies #fold .image {
	top: 30px;
	right: 60px;
}

body.casestudies #fold, body.contactus #fold {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16.2px;
	font-weight: 300;
}

body.casestudies #fold ul {
	margin-top: 20px;
}

body.casestudies #fold ul li {
	margin-bottom: 16.2px;
}

body.contactus #fold {
	font-size: 16.2px;
}

body.contactus #fold p {
	margin-top: 55px;
	margin-bottom: 0;
	width: 250px;
	font-size: 14.85px;
}

/* Story -------------------------------------------------------------------------------- */

#story {
	float: left;
	width: 470px;
	padding: 0 15px 0 0;
	background: url("../images/newsdivider.gif") repeat-y right;
}

#story h3 {
	font-size: 1.89em;
	font-family: Georgia;
	line-height: 1.3em;
	color: #3c8781;
}

#story h4 {
	font-family: Georgia;
	font-size: 13.5px;
	margin: 0 0 13.5px 0;
	color: #575757;
}

#story p {
	width: auto;
}

/* Sidebar -------------------------------------------------------------------------------- */

#sidebar {
	width: 180px;
	margin: 0 0 0 15px;
	float: left;
}

#sidebar h4 {
	text-transform: uppercase;
	color: #939598;
	font-size: 12.15px;
	margin-bottom: .3em;
}

#sidebar ul#archive {
	font-size: 12px;
	color: #4d4d50;
	line-height: 14px;
	margin-bottom: 27px;
}

#sidebar ul#archive li {padding-bottom:8px;}

#sidebar ul#archive a {
	color: #4d4d50;
	text-decoration: none;
}

#sidebar ul#links {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13.5px;
	color: #737475;
}

#sidebar ul#links li {
	line-height: 16px;
	margin-bottom: 12px;
}

/* Rolodex -------------------------------------------------------------------------------- */

#rolodex {
	background: url("../images/rolodex.gif") no-repeat;
	position: absolute;
	padding: 50px 25px 0 20px;
	bottom: 10px;
	right: 45px;
	width: 346px;
	height: 227px;
	color: #797a7b;
}

#rolodex h3 {
	color: #df6a2a;
	margin-bottom: 20px;
	font-size: 18.9px;
}

#rolodex h4 {
	margin-bottom: 10px;
	font-size: 14.85px;
}

#rolodex a {
	color: #797a7b;
	text-decoration: none;
}

#rolodex ul {
	margin-left: 20px;
	width: 150px;
	line-height: 16px;
	font-size: 12px;
	float: left;
}

#rolodex p {
	font-size: 9px !important;
	margin-top: 0 !important;
	line-height: 11px !important;
	margin-bottom: 11px !important;
}

#rolodex p.contactinfo {
	font-size: 12.15px !important;
}

#rolodex p.contactinfo a {
	color: #7ebbb3;
}

#rolodex a.back {
	color: #ad1c40;
	text-align: right;
	position: absolute;
	bottom: 65px;
	right: 54px;
	font-size: 14.85px !important;
}

#rolodex img.mug {
	margin: 0 0 5px 5px;
	float: right;
}

/* Footer -------------------------------------------------------------------------------- */

#footer {
	position: relative;
	width: 593px;
	height: 74px;
	padding: 0 125px 0 30px;
	background: url("../images/footer.png") bottom;
	font-size: 11.475px;
	color: #797a7b;
}

body.home #footer {
	height: 76px;
	background: url("../images/footerhome.png") bottom;
}

#footer p {
	position: absolute;
	left: 42px;
	top: 23px;
}

#footer a {
	color: #df6a2a;
}

.clearit {
	clear: both;
}

/* Clients Slider -------------------------------------------------------------------------------- */

.slider-wrap {
	clear: both;
	padding-top: 10px;
}

.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 0;
	position: relative;
	width: 728px;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	margin: 0 auto 18px auto;
	width: 728px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 148px;
	clear: both;
	background: #fff;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	/* border: 1px solid black; */
	width: 728px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 0;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	display: none;
}

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 65px;
	text-indent: -9000em;
	z-index: 1000;
}

.stripNavL a, .stripNavR a {
	display: block;
	width: 31px;
	height: 21px;
}

.stripNavL {
	left: 37px;
}

.stripNavR {
	right: 37px;
}

.stripNavL {
	background: url("../images/arrow-left.gif") no-repeat center;
}

.stripNavR {
	background: url("../images/arrow-right.gif") no-repeat center;
}

a.current {
	color: #bc4f6a !important;
}

.logos {
	width: 571px;
	margin: 0 auto;
}

.aligncenter {
	text-align: center;
}

.alignleft {
	text-align: left;
	float: left;
}

.alignright {
	text-align: right;
	float: right;
}