@import url("reset.css");

body{ font-family:Arial, Helvetica, Sans-serif;  line-height: 18px; font-size: 13px; text-align: left; background-color: #fafafa; color: #737373; }

h1,h2,h3,h4,h5,h6{ padding: 0 0 10px; font-weight:lighter; }

h1{ font-size: 22px; color:#000; line-height:25px; }
h2{ font-size: 13px; color:#79ac0b; text-transform:uppercase; font-weight:bold; }
p{ padding: 0 0 10px; }

.clear:after{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0;height: 0; }
.clear{ height:1%; clear:both;}

strong{ /* color:#79ac0b; */ }


/*--Links --------------------------------------------------------------------------------*/

a, a:visited{ text-decoration: none; color:#79ac0b; }
a:hover{ color:#333; text-decoration:underline; }
a:active{ color:#000; }

a.title-link{ color:#000; text-transform:uppercase; line-height:20px; font-weight:bold; }
a.zoom{ background:url(../img/icons/zoom.gif) left 0px no-repeat; padding-left:23px; padding-bottom:3px; text-transform:uppercase; color:#000; font-size:11px; }

/*--Main frame --------------------------------------------------------------------------------*/

#wrapper{ margin: 0 auto; text-align: left; width:998px; border-width:0 1px; border-color:#e7e4e4; border-style:solid; }
#header{ border-top:6px solid #e7e4e4; background:url(../img/think-outside-the-box-think-retail.gif) no-repeat right 218px; }
#banner-home{ padding-top:20px; width:348px; border-right:1px solid #e7e4e4; padding-bottom:15px; text-align:center; }


/*--Main menu -----------------------------------------------------------------------------*/

#main-menu{ float:right; }
#main-menu li{display:inline-block;float:left;width:130px;width:108.3px;}
#main-menu li a{ color:#7fb20f; display:block; border-left:#adde31 1px solid; padding:44px 0 15px 8px; font-size:12px; font-weight:bold; text-transform:uppercase; }
#main-menu li a:hover{ text-decoration:none; color:#111; background-color:#f2f7e6; }


/*--Container --------------------------------------------------------------------------------*/

#container{ border-top:1px solid #e7e4e4; }
#content{ float:left; width:649px; border-left:1px solid #e7e4e4; }
#main-info-box{ padding:30px; background-color:#ebf4f4; font-size:14px; border-bottom:1px solid #e7e4e4; }
#project-preview { text-align:center; border-bottom:1px solid #e7e4e4; float:left; }
#project-preview .project{ padding:30px; float:left; width:155px; display:inline; border:none;/*border-right:1px solid #e7e4e4;*/ }
#project-preview .project.last{ border-right:none; padding:29px; }
#project-preview .project img{ margin:0 0 8px; }
.more-box{ background-color:#eef6eb; border-bottom:1px solid #e7e4e4; text-align:right; padding-right:20px; clear:both; }
.more-box a{ background:url(../img/icons/arrow-right.gif) right 2px no-repeat; line-height:25px; padding-right:30px; }

.blog .entry{ background-color:#ebf4f4; }
.entry{ border-bottom:1px solid #e7e4e4; padding:30px; }
.entry .entry-title span{ color:#000; text-transform:uppercase; font-size:11px; }
.entry h1 a{ color:#4cacc1; text-decoration:underline; padding:0 0 10px; }
.entry h1 a:hover{ color:#000; border-color:#000; }
.entry img { margin:0 20px 15px 0; }
.entry-tags {color:#4cacc1;font-size:11px;background:#EEEEEE url(../img/icon_categories.gif) no-repeat scroll 25px 10px;border-bottom:1px solid #D1D1D1;margin:0;padding:8px 25px 8px 39px;}

#news .entry{ padding:15px; margin-bottom:0; }
#news .entry .entry-title{ width:230px; float:left; }
#news .entry .entry-news{ width:348px; float:left; padding:0 20px; }

#navigation{ text-align:center; padding:0; background-color:#ebf4f4; padding:10px 30px; border-bottom:1px solid #e7e4e4; }
#navigation .previous a{ background:url(../img/icons/arrow-left.gif) center left no-repeat; padding-left:25px; float:left; }
#navigation .pages-link a, #navigation .pages-link .current{ color:#000; font-size:12px; margin:0 6px; }
#navigation .pages-link .current {color:#79ac0b;font-weight:bold;}
#navigation .next a{ float:right; background:url(../img/icons/arrow-right.gif) center right no-repeat; padding-right:25px; }
#navigation .go-back a {background:url(../img/icons/arrow-left.gif) center left no-repeat; padding:25px; padding-right:0;float:right; }

.project{ width:272px; float:left; padding:30px; border-right:1px solid #e7e4e4; border-bottom:1px solid #e7e4e4;}
.project img{ margin:0 0 10px; }
.project p{ padding:10px 0 0; }
.project a.title-link{ font-size:18px; text-transform:none; }
.project-info span{ color:#000; text-transform:uppercase; font-size:11px; }
.project-info h1{ padding:0; }
.nav-casestudy { padding:5px 25px;background-color:#eef6eb;border-bottom:1px solid #e7e4e4;text-align:right;}
.nav-casestudy span {background:url(../img/icons/casestudy.gif) no-repeat scroll left center; padding:1em 0 1em 40px;}
.nav-casestudy a{font-size:13px;font-weight:bold;color:black;background:url(../img/icons/arrow-right.gif) no-repeat scroll right center;line-height:30px;padding-right:25px;text-transform:uppercase;}


.studies .entry { float:left;background-color:#ebf4f4; }
.studies .alt { background-color:#fff; }
.studies .entry-content img {float:left;margin-right:10px;}
.studies .entry-content .entry-mandate {float:left;overflow:hidden;padding:0;width:397px;}
.studies .entry-content .entry-text {float:left;overflow:hidden;padding:0;width:397px;}
.studies .entry .expand-btn {clear:left;float:right;margin-top:10px;padding-left:40px;background:url(../img/icons/directory.gif) no-repeat scroll center left}
.studies .alt .expand-btn {background:url(../img/icons/directory-alt.gif) no-repeat scroll  left}
.studies .entry .expand-btn a{font-size:13px;font-weight:bold;color:black;background:url(../img/icons/arrow-down.gif) no-repeat scroll right center; line-height:30px; padding-right:20px;text-transform:uppercase;}
.studies .entry .entry-text ul {list-style:disc;margin-left:20px;}
.studies .entry .close-btn a{font-size:13px;font-weight:bold;color:black;background:url(../img/icons/x-close.gif) no-repeat scroll left center; line-height:30px; padding-left:15px;text-transform:uppercase;}
.studies .entry .close-btn-top {float:right;}
.studies .entry .close-btn-bottom {float:left;}
.studies .entry .view-btn {float:right;}
.studies .entry .view-btn a{font-size:13px;font-weight:bold;color:black;background:url(../img/icons/arrow-right.gif) no-repeat scroll right center; line-height:30px; padding-right:25px;text-transform:uppercase;}



/*--Side bar --------------------------------------------------------------------------------*/

#side-bar{ float:left; width:348px; }
#side-image{ padding:30px 0; text-align:center; border-bottom:1px solid #e7e4e4; }
#side-contact{ padding:30px; background-color:#f0efef; border-bottom:1px solid #e7e4e4; }
#side-testimonials{ background-color:#f6f5f5; }
#side-testimonials h2{ padding:30px 0 10px 30px; }

.testimonial div{ font-size:14px; background:url(../img/icons/quote-left.gif) left top no-repeat; padding:0 0 10px 30px; }
.testimonial div.bigger{ font-size:16px; background-image:url(../img/icons/quote-left-desatured.gif); }
.testimonial{ padding:30px 30px; border-bottom:1px solid #e7e4e4; }
.testimonial div p{ padding:0; }
.testimonial .pic { margin:0 20px 15px 0; float:left; }
.testimonial span p{ color:#000; font-style:italic; font-size:13px; text-align:right; padding:0;clear:left;}


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

#footer{color:#adadad; font-size:11px; padding:30px; margin-top:30px; clear:both;}
#footer span{text-transform:uppercase;}


/*-- Custom --------------------------------------------------------------------------------*/

table.space-table td{ padding:5px; }
#main-info-box.no-border{ border-bottom:none; }
#main-info-box.no-padding{ padding:30px 30px 0; }
.blue{ color:#4cacc1; }
.last{ margin-right:0; border-right:0; }
.bigger{ font-size:13px; }
#error-box{ color:#CB2125; }
.darker{ color:#404040; }
table td{ padding:0 25px 0 0; }
form table td{ padding:6px; }
input.text, textarea.text{ width:425px; font-size:16px; padding:4px; border:1px solid #cee0e0; color:#737373; }
textarea.text{ height:150px; font-family:Arial, Helvetica, sans-serif; }