/* ---------- POST-IT NOTES ---------- */

#reminder {
	background-image:url(/uploads/image/post-it-blue.png); 
	background-repeat:no-repeat; 
	width:200px; 
	height:187px;
}

#view-showcase, #send-brief {
	margin-left:16px;
	margin-top:37px;
}

#researchers-postit {
	margin-left:16px;
	margin-top:22px;		
}

#follow-us-on {
	background-image:url(/uploads/image/post-it-yellow.png); 
	background-repeat:no-repeat; 
	width:196px; 
	height:183px; 
	margin-left:3px;
}

#follow-us-on-title {
	margin-left:14px; 
	margin-top:10px;
}

#facebook-logo {
	float:left;
	display:block;
	width:41px;
	height:42px;
	margin-left:14px;
}

#twitter-logo {
	float:left;
	display:block;
	width:46px;
	height:36px;
	margin-left:14px;
}

#linkedin-logo {
	float:left;
	display:block;
	width:39px;
	height:40px;
	margin-left:14px;
}

#slideshare-logo {
	float:left;
	display:block;
	width:48px;
	height:43px;
	margin-left:14px;
}


/* ---------- COLUMNS ---------- */

#left-column {
	width:352px;
	float:left;
	padding-left:23px;
}

#right-column {
	width:289px; 
	float:left;
	position:relative;
}


/* ---------- GENERIC ITEMS THAT SPAN WHOLE WIDTH ---------- */

#speech-bubble {
	background-image:url(/uploads/image/speech-bubble.png);
	background-repeat:no-repeat;
	width:178px;
	height:141px;
	float:left;
	display:inline;
	color:#ffffff;
	font-weight:bold;
	font-size:0.65em;
	padding:53px 30px 0 22px; 
	text-align:justify;
}

#speech-bubble .read-more {
	text-align:right; 
	font-size:1.1em;
}

#speech-bubble .read-more a {
	color:#ffffff !important;
}

#banner {
	background-image:url(/uploads/image/banner-border.png);
	background-repeat:no-repeat;
	width:402px;
	height:201px;
	margin-left:2px;
	float:left;
	padding-top:24px;
	padding-left:16px;
}


/* ---------- LATEST WORK ---------- */

#latest-work {
	background-image:url(/uploads/image/latest-work-border.jpg);
	background-repeat:no-repeat;
	width:214px;
	height:179px;
	margin-left:12px;
	padding:23px 27px 0 30px;
}

#latest-work .read-more {
	text-align:right;
	font-weight:bold;
	margin-bottom:4px;
	font-size:0.7em;
}

#latest-work .read-more a {
	color:#6293cd !important;
}

#latest-work .image {
	float:left;
	width:83px;
	margin-right:10px;
}

#latest-work .text {
	float:left;
	width:121px;
	color:#3d3d3d;
	font-size:0.7em;
}

#latest-work .title {
	color:#898989;
	font-weight:bold;
	margin-bottom:8px;
}

#latest-work .title a {
	color:#898989 !important;
}


/* ---------- TESTIMONIALS ---------- */

#client-testimonials {
	width:249px;
	margin-left:12px;
	padding:5px 11px 0 11px;
}

#client-testimonials p {
	font-size:0.7em;
}

#client-testimonials .text {
	color:#010101;
	margin-left:35px;
	clear:both;
	width:179px;
	font-size:0.7em;
	font-style:italic;
}

#client-testimonials #client-name {
	clear:both;
	text-align:right;
	color:#6293cd;
	font-size:0.7em;
}

#client-testimonials #client-name a {
	color:#6293cd !important;
}


/* ---------- BOXES IN RIGHT COLUMN ---------- */

.right-box {
	margin-left:38px;
	clear:both; 
	padding-left:5px;
}

.right-box p {
	font-size:0.7em;
	color:#6293cd;
	font-weight:bold;
	line-height:1.6;
}

.right-box p a {
	color:#6293cd !important;
}

.right-box .divider {
	margin-left:-15px;
	margin-bottom:10px;
}

.right-box .text {
	color:#010101;
	font-size:0.7em;
	padding-right:30px;
	line-height:1.6;
}

.right-box .client-name p {
	color:#8b8b8b;
	font-weight:bold;
	font-size:0.7em;
}

.right-box .client-name p a {
	color:#8b8b8b !important;
}

.right-box .read-more-inline {
	float:right;
	margin-top:-18px !important;
	z-index:99;
	position:relative;
}

.right-box .read-more {
	font-size:0.7em;
	color:#6293cd;
	font-weight:bold;
	text-align:right;
	padding-right:30px;
	margin-top:10px;
}

.right-box .read-more a {
	color:#6293cd !important;
}


/* ---------- IMAGES ON NEW DIRECTION OF THINKING PAGE ---------- */

#polaroid {
	background-image:url(/uploads/image/new-direction-polaroid.png);
	background-repeat:no-repeat;
	height:241px;
	width:277px;
	background-position:36px 0;
	margin-top:-15px;
}

#paperclip {
	background-image:url(/uploads/image/paperclip.png);
	background-repeat:no-repeat;
	height:56px;
	width:68px;
	position:absolute;
	top:-13px;
	right:-6px;
}


/* ---------- SHOWCASE ---------- */

#flash {
	background-image:url(/uploads/image/flash-border.png);
	background-repeat:no-repeat;
	width:605px;
	height:250px;
	padding-top:28px;
	text-align:center;
	margin-left:29px;
}

#full-width-content {
	clear:both;
	margin:0 23px;
	padding-top:10px;
}

#client-container {
	padding:0 12px;
	clear:both;
}

.client {
	float:left;
	width:138px;
}

.client .image {
	background-image:url(/uploads/image/showcase-border.jpg);
	background-repeat:no-repeat;
	width:118px;
	height:121px;
	padding:17px 0 0 20px;
}

.client .client-name {
	text-align:center;
	color:#8b8b8b;
	font-size:0.75em;
}

.client .client-name a {
	color:#8b8b8b !important;
}


/* ---------- CASE STUDIES AND CONTACT FORM ---------- */

#client-details {
	clear:both;
}

#client-details p span.title {
	color:#6babf4;
	font-weight:bold;
}

#client-details p a {
	color:#010101 !important;
}

#client-details .form-section {
	margin-left:15px; 
	margin-bottom:1.4em;
	color:#353535;
	font-size:0.7em;
}

#client-details .form-section .contact-title, #client-details .form-section .add-brief-title {
	float:left;
	width:100px;
	margin-bottom:20px;
	clear:both;
}

#client-details .form-section .contact-input-container {
	background-image:url(/uploads/image/232-line.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:1px;
	float:left; 
	margin-bottom:20px;
	width:232px;
}

#client-details .form-section .textarea-cap {
	background-image:url(/uploads/image/332-line.gif);
	background-repeat:no-repeat;
	height:1px;
	width:332px;
}

#client-details .form-section .contact-input {
	border:none;
	font-size:1em;
}

#client-details .form-section .hear-about-us-title {
	float:left;
	width:303px;
	clear:both;
}

#client-details .form-section .hear-about-us-title-other {
	float:left;
	width:120px;
	margin-bottom:20px;
	margin-top:20px;
	clear:both;
}

#client-details .form-section .hear-about-us-input-container {
	float: left;
	margin-bottom:20px;
	margin-top:20px; 
	background-image:url(/uploads/image/202-line.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:1px;
}

#client-details .form-section .hear-about-us-input {
	border:none;
	font-size:1em;
	width:200px;
}

.file-upload-container {
	float:left;
	margin-bottom:20px;
}

.file-upload-container .brief-container {
	background:url(/uploads/image/browse-button.gif) no-repeat 100% -4px;
	width:236px;
}

.file-upload-container .brief-container .brief-input {
	width:219px; 
	opacity:0.0;
	-moz-opacity:0.0;
	filter:alpha(opacity=00);
}

.file-upload-container .brief-container .fake-brief-container {
	margin-top:-22px;
}

.file-upload-container .brief-container .fake-brief-container .fake-brief-input {
	width:125px;
	border:none;
	background-image:url(/uploads/image/125-line.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:1px;
}


/* ---------- CONTACT DETAILS ON FORM PAGE ---------- */

.contact-details-container {
	position:relative;
	margin-bottom:5px;
}

.contact-details-container img {
	position:absolute;
}

.contact-details-container .contact-details-text {
	margin-left: 50px;
	color:#6babf4;
	font-weight:bold; 
	font-size:0.7em;
}

.contact-details-container .contact-details-text a {
	color:#6babf4 !important;
}


/* ---------- GENERIC STYLES ---------- */

.arial {
	font-family:Arial, Helvetica, sans-serif;
}

.grey-text {
	color: #8c8c8c;
}

.half-line {
	line-height:0.5;
}

.float-left {
	float:left;
}

.float-right {
	float:right;
}

.no-margin {
	margin:0;
}

.opening-paragraph {
	clear: both;
	color:#6babf4;
	font-weight:bold;
	line-height:2;
}

.sub-heading {
	text-transform:uppercase;
	margin:0;
	color:#6e9bd1;
	font-weight:bold;
}

.notice {
	color:#FF0000 !important;
	font-weight:bold !important;
}


/* ---------- SLIDER STYLES ---------- */

#prevBtn, #nextBtn {
	margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    text-indent: -8000px;
}

#slider-container-outer {
	background-image: url(/uploads/image/banner-outline.png); 
	background-repeat: no-repeat; 
	width: 617px; 
	height: 226px; 
	padding: 17px 20px 0 20px;	
	margin-left: 3px;
}
			
#slider-container-inner {
	position: relative;
	margin-left: 31px;
}			

#slider ul, #slider li {
	margin: 0;
	padding: 0;
	list-style: none;
}
	
#slider li { 
	width: 186px;
	height: 207px;
	overflow: hidden;
	font-size: 0.9em;
	line-height: 1.3
}
		
#slider li img {
	border: none;
	display: block; 
	width: 182px; 
	height: 119px;
	margin: 4px 0 3px 0;
}
		
#slider li span {
	display: block; 
	width: 170px; 
	height: 69px; 
	border: 1px solid #999999; 
	padding: 3px 5px;
}

#slider li span a {
	color: #32A9D9 !important;
}

#slider li span strong {
	display: block;
	font-weight: bold;
	color: #32A9D9;	
}
		
#prevBtn, #nextBtn { 
	display: block;
	width: 26px;
	height: 207px;
	position: absolute;
	left: -30px;
	top: 0;
	z-index: 1000;
	background-image: url(/uploads/image/banner-left.png);
	background-repeat: no-repeat;
}

#nextBtn { 
	left: 559px;
	background-image: url(/uploads/image/banner-right.png);
}														

#prevBtn a, #nextBtn a {  
	display: block;
	position: relative;
	width: 26px;
	height: 207px;
	background-image: url(/uploads/image/banner-left.png);
	background-repeat: no-repeat;
}	

#nextBtn a { 
	background-image: url(/uploads/image/banner-right.png);	
}


/* ---------- RECENT POSTS STYLES ---------- */

#recent-posts {
	background-image: url(/uploads/image/recent-post-border.png); 
	width: 302px; 
	height: 94px; 
	margin-top: -12px; 
	margin-left: -8px; 
	padding: 15px 25px;
}

#recent-posts p {
	margin-bottom: 0.7em;
	font-size: 0.7em;
	line-height: 1.4;
}

#recent-posts-left {
	float: left;
	height: 94px;
	width: 66px;
}

#recent-posts-left img {
	margin-top: 5px;
}
	
#recent-posts-right {
	float: left;
	height: 94px;
	width: 236px;
}

#recent-posts-right .date {
	text-align: right;
	font-weight: bold;
	color: #8c8c8c;
}

#recent-posts-right .title {
	font-weight: bold;
	color: #32a9d9;
}