/* Vars ----------------------------------------------------*//* Mixins ----------------------------------------------------*//* Colors and backgrounds  ----------------------------------------------------*/
body {
	color: #999;
	background: #fff;
}
body a:hover {
	color: #333;
}
a {
	color: #999;
}
header,
footer {
	background-color: #FFF;
}
/* Selection colours (easy to forget) */
::selection {
	background-color: #FF0;
}
::-moz-selection {
  background: #FF0;
}
img::selection {
	background-color: #FF0;
}
img::-moz-selection {
  background: #FF0;
}
body {
  -webkit-tap-highlight-color: #999;
}
#headline,
.masthead {
	color: #999;
}
/* NAVIGATION ------------------------------------------------------------*/
#nav > li > a {
	color: #999;
}
#office-name > a {
	color: #999;
	padding-top:30px;
	padding-right: 600px;
}
#office-name > a:hover {
	color:#333
}
#nav > li:hover > a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background-color: #FFF;
	color: #333;
	float: left;
}
#nav span:hover {
  -webkit-transform: translate(-10px, -3px);
  -moz-transform: translate(-10px, -3px);
  -o-transform: translate(-10px, -3px);
  transform: translate(-10px, -3px);
}
#nav > li.current-menu-item > a,
#nav > li.current_page_item > a {
	border-top-width: 3px;
	border-top-style: solid;
}
#nav .sfHover ul {
	background-color: #FFF;
}
#nav .sfHover ul li a {
	color: #999;
}
#nav .sfHover ul li a:hover {
	color: #333;
}
/* MAIN ------------------------------------------------------------*/
.multiplebgs #main {
	background-image: none;
	background-repeat: repeat-x, repeat-x;
	background-position: left bottom;
}
.no-multiplebgs #main {
	background-color: #FFF;
	background-image: none;
	background-repeat: repeat-x;
	background-position: left top;
}
/* FILTERED ITEMS ----------------------------------------------------*/#filter-buttons li a {
	color: #999;
}
#filter-buttons li a:hover,
#filter-buttons li a.selected {
	background-color: #FFF;
	color: #333;	
}
#filter-container figure {
}
#filter-container figure .thumb {
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: center center;
}
#filter-container figure figcaption .heading {
	color: #999;
}
#filter-container figure figcaption .heading:hover {
	color: #333;
}
/* PORTFOLIO ----------------------------------------------------*/#portfolio-content #filter-container a {
	color: #999;
}
#portfolio-content #filter-container a:hover {
	color: #333;
}
#portfolio-content .project-pager a {
	color: #999;
}
#portfolio-content .project-pager a:hover {
	color: #333;
}
#portfolio-content #project-box {
	background-color: #FFF;
}
#portfolio-content #project-box .info .launch:hover {
	color: #333;
	background-color: #FFF;
}
/* CONTACT  ----------------------------------------------------*/
#map-holder {
	background-color: #FFF;
}
/* PAGE NAVIGATION ------------------------------------------------------------*/
#main .page-navigation a {
	color: #999;
}
#main .page-navigation a:hover {
	color: #333;
}
/* SLIDER ----------------------------------------------------*/
.lof-slidecontent .slider-description {
	color: #CCC;
}
.lof-slidecontent .slider-description a {
	color: #999;
}
.lof-slidecontent .slider-description a.readmore {
	color: #999;
}
.lof-slidecontent .active {
  border-top: 3px #333 solid;
}