/* Default styles */
* { margin:0; padding:0; }
body { background:url(/images/interface/background.png) no-repeat #5F492A; background-position: top right; background-attachment:fixed; font-size:67.5%;font-family:arial, helvetica, sans-serif; }
html, body, form { height:100%; }

a,
a:visited,
a:hover,
a:active { color: #fff; text-decoration:none; }

img { border:none; }

.left { float:left; }
.right { float:right; }

p { line-height:130%; }

input, textarea { font-family:arial, helvetica, sans-serif; }

ul li { list-style:none; }

/* sIFR */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

/* Css Preloader */
.hidden { display:none; }

/* id/class defaults */
div.smallBoxContainer { border-top: 1px solid #CEB274; margin: 0 5px 5px 0; min-height:149px; width:150px; }
div.smallBoxContainer div.smallBoxBody { background:url(/images/interface/alpha_bgrnd.png); padding:3px 5px 0 5px; min-height:137px; width:140px; }
div.smallBoxContainer div.smallBoxBottom { background:url(/images/interface/smallBoxBottom.png) transparent no-repeat; height:9px; width:150px; }
div.smallBoxContainer div.smallBoxBody span.smallBoxHeader { color:#99CCCC; }
div.smallBoxContainer div.smallBoxBody p { margin-top: 2px; }
div.smallBoxContainer div.smallBoxBody ul { padding-top:4px; position:relative; }
div.smallBoxContainer div.smallBoxBody ul li { color: #CEB274; line-height:135%;}
div#leftCol div.smallBoxContainer div.smallBoxBody ul li { color: #CEB274; line-height:115%; padding-bottom:6px; }
div.smallBoxContainer div.smallBoxBody ul li a, 
div.smallBoxContainer div.smallBoxBody ul li a:visited { color: #CEB274; }
div.smallBoxContainer div.smallBoxBody ul li a:hover,
div.smallBoxContainer div.smallBoxBody ul li a.active,
div.smallBoxContainer div.smallBoxBody ul li a.active:hover,
div.smallBoxContainer div.smallBoxBody ul li a.active:visited,
div.smallBoxContainer div.smallBoxBody ul li a.active:active { color: #FFF; }
div.smallBoxContainer div.smallBoxBody p, 
div.smallBoxContainer div.smallBoxBody p a,
div.smallBoxContainer div.smallBoxBody p a:visited { color:#FFF; }
div.smallBoxContainer div.smallBoxBody p.coloredBody, 
div.smallBoxContainer div.smallBoxBody p.coloredBody a,
div.smallBoxContainer div.smallBoxBody p.coloredBody a:visited { color:#CEB274; }

ul.case-studies {width:620px; float:right;display:block;margin-right:-5px;}
ul.case-studies li {display:block;width:140px;height:139px;background:transparent url(/images/interface/case_box.png) no-repeat 0 0;color:#fff;padding:6px 5px 5px 5px;float:left; margin: 4px 5px 5px 0;}
ul.case-studies li p {display:block;width:140px;height:139px;background: transparent none no-repeat 0 0;}
ul.case-studies li p.caseHover,
ul.case-studies li p:hover { background-position:-140px 0;}

div.bigBoxContainer { border-top: 1px solid #CEB274; margin: 0 0 5px 0; width:615px; float:right; }
div.bigBoxContainer div.bigBoxBody a,
div.bigBoxContainer div.bigBoxBody a:active,
div.bigBoxContainer div.bigBoxBody a:visited { color: #CEB274; font-weight:normal; }
div.bigBoxContainer div.bigBoxBody a:hover { color: #FFF; font-weight:normal; }
div.bigBoxContainer div.bigBoxBody { background:url(/images/interface/alpha_bgrnd.png) transparent; padding:12px 0 5px 11px; width:604px; }
div.bigBoxContainer div.bigBoxBody hr { color:#CEB274; background: url(/images/interface/hr.png); border: none; height:1px; margin: 15px 0 15px -1px; width:594px; }
div.bigBoxContainer div.bigBoxBody div#cols { padding-bottom:24px; position:relative}
div.bigBoxContainer div.bigBoxBody div#cols div.bigColumn { width:181px; }
div.bigBoxContainer div.bigBoxBody p { color:#FFF; position:relative}
div.bigBoxContainer div.bigBoxBody p.postAuthor { font-size: 1.3em; margin: 0 0 0 -4px; }
div.bigBoxContainer div.bigBoxBottom { background:url(/images/interface/bigBoxBottom.png) transparent no-repeat; height:9px; width:615px; }

div#content { padding:20px 0 0 20px; width:930px; }
div#content div#header { height:155px; width:935px;margin:0 -5px  0; }
div#content div#header div#logo { float:left; border-top:none; margin-left:5px; }
div#content div#header div#menu { float:left; }
div#content div#header div#contactInfo { float:right; }
div#content div#header div#contactAddress div.smallBoxBody p,
div#content div#header div#contactInfo div.smallBoxBody p { line-height: 115%; margin-top: 0; position:relative }
div#content div#header div#contactAddress div.smallBoxBody a:hover,
div#content div#header div#contactInfo div.smallBoxBody a:hover { color:#CEB274; }
div#content div#header div#contactAddress { float:right; }
div#content div#header div#award { float:right; }
div#content div#header div#award div.smallBoxBody p { margin-top: 0; position:relative }

div#content div#leftCol { float:left; margin: 0 -5px 0 0; width:155px; }
div#content div#leftCol div#latestNews div.smallBoxBody,
div#content div#leftCol div#latestBlog div.smallBoxBody { position:relative; }
div#content div#leftCol div#latestBlog div.smallBoxBody a.rss,
div#content div#leftCol div#latestNews div.smallBoxBody a.rss { position:absolute; right:2px;top:2px; }
div#content div#leftCol div#latestBlog div.smallBoxBody ul li a.active,
div#content div#leftCol div#latestNews div.smallBoxBody ul li a.active { color:#FFF; }
div#content div#leftCol div#latestTweets { margin-bottom:20px; }
div#content div#leftCol div#latestTweets p { padding-top:4px; width:135px; }
div#content div#leftCol div#latestTweets p.coloredBody a:hover { color:#FFF; }
div#content div#leftCol div#latestTweets hr { color:#CEB274; background: url(/images/interface/hr.png); border: none; height:1px; margin: 5px 0 1px 0; width:139px; }

div#content div#main div#mainContent { float: left; margin-left:5px; width:770px; }

div#content div#footer { float: right; width: 774px;}
div#content div#footer div#legal p { padding-top:3px; }
div#content div#footer div#legal { float:left; margin-bottom:20px; }

div.bigBoxBody fieldset { border:none; }
div.bigBoxBody dl { color: #FFF; padding:25px 0 4px 0; margin-left:-2px; width:594px; }
div.bigBoxBody dl label { float:right; width:151px;}
div.bigBoxBody dl dd { margin-bottom:-10px; }
div.bigBoxBody dl dt label#nameLabel { padding-top:6px; }
div.bigBoxBody dl dt label#emailLabel { padding-top:6px; }
div.bigBoxBody dl dd input#name,
div.bigBoxBody dl dd input#captcha,
div.bigBoxBody dl dd input#email { background-color:transparent; border:1px solid #CEB274; color: #FFF; font-size:1.1em; height:20px; width:403px; padding: 5px 0 0 4px; }
div.bigBoxBody dl dd textarea#commentText { background-color:transparent; border:1px solid #CEB274; color: #FFF; font-size:1.1em; height:143px; width:403px; padding: 5px 0 0 4px;}
/*div.bigBoxBody dl dt p.checkbox { color:#FFF; font-size:1em; padding-top:2px;}
div.bigBoxBody dl dt p.checkbox input { background-color:transparent; border:1px solid #CEB274; }*/
form fieldset input#sendcomment { margin:21px 0 6px 0; }


/* Home */
div#content.home div#mainContent { padding-bottom:20px; }
div#content.home div#mainContent div#subMenu { height:615px;}
div#content.home div#mainContent div#subMenu div#legal {  margin-left:0; position:relative; top:465px; }
div.home div#mainContent div#features {width:615px;height:615px; float:right; }
div.home div#mainContent div#features ul { margin-right:-5px; }
div.home div#mainContent div#features ul li { float:right;margin:0 5px 5px 0;width:295px;height:295px; padding:5px; background:url(/images/interface/homeBox.png) transparent no-repeat 0 0; }
div.home div#mainContent div#features ul li#welcomeLi { border-top: 1px solid #CEB274;height:294px }
div.home div#mainContent div#features ul li div { height:295px; width:295px; }
div.home div#mainContent div#features ul li div a img { height:100%; width:100%; }
div.home div#mainContent div#features ul li div#welcome { background:url(/images/uploads/home_featured/welcome.png) transparent no-repeat; }
div.home div#mainContent div#features ul li div#feature1 { background:url(/images/interface/feature1.png) transparent no-repeat; }
div.home div#mainContent div#features ul li div#feature2 { background:url(/images/interface/feature2.png) transparent no-repeat; }
div.home div#mainContent div#features ul li div#feature3 { background:url(/images/interface/feature3.png) transparent no-repeat; }
div.home div#mainContent div#features ul li div#feature1:hover { background-position:-295px 0;}
div.home div#mainContent div#features ul li div#feature2:hover { background-position:-295px 0;}
div.home div#mainContent div#features ul li div#feature3:hover { background-position:-295px 0;}

/* About */
div.about div.bigBoxBody h2 { color:#CEB274; font-size: 4em; margin: -12px 0 106px -4px; font-weight: lighter;}
div.about div.bigBoxBody div#cols { padding-bottom:24px; }
div.about div.bigBoxBody div#cols div.bigColumn { width:181px; }
div.about div.bigBoxBody div#cols div.bigColumn p { color:#FFF; font-size: 1.2em; margin: 0 0 17px 0; }
div.about div.bigBoxBody div#cols div#firstCol { float:left; padding-right:23px;}
div.about div.bigBoxBody div#cols div#secondCol { float:left; padding-right:23px;}
div.about div.bigBoxBody div#cols div#thirdCol { float:right; padding-right:14px }

/* Team */
div.team div.bigBoxBody a.javamail { color:#FFF;}
div.team div.bigBoxBody h2 { color:#CEB274; font-size: 4em; margin: -12px 0 106px -4px; font-weight: lighter;}
div.team div.bigBoxBody div#cols div.bigColumn p { color:#FFF; font-size: 1.2em; margin: 0 0 17px 0; }
div.team div.bigBoxBody div#cols div#firstCol { float:left; padding: 3px 23px 0 0;}
div.team div.bigBoxBody div#cols div#secondCol { float:left; padding-right:23px;}
div.team div.bigBoxBody div#cols div#thirdCol { float:right; padding-right:14px }
div.team div.bigBoxBody div#cols div p#teamContact { font-size:1.1em; line-height:120%; padding-top:9px;}
div.team div.bigBoxBody div#cols div p#teamContact a,
div.team div.bigBoxBody div#cols div p#teamContact a:visited,
div.team div.bigBoxBody div#cols div p#teamContact a:active, { color:#FFF; }
div.team div.bigBoxBody div#cols div p#teamContact a:hover { color:#CEB274; }

/* Clients */
div.clients div.bigBoxBody h2 { color:#CEB274; font-size: 4em; margin: -12px 0 76px -4px; font-weight: lighter;}
div.clients div.bigBoxBody p.postAuthor { padding-left:2px; }
div.clients div.bigBoxBody p.postAuthor span { color:#CEB274; }
div.clients div.bigBoxBody hr#topHr { margin-top:13px; }
div.clients div.bigBoxBody div#cols { padding-bottom:0; }
div.clients div#cols a,
div.clients div#cols a:visited,
div.clients div#cols a:active { color:#CEB274; }
div.clients div#cols a:hover { color:#FFF; }
div.clients div#cols div#clientColumn { float:left; padding: 2px 0 0 0; width:600px; }
div.clients div#cols div#clientColumn li { float:left; width:200px; }
div.clients div#cols div.bigColumn p { color:#FFF; font-size: 1.2em; margin: 0 0 17px 0; }
div.clients div#cols ul li { color:#FFF; font-size:1.2em; padding-bottom:11px; }
div.clients div#cols { margin-bottom:-8px; }

/* Case studies */
div.case div#relatedEntries ul li { line-height: 110%; padding-bottom:7px; }
div.case div.bigBoxBody h2 { color:#CEB274; font-size: 4em;  width:445px; margin:-12px 0 76px -4px; font-weight: lighter; }
div.case div.bigBoxBody p.postAuthor { margin-left:-2px; padding-bottom:10px; }
div.case div.bigBoxBody p.postAuthor a { border-bottom:1px solid #FFF; color:#FFF; }
div.case div.bigBoxBody p.postAuthor a:hover { color: #CEB274; }
div.case div.bigBoxBody div#tabs { height:30px; width:453px;}
div.case div.bigBoxBody div#tabs ul { margin-left:-6px;}
div.case div.bigBoxBody div#tabs ul li { display:inline-block; height:30px; width:150px; margin-right:1px; }

div.case div.bigBoxBody div#tabs ul li#rebriefTab {float:left; background-image:url(/images/interface/case_brief_tab.png); }
div.case div.bigBoxBody div#tabs ul li#rebriefTab.active { background-position:0 0; }
div.case div.bigBoxBody div#tabs ul li#rebriefTab.active:hover { background-position:0 0; }
div.case div.bigBoxBody div#tabs ul li#rebriefTab.inactive {background-position:-300px 0; }
div.case div.bigBoxBody div#tabs ul li#rebriefTab.inactivehover,
div.case div.bigBoxBody div#tabs ul li#rebriefTab.inactive:hover {background-position:-150px 0; }

div.case div.bigBoxBody div#tabs ul li#retwistTab {float:left; background-image:url(/images/interface/case_approach_tab.png); }
div.case div.bigBoxBody div#tabs ul li#retwistTab.active { background-position:0 0; }
div.case div.bigBoxBody div#tabs ul li#retwistTab.active:hover { background-position:0 0; }
div.case div.bigBoxBody div#tabs ul li#retwistTab.inactive {background-position:-300px 0; }
div.case div.bigBoxBody div#tabs ul li#retwistTab.inactive:hover {background-position:-150px 0; }

div.case div.bigBoxBody div#tabs ul li#rewiredTab {float:left; background-image:url(/images/interface/case_results_tab.png); }
div.case div.bigBoxBody div#tabs ul li#rewiredTab.active { background-position:0 0; }
div.case div.bigBoxBody div#tabs ul li#rewiredTab.active:hover { background-position:0 0; }
div.case div.bigBoxBody div#tabs ul li#rewiredTab.inactive {background-position:-300px 0; }
div.case div.bigBoxBody div#tabs ul li#rewiredTab.inactive:hover {background-position:-150px 0; }

div.case div.bigBoxBody div#tabs ul li a { display:block;height:100%; width:100%;}
div.case div.bigBoxBody div.tabContent { background-color:#FFF; padding:1px 0 0 0; margin-left: -6px; width:605px; }
div.case div.bigBoxBody div.tabContent ul { padding:16px 0 7px 0; }
div.case div.bigBoxBody div.tabContent img { padding: 0 0 5px 5px; }
div.case div.tabContent a.tabNext { padding:10px 0 0 8px; margin:0 300px 0 0; }
div.case div.tabContent a.tabNext img { padding:15px 0 0 8px; margin-bottom:-3px; }
div.case div.bigBoxBody div.tabContent ul li { background:url(/images/interface/case_bullet.png) no-repeat; background-position: 10px 5px; color: #333333; font-size:1.2em; font-weight:bold; padding:0 0 16px 32px;width:420px;}
div.case div.bigBoxBody div.tabContent h4 { background:url(/images/interface/case_link_bullet.png) no-repeat; background-position:161px 8px; color: #333333; font-size:1.8em; padding-left:8px; margin:15px 0 0 0; width:420px;}
div.case div.bigBoxBody div.tabContentBottom { background:url(/images/interface/case_bottom.png) no-repeat transparent; height:9px; width:605px; margin:0 0 -9px -6px; }
div.case div.bigBoxContainer div.bigBoxBottom {position:relative; z-index:-1; }

/* News/Blog list items */
div.stories ul.storyitems { float:right; width:615px; }
div.stories ul.storyitems li { color:#FFF; }
div.stories ul.storyitems li div.bigBoxContainer { border-top: 1px solid #CEB274; margin: 0 0 5px 0; height:auto; min-height:73px;  width:615px; }
div.stories ul.storyitems li div.bigBoxContainer a { width:100%; height:100%; }
div.stories div.bigBoxContainer a { display:block; }
div.stories div.bigBoxContainer a div.bigBoxBody { background:url(/images/interface/alpha_bgrnd.png) transparent; padding:12px 0 0 11px; min-height:52px; width:604px; }
div.stories div.bigBoxContainer a div.bigBoxBody h3 { font-size:1.5em; font-weight:normal;}
div.stories div.bigBoxContainer a div.bigBoxBody p { color:#C4BAB0; margin-top:13px; }
div.stories div.bigBoxContainer a div.boxBodyHover { background:url(/images/interface/alpha_bgrndhover.png) transparent; cursor:pointer; }
div.stories div.bigBoxContainer a div.boxBottomHover { background:url(/images/interface/bigBoxBottomHover.png) transparent; cursor:pointer; }

/* News/Blog detailed item */
div.entry div.bigBoxBody h2 { color:#CEB274; font-size: 4em; margin: -12px 0 76px -4px; width:420px; font-weight: lighter; }
div.entry div.bigBoxBody h3 { color:#FFF; font-size: 2em; }
div.entry div.bigBoxBody div.clearfix img#shareBtn { margin-top:-18px; padding-right:9px;}
div.entry div.bigBoxBody hr#topHr { margin-top:13px; }
div.entry div.bigBoxBody p { color:#FFF; font-size: 1.2em; width:415px; margin: 0 0 17px 0; }
div.entry div.bigBoxBody div.comments { padding: 1px 0 0 0; }
div.entry div.bigBoxBody div.comments h3 { color:#FFF; margin: -2px 0 -4px 0; }
div.entry div.bigBoxBody div.comments div.comment { color:#CEB274;  width:594px; }
div.entry div.bigBoxBody div.comments div.comment p { color:#CEB274;  font-size:1.1em; }
div.entry div.bigBoxBody div.comments div.comment hr { margin:0 0 12px 0; }
div.entry div.bigBoxBody div.comments div.comment div.clearfix { margin-bottom:20px;}
div.entry div.bigBoxBody div.comments div.comment div.commentBody { float:left; width:420px; }
div.entry div.bigBoxBody div.comments div.comment div.commentBody p { margin:0; }
div.entry div.bigBoxBody div.comments div.comment div.commentAuthor { float:right; width:150px; overflow:hidden; }

/* Contact */
div.contact div.bigBoxBody { padding-bottom:2px; }
div.contact div.bigBoxBody h2 { color:#CEB274; font-size: 4em; margin: -12px 0 76px -4px; font-weight: lighter; }
div.contact div.bigBoxBody h3 { color:#FFF; font-size: 2em; }
div.contact div.bigBoxBody hr#topHr { margin-top:13px; margin-bottom:-3px; }

/* 404 */
div.fourofour div.bigBoxBody h2 { color:#CEB274; font-size: 4em; margin: -12px 0 76px -4px; width:420px; font-weight: lighter; }
div.fourofour div.bigBoxBody hr#topHr { margin-top:13px; }
div.fourofour div.bigBoxBody p { color:#FFF; font-size: 1.2em; width:415px; margin: 0 0 17px 0; }


/* Fixes */
div#main div#mainContent ul.features:after,
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Hides from IE-mac \*/
* html div#main div#mainContent ul.features,
* html .clearfix { height:1px; }

div#main div#mainContent ul.features,
.clearfix { display: inline-block; }

div#main div#mainContent ul.features,
.clearfix { display: block; }
/* End hide from IE-mac */