/* @override http://grainandmortar.com/wp-content/themes/grainandmortar/style.css?v=3 */

/*
*		Theme Name:G&M Launch
*		Description:Grain & Mortar theme
*		Version:0.1
*		Author:Grain & Mortar
*		Author URI:http://grainandmortar.com
*/
 
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 600; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; }sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } table button, table input { *overflow: auto; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; }input:valid, textarea:valid {  } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 1;
	font-size: 100%;
	font: inherit;
	vertical-align: middle;
	list-style: none;
	color: #000;
	text-align: center;
	font-family: "DIN Next W01 Regular", Arial;
}
 
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: none;  height: 100%;  }
body { font-family:"DIN Next W01 Regular", Arial; font-size:14px; font-style:normal; font-variant:normal; font-weight:normal; line-height:21px; height: 100%; color: #646A69  }

a, a:active { outline:none; text-decoration: none; cursor:pointer; transition: color .25s ease-in-out;-moz-transition: color .25s ease-in-out;-webkit-transition: color .25s ease-in-out; } a:hover { outline: 0; }

:focus { -moz-outline-style:none; outline-color:initial; outline-style:initial; outline-width:0; }
img, embed, object, video { max-width: 100%; height: auto;}
::-moz-selection { background: #E9AC44; color: #fff; text-shadow: none; }
::selection { background: #E9AC44; color: #fff; text-shadow: none; }
#left { float: left; }
#right { float: right;}
.left { float: left; }
.right { float: right;}

#body2{
	background:#520303;
	background-size:100%;
	padding-top: 20px;
	padding-bottom: 20px;
	
	background-attachment: fixed;
	background-position-y: 80px;
	box-shadow: 1px 1px 12px #000000;
	-moz-box-shadow: 1px 1px 12px #000000;
	-webkit-box-shadow: 1px 1px 12px #000000;
	width: 100%;
	}
	
	#body3{
	background:#ef7600 url(images/test-fond.png) no-repeat;
	background-size:70%;
	background-position: top;
	max-width: 960px;
	min-width: 750px;
	overflow: hidden;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	box-shadow: 1px 1px 12px #000000;
	-moz-box-shadow: 1px 1px 12px #000000;
	-webkit-box-shadow: 1px 1px 12px #000000;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}


	

@font-face{
font-family:"TradeGothicW01-BoldCn20 675334";
src:url("fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?iefix") format("eot");}
@font-face{
font-family:"TradeGothicW01-BoldCn20 675334";
src:url("fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?iefix");
src:url("fonts/5fdc935e-9e30-442a-bbe9-8d887b858471.woff") format("woff"),url("fonts/616c4c87-a077-43f4-a9f4-f01267c13818.ttf") format("truetype"),url("fonts/c901ad5f-a842-4549-a1f4-583a97f7e169.svg#c901ad5f-a842-4549-a1f4-583a97f7e169") format("svg");
}
@font-face{
font-family:"DIN Next W01 Bold";
src:url("fonts/b32ab78b-6c51-4bd3-bc37-4edcec0331f8.eot?iefix") format("eot");}
@font-face{
font-family:"DIN Next W01 Bold";
src:url("fonts/b32ab78b-6c51-4bd3-bc37-4edcec0331f8.eot?iefix");
src:url("fonts/9949035f-6226-4080-a14a-bf7d94ffb1e1.woff") format("woff"),url("fonts/6241bd09-15c2-485e-9796-9db8d0aa6974.ttf") format("truetype"),url("fonts/af94da3e-4232-416a-b6bc-f39f85dd5db6.svg#af94da3e-4232-416a-b6bc-f39f85dd5db6") format("svg");
}
@font-face{
font-family:"DIN Next W01 Regular";
src:url("fonts/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?iefix") format("eot");}
@font-face{
font-family:"DIN Next W01 Regular";
src:url("fonts/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?iefix");
src:url("fonts/c5a7f89e-15b6-49a9-8259-5ea665e72191.woff") format("woff"),url("fonts/868c94b5-ca49-46b7-b62b-297f8d861125.ttf") format("truetype"),url("fonts/e3145f65-29b5-4f7f-8c6e-2dc135021b6a.svg#e3145f65-29b5-4f7f-8c6e-2dc135021b6a") format("svg");
}
@font-face{
font-family:"Adelle W01 Light";
src:url("fonts/498b62bf-272a-424f-8438-963e84290a7b.eot?iefix") format("eot");}
@font-face{
font-family:"Adelle W01 Light";
src:url("fonts/498b62bf-272a-424f-8438-963e84290a7b.eot?iefix");
src:url("fonts/747b7cce-295f-4e39-903b-5858af155c13.woff") format("woff"),url("fonts/d1367539-252f-43f2-b898-5585bcee553d.ttf") format("truetype"),url("fonts/4a93e3f0-a4a0-48bb-a0ac-56b7d14dc1a2.svg#4a93e3f0-a4a0-48bb-a0ac-56b7d14dc1a2") format("svg");
}
@font-face{
font-family:"Adelle W01 Regular";
src:url("fonts/e800d24d-133b-4293-a15b-611f67139c09.eot?iefix") format("eot");}
@font-face{
font-family:"Adelle W01 Regular";
src:url("fonts/e800d24d-133b-4293-a15b-611f67139c09.eot?iefix");
src:url("fonts/89fe91e2-46a0-4e3b-8735-78b3de8da38f.woff") format("woff"),url("fonts/152fa65e-e42f-431d-a37f-a66d10903310.ttf") format("truetype"),url("fonts/6ad1d18a-0166-4178-812f-07e16b64000b.svg#6ad1d18a-0166-4178-812f-07e16b64000b") format("svg");
}

#wrapper {
	min-width:960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -400px;
	background-color:#333;
	

	
	
}
.clear {
clear:both;
}
hr {
border-top: 1px dotted #2E3433;
width: 100%;
}

#project-name hr {
border-top: 1px dotted #B7BAB9;
width: 100%;
}



#container {
padding: 60px 0;
}
#container.bg {
background:  url(images/blue-pattern5.jpg) ;
border-top: 1px solid #D8E0E2;
border-bottom: 1px solid #D8E0E2;
}
#content {
width: 1000px;
margin: 0 auto;
overflow: hidden;
}
h2 strong {
font-family:"Adelle W01 Regular";
color: #515555;	
}
p strong {
font-family:"DIN Next W01 Bold";
}

/* =============================================================================
   Header
   ========================================================================== */
   
#header-wrap{
width:100%;
background: url(images/header-r.jpg) repeat-x ;
position: fixed;
z-index: 100;
box-shadow: 1px 1px 12px #000000;
-moz-box-shadow: 1px 1px 12px #000000;
-webkit-box-shadow: 1px 1px 12px #000000;

}
#header-padding {
	height: 80px;
	position: relative;
	
}
#header {
	height:60px;
	width: 1024px;
	margin: 0 auto;
	
}
h1 a {

width:200px;
height:33px;
text-indent:-9999px;
float:left;
margin:30px 0 0 0;
display:block;
}
/*.logo{
	padding:0;
	margin-top:-25px;
}*/
.nav {
	padding:15px;
	float:right;
	margin:  0;
	height: 50px;
	width: 85%;
}
.nav ul li {
	float: left;
	padding: 15px auto;
	
}
.nav ul li a {
	
float: left;
text-decoration: none;
color: #FFF;
text-transform: uppercase;
font-size: 20px;
letter-spacing: 1px;
margin: 0 0 0 35px;
font-family:"TradeGothicW01-BoldCn20 675334";
color: #C5C7C7;
transition: color .25s ease-in-out;
-moz-transition: color .25s ease-in-out;
-webkit-transition: color .25s ease-in-out;
}


.logo {
	display:block;
	width:100px;
}

.nav ul li a:hover {
	color: #990000;
}
@media screen and (max-width: 1100px) { 
#header {
	width: 90%;
}
.nav ul li a {
margin: 0 0 0 25px;
}
}

/* =============================================================================
   Footer
   ========================================================================== */

.footer, .push {
height: 400px;
clear: both;
}
#footer-wrapper {
	height: 300px;
	background: url(images/footer-r.jpg) #181C1D top center;
	font-size: 13px;
	line-height: 18px;
	color: #5D6E70;
}
#footer {
width: 1000px;
margin: 0 auto;
padding: 30px 0 0 0;

}
#footer h4 {
font-family:"DIN Next W01 Regular";
font-size: 14px;
}
#footer a{
color:#809191;
}
#footer a:hover{
color: #EAAC44;
}
span.twitterwidget-title {
	display: none;
}
span.from-meta {
	display: none;
}
iframe.twitter-follow-button, a.retweet, a.in-reply-to, a.favorite {
	display: none;
}
.feed-holder li {
margin: 0 0 20px 0;
font-size: 13px;
}
#footer a h4  {
float: left;
margin: 10px 0 0 0;
}
#blog-call {

width: 100%;
}
#footer img.icon {
	float: left;
	margin: -6px 8px 0 0;
	text-align: center;
}
#footer .attachment-featured-image  {
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
border: none; 
overflow: hidden; 
}
#footer .attachment-featured-image:hover {
opacity: 0.8;
}
#footer #column1 {
width: 29%;	
float: left;
margin: 0 6% 0 0;
}
#footer #column2 {
width: 29%;
float: left;
}
#footer #column3 {
width: 29%;
float: right;
}
#social li {
float: left;
list-style:none;
display: block;
}
#social li a {
display: block;

}
#social li a:hover { background-position: bottom;}
li.twitter a { background: url(images/social-twitter.png);}
li.facebook a { background: url(images/social-facebook.png);}
li.rss a { background: url(images/social-rss.png);}

li.twitter a span { background: url(images/social-twitter.png);}
li.facebook a span{ background: url(images/social-facebook.png);}
li.rss a span{ background: url(images/social-rss.png);}

#social li a  {
display: inline-block;
position: relative;
text-indent: -9999px;
background-position: top;
margin: 0 8px 0 0;
text-indent: -9999px;
width: 35px;
height: 35px;
}
#social li a span {
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
background-position: bottom;
opacity: 0;
-webkit-transition: opacity 0.5s;
-moz-transition:    opacity 0.5s;
-o-transition:      opacity 0.5s;
width: 35px;
height: 35px;
}
#social li a:hover span  {
opacity: 1;
}
#copyright ul{
padding: 10px 0;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 9px;
color: #3B4544;
width: 415px;
margin: 0 auto;
}
#copyright li{
	float: left;
	margin: 0 8px;
}
#copyright li img{
margin: 0;
}
@media screen and (max-width: 1100px) { 
#footer {
	width: 80%;
}
}

#blog-call {
background: transparent;
}
#copyright{
margin: 30px 0 0 0;
}
#copyright li{
float: none;
text-align: center;
margin: 0 0 5px 0;
}
#copyright ul{
width: 100%;
}
#footer .attachment-featured-image  {
width: 75%;
}
}


/* =============================================================================
   Home
   ========================================================================== */

/*------------------------------Slider------------------------------*/

#middle {
background:#333;


}
#middle .slider {
max-width: 960px;
margin: 0 auto;
}
#middle .images {
background:black;
position:relative;
width: 100%;
float:left;
padding-bottom: 44.25%;
padding-top: 0px;
height: 0;
overflow: hidden;

}
#middle .images div {
	display:none;
	position:absolute;
	top:1px;
	left:0;
	width: 100%;
}
#middle .images img {
width: 100%;
overflow: hidden;
max-width: 1300px;

}
#middle #tab_holder{
	display: none;
	width:95px;
	height: 20px;
	position: a;
	margin: 0 auto;
	padding: 5px 0;
}
#middle .tabs {
float: right;
}
#middle .tabs a {
width:13px;
height:13px;
float:left;
display:block;
font-size:1px;
margin:5px;
background-image: url(images/navigator.png);
background-repeat: no-repeat;
background-position: 0 0;
-webkit-background-size: 13px 39px;
-moz-background-size: 13px 39px;
-o-background-size: 13px 39px;
background-size: 13px 39px;
}
#middle .tabs a:hover {
background-position:0 -13px;
}
#middle .tabs a.current {
background-position:0 -26px;
}
.disabled {
visibility:hidden !important;		
}
.forward, .backward {
float:left;
display:block;
cursor:pointer;
font-size: 35px;
color: #00B3C1;
text-align: center;
line-height: 65px;
text-indent: -9999px;
margin-top: 230px;
}
.backward{
position: absolute;
left: 0;
z-index: 1;
background: white url(images/back.png) no-repeat center center;
width: 50px;
z-index: 1;
right: 0;
border-radius: 0px 20px 20px 0px;
-moz-border-radius: 0px 20px 20px 0px;
-webkit-border-radius: 0px 20px 20px 0px;
}

.forward{
position: absolute;
background-color: #00B3C1;
z-index: 1;
right: 0;
background: white url(images/forward.png) no-repeat center center;
width: 50px;
border-radius: 20px 0px 0px 20px;
-moz-border-radius: 20px 0px 0px 20px;
-webkit-border-radius: 20px 0px 0px 20px;
}
.backward:hover {
text-decoration: none;
background: #520303 url(images/back.png) no-repeat center center;
border-radius: 0px 20px 20px 0px;
-moz-border-radius: 0px 20px 20px 0px;
-webkit-border-radius: 0px 20px 20px 0px;
}

.forward:hover {
text-decoration: none;
background: #520303 url(images/forward.png) no-repeat center center;
border-radius: 20px 0px 0px 20px;
-moz-border-radius: 20px 0px 0px 20px;
-webkit-border-radius: 20px 0px 0px 20px;
}
@media screen and (max-width: 1200px) { 
.forward, .backward {
margin-top: 210px;
}
}
@media screen and (max-width: 1100px) { 
.forward, .backward {
margin-top: 190px;
}
}
@media screen and (max-width: 1020px) { 
.forward, .backward {
margin-top: 180px;
}
}
@media screen and (max-width: 960px) { 
.forward, .backward {
margin-top: 170px;
}
}
@media screen and (max-width: 900px) { 
.forward, .backward {
margin-top: 150px;
}
}
@media screen and (max-width: 800px) { 
.forward, .backward {
margin-top: 130px;
}
}
@media screen and (max-width: 700px) { 
.forward, .backward {
margin-top: 110px;
}
}
@media screen and (max-width: 600px) { 
.forward, .backward {
display: none;
}
}

/*------------------------------Featured------------------------------*/

#featured {
	width:100%;
	max-width:900px;
	margin: 10px auto 60px;
	padding: 10px;
	
	;
}
#featured h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 35px;
	line-height: 36px;
	text-align: center;
	margin: 0 0 10px 0;
	color: #900;
}
#featured h3 {
font-family:"Adelle W01 Light";
font-size: 24px;
margin: 0 0 8px 0;
}

#featured h4 {
text-align: center;
color: #646A69;
text-transform: uppercase;
font: 14px "DIN Next W01 Bold";
letter-spacing: 1px;
}

#featured img {
margin: 0 0 15px 0;
overflow: hidden;
}
#featured img.smaller {
width: 35%;
margin: 0 6% 20px 0;
}
#featured a, a.button {
	background-color:#CCCCCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	transition: background .25s ease-in-out;
	-moz-transition: background .25s ease-in-out;
	-webkit-transition: background .25s ease-in-out;
	width: 160px;
	display: block;
	color: #646A69;
	text-transform: uppercase;
	font: 14px "DIN Next W01 Bold";
	letter-spacing: 1px;
	text-align: center;
	position: relative;
	z-index: 1;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
}
a.button {
float: left;
}
#about-project a.button {
color: #646A69;
}
#featured a:hover, a.button:hover{
background: #E4AE49;
color: #3C4543;
}

@media screen and (max-width: 1100px) { 
#featured {
width: 90%;
}
}
@media screen and (max-width: 1000px) { 

}
#featured img.smaller {
width: 25%;
margin: 0 5% 40px 0;
}
}
@media screen and (max-width: 800px) { 
#bracket.left {
width: 30%;
}
#bracket.center {
width: 39.4%;
}
#bracket.right {
width: 30%;
}
#bracket2.left {
width: 30%;
}
#bracket2.right {
width: 30%;
}

}
@media screen and (max-width: 540px) { 
#bracket.left {
width: 25%;
}
#bracket.center {
width: 49.2%;
}
#bracket.right {
width: 25%;
}
#bracket2.left {
width: 25%;
}
#bracket2.right {
width: 25%;
}
}
@media screen and (max-width: 460px) { 
#bracket.left {
display: none;
}
#bracket.center {
width: 100%;
}
#bracket.right {
width: 100%;
border-right: none;
margin: 20px 0 0 0;
}
#bracket2.left {
width: 100%;
border-left: none;
margin: 0 0 20px 0;
}
#bracket2.right {
display: none;
}
#featured a {
display: block;
width: 100%;
padding: 10px 10px 10px 10px;
padding: 10px 0;

}
}

/* =============================================================================
   Services
   ========================================================================== */

/*------------------------------Section 1------------------------------*/

.page-id-12 .section1 #left {
width: 65%;
}
.page-id-12 .section1 #right {
width: 280px;
}
.page-id-12 h2, .page-id-7 h2, .page-id-14 h2, .page-id-26 h2 {
font-size: 34px;
font-family:"Adelle W01 Light";
line-height: 38px;
margin: 0 0 10px 0;
}
.page-id-12 .video-popup {
display: inline-block;
position: relative;
text-indent: -9999px;
width: 260px;
height: 130px;
background:url(images/video-strategy.jpg) no-repeat top;
border: 5px solid #FFF;
-webkit-box-shadow: 0px 0px 3px 2px #DEE0DF;
box-shadow:0px 0px 3px 2px#DEE0DF;
float: right;
margin: 2px;
}
.page-id-12 .video-popup span {
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
background:url(images/video-strategy.jpg) no-repeat bottom;
background-position: bottom;
opacity: 0;
-webkit-transition: opacity 0.5s;
-moz-transition:    opacity 0.5s;
-o-transition:      opacity 0.5s;
}
.page-id-12 .video-popup:hover span {
opacity: 1;
}
.overlay#video {
position: relative;
padding-bottom: 40.25%;
padding-top: 30px;
height: 0;
width: 76.9%;
}
.overlay#video iframe,  
.overlay#video object,  
.overlay#video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.overlay {
display:none;
z-index:10000;
padding: 0;
margin: 0;
}
.overlay .close {
background-image:url(images/close.png);
position:absolute; right:-25px; top:-25px;
cursor:pointer;
height:47px;
width:47px;
}
.overlay .close:hover {
background-position: bottom;
}
#strategy-map {
height:390px ;
padding: 20px 1%;
width: 100%;
}
#strategy-map img.path {
float: left;
margin: 0 -500px 0 0;
overflow: hidden;
}
#strategy-map img.map {
float: right;
margin: 0 0 0 -500px;
overflow: hidden;
}
@media screen and (max-width: 1100px) { 
#content {
width: 90%;
}
}
@media screen and (max-width: 920px) { 
.page-id-12 .section1 #left {
width: 100%;
text-align: center;
margin: 0 0 20px 0;
}
.page-id-12 .section1 #right {
float: none;
margin: 0 auto;
}
#strategy-map {
height:300px ;
}
.page-id-12 .section1 h2 {
font-size: 30px;
}
}
}
@media screen and (max-width: 770px) { 
#strategy-map {
height:240px ;
}
}
@media screen and (max-width: 620px) { 
#strategy-map {
height:190px ;
}
}
@media screen and (max-width: 520px) { 
#strategy-map {
height:150px ;
}
}
@media screen and (max-width: 460px) { 
#strategy-map {
display: none;
}
}

/*------------------------------Section 2------------------------------*/

#section2-wrap {
border-bottom: 1px solid #FFF;
padding-bottom: 30px;
margin-bottom: 30px;
}
.page-id-12 .section2 h2 {
margin: 20px 0 60px 0;
}
.page-id-12 .section2 #left {
float: left;
width: 290px;
margin: 0 10px 0 0;
}
.page-id-12 .section2 #left .column1 {
float: left;
height: 79px;
padding: 53px 0 0 0;
background:url(images/bracket.png) no-repeat center right;
width: 155px;
}
.page-id-12 .section2 #left .column2 {
float: left;
width: 125px;
}
.page-id-12 .section2 #left .column2 img {
margin: 10px 0 0 0;
}
.page-id-12 .section2 #left .column2 img.clarify {
margin: 2px 0 0 0;
}
.page-id-12 .section2 #left h3 {
font-family: "TradeGothicW01-BoldCn20 675334";
text-transform: uppercase;
font-size: 30px;
color: #5E6E70;
float: right;
margin: 0 49px 0 0;
}
.page-id-12 .section2 #right {
float: right;
width: 67%;
margin: 10px 0 0 0;
}

#section2-wrap.no-border {
border: none;
margin-bottom: 0;
}
.page-id-12 #call-out {
border-top: 2px dotted #929497;
border-bottom: 2px dotted #929497;
padding: 10px;
float: right;
width: 38%;
margin: 0 0 0 3%;
font-family:"Adelle W01 Light";
font-size: 22px;
line-height: 28px;
}
.page-id-12 p.left{
float: left;
width: 55%;
}
@media screen and (max-width: 1010px) { 
.page-id-12 .section2 #right {
float: left;
width: 55%;
}
.page-id-12 .section2 h2 {
text-align: center;
font-size: 30px;
margin: 20px 0 40px 0;
}
}
@media screen and (max-width: 960px) { 
.page-id-12 #call-out {
width: 100%;
padding: 0;
border: none;
margin: 10px 0 0 0;
font-size: 18px;
line-height: 22px;
}
.page-id-12 p.left{
float: left;
width: 100%;
}
}
@media screen and (max-width: 740px) { 
.page-id-12 .section2 #right {
text-align: center;
width: 100%;
}
.page-id-12 .section2 #left {
float: none;
margin: 0 auto 10px auto;
}
}

/*------------------------------Section 3------------------------------*/

.page-id-12 .section3 #left {
width: 28%;
margin: 30px 0 0 0;
}
.page-id-12 .section3 ul.your-brand {
width: 640px;
}
.page-id-12 .section3 #right h2 {
font-family: "TradeGothicW01-BoldCn20 675334";
text-transform: uppercase;
font-size: 30px;
color: #5E6E70;
}
.page-id-12 .section3 #right ul.your-brand li {
position: absolute;
width: 158px;
height: 103px;
text-align: center;
}
.page-id-12 .section3 #right ul.your-brand li.your h2 { 
line-height: 23px; 
font-size: 23px;
color: #FFF;
}
.page-id-12 .section3 #right ul.your-brand li.copywriting h2 {
	margin: 0 0 -10px 0;
}
.page-id-12 .section3 #right ul.your-brand li.print { margin: -10px 0 0 243px;}
.page-id-12 .section3 #right ul.your-brand li.website { margin: 40px 0 0 410px;}
.page-id-12 .section3 #right ul.your-brand li.photography { margin: 180px 0 0 480px;}
.page-id-12 .section3 #right ul.your-brand li.apparel { margin: 332px 0 0 401px;}
.page-id-12 .section3 #right ul.your-brand li.copywriting { margin: 418px 0 0 241px;}
.page-id-12 .section3 #right ul.your-brand li.motion { margin: 329px 0 0 65px;}
.page-id-12 .section3 #right ul.your-brand li.brand { margin: 180px 0 0 0px;}
.page-id-12 .section3 #right ul.your-brand li.logo { margin: 36px 0 0 89px;}
.page-id-12 .section3 #right ul.your-brand li.your { margin: 235px 0 0 242px;}

.page-id-12 .section3 #right img.brand {
float: left;
margin: 0 -640px 0 0;
overflow: hidden;
}
.page-id-12 .section3 #right img.pointers {
float: left;
margin: 0 -640px 0 0;
overflow: hidden;
}
#strategy-map img.map {
float: right;
margin: 0 0 0 -640px;
overflow: hidden;
}

@media screen and (max-width: 1000px) { 
.page-id-12 .section3 #left {
width: 100%;
margin: 10px 0 40px 0;
text-align: center;
}
.page-id-12 .section3 #right {
width: 100%;
margin: 0 auto 20px auto;
}
.page-id-12 .section3 #right ul.your-brand {
margin: 0 auto;
}
}
@media screen and (max-width: 710px) { 
.page-id-12 .section3 #left {
margin: 10px 0 10px 0;
}

.page-id-12 .section3 #right ul.your-brand li {
position: static;
float: left;
}
#describe {
height: 32px;
background:url(images/describe-line.png) no-repeat center top;
}
.page-id-12 .section3 ul.your-brand {
width: 510px;
border: 2px dotted #E9AC44;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
.page-id-12 .section3 #right img.brand {
display: none;
}
.page-id-12 .section3 #right img.pointers {
display: none;
}
.page-id-12 .section3 #right ul.your-brand li.your { 
display: none;
}
.page-id-12 .section3 #right ul.your-brand li.print,
.page-id-12 .section3 #right ul.your-brand li.website, 
.page-id-12 .section3 #right ul.your-brand li.photography,
.page-id-12 .section3 #right ul.your-brand li.apparel, 
.page-id-12 .section3 #right ul.your-brand li.copywriting,
.page-id-12 .section3 #right ul.your-brand li.motion, 
.page-id-12 .section3 #right ul.your-brand li.brand,
.page-id-12 .section3 #right ul.your-brand li.logo, 
.page-id-12 .section3 #right ul.your-brand li.your { 
margin: 0;
padding:3%;
}
.page-id-12 .section3 #right ul.your-brand li.copywriting h2 { 
margin: 72px 0 0 20px; position: absolute;
}
.page-id-12 .section3 #right ul.your-brand li {
width: 138px;
}
.page-id-12 .section3 #right ul.your-brand li h2 { 
line-height: 23px; 
font-size: 20px;
}
}
@media screen and (max-width: 560px) { 
.page-id-12 .section3 ul.your-brand {
width: 279px;
}
.page-id-12 .section3 #right ul.your-brand li.print,
.page-id-12 .section3 #right ul.your-brand li.website, 
.page-id-12 .section3 #right ul.your-brand li.photography,
.page-id-12 .section3 #right ul.your-brand li.apparel, 
.page-id-12 .section3 #right ul.your-brand li.copywriting,
.page-id-12 .section3 #right ul.your-brand li.motion, 
.page-id-12 .section3 #right ul.your-brand li.brand,
.page-id-12 .section3 #right ul.your-brand li.logo, 
.page-id-12 .section3 #right ul.your-brand li.your { 
margin: 0;
padding:4% 0;
}
}


/*------------------------------Section 4------------------------------*/
.page-id-12 .section4 {
padding: 10px 0 0 0;
font-size: 14px;
}
.page-id-12 .section4 h2 {
padding: 10px 0 30px 0;
}
.page-id-12 .kind-words {
width: 30.5%;
float: left;
margin: 0 2.8% 6.8% 0;
height: 180px;
}
.page-id-12 .quote {
float: left;
margin: 0 0 10px 0;
}
.page-id-12 .author img {
float: left;
margin: 0 1.5% 0 0;
width: 25%;
}
.page-id-12 .author p {
float: left;
margin: 10px 0 0 0;
}
@media screen and (max-width: 900px) { 
.page-id-12 .kind-words {
width: 45.5%;
float: left;
margin: 0 2.8% 6.8% 0;
}
}
@media screen and (max-width: 650px) { 
.page-id-12 .kind-words {
width: 95%;
float: left;
margin: 0 2.8% 6.8% 0;
border-bottom: 1px solid #FFF;
padding: 0 0 30px 0;
}
}

/* =============================================================================
   About
   ========================================================================== */

/*------------------------------Section 1------------------------------*/

.page-id-7 .section1 #left, .page-id-7 .section3 #left, .page-id-7 .section4 #left, .page-id-14 .section1 #left {
	width: 65%;
}
.page-id-7 .section1 #right, .page-id-7 .section3 #right, .section4 #right {
	width: 30%;
}
ul.bio {
margin: 50px 0 0 0;
}
ul.bio li {
width: 17.1%;
text-align: center;
float:left;
margin: 0 0 50px 3.3%;
}
ul.bio li:first-child {
margin: 0;
}
ul.bio li a.worker {
display: block;
}
ul.bio li img {
border: 5px solid #FFF;
-webkit-box-shadow: 0px 0px 2px 1px #DEE0DF;
box-shadow:0px 0px 2px 1px#DEE0DF;
margin: 0 0 15px 0;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
ul.bio li img:hover {
opacity: 0.8;
}
ul.bio li h4 {
text-transform: uppercase;
font-size: 18px;
}
ul.bio li h5 {
font-family:"DIN Next W01 Bold";
}
ul.bio li a {
color: #5D6E70;
font-size: 11px;
} 
ul.bio li a:hover {
color: #E9AC44;
} 
ul.bio li.position1 {
margin: 0 0 0 2px;
}

@media screen and (max-width: 895px) { 
ul.bio li.position5 {
margin: 0 0 50px 0;
}
ul.bio li {
width: 30.5%;
}
ul.bio li.position4 {
margin: 0 0 50px 0;
}
ul.bio li.position5 {
margin: 0 0 50px 3.3%;
}
ul.bio li {
width: 30.1%;
}
}

@media screen and (max-width: 695px) { 

.page-id-7 .section1 #left,.page-id-7 .section3 #left, .page-id-14 .section1 #left  {
width: 100%;
text-align: center;
}
.page-id-7 .section1 #right,.page-id-7 .section3 #right, .page-id-14  .section1 #right  {
width: 100%;
text-align: center;
}
ul.bio {
margin: 30px 0 0 0;
}

}
@media screen and (max-width: 595px) { 
ul.bio li.position3 {
margin: 0 0 30px 0;
}
ul.bio li.position5 {
margin: 0 0 30px 0;
}
ul.bio li.position4 {
margin: 0 0 30px 5.5%;
}
ul.bio li {
width: 45.1%;
margin: 0 0 30px 5.5%;
}
ul.bio li h4 {
text-transform: uppercase;
font-size: 16px;
}
}

 /*------------------------------Section 2------------------------------*/
 
#faq {
margin: 30px 0;
}
#question1,  #question2,  #question3 {
height: 170px;
width: 200px;
float: left;
text-align: center;
margin: 0 0 0 47px;
padding: 130px 50px 0 50px;
}
#question1 {
margin: 0;
background:url(images/question1.png) no-repeat center top;
}
#question2 {
background:url(images/question2.png) no-repeat center top;
}
#question3 {
background:url(images/question3a.png) no-repeat center top;
}
#question3 a:link,
#question3 a:active,
#question3 a:visited {
text-decoration: none;
color: #3C4543;
}
#question3 a:hover {
color: #E9AC44;
}
#faq p strong {
font-family: "TradeGothicW01-BoldCn20 675334";
text-transform: uppercase;
font-size: 22px;
line-height: 34px;
}
@media screen and (max-width: 1100px) { 
#question1,  #question2,  #question3 {
margin: 0 0 0 6px;
}
}
@media screen and (max-width: 1023px) { 
.page-id-7 .section2 h2 {
text-align: center;
}
#faq {
width: 647px;
margin: 30px auto;
}
#question1 {
margin: 0px;
}
#question2 {
margin: 0 0 0 47px;
}
#question3 {
margin: 0 auto;
float: none;
}
.clear-responsive {
	clear: both;
}
#faq #center {
position: relative;
}
}
@media screen and (max-width: 700px) { 
#question1, #question2, #question3{
margin: 20px 0 0 0;
float: left;
}
#faq {
width: 300px;
}
}
 
 /*------------------------------Section 3------------------------------*/
 
.page-id-7 #photography {
	margin: 30px 0 0 0;
}
.page-id-7 #wrapper #container div#content.section3 #photography img {
margin: 1px;
}

 /*------------------------------Section 4------------------------------*/
 
.page-id-7 .section4 #column1 {
float: left;
width: 30%;
margin: 0 4.5% 0 0;
}
.page-id-7 .section4 #column1 img {
margin: 20px 0 0 0;
}
.page-id-7 .section4 #column2 {
float: left;
width: 30%;
}
.page-id-7 .section4 #column3 {
float: right;
width: 30%;
}
.page-id-7 .video-popup {
display: inline-block;
position: relative;
text-indent: -9999px;
width: 260px;
height: 130px;
background:url(images/video-history.jpg) no-repeat top;
border: 5px solid #FFF;
-webkit-box-shadow: 0px 0px 3px 2px #DEE0DF;
box-shadow:0px 0px 3px 2px#DEE0DF;
float: left;
}
.page-id-7 .video-popup span {
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
background:url(images/video-history.jpg) no-repeat top;
background-position: bottom;
opacity: 0;
-webkit-transition: opacity 0.5s;
-moz-transition:    opacity 0.5s;
-o-transition:      opacity 0.5s;
}
.page-id-7 .video-popup:hover span {
opacity: 1;
}
.page-id-7 .section4 #left, .page-id-7 .section4 #right {
margin: 0 0 20px 0;
}

@media screen and (max-width: 1100px) { 
.page-id-7 .section4 #left {
width: 60%;
}
.page-id-7 .section4 #right {
width: 35%;
}
.page-id-7 .video-popup {
float: right;
}
}

@media screen and (max-width: 830px) { 
.page-id-7 .section4 #left {
width: 100%;
text-align: center;
margin: 0 0 10px 0;
}
.page-id-7 .section4 #right{
margin: 0 auto;
float: none;
width: 270px;
}
.page-id-7 .section4 #column2, .page-id-7 .section4 #column3 {
margin: 20px 0 ;
}
.page-id-7 .section4 #column1 {
margin: 20px 4.5% 0 0;
}
}

@media screen and (max-width: 640px) { 
.page-id-7 .section4 #column1, .page-id-7 .section4 #column2, .page-id-7 .section4 #column3 {
width: 100%;
}
.page-id-7 .section4 #column1 {
margin: 20px 0 20px 0;
}
}




/* =============================================================================
   Sidebar Styles
   ========================================================================== */
#sidebar {
width:200px;
float:right;
margin:0 0 25px 0;
}
#sidebar h3 {
padding:25px 0 3px 0;
font-size:18px;
}

/* =============================================================================
   Post Styles
   ========================================================================== */
#container.chalkboard .author {
font-size: 16px;
font-family:"DIN Next W01 Bold";
color: #999B9E;
}
#container.chalkboard .author a {
color: #999B9E;
}
#container.chalkboard .author a:hover {
color: #E9AC44;
}
img.avatar.avatar-50.photo {
float: left;
margin: 0 20px 20px 0;
}
#title {
float: left;
width: 90%;
}
.post {
border-bottom: 1px dotted #999B9E;
padding: 0 0 50px 0;
margin: 0 0 50px 0;
}
.single .post {
border: none;
padding: 0;
}
.post p {
margin:14px 0 14px 0;
font-size: 14px;
}
.post a {
color:#E9AC44;
text-decoration: none;
}
.post a:hover {
color: #1F1E1A;
}
.post em{
font-style:italic;
}
.post h1, .post h1 a, .post h2, .post h2 a {
font-family:"Adelle W01 Light";
font-size:36px;
font-weight:normal;
line-height: 36px;
color: #646A69;
}
.post h1 a:hover, .post h2 a:hover {
color: #E9AC44;
}
.post h3, .post h4 {
font-family:"Adelle W01 Light";
font-size:24px;
margin:15px 0 10px 0;
font-weight:normal;
line-height: 29px;
}
.post h4 {
font-size:18px;
}
.post .indent {
padding-left:10px;
}
.post .indent p {
padding-left:10px;
}
.post small {
font-size:11px;
}
.post small a {
font-weight:normal;
}
.post .alignright {
float:right;
margin-left:10px;
}
.post .alignleft {
float:left;
margin-right:10px;
}
.post .aligncenter {
margin:0 auto;
display:block;
}
.post abbr {
font-weight:normal;
}
.post ul{
list-style:circle;
margin:0 0 0 25px;
}
.post ol{
list-style:decimal;
margin:0 0 0 30px;
}
.post .wp-caption {
background:#f7f7f7;
border:1px solid #ccc;
margin:10px;
text-align:center;
padding:5px 0 0;
}
.post .wp-caption-text {
margin:0;
}
.post .wp-caption a, .post .wp-caption a:hover {
border-bottom:0;
}
.post blockquote {
color:#777;
border-left:5px solid #ccc;
margin:15px 30px 0 10px;
padding-left:20px;
}
.post pre {
font-family:courier;
font-size:12px;
letter-spacing:-1px;
margin:14px 0 14px 0;
}
.post .message ul {
margin:12px 0 0;
}
.post .message {
display:none;
background:#0F67A1;
margin-top:10px;
padding:20px;
color:#fff;
}

.navigation-single {
border-top: 1px dotted #999B9E;
border-bottom: 1px dotted #999B9E;
padding: 20px 0;
margin: 20px 0 0 0;
}
.single .navigation-single .alignleft a, .single .navigation-single .alignright a {
float: left;
background: #3C4543;
color: #E4AE49;
padding: 7px 40px;
font-size: 15px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
float: left;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
}
.single .navigation-single .alignleft a:hover, .single .navigation-single .alignright a:hover {
background: #E4AE49;
color: #3C4543;
}
.single .navigation-single .alignright a {
float: right;
}


@media screen and (max-width: 800px) { 
 #title {
width: 80%;
}
.post h1, .post h1 a, .post h2, .post h2 a {
font-size:28px;
}
}

@media screen and (max-width: 640px) { 
#title {
width: 75%;
}
.post h1, .post h1 a, .post h2, .post h2 a {
font-size:24px;
line-height: 26px;
}
.author #content.chalkboard #title span.author {
font-size: 13px;
font-family:"DIN Next W01 Bold";
color: #999B9E;
}
.post h3, .post h4 {
font-size:20px;
}
.navigation-single {
display: none;
}
}

/* =============================================================================
   Comment Styles
   ========================================================================== */
   
#comments a, #comments a:link, #comments a:visited, #comments a:active {
	text-decoration: none;
	color: #E9AC44;
}

#comments a:hover, .comments a:visited:hover   {
	color:#555;
    text-decoration:none;
}
#comments h3, #comments h4{
    color: #5D6161;
font-family:"Adelle W01 Light";
	font-size: 28px;
	letter-spacing: 1px;
	margin: 20px 0;
	line-height: 30px;
}
#comments h4{
    font-size:28px;
    margin: 40px 0 0 0;
}
#comments cite{
   font-family:"Adelle W01 Light";
	font-size: 22px;
	letter-spacing: 1px;
}
#comments h5{
color:#999;
}
#comments em {
font-style:italic;
text-align:right;
}
#comments ol.commentlist li {
margin-top:20px;
border:1px dotted #999;
padding:20px 5px 20px 20px;
min-height:100px;
}
#comments p {
width:auto;
font-size: 16px;
margin:0 10px;
}
#comments span {
display: none;
}
#comments ul.formlist {

}
#comments ul.formlist li {
display:block;
margin:10px 0 0;
}
#comments ul.formlist p{
margin:10px 0 0;
text-align:center;
}
#comments input {
font-size: 14px;
width:300px;
font-weight:normal;
float: left;
padding: 10px;
margin: 5px 10px 5px 0;
color: #999;
background-color: #DCE0DF;
border: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
#comments input:focus {
background-color: #E6EEF0;
}
.form-left {
float:left;
}
#comments textarea {
font-size: 14px;
width: 393px;
font-weight:normal;
float: left;
padding: 10px;
margin: 15px 0 5px 0px;
color: #999;
background-color: #DCE0DF;
border: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
#comments textarea:focus {
background-color: #E6EEF0;
}
#comments li.submitbutton input {
border:none;
float:right;
cursor: pointer;
background: #3C4543;
color: #E4AE49;
font-size: 15px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
}
#comments li.submitbutton input:hover {
background: #E9AC44;
	color: #FFFFFF;
}
#commentform {
width: 753px;
}

@media screen and (max-width: 800px) { 
#commentform {
width: 290px;
}
#comments input {
width: 90%;
}
#comments textarea {
width: 90%;
}
#comments li.submitbutton input {
display: block;
}
}


/* =============================================================================
   Contact
   ========================================================================== */

.page-id-14  .section1 #right {
	width: 210px;
}
#map_canvas {
height: 940px;
width: 100%;
border-top: 1px solid #C5C5C5;
}
#map-wrapper {
margin: 0 auto;
width: 1000px;
}
#map-info {
width: 50%;
padding: 4%;
position: relative;
z-index: 1;
margin: 80px 0 -870px 0;
float: left;
background: #FFF;
-webkit-box-shadow: 0px 0px 10px 1px #9E9E9E;
box-shadow:0px 0px 10px 1px #9E9E9E;
font-size: 14px;
}
#map-info #column1, #map-info #column2 {
float: left;
width: 49%;
margin: 15px 0;
}
#map-info #column2 {
float: right;
}
#map-info img.special {
border: 5px solid #FFF;
-webkit-box-shadow: 0px 0px 2px 1px #DEE0DF;
box-shadow:0px 0px 2px 1px#DEE0DF;
margin: 5px 0 15px 0;
}
#map-info #column1 .left, #map-info #column2 .left {
width: 12%;
	float: left;	
}
#map-info #column1 .right, #map-info #column2 .right {
float: right;
width: 85%;
margin: 0 0 10px 0;
}
#map-info #column2 .right a {
	color: #646A69;	
}
#map-info #column2 .right a:hover {
	color: #E9AC44;
}
#map-info a.google-link {
background: #E9AC44;
color: #FFF;
font-size: 15px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
padding: 10px 50px;
text-transform: uppercase;
margin: 0 5px 0 0;
font-family:"DIN Next W01 Bold";
float: left;
margin: 0 0 20px 0;
}
#map-info a.google-link:hover {
background: #3C4543;
color: #E9AC44;
}
p.lefty {
	float: left;
	margin: 7px 3% 0 0;
	color: #AABBBA;
}
.page-id-14 #content.section1 #social li a:hover { background-position:top;}

.page-id-14 #content.section1 #social li a  {
background-position: bottom;
}
.page-id-14 #content.section1 #social li a span {
background-position: top;
opacity: 0;
}
.page-id-14 #content.section1 #social li a:hover span  {
opacity: 1;
}

@media screen and (max-width: 1100px) { 
#map-wrapper {
width: 90%;
}
}
@media screen and (max-width:940px) { 
#map_canvas {
display: none;
}
#map-wrapper {
background:  url(images/blue-pattern5.jpg) ;
border-top: 1px solid #D8E0E2;
border-bottom: 1px solid #D8E0E2;
padding: 60px 0;
width: 100%;
}
#map-info {
width: 90%;
padding: 0;
background: transparent;
-webkit-box-shadow: none;
box-shadow:none;
margin: 0 auto;
float: none;
}
#map-info #column1, #map-info #column2 {
float: left;
width: 40%;
margin: 15px 5% 0 0;
}
#map-info a.google-link {
margin: 20px 0 20px 0;
}
}

@media screen and (max-width:640px) { 
.page-id-14  .section1 #right {
width: 210px;
float: none;
margin: 0 auto;
}

}


@media screen and (max-width:500px) { 
#map-info #column1, #map-info #column2 {
width: 100%;
}
#map-info #column2 {
margin: 0 0 15px 0;
}
#map-info a.google-link {
margin: 0 0 20px 0;
}
#map-info #column2 .right, #map-info #column1 .right {
float: left;
width: 70%;
margin: 0 0 10px 0;
}
#map-info #column1 .left, #map-info #column2 .left {
width: 30px;
float: left;
}
}


/* =============================================================================
   Work All
   ========================================================================== */
img.attachment-featured-image, #work-image a img  {
margin: 0;
}
#work-thumb {
float: left;
width: 33%;
margin: 1px;
background: #E9AC44;
}
#work-image  {
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
position: relative;
z-index: 2;
}
#work-image:hover {
opacity: 0;
}
#work-heading {
float: left;
position: absolute;
padding: 20px;
z-index: 1;
}
#work-heading a {
color: #FFF;
}
#work-heading h2 {
font-size: 18px;
}
#work-heading h2 p {
font-size: 12px;
}
.archive .navigation {
margin: 40px 0;
}
.archive .alignleft, .archive .alignright  {
width: 290px;
margin: 0 auto;
float: none;
}
.archive .alignleft a, .archive .alignright a {
font-size: 18px;
padding: 15px 20px;
width: 250px;
text-align: center;
}
.archive #container {
padding: 20px 0 50px 0
}
@media screen and (max-width: 840px) { 
#work-thumb {
float: left;
width: 49%;
margin: 1px;
}
}
@media screen and (max-width: 580px) { 
#work-thumb {
width: 99%;
margin: 0 0 20px 0;
border: 1px solid #E1E3E2;
background: #FFF;
-webkit-box-shadow: 0px 0px 1px 1px #DEE0DF;
box-shadow:0px 0px 1px 1px#DEE0DF;
}
#work-heading {
padding: 10px;
width: 45%;
}
#work-heading a {
color: #5E6E70;
display: block;
height: 107px;
width: 100%;
}
#work-heading h2 {
font-size: 18px;
}
#work-heading h2 p {
font-size: 12px;
}
#work-heading {
padding: 20px;
}
#work-heading {
position: static;
}
img.attachment-featured-image, #work-image a img  {
width: 150px;
}
.archive .alignleft, .archive .alignright  {
width: 100%;
}
.archive .alignleft a, .archive .alignright a {
padding: 15px 0;
width: 100%;
}
#work-thumb #work-image:hover {
opacity: 1;
}
}
@media screen and (max-width: 460px) { 
#work-heading {
padding: 10px;
width: 40%;
}
}


/* =============================================================================
   Work Single
   ========================================================================== */

.single-gm_work #container {
padding: 40px 0 30px 0;
}
h2.post-heading, #work-text h2 {
font-family:"Adelle W01 Light";
font-size:42px;
line-height: 46px;
color: #646A69;
}
#work-text h2 {
font-size:24px;
line-height: 36px;
text-align: center;
display: block;
padding: 5px 0 0;
}
#work-text p {
padding: 10px 0;
}
#work-header {
}
/*#work-header hr {
border-top: 1px dotted #999B9E;
margin: 20px 0 0 0;
}*/
#work-header a.button {
margin: 10px 0 0 0;
}
#work-images {
padding: 0 0 20px 0;
margin: 0;
background: #FFF;
width: 1000px;
margin: 0 auto;
text-align: center;
}
#work-bg {
background: #FFF;
-webkit-box-shadow: 0px 0px 3px 2px #DEE0DF;
box-shadow:0px 0px 3px 2px#DEE0DF;
padding-top: 20px;
}
#work-images img {
float: left;
padding: 0;
}
#work-images img.full {
width: 98.5%;
margin: 0 .75% 1.5% .75%;
}
#work-images img.half {
width: 48.5%;
margin: 0 .75% 1.5% .75%;
}
#project-name, #project-problem {
	width: 47%;
	float: left;
}
#about-project, #project-solution {
	width: 48%;
	float: right;
}
#about-project a {
color: #E9AC44;
font-family: "DIN Next W01 Bold";
}
#about-project a:hover {
color: #646A69;
}
#project-problem, #project-solution {
	margin: 20px 0 0 0;
}
#project-name .category p, #work-text h3 {
	text-transform: uppercase;
	color: #B7BAB9;
	font-family: "DIN Next W01 Bold";
	letter-spacing: 1px;
}
#project-problem h2, #project-solution h2 {
text-transform: uppercase;
color: #E9AC44;
font-family: "DIN Next W01 Bold";
letter-spacing: 1px;
margin: 0 0 10px 0;
}
#case-study {
width: 1000px;
padding: 20px 0 50px;
margin: 0 auto;
}
#work-text h3 {
width: 100%;
border-bottom: 1px dotted #B7BAB9;
margin: 20px 0;
padding: 2px 0 0 0;
text-align: left;
display: block;
}
.single .navigation .alignleft, .single .navigation .alignright {
display: block;
float: right;
background: none;
padding: 0;
transition: none;
-moz-transition: none;
-webkit-transition: none;
}
.single .navigation .alignleft a, .single .navigation .alignright a {
display: block;
float: left;
background: none;
padding: 0;
transition: none;
-moz-transition: none;
-webkit-transition: none;
overflow: hidden;
padding: 3px;
width: 210px;
background:  url(images/forward2.png) no-repeat right center;
z-index: 2;
position: relative;
}
.single .navigation .alignleft a:hover, .single .navigation .alignright a:hover {
color: #3C4543;
}
.single .navigation .alignright  {
float: left;
}
.single .navigation .alignright a {
background:  url(images/back2.png) no-repeat left center;
width: 210px;
}
.single .navigation .alignright img.attachment-small {
float: right;
margin: 0;
}
.single img.attachment-small {
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
background-color: #FFF;
opacity: .5;
text-indent: -9999px;
outline:  3px solid #FFF;
}
.single img.attachment-small:hover {
opacity: 1;
}
.all-work {
width: 100%;
display: block;
text-align: center;
margin: 0 auto;
position: absolute;
margin: 85px 0 0 0;
}
.all-work a {
background:  url(images/all-work.png) no-repeat;
height: 54px;
width: 54px;
display: block;
margin: 0 auto;
color: #646A69;
}
.all-work p {
margin: 10px 0 0 0;
font-family: "DIN Next W01 Bold";
color:#AABBBA ;
text-transform: uppercase;
font-size: 12px;
}

.all-work a:hover {
background-position: bottom;
}
span.post-link {
display: none;
}

#work-video {
position: relative;
padding-bottom: 50%;
padding-top: 50px;
height: 0;
width: 98.5%;
margin: 0 auto 30px auto;
}
#work-video iframe,  
#work-video object,  
#work-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#work-header ul.awards li {
float: left;
width: 70px;
text-align: center;
height: 100px;
position: relative;
margin: 10px 5px;
}
ul.awards li img {
margin: 0 0 5px 0;
}
ul.awards li h5 {
text-transform: uppercase;
font-size: 11px;
line-height: 12px;
font-family:"DIN Next W01 Bold";
color: #B7BAC0;
}


@media screen and (max-width: 1100px) { 
#work-images {
width: 90%;
}
#case-study {
width: 90%;
}
}

@media screen and (max-width: 840px) { 
#work-images img.half {
width: 99%;
}
#project-name, #project-problem {
	width: 100%;
	float: left;
}
#about-project, #project-solution {
	width: 100%;
	float: right;
}
#work-header a.button {
margin: 10px 0 0 0;
padding: 10px 0;
}
}
@media screen and (max-width: 640px) { 

.single .navigation .alignleft a, .single .navigation ..alignright a {
width: 50px;
height: 50px;
}
.all-work {
margin: 15px 0 0 0;
}
img.attachment-small.wp-post-image {
display: none;
margin: 0;
}
.single .navigation a.post-thumbnail {
	height: 35px;
	width: 50px;
	margin: 0;
}
.all-work p {
display: none;
}
#work-text h2 {
font-size:18px;
line-height: 26px;
text-align: center;
display: block;
padding: 5px 0 0;
}
}


/* =============================================================================
 Gravity Forms
   ========================================================================== */

.gform_wrapper .gform_body .gform_fields .gfield input[type=text],
.gform_wrapper .gform_body .gform_fields .gfield input[type=email],
.gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
.gform_wrapper .gform_body .gform_fields .gfield input[type=url],
.gform_wrapper .gform_body .gform_fields .gfield input[type=number],
.gform_wrapper .gform_body .gform_fields .gfield input[type=password],
.gform_wrapper .gform_body .gform_fields .gfield select,
.gform_wrapper .gform_body .gform_fields .gfield textarea {
background: #DCE0DF;
border: none;
font-size: 24px;
color: #5D6E70;
padding: 5px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
width: 98%;
}
.page-id-26 .gform_wrapper .gform_body .gform_fields .gfield input[type=text] {
background: #FFF;
}
.gform_wrapper .gform_body .gform_fields .gfield select {
font-size: 16px;
background: #FFF;
border: 1px solid #C6C6C6;

}
.gform_wrapper .gform_body .gform_fields .gfield input[type=text]:focus,
.gform_wrapper .gform_body .gform_fields .gfield input[type=email]:focus,
.gform_wrapper .gform_body .gform_fields .gfield input[type=tel]:focus,
.gform_wrapper .gform_body .gform_fields .gfield input[type=url]:focus,
.gform_wrapper .gform_body .gform_fields .gfield input[type=number]:focus,
.gform_wrapper .gform_body .gform_fields .gfield input[type=password]:focus,
.gform_wrapper .gform_body .gform_fields .gfield select:focus,
.gform_wrapper .gform_body .gform_fields .gfield textarea:focus {
background: #E5EDEF;
}
.gform_wrapper .ginput_complex label,
.gform_wrapper .gfield_time_hour label,
.gform_wrapper .gfield_time_minute label,
.gform_wrapper .gfield_date_month label,
.gform_wrapper .gfield_date_day label,
.gform_wrapper .gfield_date_year label,
.gform_wrapper .instruction {

}
.gform_button{
border:none;
float:right;
cursor: pointer;
background: #3C4543;
color: #E4AE49;
font-size: 15px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
height: 30px;
width: 150px;
text-transform: uppercase;
margin: 0 5px 0 0;
}
.gform_button:hover {
background: #E9AC44;
color: #FFFFFF;
}
label.gfield_label {
color: #547573;
font-size: 16px;
letter-spacing: -1px;
}



/*-------------------------Contact Form-------------------------*/

.gform_confirmation_message_1, .gform_confirmation_message_2, .gform_confirmation_message_5, .gform_confirmation_message_7 {
font-size: 36px;
color: #E9AC44;
text-align: center;
line-height: 35px;
}
.gform_confirmation_message_5 {
color: #3B4544;
}
.gform_wrapper  li#field_1_4.gfield {
float: right;
margin: -206px 0 0 0;
width: 49%;
}
.gform_wrapper  li#field_1_4.gfield  #input_1_4.medium {
width: 95%;
height: 167px;
}

#gform_1 .gfield_error, #gform_2 .gfield_error, #gform_5 .gfield_error {
background: transparent;
border: none;
}
span.gfield_required {
display: none;
}
.gform_wrapper li.gfield.gfield_error .gfield_description {
display: none;
}
.gform_wrapper  #input_1_1.medium, .gform_wrapper  #input_1_2.medium, .gform_wrapper  #input_1_3.medium, .gform_wrapper  #input_1_4.medium {
width: 46.5%;
float: left;
}
@media screen and (max-width:740px) { 
.gform_wrapper #input_1_1.medium, .gform_wrapper #input_1_2.medium, .gform_wrapper #input_1_3.medium, .gform_wrapper #input_1_4.medium {
width: 94%;
}
.gform_wrapper #input_1_4.medium {
width: 94%;
height: 167px;
}
.gform_wrapper li#field_1_4.gfield {
float: right;
margin: 0;
width: 100%;
}
}

/*-------------------------Questions-------------------------*/

li.gchoice_6_1, li.gchoice_6_2, li.gchoice_6_3 {
	font-size: 18px;
}
#gform_2 li, #gform_7 li {
	margin: 0 0 15px 0;
}
.gform_wrapper h2.gsection_title {
font-family:"DIN Next W01 Bold";
line-height: 30px;
}
li#field_7_11, li#field_7_12{
	margin: 40px 0 20px 0;
}
.ginput_left {
	float: left;
display: ;
}

/* =============================================================================
   Questions
   ========================================================================== */

#content.questions .left {
	float: left;
	width: 30%;
}
#content.questions .right {
	float: right;
	width: 60%;
}
#content.questions h3 {
font-family:"Adelle W01 Light";
font-size:33px;
line-height: 40px;
color: #646A69;
margin: 0 0 10px 0;
}
@media screen and (max-width:740px) { 
#content.questions .left {
	float: left;
	width: 100%;
	margin: 20px 0 0 0;
}
#content.questions .right {
	float: left;
	width: 98%;
}
}


/* =============================================================================
Maintenance
   ========================================================================== */
      
.page-id-26 .section1 {
height: 750px;
}
.page-id-26 .section1 #left {
width: 55%;
margin: 0 0 30px 0;
}
.page-id-26 .section1 #right {
width: 40%;
margin: 0 0 30px 0;
}
.page-id-26 .section1 #right ul {
margin: 10px 0 0 0;
}
.page-id-26 .section1 #right li {
float: left;
}
.page-id-26 .section1 #right li img {
float: left;
margin: 0 5px 0 0;
}
.page-id-26 .section1 #right li h3 {
float: left;
}
.page-id-26 #header-wrap{
position: static;
}
.page-id-26 #header-padding {
display: none;
}
li.security {width: 110px;}
li.maintenance {width: 135px;}
li.consulting {width: 105px; }

.panes div {
display:none;
padding;
border-top:0;
height:405px;
font-size:14px;
background-color:#fff;
position: absolute;
width: 1000px;   
}
.cell, .cell2 {
border-left: 1px solid #FFF;
border-bottom: 1px solid #FFF;
width: 282px;
height: 106px;
float: left;
background: url(images/m-cell.png) repeat-x;
padding: 30px 30px 0 20px
}
.cell strong, .cell2 strong {
font-size: 18px;
line-height: 28px;
}
.cell2 strong {
opacity: .5;
}
.cell img, .cell2 img {
float: left;
margin: 0 10px 0 0;
}
.cell2 img {
opacity: .1;
}
.cell p, .cell2 p  {
float: right;
width: 230px;
}
.cell2 p  {
opacity: .1;
}
ul.tabs {
list-style:none;
margin:0 !important;
padding:0;
height:200px;    
}
ul.tabs li {
float:left;
text-indent:0;
padding:0;
margin:0 !important;
list-style-image:none !important;
}
ul.tabs a {
height:200px;
font-size:11px;
display:block;
height: 140px;
line-height:30px;
width: 292px;
text-align:center;
padding: 30px 20px;
margin:0px;
position:relative;
border-left: 1px solid #FFF;
background: #EDEFEE url(images/m-bg.png) repeat-x;
}
ul.tabs a:hover {
background-position:bottom;
}
ul.tabs h4 {
font-size: 22px;
text-transform: uppercase;
line-height: 24px;
font-family:"DIN Next W01 Bold";
color: #3C4543;
}
.tabs .month {
float: left;
width: 120px;
margin: 40px 0 0 0;
color: #FFF;
font-size: 32px;
line-height: 6px;
}
.tabs .month span {
float: left;
width: 120px;
margin: 20px 0;
color: #FFF;
font-size: 14px;
text-transform: uppercase;
}
.tabs .year {
float: right;
width: 120px;
margin: 40px 0 0 0;
color: #FFF;
font-size: 32px;
line-height: 6px;
}
.tabs .year span {
float: right;
width: 120px;
margin: 20px 0;
color: #FFF;
font-size: 14px;
text-transform: uppercase;
}
.tabs img {
float: left;
margin: 30px 0 0 15px;
}
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
    background-position: -420px -62px;
    cursor:default !important;
    color:#000 !important;
 background: #EDEFEE url(images/m-active.png) repeat-x;
}

.panes .pane {
    display:none;
}

@media screen and (max-width: 1100px) { 
.page-id-26  #container, .page-id-26 #header-wrap,.page-id-26 #footer-wrapper {
width: 1110px;
}
}
/* =============================================================================
404
   ========================================================================== */
#herby {
width: 30%;
float: left;
margin: 0 0 0 15%;
}
.error404 #container #slider {
width: 45%;
float: right;
font-size: 24px;
line-height: 28px;
margin: 120px 5% 0 0;
}
.error404 #slider .images {
position:relative;
width: 100%;
float:left;
font-family:"Adelle W01 Light";
font-size: 36px;
line-height: 45px;
}
.error404 #slider .images strong {
font-family: "Adelle W01 Regular";
text-transform: uppercase;
line-height: 52px;
font-size: 40px;
}
.error404 #slider .images div {
display:none;
position:absolute;
top:0;
left:0;
}
.error404 #tab_holder{
display: none;
}
.error404 .disabled {
visibility:hidden !important;		
}
@media screen and (max-width: 900px) { 
.error404 #container #slider {
margin: 20px 5% 0 0;
height: 300px;
}
#herby {
margin: 0 0 0 10%;
}
.error404 #slider .images {
font-size: 30px;
line-height: 40px;
}
.error404 #slider .images strong {
line-height: 45px;
font-size: 35px;
}
}
@media screen and (max-width: 600px) { 
.error404 #container #slider {
width: 100%;
margin: 20px 0 0 0;
padding: 0;
text-align: center;
height: 180px;
}
#herby {
width: 280px;
margin: 0 auto;
float: none;
}
#herby img {
width: 240px;
float: right;
}
.error404 #slider .images strong {
text-align: center;
}
a.button {
display: block;
float: none;
width: 100%;
}
.error404 #slider .images {
font-size: 23px;
line-height: 30px;
}
.error404 #slider .images strong {
line-height: 35px;
font-size: 25px;
text-align: center;
}
}

/* =============================================================================
   Retina Images
   ========================================================================== */


@media only screen and (-webkit-min-device-pixel-ratio: 2) {
h1 a {
background-image: url(images/gm-logo2x.png);
-webkit-background-size: 250px 33px;
-moz-background-size: 250px 33px;
-o-background-size: 250px 33px;
background-size: 250px 33px;
}
#middle .tabs a {
background-image: url(images/navigator2x.png);
-webkit-background-size: 13px 39px;
-moz-background-size: 13px 39px;
-o-background-size: 13px 39px;
background-size: 13px 39px;
}
#social li a {
-webkit-background-size: 35px 70px;
-moz-background-size: 35px 70px;
-o-background-size: 35px 70px;
background-size: 35px 70px;
}
li.twitter a { background: url(images/social-twitter2x.png);}
li.facebook a { background: url(images/social-facebook2x.png);}
li.rss a { background: url(images/social-rss2x.png);}

.page-id-12 .video-popup {
background:url(images/video-strategy2x.jpg) no-repeat top;
-webkit-background-size: 260px 260px;
-moz-background-size: 260px 260px;
-o-background-size: 260px 260px;
background-size: 260px 260px;
}
.page-id-7 .video-popup {
background:url(images/video-history2x.jpg) no-repeat top;
-webkit-background-size: 260px 260px;
-moz-background-size: 260px 260px;
-o-background-size: 260px 260px;
background-size: 260px 260px;
}
.page-id-12 .video-popup span {
background:url(images/video-strategy2x.jpg) no-repeat top;
-webkit-background-size: 260px 260px;
-moz-background-size: 260px 260px;
-o-background-size: 260px 260px;
background-size: 260px 260px;
}
.page-id-7 .video-popup span {
background:url(images/video-history2x.jpg) no-repeat top;
-webkit-background-size: 260px 260px;
-moz-background-size: 260px 260px;
-o-background-size: 260px 260px;
background-size: 260px 260px;
}
.page-id-12 .section2 #left .column1 {
background:url(images/bracket2x.png) no-repeat center right;
-webkit-background-size: 46px 129px;
-moz-background-size: 46px 129px;
-o-background-size: 46px 129px;
background-size: 46px 129px;
}
#question1 {
margin: 0;
background:url(images/question1-2x.png) no-repeat center top;
-webkit-background-size: 300px 300px;
-moz-background-size: 300px 300px;
-o-background-size: 300px 300px;
background-size: 300px 300px;
}
#question2 {
background:url(images/question2-2x.png) no-repeat center top;
-webkit-background-size: 300px 300px;
-moz-background-size: 300px 300px;
-o-background-size: 300px 300px;
background-size: 300px 300px;
}
#question3 {
background:url(images/question3-2x.png) no-repeat center top;
-webkit-background-size: 300px 300px;
-moz-background-size: 300px 300px;
-o-background-size: 300px 300px;
background-size: 300px 300px;
}
ul.cat li.news {background:url(images/icon-news2x.png) no-repeat center left;
-webkit-background-size: 26px 23px;
-moz-background-size: 26px 23px;
-o-background-size: 26px 23px;
background-size:  26px 23px;
}
ul.cat li.work {background:url(images/icon-work2x.png) no-repeat center left;
-webkit-background-size: 26px 23px;
-moz-background-size: 26px 23px;
-o-background-size: 26px 23px;
background-size:  26px 23px;
}
ul.cat li.events {background:url(images/icon-events2x.png) no-repeat center left;
-webkit-background-size: 26px 23px;
-moz-background-size: 26px 23px;
-o-background-size: 26px 23px;
background-size:  26px 23px;
}
ul.cat li.advice {background:url(images/icon-advice2x.png) no-repeat center left;
-webkit-background-size: 26px 23px;
-moz-background-size: 26px 23px;
-o-background-size: 26px 23px;
background-size:  26px 23px;
}
ul.cat2 li.category {background:url(images/icon-category2x.png) no-repeat center left;
-webkit-background-size: 26px 23px;
-moz-background-size: 26px 23px;
-o-background-size: 26px 23px;
background-size:  26px 23px;
}
ul.cat2 li.date {background:url(images/icon-time2x.png) no-repeat center left;
-webkit-background-size: 26px 23px;
-moz-background-size: 26px 23px;
-o-background-size: 26px 23px;
background-size:  26px 23px;
}
ul.cat2 li.comment {background:url(images/icon-comment2x.png) no-repeat center left;
-webkit-background-size: 26px 23px;
-moz-background-size: 26px 23px;
-o-background-size: 26px 23px;
background-size:  26px 23px;
}
.all-work a {
background:  url(images/all-work.png) no-repeat;
-webkit-background-size: 54px 108px;
-moz-background-size: 54px 108px;
-o-background-size: 54px 108px;
background-size:  54px 108px;
}
}


/* =============================================================================
   Special FX
   ========================================================================== */



/* Wrapping #strategy-path in a `position: relative` container to negate the 
   `position: absolute` */
.clip-container {
  position: relative;
}

.clip-container > img {
  position: absolute; /* Clip requires `position: absolute` */
}

/* Hiding until revealed by JS */
.fadein > *, #strategy-path, #message-pointers {
  opacity: 0;
}

/* Lazy-loaded images are hidden by default. *//*
.lazy {
  display: none;
}
*/
.gallery #work-thumb, .bio li, #work-images .work-item {
  opacity: 0;
}

.preloader {
   background:url(images/loader.gif) center center no-repeat #FFF;  
   display:inline-block;  
}


.home.page.page-id-5.page-template.page-template-template-home-php.page-home #footer-wrapper #footer #copyright {
	text-align: center;
}
.home.page.page-id-5.page-template.page-template-template-home-php.page-home #wrapper #footer-wrapper #footer #column2 .feed-holder div .widgettitle p {
	text-align: center;
}
.home.page.page-id-5.page-template.page-template-template-home-php.page-home #wrapper #header-wrap #header .nav #deroulent {
	color: #900;
}
.home.page.page-id-5.page-template.page-template-template-home-php.page-home #wrapper #footer-wrapper #footer #column2 .feed-holder div .widgettitle p {
	text-align: left;
}
.home.page.page-id-5.page-template.page-template-template-home-php.page-home #wrapper #header-wrap #header .nav marquee {
	color: #FFF;
}


/* =============================================================================
   Page membres
   ========================================================================== */

.home.page.page-id-5.page-template.page-template-template-home-php.page-home #wrapper #body2 #body3 #mainContent table tr td p {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
}
.home.page.page-id-5.page-template.page-template-template-home-php.page-home #wrapper #body2 #body3 #mainContent table tr td {
	text-align: center;
}

.home.page.page-id-5.page-template.page-template-template-home-php.page-home #wrapper #body2 #body3 #mainContent table tr td .thumbnail a {
	width: 100%;
}
.home.page.page-id-5.page-template.page-template-template-home-php.page-home #wrapper #body2 #body3 #mainContent #membres .thumbnail {
	float:left;
	width:260px;
	height:290px;
	margin-left:45px;
	margin-top: 40px;
	}

.home.page.page-id-5.page-template.page-template-template-home-php.page-home #wrapper #body2 #body3 #mainContent #membres {
	width:100%;
	float:none;
	padding: 0px auto;
	}
.home.page.page-id-5.page-template.page-template-template-home-php.page-home #wrapper #body2 #body3 #mainContent #membres .thumbnail a img {
	margin-bottom: 20px;
	border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
box-shadow: 1px 1px 12px #000000;
-moz-box-shadow: 1px 1px 12px #000000;
-webkit-box-shadow: 1px 1px 12px #000000;
}
.home.page.page-id-5.page-template.page-template-template-home-php.page-home #wrapper #body2 #body3 #mainContent #membres .thumbnail a img:hover {
	margin-bottom: 20px;
	border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
box-shadow: 0px 0px 0px ;
-moz-box-shadow: 0px 0px 0px ;
-webkit-box-shadow: 0px 0px 0px ;
}


/* =============================================================================
   Suprime les slide garde une marge
   ========================================================================== */
.home.page.page-id-5.page-template.page-template-template-home-php.page-home #wrapper #middle .slider .slidevide {
	height: 80px;
	width: 100%;
}


/* =============================================================================
   Page Sorties
   ========================================================================== */

.home.page.page-id-5.page-template.page-template-template-home-php.page-home #wrapper #body2 #body3 #mainContent #featured .sortiesgauche {
	float: left;
	width: 45%;
}
.home.page.page-id-5.page-template.page-template-template-home-php.page-home #wrapper #body2 #body3 #mainContent #featured .sortiesdroite {
	float: right;
	width: 45%;
}
.home.page.page-id-5.page-template.page-template-template-home-php.page-home #wrapper #body2 #body3 #mainContent #featured .sortiesgauche p a {
	color: #000000;
}
.home.page.page-id-5.page-template.page-template-template-home-php.page-home #wrapper #body2 #body3 #mainContent #featured .sortiesdroite p a {
	color: #000000;
}
.home.page.page-id-5.page-template.page-template-template-home-php.page-home #wrapper #footer-wrapper #footer #column1 h4 {
	color: #809191;
	text-align: center;
}
.home.page.page-id-5.page-template.page-template-template-home-php.page-home #wrapper #footer-wrapper #footer #column2 h4 {
	color: #809191;
	text-align: center;
}
.home.page.page-id-5.page-template.page-template-template-home-php.page-home #wrapper #footer-wrapper #footer #column3 h4 {
	color: #809191;
}
.home.page.page-id-5.page-template.page-template-template-home-php.page-home #wrapper #footer-wrapper #footer #column2 .feed-holder div .widgettitle p {
	color: #809191;
	font-family: "DIN Next W01 Regular", Arial;
}
.home.page.page-id-5.page-template.page-template-template-home-php.page-home #wrapper #footer-wrapper #footer #column3 strong {
	color: #809191;
}
.home.page.page-id-5.page-template.page-template-template-home-php.page-home #wrapper #footer-wrapper #copyright {
	color: #809191;
}
.home.page.page-id-5.page-template.page-template-template-home-php.page-home #wrapper #footer-wrapper #copyright ul li {
	color: #809191;
}
/* =============================================================================
   Page calendrier
   ========================================================================== */

.home.page.page-id-5.page-template.page-template-template-home-php.page-home #wrapper #body2 #body3 #mainContent #featured .pagecalendrier {
	
	width: 45%;
	margin: 0px auto;
}

/* =============================================================================
   Page boutique
   ========================================================================== */

.home.page.page-id-5.page-template.page-template-template-home-php.page-home #wrapper #body2 #body3 #mainContent #featured #pageboutique a  {
	height: 319px;
	width: 425px;
}
.home.page.page-id-5.page-template.page-template-template-home-php.page-home #wrapper #body2 #body3 #mainContent #featured #pageboutique p .mail {
	height: 20px;
	width: 200px;
}


/* =============================================================================
   Page sorties
   ========================================================================== */
   
   
.home.page.page-id-5.page-template.page-template-template-home-php.page-home #wrapper #body2 #body3 #mainContent #featured #id p a {
	width: 400px;
}
.home.page.page-id-5.page-template.page-template-template-home-php.page-home #wrapper #body2 #body3 #mainContent #featured #sorties p a {
	width: 400px;
}
.home.page.page-id-5.page-template.page-template-template-home-php.page-home #wrapper #body2 #body3 #featured h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 50px;
	color: #97040C;
}

/* =============================================================================
   Page liens
   ========================================================================== */
   
   

.home.page.page-id-5.page-template.page-template-template-home-php.page-home #wrapper #body2 #body3 #mainContent #featured #liens p a {
	 width:auto;
	 background-color:transparent;
}
.home.page.page-id-5.page-template.page-template-template-home-php.page-home #wrapper #body2 #body3 #featured h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 50px;
	color: #97040C;
}
.home.page.page-id-5.page-template.page-template-template-home-php.page-home #wrapper #body2 #body3 #mainContent #featured .essence {
	color: #C00;
}
.home.page.page-id-5.page-template.page-template-template-home-php.page-home #wrapper #footer-wrapper #footer #column2 .feed-holder div .widgettitle p {
	text-align: center;
}