@import url("reset.css");

/* for scripting */
#preloader {display: none;}
/* end */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b2b4b6;  }
	
a {
  cursor: pointer;
}
a:active, a:focus {outline: none;}

#site_wrapper {
	width: 870px;
	padding: 20px 0 0 0;
	margin: 0 auto; 
	position:relative; 
  
  }

h1#logo { float: right; }
	h1#logo a {
		display: block;
		width: 108px;
		height: 26px;
		background: transparent url(../img/logo.gif) 0 0 no-repeat;
		text-indent: -5000px; }

ul.nav {float: left; font-size: 11px; padding: 41px 10px 15px 0; margin-right: 6px; line-height: 14px; }
ul.first {padding-left: 46px; font-weight: bold; font-size: 11px; margin-right: 23px; line-height: 14px; }
ul.nav li { padding: 0 0 3px 0; }
.nav a { color: #b2b4b6; }
.nav li.active a { color: #4d4d4d; }
.nav a:hover { color:#eb008b;}

 /* Hide the menu - temp request by Kaue --Keith */
//ul.first{ visibility:hidden; }
  
  
.subnav {
  display: none;
  float:left;
}
.focus #focus a, 
.philosophy #philosophy a,
#leaders #leadership a,
.capabilities #capabilities a {color: #4d4d4d;}

#leaders #content {padding-right:44px;width:780px;}
#leaders #content h1 {text-transform:lowercase;}
#leaders #content p {margin-left: 0;margin-right:370px;}
#leaders #content #leader_main_content {margin-right: 140px;}
#leaders #content.leader_right {text-align: right;}
#leaders #content.leader_right h1 {text-align: right;}
#leaders #content.leader_right p {margin-left:326px;margin-right:0;}

#content {
	float: left;
	clear: both;
	color: #fff;
	width: 658px;
	padding: 52px 166px 0 46px;
	height:333px;position: relative;}
	#content p {
		font-size: 13px;
		line-height: 150%; }
#content h1 {text-transform: lowercase;}
	#content h2 {
		padding: 0 0 7px 0;
		font-size: 13px;
		text-transform: uppercase; }
.home {
	width: 824px;
	padding: 52px 0 95px 46px;
	background: #660A36	; }
	.home h1 {
		height: 17px;
		padding: 0 0 110px 0;
		background: transparent url(../img/text_welcome.gif) 0 0 no-repeat;
		text-indent: -5000px; }
	.home h2 {
		height: 113px;
		background: transparent url(../img/text_homepage.gif) 0 0 no-repeat;
		text-indent: -5000px; }
	.home p { display: none; }
	

#site_wrapper {
  overflow: hidden; }

#slide_wrapper {
  height:385px;
  width:870px;
  position:relative;
  clear: both;
  overflow: hidden;
	margin: -52px 0 0 -46px; }
	
#slide_wrapper .slide, #slide_wrapper #slide_0_0 , #slide_0{
  position:absolute;
  top:0;
  left:0;
  width:870px;
  height:385px;
	}

#slide_wrapper .slide {
  left:870px;
}

.slide div {padding:52px 166px 0 46px;width:658px;height:385px;}

#slide_wrapper .slide img {
  width:870px;
  height:385px;
}  

#slide_wrapper #slider_0_0{
  /* left:0; */
}

#slide_wrapper .first_slide{

  left:0;
}

#content {
  display:none;
}


#footer {
clear: both;
padding: 10px 0 20px 46px;
color: #B2B4B6;
display:none;
font-size: 10px; }
#footer a { color: #B2B4B6; }
#footer a:hover { color: #B2B4B6; }
#footer p.right-align { float: right; }
#footer ul.pager { font-weight: bold; }
#footer ul.pager li {
display: block;
float: left;
padding: 0 10px 0 0;
line-height: 18px; }
#footer ul.pager li.slideCount {
	width: 35px;
	padding: 0;}
#footer ul.pager li.title {
font-weight: normal;
color: #4d4d4d; }
#footer ul.pager a {
font-size: 16px;
color: #b2b4b6;
padding:2px 2px;}
#footer ul.pager a.active,
#footer ul.pager a:hover { color: #eb008b; }

.green {
	background: #797843;
	padding: 52px 166px 0 46px; }
	.green h2 { color: #bed63a; }

.purple {
	background: #660A36; }
	.purple h2 { color: #EC008C; }
	.purple a { color: #ffffff; }

.pea-soup-diarrhea {
	background: #646035; }
	.pea-soup-diarrhea h2{ color: #bed63a; }

.salmon {
	background: #b2414a; }
	.salmon h2 { color: #ed8e40; }

.orange {
	background: #ac5c33; }
	.orange h2 { color: #fcba63; }

.david {
	text-align: right;
	background: #c9b890 url(../img/bg_david.jpg) 0 0 no-repeat; }
	.david h2 { color: #fcba63; }

h1#hdr_organic-cottage {
	height: 22px;
	padding: 0 0 110px 0;
	/* background: transparent url("../img/hdr_organic-cottage.gif") 0 0 no-repeat; */
	text-indent: -5000px; }

h1#hdr_see-voices {
	height: 22px;
	padding: 0 0 110px 0;
	background: transparent url(../img/hdr_see-voices.gif) 0 0 no-repeat;
	text-indent: -5000px; }

h1#hdr_design-for-brands {
	height: 22px;
	padding: 0 0 110px 0;
	/* background: transparent url("../img/hdr_design-for-brands.gif") 0 0 no-repeat; */
	/*text-indent: -5000px;*/ }

h1#hdr_how-do-you-do {
	height: 22px;
	padding: 0 0 110px 0;
	background: transparent url(../img/hdr_how-do-you-do.gif) 0 0 no-repeat;
	text-indent: -5000px; }

h1#hdr_david {
	height: 22px;
	padding: 0 0 110px 0;
	text-align: left;
	background: transparent url(../img/hdr_david.gif) 100% 0 no-repeat;
	text-indent: -5000px; }

h1#hdr_what-we-do {
	height: 22px;
	padding: 0 0 110px 0;
	text-align: left;
	background: transparent url(../img/hdr_what-we-do.gif) 0 0 no-repeat;
	text-indent: -5000px; }

h1#hdr_contact {
	height: 22px;
	padding: 0 0 110px 0;
	text-align: left;
	background: transparent url(../img/hdr_contact.gif) 0 0 no-repeat;
	text-indent: -5000px; }
	
/*===============Kaue==============*/
h1#hdr_organic-sifr {
	margin: 0 0 110px 0;
	font-size: 23px; }
h1#hdr_organic-sifr-right {
	float: right;
	margin: 0 0 110px 400px;
	font-size: 23px;
	width: 357px;
	text-align: right; }
/*=================================*/
/*************************************** Commented out - Large font problem see replacement below	
h1.hdr_organic-sifr {
	margin: 0 0 0 0;
	padding-bottom:110px;
	font-size: 23px;
	display: inline;}
****************************************/
h1.hdr_organic-sifr {
	margin: 0 0 110px 0;
	font-size: 23px;
  width:658px}


h1.hdr_organic-sifr-right {
	float: right;
	margin: 0 0 110px 400px;
	font-size: 23px;
	width: 357px;
	text-align: right; }
	

a.right-align {
	float: right;
	font-weight: bold;
	line-height: 22px;
	color: #EC008C; }

.col-1 {
	float: left;
	width: 135px;
	padding: 0 40px 0 0; }

.col-2 {
	float: left;
	width: 190px;
	padding: 0 40px 0 0; }

.col-3 {
	float: left;
	width: 195px; }
#content .col-1 p,
#content .col-2 p,
#content .col-3 p {
	font-size: 11px;
	padding: 0 0 20px 0;
	display: table; /* firefox font smoothing bug fix */}
	
	#loader {width:16px;height:16px;background:url(../img/ajax-loader.gif) no-repeat;position: absolute;right:0;top:110px;}
	
	#footer.loader { background:url(../img/ajax-loader.gif) no-repeat; background-position: 48px 10px; }