/* COLORS */


.color {
	color: #3DB7E4;
}




/* GLOBAL */

body {
	margin: 0;
	padding: 0;
	color: #643217;
	background: #f5f3f1;
	font-size: small;
	font-family:'lucida grande',"Arial" sans-serif;
}

body#comp {background: url(../img/comp.jpg) top left no-repeat;}

.clear {clear: both;}

.bold {
	text-decoration: none;
	text-shadow: #FFF 1px 1px 1px;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 90%;
	padding: 0 1px;
}

a:active{ outline: 0; position: relative; top: 1px; }
.inspiration a:active, .strategy a:active { outline: 0; position: relative; top: 0px; }

.orange {color: #de5626;}
.green {color: #9daf3f;}

.contact {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: right;
	max-width: 1625px;
}
.contact p {
	font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	font-style: italic;
	padding: 30px 115px 0 0;
	font-size: 110%;
	text-shadow: #FFF 1px 1px 1px;
	min-width: 813px;
}
.contact p a {
	color: #de5626;
	text-decoration: none;
	text-shadow: #FFF 1px 1px 1px;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 90%;
	padding: 0 1px;
}
.contact p a:hover {
	color: #643217;
}
#strategy_img {
    margin: 0;
    padding: 0;
    position:relative; 
    top:0px; 
    left:43px; 
    width:55px; 
    height:70px; 
    z-index:100;
}
.strategy {
    margin: 0;
    padding: 0;
    position:relative; 
    top:-43px; 
    left:430px; 
    width:81px; 
    height:20px;
}
.strategy a {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    background: url(../img/tagline_over.png) 400px 0 no-repeat;
}
.strategy a:hover {
    background: url(../img/tagline_over.png) -11px -5px no-repeat;
}
#inspiration_img {
    margin: 0;
    padding: 0;
    position:relative; 
    top:-90px; 
    left:43px; 
    width:55px; 
    height:70px; 
    z-index:100;
}
.inspiration {
    margin: 0;
    padding: 0;
    position:relative; 
    top:-135px; 
    left:526px; 
    width:104px; 
    height:22px;
}
.inspiration a {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    background: url(../img/tagline_over.png) 400px 0 no-repeat;
}
.inspiration a:hover {
    background: url(../img/tagline_over.png) -107px -3px no-repeat;
}
.message {
	margin: 100px 0 0 0;
	padding: 0;
	width: 100%;
	max-width: 1625px;
	background: url(../img/logo.png) 43px 0 no-repeat;
}
.message p {
	font-family: "museo-sans-1","museo-sans-2", Arial, sans-serif;
	font-size: 155%;
	line-height: 2.1em;
	text-transform: uppercase;
	text-shadow: #FFF 1px 1px 1px;
	letter-spacing: 0.1em;
	margin: -90px 0 0 0;
	padding: 0px 100px 0 130px;
	color: #643217;
	min-width: 660px;
	font-weight: 500;
}
.portfolio_items {
	margin: 50px 0 0 0;
	padding: 20px 0 0 0;
	width: 100%;
	background: rgba(193, 187, 182, 0.3);
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}
.portfolio_items_inner {
	padding: 20px 0 20px 130px;
	min-width: 750px;
}
.thumb_wrapper {
	padding: 0 25px 25px 0;
	float: left;
}
.thumb_outer {
	width: 330px;
	height: 330px;
	border: 1px solid #c8c2bc;
	-webkit-box-shadow: 0 0 3px #b5b5b5;
	-moz-box-shadow: 0 0 3px #b5b5b5;
}
.thumb_inner {
	padding: 25px;
}
.thumb {
	width: 280px;
	height: 280px;
	overflow: hidden;  
    position: relative;
    color: #FFF;
    background: #d4cfcc;
    background: rgba(104, 97, 91, 0.2);
}
.boxgrid { 
	width: 100%; 
	height: 100%; 
	float:left;  
	overflow: hidden; 
	position: relative; 
}
.boxgrid img { 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
	-webkit-box-shadow: 0 0 3px #68615b;
	-moz-box-shadow: 0 0 3px #68615b;
}
.boxgrid h3 { 
	padding: 30px 0 8px 30px;
	margin: 0; 
	font-size: 130%;
	font-weight:bold;
	text-shadow: -1px -1px 1px #9d958e;
	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}
.boxgrid h3 a { 
	text-decoration: none; 
	color:#FFF;   
}
.boxgrid h3 a:hover {  
	color:#68615b; 
	text-shadow:2px 2px 2px #d9d3ce;
}
.boxgrid p { 
	padding: 0 20px 0 30px; 
	color:#68615b; 
	font-weight:normal;
	font-style: italic; 
	font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	font-size: 110%;
	line-height: 1.3em;
	text-shadow:1px 1px 1px #d9d3ce;
}
.boxgrid ul { 
	padding: 0;
	margin: 0 0 0 47px;
}		
.boxgrid ul li { 
	color:#68615b; 
	font-weight:normal; 
	font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	text-transform: capitalize;
	font-size: 110%;
	font-style: italic;
	line-height: 1.4em;
	text-shadow:1px 1px 1px #d9d3ce;
	list-style-type: square;
}
.boxcaption { 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
}
.captionfull .boxcaption {
 	top: 260;
 	left: 0;
}
.caption .boxcaption {
 	top: 220;
 	left: 0;
}
.footer {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: left;
	max-width: 1350px;
}
.footer p {
	font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	font-style: italic;
	padding: 30px 50px 150px 130px;
	font-size: 110%;
	text-shadow: #FFF 1px 1px 1px;
}
.footer p a {
	color: #de5626;
	text-decoration: none;
	text-shadow: #FFF 1px 1px 1px;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 90%;
	padding: 0 1px;
}
.footer p a:hover {
	color: #643217;
}
.wf-loading .message p {
	visibility: hidden;
}
.wf-active .message p {
	visibility: visible;
}