@charset "utf-8";

/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }                  
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select {vertical-align:middle;}

/* Fonts */
@font-face { font-family: 'Trade Gothic Condensed 18'; src: url('http://www.idgc.ca/fonts/tradegothicltstd-cn18-webfont.eot'); src: url('http://www.idgc.ca/fonts/tradegothicltstd-cn18-webfont.eot?iefix') format('eot'), url('http://www.idgc.ca/fonts/tradegothicltstd-cn18-webfont.woff') format('woff'), url('http://www.idgc.ca/fonts/tradegothicltstd-cn18-webfont.ttf') format('truetype'); }
@font-face { font-family: 'Trade Gothic Bold Condensed 20'; src: url('http://www.idgc.ca/fonts/tradegothicltstd-bdcn20-webfont.eot'); src: url('http://www.idgc.ca/fonts/tradegothicltstd-bdcn20-webfont.eot?iefix') format('eot'), url('http://www.idgc.ca/fonts/tradegothicltstd-bdcn20-webfont.woff') format('woff'), url('http://www.idgc.ca/fonts/tradegothicltstd-bdcn20-webfont.ttf') format('truetype'); }
@font-face { font-family: 'Trade Gothic Bold 2'; src: url('http://www.idgc.ca/fonts/tradegothicltstd-bd2-webfont.eot'); src: url('http://www.idgc.ca/fonts/tradegothicltstd-bd2-webfont.eot?iefix') format('eot'), url('http://www.idgc.ca/fonts/tradegothicltstd-bd2-webfont.woff') format('woff'), url('http://www.idgc.ca/fonts/tradegothicltstd-bd2-webfont.ttf') format('truetype'); }
@font-face { font-family: 'Trade Gothic Regular'; src: url('http://www.idgc.ca/fonts/tradegothicltstd-webfont.eot'); src: url('http://www.idgc.ca/fonts/tradegothicltstd-webfont.eot?iefix') format('eot'), url('http://www.idgc.ca/fonts/tradegothicltstd-webfont.woff') format('woff'), url('http://www.idgc.ca/fonts/tradegothicltstd-webfont.ttf') format('truetype'); }
@font-face { font-family: 'Trade Gothic Oblique'; src: url('http://www.idgc.ca/fonts/tradegothicltstd-lightobl-webfont.eot'); src: url('http://www.idgc.ca/fonts/tradegothicltstd-lightobl-webfont.eot?iefix') format('eot'), url('http://www.idgc.ca/fonts/tradegothicltstd-lightobl-webfont.woff') format('woff'), url('http://www.idgc.ca/fonts/tradegothicltstd-lightobl-webfont.ttf') format('truetype'); }

/* Core Styles */
html {overflow-y:scroll;}
body { background:url("http://www.idgc.ca/images/texture.jpg") fixed repeat; font-family:Arial, Helvetica, sans-serif; font-weight:normal; }
a#description-anchor {display:block;}
img.loading { display:block; margin:2% auto; }

aside { width:30%; height:100%; padding:4% 2% 0 0; position:fixed; }
aside img#building { width:85%; bottom:0; left:0; position:absolute; z-index:-1; }
aside a { margin:0; padding:0 5%; text-align:right; display:block; }
aside nav { font:normal 18px/22px 'Trade Gothic Bold Condensed 20'; text-align:right; top:7%; position:relative; text-transform:uppercase; }
aside nav a { color:#3B2A31; text-decoration:none; display:inline; }
aside nav a:hover {color:#b80936;}
aside nav ul {list-style:none;}
aside nav ul li { padding:0 16px 0 0; }
aside nav ul li#language { padding:1em 16px 0 0; }
aside nav ul li#language a {color:#b80936;}
aside nav ul li.active { background:url("http://www.idgc.ca/images/arrow.png") right center no-repeat; }
aside nav ul li a {padding:0;}
aside nav ul li.active a {color:#b80936;}
aside nav ul li ul.children { font:normal 12px/12px 'Trade Gothic Condensed 18'; }
aside nav ul li ul.children li { left:5%; position:relative; }
aside nav ul li ul.children li a { padding:0 1%; }
aside nav ul.children li:last-child { margin:0 0 5%; }

aside .mobile-social { display:none; margin:2% 0 4%; padding:0 0 2%; border-bottom:1px solid #000; }
aside .mobile-social ul { list-style:none; height:28px; }
aside .mobile-social ul li { margin:0.5% 1%; float:left; position:relative; }
aside .mobile-social ul li.linkedin { background-position:-80px 0; }
aside .mobile-social ul li.twitter { background-position:-53px 0; }
aside .mobile-social ul li.facebook { background-position:-26px 0; }
aside .mobile-social ul li.rss { background-position:0 0; }
aside .mobile-social ul li.social {background-image:url("http://www.idgc.ca/images/social.png");}
aside .mobile-social ul li.social a { display:block; height:22px; width:22px; text-indent:-9999px; text-align:left; }
aside .mobile-social ul li.language {float:right;}
aside .mobile-social ul li.language a { color:#b80936; text-align:right; font:normal 18px/22px 'Trade Gothic Bold Condensed 20'; text-decoration:none; }

header { position:relative; width:100%; padding:1% 0 2% 0; border-bottom:1px dotted #3B2A31; margin:0 0 2%; }
header ul { list-style:none; height:28px; }
body.about section header ul { padding:0; margin:0; }
header ul li { margin:0.5%; float:right; position:relative; }
header ul li#linkedin { background-position:-80px 0; }
header ul li#twitter { background-position:-53px 0; }
header ul li#facebook { background-position:-26px 0; }
header ul li#rss { background-position:0 0; }
header ul li.social { background:url("http://www.idgc.ca/images/social.png") no-repeat; }
header ul li.social a { display:block; height:22px; width:22px; text-indent:-9999px; }
header ul li form { white-space:nowrap; height:22px; }
header ul li form label { font:normal 12px/14px 'Trade Gothic Bold 2'; text-transform:uppercase; position:relative; top:1px; background:url("http://www.idgc.ca/images/arrow.png") 0 2px no-repeat; padding:0 0 0 11px; }
header ul li form input { display:inline; border:1px solid #3B2A31; height:15px; padding:2px;  }
header ul li form input#newsletter_submit { background:url("http://www.idgc.ca/images/white-arrow.png") no-repeat scroll 7px 4px #B80936; border:0 none; height:17px; position:absolute; right:2px; top:3px; width:17px; cursor:pointer; }
html.borderradius header ul li form input#newsletter_submit { border-radius:2px 0 2px 0; }
header h1 { font:normal 24px/28px 'Trade Gothic Bold Condensed 20'; color:#3B2A31; text-align:justify; text-transform:uppercase; clear:both; padding:3% 0 0 0; }
header h1 span {color:#B80936;}
header ul li.social div.social { position:absolute; width:120px; right:0; top:0; padding:16px 0 0 0; display:none; z-index:20; }
header ul li.social div.social div.bubble {  background-color:#54484D; padding:10px; border:1px solid #FFF; text-align:center; }
html.boxshadow header ul li div.social div.bubble { box-shadow:2px 2px 5px #3B2A31; }
header ul li.social div.social div.bubble > div { position:absolute; width:0; height:0; right:4px; top:-2px; border-style:solid; border-width:6px; border-color:transparent transparent #B80936; }
header ul li.social div.social div.bubble footer a { color:#FFF; padding:5px 0; width:auto; height:auto; text-indent:0; text-decoration:none; font:normal 10px/12px 'Trade Gothic Regular'; text-transform:uppercase; position:relative; bottom:0; margin:10px -10px -10px; border-top:1px dotted #FFF; background-color:#43393d; }
header ul li.social div.social div.bubble footer a:hover {background-color:#b80936;}
header ul li.social div.social div.bubble a { text-indent:0; width:auto; }
header ul li#rss div.social div.bubble { height:64px; padding:0; }
header ul li#rss a.rss, header ul li#rss a.atom { display:block; color:#FFF; text-decoration:none; font:normal 10px/12px 'Trade Gothic Regular'; height:20px; padding:44px 0 0; }
header ul li#rss a.rss { float:left; background:url("http://www.idgc.ca/images/rssfeed.png") center 11px no-repeat; width:59px; }
header ul li#rss a.atom { float:right; background:url("http://www.idgc.ca/images/atomfeed.png") center 11px no-repeat; border-left:1px dotted #FFF; width:58px; }
header ul li#rss a.rss:hover, header ul li#rss a.atom:hover {background-color:#b80936;}

header figure.container { position:relative; border:5px solid #FFF; width:98%; overflow:hidden; margin:3% 0 1%; }
html.boxshadow header figure.container { box-shadow:0 0 10px 0 #3B2A31; }
header figure.container figcaption.featured { background-color:#B80936; background-image:none; font:bold 12px/24px 'Trade Gothic Regular'; height:auto; padding:0 3% 0 2%; text-align:right; text-transform:uppercase; white-space:nowrap; width:115px; z-index:1;  color:#FFF; position:absolute; right:0; }
html.borderradius header figure.container figcaption.featured { border-radius:0 0 0 14px; }
header figure.container div.sliders {position:relative;}
header figure.container div.sliders figure { float:left; position:relative; }
header figure.container div.sliders figure figcaption { position:absolute; width:23%; right:0; height:100%; padding:0 3%; background:url("http://www.idgc.ca/images/header-bg.png"); }
header figure.container div.sliders figure figcaption h1 { margin:20% 0 0; text-align:left; font:normal 18px/22px 'Trade Gothic Bold Condensed 20'; }
header figure.container div.sliders figure figcaption h1 a { color:#FFF; text-decoration:none; }
header figure.container div.sliders figure figcaption p a { font:normal 12px/14px 'Trade Gothic Regular'; color:#FFF; text-decoration:none; }
header figure.container div.sliders figure img { width:100%; float:left; }
header figure.container div.sliders figure figcaption img { width:auto; float:none; }
header img.header { border:5px solid #FFF; margin:3% 0 0; }
html.boxshadow header img.header { box-shadow:0 0 10px 0 #3B2A31; }
header img.header.small { float:left; width:33%; margin:1em 1em 1em 0; }
header img.header.full {width:98%;}


section { left:32%; width:58%; padding:0 8% 2% 2%; position:absolute; }
section p { font:normal 14px/18px 'Trade Gothic Regular'; margin:0 0 1em; }
section p em, section em { font-style:normal; font-family:'Trade Gothic Oblique'; }
section a { color:#B80936; text-decoration:none; }

section a:hover {text-decoration:underline;}

section aside { float:right; height:auto; color:#FFF; padding:1% 2% 2%; position:relative; width:26%; background:url("http://www.idgc.ca/images/aside-bg.png") repeat; font:normal 12px/14px Arial, Helvetica, sans-serif; }
section aside h1 { font:normal 10px/18px 'Trade Gothic Bold 2'; margin:0 0 3%; border-bottom:1px dotted #FFF; text-transform:uppercase; padding:2% 0; }
section aside h1 a { display:inline; text-align:inherit; padding:0; }
section aside h1 img {vertical-align:bottom;}
section aside ul, section aside ol {list-style:none;}
section aside ul li { padding:3% 0 0; }
section aside ul li:last-child hr {display:none;}
section aside ul li a, section aside ol li a { display:inline; text-align:inherit; padding:0; color:#FFF; text-decoration:none; font-family:'Trade Gothic Bold 2'; }

section aside ul li a:hover, section aside ol li a:hover { color:#B80936; text-decoration:none; }
section aside img.loading { margin:20% auto; }
section aside ul li p { margin:4% 0; }
section aside ul li p.via { font:12px/14px 'Trade Gothic Regular'; text-align:right; }
section aside ul li p.via a { font-family:'Trade Gothic Regular'; }
section aside p.social {margin:0;}
section aside p.more { margin:4% 0 0; padding:0 0 4%; clear:left; }
section aside p.more a { color:#000; text-decoration:none; font:normal 12px/14px 'Trade Gothic Bold Condensed 20'; text-transform:uppercase; }
section aside time { font:normal 12px/14px 'Trade Gothic Bold 2'; text-transform:uppercase; }
section aside hr { height:8px; border:0; border-top:1px solid #FFF; border-bottom:1px solid #FFF; background:none; }
body.blog section aside span { display:none; font:18px/22px 'Trade Gothic Bold Condensed 20'; padding:0 0 2%; border-bottom:1px dotted #FFF; margin:0 0 2%; text-transform:uppercase; }
body.blog section aside span em { font:normal 18px/22px 'Trade Gothic Bold Condensed 20'; }
body.blog section aside h1 { font:normal 24px/28px 'Trade Gothic Bold Condensed 20'; }
body.blog section aside h1 img {vertical-align:baseline;}
body.blog section aside h2 { font:normal 18px/20px 'Trade Gothic Bold 2'; text-transform:uppercase; }
body.blog section aside ul, body.blog section aside ol { font:normal 12px/18px 'Trade Gothic Regular'; text-transform:uppercase; margin:0; padding:0; }
body.blog section aside ul li, body.blog section aside ol li { padding:0; margin:0; }
body.blog section aside ul a, body.blog section aside ol a { display:block; font-family:'Trade Gothic Regular'; }
body.blog section aside ul li.active a, body.blog section aside ol li.active a { color:#FFF; background:url("http://www.idgc.ca/images/white-arrow.png") no-repeat 3px 5px; padding:0 0 0 15px; }
body.blog section aside ul a:hover, body.blog section aside ol a:hover { color:#FFF; background:url("http://www.idgc.ca/images/white-arrow.png") no-repeat 3px 5px; padding:0 0 0 15px; }
html.csstransitions body.blog section aside ul a, html.csstransitions body.blog section aside ol a { transition: padding .2s; transition: .2s; -moz-transition: padding .2s; -webkit-transition: padding .2s; -o-transition: padding .2s; }
body.client section aside { float:left; background:none; width:33%; margin:0 3% 3% 0; color:#3B2A31; padding:0 2% 2% 0; }
body.client section aside h1 { font:normal 22px/24px 'Trade Gothic Bold 2'; border:none; margin:0 0 3%; padding:0; text-transform:none; color:#B80936; }
body.client section aside p { font:normal 12px/18px 'Trade Gothic Regular'; margin:7% 0; }

body.contact section aside { background:none; float:left; width:32%; margin:0 2% 0 0; color:#000; padding:1% 0 2% 0; }
body.contact section aside hr { border:none; border-bottom:1px dotted #3B2A31; }

section article.post { padding:0 5% 0 0; width:64%; margin:0 0 3% 0; }
section article.post hgroup h1 { margin:0; text-align:left; text-transform:uppercase; color:#B80936; font:normal 24px/28px 'Trade Gothic Bold Condensed 20'; }
section article.post hgroup h1 a { color:#B80936; font:normal 24px/28px 'Trade Gothic Bold Condensed 20'; text-decoration:none; }
section article.post hgroup h2 { color:#3B2A31; font:normal 12px/14px 'Trade Gothic Bold Condensed 20'; text-transform:uppercase; }
section article.post img.header { border:5px solid #FFF; margin:3% 0 0; }
section article.post img.header.small { float:left; width:33%; margin:1em 1em 1em 0; }
section article.post img.header.full {width:97%;}
html.boxshadow section article.post img.header { box-shadow:0 0 10px 0 #3B2A31; }
section article.post p { font:normal 14px/18px 'Trade Gothic Regular'; margin:1em 0; }
section article.post p.related { font:normal 12px/14px 'Trade Gothic Regular'; }
section article.post p img { border:5px solid #FFFFFF; margin:2%; }
html.boxshadow section article.post p img { box-shadow:0 0 4px 0 #3B2A31; }
section article.post a { color:#B80936; text-decoration:none; }
section article.post a:hover {text-decoration:underline;}
section article.post ul, section article.post ol { margin:1em 0; padding:0 0 0 2em; font:14px/18px 'Trade Gothic Regular'; }
section article.post img.alignleft { width:40%; float:left; margin:0 4% 0 0; }
section article.post img.alignright { width:40%; float:right; margin:0 0 0 4%; }
section article.post img.aligncenter { width:96%; margin:4% 0; }
section article.post blockquote { padding:0 2em; font-family:'Trade Gothic Oblique'; text-align:left; }
section article.post p.more { margin:4% 0 0; padding:0 0 4%; border-bottom:1px dotted #3B2A31; clear:left; text-align:right; }
section article.post p.more a { color:#000; text-decoration:none; font:normal 12px/14px 'Trade Gothic Bold Condensed 20'; text-transform:uppercase; }
section article.post p.more img { border:none; margin:0; }
html.boxshadow section article.post p.more img {box-shadow:none;}
section article.post .fb_iframe_widget {width:100%;}
section article.post .fb_iframe_widget iframe { width:100% !important; }

section p.paginate span { background:url("http://www.idgc.ca/images/aside-bg.png") repeat; font:normal 12px/14px Arial, Helvetica, sans-serif; color:#FFF; padding:1%; }
section p.paginate strong, section p.paginate a { padding:0 0.5%; font:16px/14px 'Trade Gothic Bold 2'; }
header span.prev a { color:#000; font:12px/14px 'Trade Gothic Bold Condensed 20';text-decoration:none; text-transform:uppercase; position:relative; left:0; padding:18px 0 0 14px; display:block; background:url("http://www.idgc.ca/images/arrow-left.png") left 20px no-repeat; }
header span.next a { color:#000; font:12px/14px 'Trade Gothic Bold Condensed 20';text-decoration:none; text-transform:uppercase; position:relative; left:0; padding:2% 0 0; display:block; }


section article.services { padding:0; width:47%; }
section article.services:nth-child(2n) { float:left; clear:left; margin:0 3% 0 0;}
section article.services:nth-child(2n+1) { float:right; clear:right; margin:0 0 0 3%; }
section article.services h1 { margin:0 0 2%; font:normal 18px/18px 'Trade Gothic Bold 2'; color:#B80936; text-transform:uppercase; }
section article.services p { margin:4% 0; font:normal 14px/16px 'Trade Gothic Regular'; }
section article.services ul {list-style:none;}
section article.services ul li { font:normal 12px/20px 'Trade Gothic Bold 2'; text-transform:uppercase; position:relative; cursor:default; }
section article.services ul li.active {color:#B80936;}
section article.services ul li span.bubble { display:none; position:absolute; bottom:0; left:33%; text-transform:none; color:#FFF; padding:1em; background-color:#54484D; width:50%; font:normal 12px/16px 'Trade Gothic Regular'; }
section article.services ul li span.bubble a { color:#FFF; text-decoration:none; }
section article.services ul li span.bubble a:hover {text-decoration:underline;}
section article.services ul li span.bubble div { position:absolute; width:0; height:0; bottom:4px; left:-1.5em; border-style:solid; border-width:6px; border-color:transparent #B80936 transparent transparent; }
html.boxshadow section article.services ul li span.bubble { box-shadow:2px 2px 5px #3B2A31; }
section article.services hr { height:1px; border:0; background-color:#000; }

section article.team { width:100%; margin:3% 0; clear:both; }
section article.team hgroup { margin:4% 0; }
section article.team hgroup h1 { color:#B80936; font:normal 18px/22px 'Trade Gothic Bold Condensed 20'; text-transform:uppercase; }
section article.team hgroup h2 { color:#3B2A31; font:normal 12px/14px 'Trade Gothic Bold Condensed 20'; text-transform:uppercase; }
section article.team img { width:32%; border:5px solid #FFF; position:absolute; }
html.boxshadow section article.team img { box-shadow:0 0 5px 0 #3B2A31; }
section article.team div { width:57%; left:43%; position:relative; }
section article.team a { color:#B80936; text-decoration:none; }
section article.team a:hover {text-decoration:underline;}
section article.team p { font:normal 14px/18px 'Trade Gothic Regular'; }
section article.team ul { margin:1em 0; padding:0 2em; font:normal 14px/18px 'Trade Gothic Regular'; }
section article.team hr { height:1px; border:0; background-color:transparent; border-bottom:1px dotted #3B2A31; }

body.about section.culture h2 { font:18px/22px 'Trade Gothic Bold Condensed 20'; text-transform:uppercase; margin:1em 0 0.2em; } 
body.about section ul { margin:1em 0; padding:0 0 0 2em; font:14px/18px 'Trade Gothic Regular'; }
body.about section div.container { position:relative; border:5px solid #FFF; width:98%; overflow:hidden; margin:3% 0 1%; }
body.about section figure.sliders {position:relative;}
html.boxshadow body.about section div.container { box-shadow:0 0 10px 0 #3B2A31; }

section blockquote.testimonial { font:normal 14px/18px 'Trade Gothic Oblique'; }
section blockquote.testimonial:nth-child(2n) { float:left; clear:left; margin:2% 4% 2% 0; width:46%; }
section blockquote.testimonial:nth-child(2n+1) { float:left; clear:right; margin:2% 0 2% 4%; width:46%; }
section blockquote.testimonial span { display:block; text-align:right; font:normal 12px/18px 'Trade Gothic Regular'; margin:2% 0; }
section blockquote.testimonial hr { height:0px; border:0; border-bottom:1px dotted #3B2A31; }

section figure.newsletter { width:29%; margin:1% 2%; float:left; }
section figure.newsletter img { width:96%; margin:0 0 2% 0; border:5px solid #FFF; }
html.boxshadow section figure.newsletter img { box-shadow:0 0 5px 0 #3B2A31 }
section figure.newsletter figcaption a { color:#B80936; font:normal 11px/14px 'Trade Gothic Bold 2'; margin:1% 0 2%; padding:0 16px 1% 0; background:url("http://www.idgc.ca/images/arrow-bottom.png") no-repeat scroll right 4px transparent; text-transform:uppercase; float:left; }
section figure.newsletter figcaption a:hover {text-decoration:none;}

section article.directory { width:100%; margin:0 0 8%; font:normal 12px/14px 'Trade Gothic Regular' }
section article.directory p { font:normal 12px/14px 'Trade Gothic Regular' }
section article.directory h1 { font:normal 20px/24px 'Trade Gothic Bold Condensed 20'; text-transform:uppercase; margin:0; padding:0; color:#B80936; border:none; }
section article.directory h2 { font:normal 12px/14px 'Trade Gothic Bold Condensed 20'; color:#3B2A31; text-transform:uppercase; }
section article.directory a { text-align:left; padding:0; display:inline; }
section div#map { width:65%; height:320px; float:right; }
html.boxshadow section div#map { box-shadow:0 0 5px 0 #3B2A31; }
section div#map h1 { font:normal 14px/14px 'Trade Gothic Bold 2'; text-transform:uppercase; margin:1% 0; color:#B80936; }
section div#map p { font:normal 12px/16px 'Trade Gothic Regular'; }

body.folio section figure { width:29%; margin:1% 2%; float:left; }
body.folio section figure figcaption { font:normal 11px/14px 'Trade Gothic Bold 2'; margin:1% 0 3%; overflow:hidden; white-space:nowrap; text-transform:uppercase; }
body.folio section figure figcaption a { background:url("http://www.idgc.ca/images/arrow-bottom.png") no-repeat scroll right 4px transparent; color:#B80936; padding:0 16px 0 0; text-decoration:none; }
body.folio section figure img { border:5px solid #FFF; width:98%; }
html.boxshadow body.folio section figure img { box-shadow:0 0 5px 0 #3B2A31; }
body.client section figure { float:right; width:60%; position:relative; margin:0 0 2%; }
body.client section figure figcaption { color:#B80936; font:normal 11px/14px 'Trade Gothic Bold 2'; margin:1% 0 2%; padding:0 16px 1% 0; background:url("http://www.idgc.ca/images/arrow-bottom.png") no-repeat scroll right 4px transparent; text-transform:uppercase; float:left; }
body.client section figure img { border:5px solid #FFF; width:98%; }
html.boxshadow body.client section figure img { box-shadow:0 0 10px 0 #3B2A31; }

@media (max-width: 800px){
	
	body.home section aside {display:none;}
	body.blog section aside { width:96%; margin:1% 0 4%; }
	body.blog section aside hr {display:none;}
	body.blog section aside ul, body.blog section aside ol { width:31%; margin:0 1%; float:left; }
	body.blog section aside h2 { font:normal 14px/18px 'Trade Gothic Bold 2'; }
	section aside p.social iframe { margin:1em 0 0; }
	
	header h1 { font-size:20px; line-height:22px; }
	body.home figure figure figcaption {display:none;}
	header figure figcaption { font-size:20px; line-height:22px; padding:7% 4% 2% 0; }
	header figure figcaption.featured { font-size:10px; line-height:20px; width:90px; }
	
	section article.post hgroup h1 { font-size:20px; line-height:22px; }
	section article.post { width:96%; padding:0 2%; }
	
	body.folio section figure {width:46%;}
	
	body.client section aside { float:none; margin:0 0 5%; padding:0 1%; width:98%; }
	body.client section aside p { margin:4% 0; }
	body.client section figure { float:none; padding:0 2%; width:96%; }
	
	section article.services { margin:0; padding:0; width:100%; }
	section article.services:nth-child(2n) {float:none;}
	section article.services:nth-child(2n+1) {float:none;}
	
	section blockquote.testimonial { width:100%; margin:3% 0; }
	section blockquote.testimonial:nth-child(2n) { clear:none; float:none; }
	section blockquote.testimonial:nth-child(2n+1) { clear:none; float:none; }
	
	section figure.newsletter { width:46%; margin:1% 2%; }
	section figure.newsletter:nth-child(2n) { clear:left; float:left; }
	section figure.newsletter:nth-child(2n+1) { clear:right; float:right; }
	
	section article.team img { width:98%; position:relative; }
	html.boxshadow section article.team img { box-shadow:0 0 5px 0 #3B2A31; }
	section article.team div { width:100%; left:0; position:relative; }
	
	section article.team {width:100%;}
	section article.team:nth-child(2n) { clear:none; float:none; margin:3% 0; }
	section article.team:nth-child(2n+1) { clear:none; float:none; margin:3% 0; }
	section article.team:last-child hr {display:none;}
	
	body.contact section aside { float:none; width:100%; margin:0; color:#000; padding:1% 0 2%; border:none; }
	section div#map { width:100%; height:320px; float:none; }
}

@media (max-width: 480px){
	aside { width:94%; height:auto; position:relative; padding:0 3% 4%; border-bottom:1px solid #000; }
	
	aside img#building {width:32%;}
	aside a { text-align:right; padding:0; }
	aside nav { margin:5% 0 2%; top:0; }
	aside nav ul li { display:block; padding:0; margin:0; }
	aside nav ul li a { padding:0.5% 3%; margin:1% 0; display:block; text-align:right; background-color:#B80936; color:#FFF; }
	aside nav ul li a:hover, aside nav ul li.active a {color:#FFF;}
	aside nav ul li ul.children { margin:3% 0; }
	aside nav ul li ul.children li { left:0; font:normal 14px/14px 'Trade Gothic Condensed 18'; }
	aside nav ul li ul.children li:last-child {margin:0;}
	aside nav ul li ul.children li a { background-color:transparent; color:#000; }
	aside nav ul.children li.active a, aside nav ul.children li a:hover {color:#B80936;}
	aside nav ul li.active {background:none;}
	aside nav ul li#language {display:none;}
	aside .mobile-social {display:block;}
	aside nav ul li.nav1 { position:relative; width:59%; left:41%; }
	aside nav ul li.nav2 { position:relative; width:53%; left:47%; }
	aside nav ul li.nav3 { position:relative; width:47%; left:53%; }
	aside nav ul li.nav4 { position:relative; width:41%; left:59%; }
	aside nav ul li.nav5 { position:relative; width:35%; left:65%; }
	
	section { left:0; width:94%; padding:0 3% 2%; }
	
	header { left:0; width:100%; padding:0 0 4%; margin:0 0 4%; }
	
	header h1 { font-size:16px; line-height:18px; }
	header ul {display:none;}
	/*header ul { width:106px; margin:0 auto; padding:0; }
	header ul li {margin:2px;}
	header ul li#newsletter_form {display:none;}*/
	header figure figcaption { font-size:14px; line-height:16px; }
	html.borderradius header figure figcaption { border-radius:22px 0 0 0; }
	
	body.blog section aside h1 { font:normal 22px/22px 'Trade Gothic Bold Condensed 20'; }
	body.blog section aside h2 { font:normal 12px/14px 'Trade Gothic Bold 2'; }
	body.blog section aside ul, body.blog section aside ol  { font:normal 10px/18px 'Trade Gothic Regular'; }
	section article.post hgroup h1 a { font-size:16px; line-height:18px; }
	
	body.folio section figure { width:92%; margin:1% 4%; }
	body.client section aside p { margin:1% 0; }
	
	section article.post hgroup h1 { font-size:16px; line-height:18px; }
	section article.post hgroup h2 { font-size:12px; line-height:14px; }
	section article.post p, section article.post ul { font-size:12px; line-height:1.5em; }
	
	section article.services h1 { font-size:14px; line-height:14px; }
	section article.services p { font-size:12px; line-height:14px; }
	section article.services ul li {line-height:16px;}
	section article.services:last-child hr {display:none;}
	
	section figure.newsletter {width:100%;}
	section figure.newsletter:nth-child(2n) { clear:none; float:none; }
	section figure.newsletter:nth-child(2n+1) { clear:none; float:none; }
	
	section article.directory { margin:4% 0 6%; width:100%; font-size:14px; line-height:16px; }
	section article.directory h1 { font-size:16px; line-height:18px; }
	section article.directory:nth-child(2n) { clear:none; float:none; margin:4% 0 6%; }
	section article.directory:nth-child(2n+1) { clear:none; float:none; margin:4% 0 6%; }
	
	body.about section.culture h2 { font:14px/18px 'Trade Gothic Bold Condensed 20' }
	
}

@media (min-width:1140px){
	header figure.container div.sliders figure figcaption {display:block;}	
}

@media (min-width:1281px){
	aside {width:25%;}
	
	aside img#building {width:80%;}
	aside nav { font-size:22px; line-height:24px; }
	aside nav ul li ul.children { font-size:16px; line-height:16px; }
	aside nav ul li ul.children li a { padding:0 0.5%; }
	
	header h1 { font-size:32px; line-height:32px; }	
	header figure.container div.sliders figure figcaption h1 a { font-size:22px; line-height:26px; }
	header figure.container div.sliders figure figcaption p a { font-size:14px; line-height:16px;  }
	section { left:27%; width:63%; }
	
	
	section aside h1 { font-size:14px; line-height:18px; }
	section aside { font-size:14px; line-height:16px; }
	section aside ul li p.via { font-size:14px; line-height:16px; }
	
	body.blog section aside h1 { font:normal 26px/30px 'Trade Gothic Bold Condensed 20'; }
	body.blog section aside h2 { font:normal 18px/20px 'Trade Gothic Bold 2'; }
	body.blog section aside ul, body.blog section aside ol  { font:normal 14px/20px 'Trade Gothic Regular'; }
	
	body.folio section figure figcaption, body.client section figure figcaption {font-size:12px;}
	
	section article.post hgroup h1 { font-size:32px; line-height:1em; }
	section article.post hgroup h2 { font-size:14px; line-height:18px; }
	section article.post p { font-size:16px; line-height:22px; }
	section article.post p.more a { font-size:14px; line-height:14px; }
	
	section article.services ul li span.bubble div {left:-18px;}
	section article.services ul li span.bubble {width:65%;}
	section article.services h1 { font-size:22px; line-height:22px; }
	section article.services p { font-size:16px; line-height:18px; }
	section article.services ul li { font-size:14px; line-height:22px; }
	
	section article.services ul li span.bubble {font-size:13px;}
	
	section blockquote.testimonial { font-size:16px; line-height:22px; }
	section blockquote.testimonial span { font-size:14px; line-height:18px; }
	
	body.client section aside p { font-size:14px; line-height:20px; }
	header span.prev a, section aside p.more a {font-size:14px;}
	body.client section figure figcaption {font-size:13px;}
	section figure.newsletter figcaption a {font-size:13px;}
	
	section article.team hgroup h1 { font:normal 22px/26px 'Trade Gothic Bold Condensed 20'; }
	section article.team hgroup h2 { font:normal 16px/18px 'Trade Gothic Bold Condensed 20'; }
	html.boxshadow section article.team img { box-shadow:0 0 10px 0 #3B2A31; }
	section article.team p, section article.team ul { font:normal 16px/20px 'Trade Gothic Regular'; }

}