@charset "utf-8";

/*
Theme Name: VOLTAGE - version 1.5

CSS index:

1. WRAPPERS AND MISC
2. HEADINGS
3. HEADER
	3.1. NAVIGATION
4. FOOTER
	4.1. SLIDING FOOTER
	4.2. SOCIAL ICONS
5. HOMEPAGE COLUMNS
	5.1. COLUMNS
6. SLIDERS
6.1. CAPTIONS
7. RECENT POSTS
8. LAYOUT 1
9. LAYOUT 2
10. LAYOUT 1 AND LAYOUT 2 SHARED STYLES
11. FOLIO
12. CONTACT
13. SIDEBAR
14. TWITTER WIDGET
15. LISTS
16. BUTTONS
17. HIGHLIGHTS
18. ROLLOVER EFFECTS - used by rollover.js
19. CUFON

*/

/*** 1. WRAPPERS AND MISC ***/

html, body {
	height:100%;
}

body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#333;
	background:#fff;
	min-width: 360px;
}

header, nav, section, article, aside, footer {
	display:block;
}

a img {
	border:0;
}

p {
	margin:0 0 16px 0;
	padding:0;
}

p.last {
	margin-bottom:0;
}

.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


.wrapper {
	width:100%;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -80px;
	padding-top:135px;
}

.contentWrapper {
	clear:both;
	width:964px;
	min-height:100px;
	height:auto !important;
	height:100px;
	margin:0 auto;
}

.push {
	clear:both;
	height:80px;
	margin-bottom:50px;
}

.clear {
	clear:both;
	margin:0 !important;
	padding:0 !important;
}

.clearFloated {
	clear:both;
	margin:0 !important;
	padding:0 !important;
	float:left;
}

.left {
	float:left !important;
}

.right {
	float:right !important;
}

.video {
	float:left;
	margin:0 0 16px 0;
}

/*** 2. HEADINGS ***/

h1 {
	font-family:BitstreamVeraSansBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:30px;
	line-height:30px;
	color:#fff;
	text-transform:uppercase;
	margin:10px 0 22px 0;
	padding:0;
}

h1 span {
	font-family:QuicksandBook, Verdana, Arial, Helvetica, sans-serif;
	font-size:30px;
}

.content h1 {
	color:#000;
}

h2 {
	font-family:BitstreamVeraSansBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:27px;
	line-height:30px;
	color:#000;
	text-transform:uppercase;
	margin:30px 0 26px 0;
	padding:0;
}

h2 span {
	font-family:QuicksandBook, Verdana, Arial, Helvetica, sans-serif;
	font-size:27px;
}

h2.first {
	margin-top:10px;
}

h3 {
	font-family:BitstreamVeraSansBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:24px;
	line-height:28px;
	color:#000;
	text-transform:uppercase;
	margin:10px 0 18px 0;
	padding:0;
}

h3 span {
	font-family:QuicksandBook, Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
}

h4 {
	font-family:BitstreamVeraSansBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:21px;
	line-height:24px;
	color:#000;
	text-transform:uppercase;
	margin:10px 0 18px 0;
	padding:0;
}

h4 span {
	font-family:QuicksandBook, Verdana, Arial, Helvetica, sans-serif;
	font-size:21px;
}

h5 {
	font-family:BitstreamVeraSansBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:18px;
	line-height:22px;
	color:#000;
	text-transform:uppercase;
	margin:10px 0 14px 0;
	padding:0;
}

h5 span {
	font-family:QuicksandBook, Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
}

h6 {
	font-family:BitstreamVeraSansBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:15px;
	line-height:20px;
	color:#000;
	text-transform:uppercase;
	margin:10px 0 12px 0;
	padding:0;
}

h6 span {
	font-family:QuicksandBook, Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
}

/*** 3. HEADER ***/

.headerWrapper {
	position:fixed;
	top:0;
	width:100%;
	height:135px;
	background:#fff url(/img/ui/header-bg.jpg) repeat-x 0 -60px;
	z-index:100;
	border-bottom:2px solid #000;
}

header {
	width:960px;
	height:135px;
	margin:0 auto;
}

header .logo {
	float:left;
	height:55px;
	margin:20px 0 20px 0;
}
header .logo img {
	height:100%;
}


header .info {
	float:right;
	background: #DDE86A;
	padding:6px 12px;
	color:#000;
	margin-top:46px;
	margin-bottom:21px;
}

header .info a {
	color:#000;
	text-decoration:none !important;
}
header .info a:hover {
	text-decoration:underline !important;
}

header.title {
	float:left;
	width:100%;
	min-height:50px;
	height:auto !important;
	height:50px;
	margin:0 auto;
	padding-bottom:24px;
	color:#666;
	background:#000;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
}

header.title div {
	width:960px;
	margin:30px auto 0 auto;
}

header.title div p.last {
	margin-bottom:0;
}

header.title div span.tagline {
	float:left;
	margin:-22px 0 0;
	text-transform:uppercase;
}

/*** 3.1 NAVIGATION ***/

header nav {
	float:left;
	position:relative;
	width:80%;
	height:39px;
}

header #lang {
	text-align:right;
	float:right;
	position:relative;
	height:39px;
}

header nav ul, header #lang ul {
	float:left;
	position:relative;
	margin:0 0 0 -5px;
	padding:0;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	line-height:39px;
	color:#fff;
	z-index:100;
}

header nav ul li, header #lang ul li{
	float:left;
	position:relative;
	padding:0 14px 0 5px;
	background:url(/img/ui/nav-divider.png) no-repeat right center;
	text-transform:uppercase;
	z-index:100;
}

header nav ul li.last, header #lang ul li.last {
	background:none;
}

header nav ul li a,  header #lang ul li a {
	color:#666;
	text-decoration:none;
}

header nav ul li a:hover, header #lang ul li a:hover {
	color:#000 !important;
}

header nav ul li a.active, header #lang ul li a.active {
	color:#000;
}

header nav ul li ul {
	position:absolute;
	top:39px;
	left:-10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:25px;
	color:#ccc;
	background:#fff;
	background:rgba(255, 255, 255, 0.95);
	padding:15px 0;
	display:none;
	z-index:100;
	width:145px;
}

header nav ul li ul li {
	position:relative;
	float:left;
	z-index:100;
	width:105px;
}

header nav ul li:hover ul {
	display:block;
	z-index:100;
}

header nav ul li:hover ul ul {
	display:none;
}

header nav ul li ul li:hover ul {
	left:100%;
	margin:-54px 0 0 1px;
	display:block;
	z-index:100;
}

header nav ul li ul li ul {
	left:100%;
	margin:-54px 0 0 1px;
	display:none;
	z-index:100;
	width:145px;
}

header nav ul li ul li {
	float:left;
	clear:both;
	padding:0 20px;
	font-weight:normal;
	background:none;
	z-index:100;
}

header nav ul li ul li a:hover {
	color:#fff;
}

header.title nav {
	float:left;
	width:100%;
	height:14px;
	margin:0 0 16px 0;
}

header.title nav ul {
	float:left;
	margin:0 0 0 -5px;
	padding:0;
	list-style:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	line-height:14px;
	color:#666;
}

header.title nav ul li {
	float:left;
	padding:0 12px 0 5px;
	background:url(/img/ui/sub-nav-divider.png) no-repeat right center;
	text-transform:uppercase;
}

header.title nav ul li.last {
	background:none;
}

header.title nav ul li a {
	color:#666;
	text-decoration:none;
}

header.title nav ul li a:hover {
	color:#333 !important;
}

header.title nav ul li a.active {
	color:#BCD531;
	text-decoration:underline;
	display:inline-block;
}

header.title nav, header.title nav ul.filter, header.title nav ul.filter li {
	z-index:0 !important;
}

/*** 4. FOOTER ***/

.footerWrapper {
	position:relative;
	width:100%;
	height:80px;
	background:#000;
}

footer {
	width:960px;
	height:50px;
	padding:30px 0 0 0;
	margin:0 auto;
}

footer .logo {
	float:left;
	height:29px;
	margin:0 4px 0 0;
}

footer .copyright {
	float:left;
	margin-top:10px;
	padding:0 0 0 16px;
	font-size:10px;
	color:#666;
	background:url(/img/ui/nav-divider.png) no-repeat 0 center;
}

footer a {
	color:#666;
	text-decoration:none;
}

footer a:hover {
	color:#BCD531;
}

footer .backToTop {
	float:right;
	margin:6px 0 0 27px;
	width:16px;
	height:16px;
	background:url(/img/ui/back-to-top.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .backToTop:hover {
	background:url(/img/ui/back-to-top.png) no-repeat 0 -16px;
}

/*** 4.1. SLIDING FOOTER ***/

.footerWrapper .footerInnerWrapper {
	position:relative;
	width:100%;
	height:100%;
	background:#000;
	border-top:1px solid #333;
	z-index:102;
}

#slidingFooterButton {	
	position:absolute;
	top:-23px;
	left:50%;
	margin-left:-17px;
	width:35px;
	height:25px;
	background:url(/img/ui/sliding-footer-button.png) no-repeat 0 0;
	z-index:101;
}

#slidingFooterButton:hover {
	background:url(/img/ui/sliding-footer-button.png) no-repeat -35px 0;
}

#slidingFooterButton.close {
	background:url(/img/ui/sliding-footer-button.png) no-repeat -70px 0;
}

#slidingFooterButton.close:hover {
	background:url(/img/ui/sliding-footer-button.png) no-repeat -105px 0;
}

#slidingFooter {
	position:relative;
	width:100%;
	left:0;
	background:#000;
	border-top:4px solid #333;
	z-index:101;
	padding:0;
	margin:0;
	overflow:hidden;
}

#slidingFooter footer {
	min-height:50px;
	height:auto !important;
	height:50px;
	padding:20px 0;
	margin:0 auto;
	color:#999;
}

#slidingFooter footer h5 {
	color:#999;
}

#slidingFooter footer h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#666;
	margin:0;
	padding:0;
}

#slidingFooter footer .cols_four {
	float:left;
	width:210px;
	height:auto;
	margin-right:40px;
}

#slidingFooter footer .cols_last {
	margin-right:0;
}

#slidingFooter ul.latestPosts {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

#slidingFooter ul.latestPosts li {
	float:left;
	margin-bottom:10px;
}

#slidingFooter ul.latestPosts li .imageWrapper {
	float:left;
	position:relative;
	width:60px;
	height:60px;
	margin:0 10px 10px 0;
	background:#333;
}

#slidingFooter ul.latestPosts li .imageWrapper.hover {
	background:#BCD531;
}

#slidingFooter ul.latestPosts li .imageWrapper img {
	margin:3px;
	display:block;
}

#slidingFooter ul.latestPosts li .imageWrapper a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:60px;
	height:60px;
	z-index:10;
	font-size:0;
	line-height:0;
	background:url(/img/ui/1px-transparent.png) no-repeat 0 0;
	text-indent:-9999px;
}

#slidingFooter ul.latestPosts li .content {
	float:left;
	width:140px;
}

#slidingFooter section.featuredProject {
	float:left;
	width:210px;
}

#slidingFooter section.featuredProject .imageWrapper {
	float:left;
	position:relative;
	width:210px;
	height:115px;
	margin-bottom:10px;
	overflow:hidden;
}

#slidingFooter section.featuredProject .imageWrapper a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:210px;
	height:115px;
	z-index:10;
	font-size:0;
	line-height:0;
	background:url(/img/ui/1px-transparent.png) no-repeat 0 0;
	text-indent:-9999px;
}

#slidingFooter section.featuredProject .imageWrapper .overlayLogo {
	/*
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(/img/ui/footer-img-overlay-logo.png) no-repeat center center;
	*/
	display:none;
}

#slidingFooter a.readMore {
	float:left;
	font-size:10px;
	line-height:20px;
	color:#fff;
	background:#666 url(/img/ui/read-more.png) no-repeat 0 2px;
	text-decoration:none;
	text-transform:uppercase;
	padding:0 6px 0 14px;
}

#slidingFooter a.readMore:hover {
	color:#BCD531;
	background:#333 url(/img/ui/read-more.png) no-repeat 0 -30px;
}

/*** 4.2. SOCIAL ICONS ***/

footer .socialSmall {
	float:right;
	margin:6px 0 0 0;
	padding:0;
	list-style:none;
}

footer .socialSmall li {
	float:left;
	margin-left:6px;
}

footer .socialSmall li a.twitter {
	float:left;
	width:18px;
	height:18px;
	background:url(/img/ui/social-small-sprite.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialSmall li a.twitter:hover {
	background:url(/img/ui/social-small-sprite.png) no-repeat 0 -36px;
}

footer .socialSmall li a.facebook {
	float:left;
	width:18px;
	height:18px;
	background:url(/img/ui/social-small-sprite.png) no-repeat -18px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialSmall li a.facebook:hover {
	background:url(/img/ui/social-small-sprite.png) no-repeat -18px -36px;
}

footer .socialSmall li a.skype {
	float:left;
	width:18px;
	height:18px;
	background:url(/img/ui/social-small-sprite.png) no-repeat -36px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialSmall li a.skype:hover {
	background:url(/img/ui/social-small-sprite.png) no-repeat -36px -36px;
}

footer .socialSmall li a.forrst {
	float:left;
	width:18px;
	height:18px;
	background:url(/img/ui/social-small-sprite.png) no-repeat -54px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialSmall li a.forrst:hover {
	background:url(/img/ui/social-small-sprite.png) no-repeat -54px -36px;
}

footer .socialSmall li a.googleplus {
	float:left;
	width:18px;
	height:18px;
	background:url(/img/ui/social-small-sprite.png) no-repeat -72px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialSmall li a.googleplus:hover {
	background:url(/img/ui/social-small-sprite.png) no-repeat -72px -36px;
}

footer .socialSmall li a.flickr {
	float:left;
	width:18px;
	height:18px;
	background:url(/img/ui/social-small-sprite.png) no-repeat -90px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialSmall li a.flickr:hover {
	background:url(/img/ui/social-small-sprite.png) no-repeat -90px -36px;
}

footer .socialSmall li a.myspace {
	float:left;
	width:18px;
	height:18px;
	background:url(/img/ui/social-small-sprite.png) no-repeat -108px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialSmall li a.myspace:hover {
	background:url(/img/ui/social-small-sprite.png) no-repeat -108px -36px;
}

footer .socialSmall li a.vimeo {
	float:left;
	width:18px;
	height:18px;
	background:url(/img/ui/social-small-sprite.png) no-repeat -126px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialSmall li a.vimeo:hover {
	background:url(/img/ui/social-small-sprite.png) no-repeat -126px -36px;
}

footer .socialSmall li a.dribble {
	float:left;
	width:18px;
	height:18px;
	background:url(/img/ui/social-small-sprite.png) no-repeat -144px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialSmall li a.dribble:hover {
	background:url(/img/ui/social-small-sprite.png) no-repeat -144px -36px;
}

footer .socialSmall li a.linkedin {
	float:left;
	width:18px;
	height:18px;
	background:url(/img/ui/social-small-sprite.png) no-repeat -162px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialSmall li a.linkedin:hover {
	background:url(/img/ui/social-small-sprite.png) no-repeat -162px -36px;
}

footer .socialSmall li a.digg {
	float:left;
	width:18px;
	height:18px;
	background:url(/img/ui/social-small-sprite.png) no-repeat -180px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialSmall li a.digg:hover {
	background:url(/img/ui/social-small-sprite.png) no-repeat -180px -36px;
}

footer .socialSmall li a.rss {
	float:left;
	width:18px;
	height:18px;
	background:url(/img/ui/social-small-sprite.png) no-repeat -198px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialSmall li a.rss:hover {
	background:url(/img/ui/social-small-sprite.png) no-repeat -198px -36px;
}

footer .socialMedium {
	float:right;
	margin:3px 0 0 0;
	padding:0;
	list-style:none;
}

footer .socialMedium li {
	float:left;
	margin-left:6px;
}

footer .socialMedium li a.twitter {
	float:left;
	width:22px;
	height:22px;
	background:url(/img/ui/social-medium-sprite.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialMedium li a.twitter:hover {
	background:url(/img/ui/social-medium-sprite.png) no-repeat 0 -44px;
}

footer .socialMedium li a.facebook {
	float:left;
	width:22px;
	height:22px;
	background:url(/img/ui/social-medium-sprite.png) no-repeat -22px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialMedium li a.facebook:hover {
	background:url(/img/ui/social-medium-sprite.png) no-repeat -22px -44px;
}

footer .socialMedium li a.skype {
	float:left;
	width:22px;
	height:22px;
	background:url(/img/ui/social-medium-sprite.png) no-repeat -44px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialMedium li a.skype:hover {
	background:url(/img/ui/social-medium-sprite.png) no-repeat -44px -44px;
}

footer .socialMedium li a.forrst {
	float:left;
	width:22px;
	height:22px;
	background:url(/img/ui/social-medium-sprite.png) no-repeat -66px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialMedium li a.forrst:hover {
	background:url(/img/ui/social-medium-sprite.png) no-repeat -66px -44px;
}

footer .socialMedium li a.googleplus {
	float:left;
	width:22px;
	height:22px;
	background:url(/img/ui/social-medium-sprite.png) no-repeat -88px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialMedium li a.googleplus:hover {
	background:url(/img/ui/social-medium-sprite.png) no-repeat -88px -44px;
}

footer .socialMedium li a.flickr {
	float:left;
	width:22px;
	height:22px;
	background:url(/img/ui/social-medium-sprite.png) no-repeat -110px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialMedium li a.flickr:hover {
	background:url(/img/ui/social-medium-sprite.png) no-repeat -110px -44px;
}

footer .socialMedium li a.myspace {
	float:left;
	width:22px;
	height:22px;
	background:url(/img/ui/social-medium-sprite.png) no-repeat -132px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialMedium li a.myspace:hover {
	background:url(/img/ui/social-medium-sprite.png) no-repeat -132px -44px;
}

footer .socialMedium li a.vimeo {
	float:left;
	width:22px;
	height:22px;
	background:url(/img/ui/social-medium-sprite.png) no-repeat -154px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialMedium li a.vimeo:hover {
	background:url(/img/ui/social-medium-sprite.png) no-repeat -154px -44px;
}

footer .socialMedium li a.dribble {
	float:left;
	width:22px;
	height:22px;
	background:url(/img/ui/social-medium-sprite.png) no-repeat -176px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialMedium li a.dribble:hover {
	background:url(/img/ui/social-medium-sprite.png) no-repeat -176px -44px;
}

footer .socialMedium li a.linkedin {
	float:left;
	width:22px;
	height:22px;
	background:url(/img/ui/social-medium-sprite.png) no-repeat -198px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialMedium li a.linkedin:hover {
	background:url(/img/ui/social-medium-sprite.png) no-repeat -198px -44px;
}

footer .socialMedium li a.digg {
	float:left;
	width:22px;
	height:22px;
	background:url(/img/ui/social-medium-sprite.png) no-repeat -220px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialMedium li a.digg:hover {
	background:url(/img/ui/social-medium-sprite.png) no-repeat -220px -44px;
}

footer .socialMedium li a.rss {
	float:left;
	width:22px;
	height:22px;
	background:url(/img/ui/social-medium-sprite.png) no-repeat -242px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialMedium li a.rss:hover {
	background:url(/img/ui/social-medium-sprite.png) no-repeat -242px -44px;
}

footer .socialLarge {
	float:right;
	margin:2px 0 0 0;
	padding:0;
	list-style:none;
}

footer .socialLarge li {
	float:left;
	margin-left:6px;
}

footer .socialLarge li a.twitter {
	float:left;
	width:24px;
	height:24px;
	background:url(/img/ui/social-large-sprite.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialLarge li a.twitter:hover {
	background:url(/img/ui/social-large-sprite.png) no-repeat 0 -48px;
}

footer .socialLarge li a.facebook {
	float:left;
	width:24px;
	height:24px;
	background:url(/img/ui/social-large-sprite.png) no-repeat -24px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialLarge li a.facebook:hover {
	background:url(/img/ui/social-large-sprite.png) no-repeat -24px -48px;
}

footer .socialLarge li a.skype {
	float:left;
	width:24px;
	height:24px;
	background:url(/img/ui/social-large-sprite.png) no-repeat -48px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialLarge li a.skype:hover {
	background:url(/img/ui/social-large-sprite.png) no-repeat -48px -48px;
}

footer .socialLarge li a.forrst {
	float:left;
	width:24px;
	height:24px;
	background:url(/img/ui/social-large-sprite.png) no-repeat -72px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialLarge li a.forrst:hover {
	background:url(/img/ui/social-large-sprite.png) no-repeat -72px -48px;
}

footer .socialLarge li a.googleplus {
	float:left;
	width:24px;
	height:24px;
	background:url(/img/ui/social-large-sprite.png) no-repeat -96px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialLarge li a.googleplus:hover {
	background:url(/img/ui/social-large-sprite.png) no-repeat -96px -48px;
}

footer .socialLarge li a.flickr {
	float:left;
	width:24px;
	height:24px;
	background:url(/img/ui/social-large-sprite.png) no-repeat -120px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialLarge li a.flickr:hover {
	background:url(/img/ui/social-large-sprite.png) no-repeat -120px -48px;
}

footer .socialLarge li a.myspace {
	float:left;
	width:24px;
	height:24px;
	background:url(/img/ui/social-large-sprite.png) no-repeat -144px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialLarge li a.myspace:hover {
	background:url(/img/ui/social-large-sprite.png) no-repeat -144px -48px;
}

footer .socialLarge li a.vimeo {
	float:left;
	width:24px;
	height:24px;
	background:url(/img/ui/social-large-sprite.png) no-repeat -168px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialLarge li a.vimeo:hover {
	background:url(/img/ui/social-large-sprite.png) no-repeat -168px -48px;
}

footer .socialLarge li a.dribble {
	float:left;
	width:24px;
	height:24px;
	background:url(/img/ui/social-large-sprite.png) no-repeat -192px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialLarge li a.dribble:hover {
	background:url(/img/ui/social-large-sprite.png) no-repeat -192px -48px;
}

footer .socialLarge li a.linkedin {
	float:left;
	width:24px;
	height:24px;
	background:url(/img/ui/social-large-sprite.png) no-repeat -216px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialLarge li a.linkedin:hover {
	background:url(/img/ui/social-large-sprite.png) no-repeat -216px -48px;
}

footer .socialLarge li a.digg {
	float:left;
	width:24px;
	height:24px;
	background:url(/img/ui/social-large-sprite.png) no-repeat -240px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialLarge li a.digg:hover {
	background:url(/img/ui/social-large-sprite.png) no-repeat -240px -48px;
}

footer .socialLarge li a.rss {
	float:left;
	width:24px;
	height:24px;
	background:url(/img/ui/social-large-sprite.png) no-repeat -264px 0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

footer .socialLarge li a.rss:hover {
	background:url(/img/ui/social-large-sprite.png) no-repeat -264px -48px;
}

/*** 5. HOMEPAGE COLUMNS ***/

section.columns {
	float:left;
	width:1008px;
	margin:40px 0 0 -48px;
	overflow:hidden;
}

section.columns .column {
	float:left;
	width:288px;
	min-height:150px;
	height:auto !important;
	height:150px;
	margin:0 0 0 48px;
	color:#666;
}

section.columns .column .imageWrapper {
	float:left;
	position:relative;
	width:288px;
	height:150px;
	margin-bottom:30px;
}

section.columns .column .imageWrapper a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:288px;
	height:150px;
	z-index:10;
	font-size:0;
	line-height:0;
	background:url(/img/ui/1px-transparent.png) no-repeat 0 0;
	text-indent:-9999px;
}

a.readMore {
	float:left;
	font-size:10px;
	line-height:20px;
	color:#fff;
	background:#aaa url(/img/ui/read-more.png) no-repeat 0 2px;
	text-decoration:none;
	text-transform:uppercase;
	padding:0 6px 0 14px;
}

a.readMore:hover {
	color:#DDE86A;
	background:#000 url(/img/ui/read-more.png) no-repeat 0 -30px;
}

/*** 5.1. COLUMNS ***/

section.layout1 .cols_two {
	float:left;
	width:320px;
	height:auto;
	margin-right:40px;
}

section.projectBrief .cols_two {
	float:left;
	width:465px;
	height:auto;
	margin-right:30px;
}

section.layout1 .cols_three {
	float:left;
	width:200px;
	height:auto;
	margin-right:40px;
}

section.projectBrief .cols_three {
	float:left;
	width:293px;
	height:auto;
	margin-right:40px;
}

section.layout1 .cols_four {
	float:left;
	width:140px;
	height:auto;
	margin-right:40px;
}

section.projectBrief .cols_four {
	float:left;
	width:210px;
	height:auto;
	margin-right:40px;
}

section.layout1 .cols_two_thirds {
	float:left;
	width:440px;
	height:auto;
	margin-right:40px;
}

section.layout1 .cols_two_thirds_last {
	float:left;
	width:200px;
	margin-right:0;
}

section.projectBrief .cols_two_thirds {
	float:left;
	width:627px;
	height:auto;
	margin-right:40px;
}

section.projectBrief .cols_two_thirds_last {
	float:left;
	width:293px;
	margin-right:0;
}

section.layout1 .cols_last, section.projectBrief .cols_last {
	margin-right:0;
}

blockquote {
	margin:0 0 16px 0;
	padding:0 0 0 51px;
	background:url(/img/ui/blockquote.png) no-repeat 0 0;
}

blockquote.left {
	width:159px;
	margin:0 40px 16px 0;
}

blockquote.right {
	width:159px;
	margin:0 0 16px 40px;
}

/*** 6. SLIDERS ***/

section.slider {
	float:left;
	width:100%;
	height:504px;
	overflow:hidden;
}

#vs1 {
	width:100%;
	min-width:960px;
}

.layout1 .slider {
	float:left;
	width:100%;
	height:300px;
	margin-bottom:20px;
	overflow:hidden;
}

section.folio .slider {
    float:left;
	position:relative;
    width:100%;
    height:475px;
    margin-bottom:30px;
    overflow:hidden;
}

/*** 6.1. CAPTIONS ***/

.caption1 {
	position:absolute;
	bottom:25px;
	left:30px;
	width:930px;
	min-height:20px;
	height:auto !important;
	height:20px;
	color:#fff;
	font-family:BitstreamVeraSansBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:68px;
	line-height:55px;
	text-transform:uppercase;
	text-align:left;
	text-shadow: 2px 2px 1px #000;
}

.caption1 span {
	clear:both;
	display:block;
	color:#BCD531;
}

.caption1.right {
	right:30px;
	text-align:right;
}

.caption3 {
	position:absolute;
	top:0;
	left:0;
	width:425px;
	min-height:270px;
	height:270px;
	padding:15px;
	color:#fff;
	background:url(/img/ui/bg-black-trans-80.png);
}

.caption3 h5 {
	color:#fff;
}

.caption3 a.link {
	color:#BCD531;
	text-decoration:none;
	padding:0 0 0 14px;
	background:url(/img/ui/read-more.png) no-repeat 0 -32px;
}

.caption3.right {
	left:auto;
	right:30px;
}

.caption4 {
	position:absolute;
	bottom:0;
	left:0;
	width:250px;
	min-height:20px;
	height:auto !important;
	height:20px;
	padding:15px;
	color:#fff;
}

.caption4 h5 {
	color:#fff;
}

.caption4.right {
	left:auto;
	right:0;
	text-align:right;
}

/*** 7. RECENT POSTS ***/

section.recentPosts {
	clear:both;
	float:left;
	width:960px;
	min-height:150px;
	height:auto !important;
	height:150px;
	margin-top:16px;
}

section.recentPosts article {
	float:left;
	width:960px;
	min-height:150px;
	height:auto !important;
	height:150px;
	background:#ddd;
	margin-bottom:5px;
}

section.recentPosts article .imageWrapper {
	float:left;
	position:relative;
	width:470px;
	height:150px;
}

section.recentPosts article .imageWrapper a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
	font-size:0;
	line-height:0;
	background:url(/img/ui/1px-transparent.png) no-repeat 0 0;
	text-indent:-9999px;
}

section.recentPosts article .content {
	float:left;
	width:430px;
	min-height:120px;
	height:auto !important;
	height:120px;
	padding:15px 30px 0;
	color:#666;
}

section.recentPosts article .content .meta {
	font-weight:bold;
	color:#999;
}

section.recentPosts article .content a.category {
	color:#999;
	text-decoration:none;
}

section.recentPosts article .content a.category:hover {
	color:#BCD531;
	text-decoration:underline;
}

/*** 8. LAYOUT 1 ***/

section.layout1 {
	clear:both;
	float:left;
	width:100%;
	max-width:680px;
	min-height:150px;
	height:auto !important;
	height:150px;
	margin-top:30px;
}

section.layout1 article {
	float:left;
	width:100%;
	max-width:680px;
	min-height:300px;
	height:auto !important;
	height:300px;
	margin-bottom:30px;
}

section.layout1 article.last {
	margin-bottom:0;
}

section.layout1 article .imageWrapper {
	float:left;
	position:relative;
	width:100%;
	max-width:680px;
	height:300px;
	margin-bottom:20px;
}

section.layout1 article .imageWrapper a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
	font-size:0;
	line-height:0;
	background:url(/img/ui/1px-transparent.png) no-repeat 0 0;
	text-indent:-9999px;
}

section.layout1 article .content {
	float:left;
	max-width:680px;
	width:100%;
	min-height:50px;
	height:auto !important;
	height:50px;
	color:#666;
}

/*** 9. LAYOUT 2 ***/

section.layout2 {
	clear:both;
	float:left;
	width:960px;
	min-height:150px;
	height:auto !important;
	height:150px;
	margin-top:30px;
}

section.layout2 article {
	float:left;
	width:960px;
	min-height:299px;
	height:auto !important;
	height:299px;
	background:#dddddd;
	margin-bottom:5px;
}

section.layout2 article .imageWrapper {
	float:left;
	position:relative;
	width:470px;
	height:299px;
}

section.layout2 article .imageWrapper a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
	font-size:0;
	line-height:0;
	background:url(/img/ui/1px-transparent.png) no-repeat 0 0;
	text-indent:-9999px;
}

section.layout2 article .content {
	float:left;
	width:430px;
	min-height:120px;
	height:auto !important;
	height:120px;
	padding:15px 30px 0;
	color:#666;
}

/*** 10. LAYOUT 1 AND LAYOUT 2 SHARED STYLES ***/

section.layout1 article .content .meta, section.layout2 article .content .meta {
	float:left;
	width:100%;
	margin-bottom:20px;
	font-weight:bold;
	color:#999;
}

section.layout1 article .content a.category, section.layout2 article .content a.category {
	color:#999;
	text-decoration:none;
}

section.layout1 article .content a.category:hover, section.layout2 article .content a.category:hover {
	color:#ffc528;
	text-decoration:underline;
}

section.layout1 nav.pagination, section.layout2 nav.pagination {
	clear:both;
	float:left;
	width:960px;
	margin-top:25px;
}

section.layout1 nav.pagination {
	margin-top:0;
}

section.layout1 nav.pagination ul, section.layout2 nav.pagination ul {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

section.layout1 nav.pagination ul li, section.layout2 nav.pagination ul li {
	float:left;
	margin-right:2px;
}

section.layout1 nav.pagination ul li a, section.layout2 nav.pagination ul li a {
	float:left;
	width:10px;
	height:10px;
	background:url(/img/ui/pagination.gif) no-repeat 0 0;
	overflow:hidden;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

section.layout1 nav.pagination ul li a:hover, section.layout1 nav.pagination ul li a.active, section.layout2 nav.pagination ul li a:hover, section.layout2 nav.pagination ul li a.active {
	background:url(/img/ui/pagination.gif) no-repeat 0 -10px;
}

/*** 11. FOLIO ***/

section.folio {
	clear:both;
	width:100%;
	margin-top:30px;
}

ul.folioIndex {
	float:none;
	width:100%;
	margin:0 auto 0 auto;
	padding:0;
	list-style:none;
}

ul.folioIndex li {
	position:relative;
	float:left;
	width:237px;
	height:200px;
	margin:2px;
	overflow:hidden;
	background:url(/img/ui/ajax-loader-white.gif) no-repeat center center;
}

ul.folioIndex li img {
	position:absolute;
	top:0;
	left:0;
	width:237px;
	height:200px;
}

ul.folioIndex li a {
	display:table;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
	font-family:BebasNeueRegular, Arial, Helvetica, sans-serif;
	font-size:50px;
	line-height:50px;
	color:#fff;
	background:url(/img/ui/1px-transparent.png) no-repeat 0 0;
	text-decoration:none;
	text-align:right;
}

ul.folioIndex li a span {
	position:absolute;
	bottom:0;
	right:5px;
}

.filterOverlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#fff url(/img/ui/filter-overlay.gif) no-repeat center center;
	z-index:11;
	display:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	text-transform:uppercase;
	color:#000;
	border:1px solid #f0f0f0;
}

section.projectBrief {
	clear:both;
	float:left;
	width:960px;
	min-height:150px;
	height:auto !important;
	height:150px;
	margin-top:25px;
	padding-top:15px;
	border-top:1px solid #111;
}

section.folio .imageWrapper {
	float:left;
	position:relative;
	width:960px;
	height:475px;
	margin-bottom:30px;
}

/*** 12. CONTACT ***/

.txtFld {
	float:left;
	width:293px;
	height:20px;
	padding:10px 20px;
	border:0;
	background:#ddd;
	color:#666;
	font-size:11px;
	line-height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	outline:0;
}

.txtAra {
	float:left;
	width:293px;
	height:123px;
	padding:11px 20px;
	border:0;
	background:#ddd;
	color:#666;
	font-size:11px;
	line-height:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	resize:none;
	outline:0;
	overflow: auto;
}

.inputHighlight {
	background:#aaa;
	color:#BCD531;
}

.errorOutline {
	outline:1px solid #ff0000;
}

.errorMsg {
	color:#ff0000;
}

.successMsg {
	color:#006600;
}

.contactForm ul.left {
	float:left;
	width:333px;
	margin:0 13px 0 0;
	padding:0;
	list-style:none;
}

.contactForm ul.right {
	float:left;
	width:333px;
	margin:0;
	padding:0;
	list-style:none;
}

.contactForm ul.left li {
	float:left;
	width:333px;
	margin:0 0 12px 0;
}

.contactForm ul.right li {
	float:right;
	width:333px;
	margin:0 0 12px 0;
}

ul.offices {
	float:left;
	width:692px;
	margin:0 0 10px -13px;
	padding:0;
	list-style:none;
}

ul.offices li {
	float:left;
	width:333px;
	line-height:18px;
	margin:0 0 0 13px;
}

#map_canvas {
	float:left;
	width:680px;
	height:300px;
	margin:0 0 26px 0;
}

/*** 13. SIDEBAR ***/

aside.sidebar {
	float:left;
	width:240px;
	min-height:100px;
	height:auto !important;
	height:100px;
	margin:30px 0 0 40px;
	color:#666;
}

aside.sidebar section {
	float:left;
	width:240px;
	min-height:30px;
	height:auto !important;
	height:30px;
	padding-bottom:20px;
	margin-bottom:33px;
	border-bottom:1px dotted #333;
}

aside.sidebar section.last {
	border-bottom:0;
}

aside.sidebar section.sidebarSlider {
	height:200px !important;
}

aside.sidebar section.sidebarSlider ul li {
	position:absolute;
	display:block;
	width:240px;
	height:200px;
	overflow:hidden;
}

aside.sidebar section.sidebarSlider ul li a {
	display:table;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
	font-family:BebasNeueRegular, Arial, Helvetica, sans-serif;
	font-size:50px;
	line-height:50px;
	color:#fff;
	background:url(/img/ui/1px-transparent.png) no-repeat 0 0;
	text-decoration:none;
	text-align:right;
}
aside.sidebar section.sidebarSlider.removeOverlay ul li a {
	color:#000000;
}

aside.sidebar section.sidebarSlider ul li a span {
	position:absolute;
	bottom:0;
	right:5px;
}

aside.sidebar h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	line-height:16px;
	color:#000;
	text-transform:uppercase;
	margin:0 0 24px 0;
	padding:0;
}

aside.sidebar nav {
	float:left;
	width:240px;
	min-height:50px;
	height:auto !important;
	height:50px;
}

aside.sidebar ul {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

aside.sidebar a {
	color:#999;
	text-decoration:none;
}

aside.sidebar a:hover {
	color:#000;
}

aside.sidebar section.categories nav ul {
	font-family:BitstreamVeraSansBold, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:18px;
	line-height:16px;
	text-transform:uppercase;
}

aside.sidebar p.last {
	margin-bottom:0;
}

/*** 14. TWITTER WIDGET ***/

ul.tweet_list {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

ul.tweet_list li {
	float:left;
	margin:0 0 20px 0;
}

ul.tweet_list li.tweet_last {
	margin:0 0 0 0;
}

ul.tweet_list li .tweet_user {
	font-weight:bold;
	color:#999;
}

ul.tweet_list li .tweet_text {
	display:block;
	margin:15px 0 10px 0;
}

ul.tweet_list li .tweet_time a {
	color:#999;
}

/*** 15. LISTS ***/

ul {
	float:left;
	margin:0 40px 16px 0;
	padding:0;
	list-style:none;
}

ul li {
	margin-bottom:2px;
}

ul.last {
	margin-right:0;
}

ul.yellowDot li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/yellow-dot.png) no-repeat 0 1px;
}

ul.yellowArrow1 li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/yellow-arrow-1.png) no-repeat 0 1px;
}

ul.yellowArrow2 li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/yellow-arrow-2.png) no-repeat 0 1px;
}

ul.yellowTick li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/yellow-tick.png) no-repeat 0 1px;
}

ul.yellowPlus li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/yellow-plus.png) no-repeat 0 1px;
}

ul.yellowDash li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/yellow-dash.png) no-repeat 0 1px;
}

ul li.yellowDot {
	padding-left:22px;
	background:url(/img/ui/list-bullets/yellow-dot.png) no-repeat 0 1px;
}

ul li.yellowArrow1 {
	padding-left:22px;
	background:url(/img/ui/list-bullets/yellow-arrow-1.png) no-repeat 0 1px;
}

ul li.yellowArrow2 {
	padding-left:22px;
	background:url(/img/ui/list-bullets/yellow-arrow-2.png) no-repeat 0 1px;
}

ul li.yellowTick {
	padding-left:22px;
	background:url(/img/ui/list-bullets/yellow-tick.png) no-repeat 0 1px;
}

ul li.yellowPlus {
	padding-left:22px;
	background:url(/img/ui/list-bullets/yellow-plus.png) no-repeat 0 1px;
}

ul li.yellowDash {
	padding-left:22px;
	background:url(/img/ui/list-bullets/yellow-dash.png) no-repeat 0 1px;
}

ul.orangeDot li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/orange-dot.png) no-repeat 0 1px;
}

ul.orangeArrow1 li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/orange-arrow-1.png) no-repeat 0 1px;
}

ul.orangeArrow2 li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/orange-arrow-2.png) no-repeat 0 1px;
}

ul.orangeTick li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/orange-tick.png) no-repeat 0 1px;
}

ul.orangePlus li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/orange-plus.png) no-repeat 0 1px;
}

ul.orangeDash li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/orange-dash.png) no-repeat 0 1px;
}

ul li.orangeDot {
	padding-left:22px;
	background:url(/img/ui/list-bullets/orange-dot.png) no-repeat 0 1px;
}

ul li.orangeArrow1 {
	padding-left:22px;
	background:url(/img/ui/list-bullets/orange-arrow-1.png) no-repeat 0 1px;
}

ul li.orangeArrow2 {
	padding-left:22px;
	background:url(/img/ui/list-bullets/orange-arrow-2.png) no-repeat 0 1px;
}

ul li.orangeTick {
	padding-left:22px;
	background:url(/img/ui/list-bullets/orange-tick.png) no-repeat 0 1px;
}

ul li.orangePlus {
	padding-left:22px;
	background:url(/img/ui/list-bullets/orange-plus.png) no-repeat 0 1px;
}

ul li.orangeDash {
	padding-left:22px;
	background:url(/img/ui/list-bullets/orange-dash.png) no-repeat 0 1px;
}

ul.darkGrayDot li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/dark-gray-dot.png) no-repeat 0 1px;
}

ul.darkGrayArrow1 li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/dark-gray-arrow-1.png) no-repeat 0 1px;
}

ul.darkGrayArrow2 li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/dark-gray-arrow-2.png) no-repeat 0 1px;
}

ul.darkGrayTick li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/dark-gray-tick.png) no-repeat 0 1px;
}

ul.darkGrayPlus li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/dark-gray-plus.png) no-repeat 0 1px;
}

ul.darkGrayDash li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/dark-gray-dash.png) no-repeat 0 1px;
}

ul li.darkGrayDot {
	padding-left:22px;
	background:url(/img/ui/list-bullets/dark-gray-dot.png) no-repeat 0 1px;
}

ul li.darkGrayArrow1 {
	padding-left:22px;
	background:url(/img/ui/list-bullets/dark-gray-arrow-1.png) no-repeat 0 1px;
}

ul li.darkGrayArrow2 {

	padding-left:22px;
	background:url(/img/ui/list-bullets/dark-gray-arrow-2.png) no-repeat 0 1px;
}

ul li.darkGrayTick {
	padding-left:22px;
	background:url(/img/ui/list-bullets/dark-gray-tick.png) no-repeat 0 1px;
}

ul li.darkGrayPlus {
	padding-left:22px;
	background:url(/img/ui/list-bullets/dark-gray-plus.png) no-repeat 0 1px;
}

ul li.darkGrayDash {
	padding-left:22px;
	background:url(/img/ui/list-bullets/dark-gray-dash.png) no-repeat 0 1px;
}

ul.grayDot li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/gray-dot.png) no-repeat 0 1px;
}

ul.grayArrow1 li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/gray-arrow-1.png) no-repeat 0 1px;
}

ul.grayArrow2 li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/gray-arrow-2.png) no-repeat 0 1px;
}

ul.grayTick li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/gray-tick.png) no-repeat 0 1px;
}

ul.grayPlus li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/gray-plus.png) no-repeat 0 1px;
}

ul.grayDash li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/gray-dash.png) no-repeat 0 1px;
}

ul li.grayDot {
	padding-left:22px;
	background:url(/img/ui/list-bullets/gray-dot.png) no-repeat 0 1px;
}

ul li.grayArrow1 {
	padding-left:22px;
	background:url(/img/ui/list-bullets/gray-arrow-1.png) no-repeat 0 1px;
}

ul li.grayArrow2 {
	padding-left:22px;
	background:url(/img/ui/list-bullets/gray-arrow-2.png) no-repeat 0 1px;
}

ul li.grayTick {
	padding-left:22px;
	background:url(/img/ui/list-bullets/gray-tick.png) no-repeat 0 1px;
}

ul li.grayPlus {
	padding-left:22px;
	background:url(/img/ui/list-bullets/gray-plus.png) no-repeat 0 1px;
}

ul li.grayDash {
	padding-left:22px;
	background:url(/img/ui/list-bullets/gray-dash.png) no-repeat 0 1px;
}

ul.whiteDot li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/white-dot.png) no-repeat 0 1px;
}

ul.whiteArrow1 li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/white-arrow-1.png) no-repeat 0 1px;
}

ul.whiteArrow2 li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/white-arrow-2.png) no-repeat 0 1px;
}

ul.whiteTick li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/white-tick.png) no-repeat 0 1px;
}

ul.whitePlus li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/white-plus.png) no-repeat 0 1px;
}

ul.whiteDash li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/white-dash.png) no-repeat 0 1px;
}

ul li.whiteDot {
	padding-left:22px;
	background:url(/img/ui/list-bullets/white-dot.png) no-repeat 0 1px;
}

ul li.whiteArrow1 {
	padding-left:22px;
	background:url(/img/ui/list-bullets/white-arrow-1.png) no-repeat 0 1px;
}

ul li.whiteArrow2 {
	padding-left:22px;
	background:url(/img/ui/list-bullets/white-arrow-2.png) no-repeat 0 1px;
}

ul li.whiteTick {
	padding-left:22px;
	background:url(/img/ui/list-bullets/white-tick.png) no-repeat 0 1px;
}

ul li.whitePlus {
	padding-left:22px;
	background:url(/img/ui/list-bullets/white-plus.png) no-repeat 0 1px;
}

ul li.whiteDash {
	padding-left:22px;
	background:url(/img/ui/list-bullets/white-dash.png) no-repeat 0 1px;
}

ul.turquoiseDot li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/turquoise-dot.png) no-repeat 0 1px;
}

ul.turquoiseArrow1 li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/turquoise-arrow-1.png) no-repeat 0 1px;
}

ul.turquoiseArrow2 li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/turquoise-arrow-2.png) no-repeat 0 1px;
}

ul.turquoiseTick li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/turquoise-tick.png) no-repeat 0 1px;
}

ul.turquoisePlus li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/turquoise-plus.png) no-repeat 0 1px;
}

ul.turquoiseDash li {
	padding-left:22px;
	background:url(/img/ui/list-bullets/turquoise-dash.png) no-repeat 0 1px;
}

ul li.turquoiseDot {
	padding-left:22px;
	background:url(/img/ui/list-bullets/turquoise-dot.png) no-repeat 0 1px;
}

ul li.turquoiseArrow1 {
	padding-left:22px;
	background:url(/img/ui/list-bullets/turquoise-arrow-1.png) no-repeat 0 1px;
}

ul li.turquoiseArrow2 {
	padding-left:22px;
	background:url(/img/ui/list-bullets/turquoise-arrow-2.png) no-repeat 0 1px;
}

ul li.turquoiseTick {
	padding-left:22px;
	background:url(/img/ui/list-bullets/turquoise-tick.png) no-repeat 0 1px;
}

ul li.turquoisePlus {
	padding-left:22px;
	background:url(/img/ui/list-bullets/turquoise-plus.png) no-repeat 0 1px;
}

ul li.turquoiseDash {
	padding-left:22px;
	background:url(/img/ui/list-bullets/turquoise-dash.png) no-repeat 0 1px;
}

/*** 16. BUTTONS ***/

.submit {
	float:left;
	height:45px;
	font-size:12px;
	line-height:45px;
	color:#fff;
	background:#111;
	text-decoration:none;
	text-transform:uppercase;
	padding:0 24px;
	border:0;
	cursor:pointer;
	outline:0;
	margin:0 0 16px 0;
	-webkit-appearance: none;
}

.submitGray {
	color:#fff;
	background:#666;
}

.submitWhite {
	color:#000;
	background:#fff;
}

.submitTurquoise {
	color:#000;
	background:#BCD531;
}

.submitYellow {
	color:#000;
	background:#ffc528;
}

.submitOrange {
	color:#000;
	background:#ff6c00;
}

.submitSmall {
	height:40px;
	font-size:11px;
	line-height:40px;
}

.submitLarge {
	height:50px;
	font-size:13px;
	line-height:50px;
}

.submit:hover, .submit:focus, .submit:active {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.8;
}

.submit:active {
	position:relative;
	top:1px;
}

/*** 17. HIGHLIGHTS ***/

mark {
	color:#fff;
	background:#111;
	padding:0 3px;
}

mark.gray {
	color:#fff;
	background:#666;
}

mark.white {
	color:#000;
	background:#fff;
}

mark.turquoise {
	color:#000;
	background:#BCD531;
}

mark.yellow {
	color:#000;
	background:#ffc528;
}

mark.orange {
	color:#000;
	background:#ff6c00;
}

strong.darkGray {
	color:#fff;
	background:#111;
	padding:0 3px;
}

strong.gray {
	color:#fff;
	background:#666;
	padding:0 3px;
}

strong.white {
	color:#000;
	background:#fff;
	padding:0 3px;
}

strong.turquoise {
	color:#000;
	background:#BCD531;
	padding:0 3px;
}

strong.yellow {
	color:#000;
	background:#ffc528;
	padding:0 3px;
}

strong.orange {
	color:#000;
	background:#ff6c00;
	padding:0 3px;
}

em.darkGray {
	color:#fff;
	background:#111;
	padding:0 3px;
}

em.gray {
	color:#fff;
	background:#666;
	padding:0 3px;
}

em.white {
	color:#000;
	background:#fff;
	padding:0 3px;
}

em.turquoise {
	color:#000;
	background:#BCD531;
	padding:0 3px;
}

em.yellow {
	color:#000;
	background:#ffc528;
	padding:0 3px;
}

em.orange {
	color:#000;
	background:#ff6c00;
	padding:0 3px;
}

/*** 18. ROLLOVER EFFECTS - used by rollover.js ***/

.overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(/img/ui/img-overlay.png);
}

.removeOverlay .overlay {
	background-image:none;
}

.overlayLogo {
	/*
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(/img/ui/img-overlay-logo.png) no-repeat center center;
	*/
	display:none;
}

.overlayDate {
	position:absolute;
	top:50%;
	left:25px;
	width:110px;
	height:110px;
	padding-top:15px;
	margin:-55px 0 0 0;
	text-align:center;
	text-transform:uppercase;
	font-family:BebasNeueRegular, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#666;
	background:url(/img/ui/img-overlay-date.png) no-repeat 0 0;
}

.overlayDateHover {
	position:absolute;
	top:50%;
	left:25px;
	width:110px;
	height:110px;
	padding-top:15px;
	margin:-55px 0 0 0;
	text-align:center;
	text-transform:uppercase;
	font-family:BebasNeueRegular, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#666;
	background:url(/img/ui/img-overlay-date-hover.png) no-repeat 0 0;
}

.overlayDate .month {
	clear:both;
	display:block;
	font-size:30px;
	line-height:22px;
}

.overlayDate .date {
	clear:both;
	display:block;
	font-size:50px;
	line-height:36px;
}

.overlayDate .year {
	clear:both;
	display:block;
	font-size:25px;
	line-height:19px;
}

.submit.submitGray.right {
	
	margin-right:40px;
}

/*** 19. CUFON ***/

body cufon { vertical-align: top !important; }
body h1 span cufon, body h2 span cufon, body h3 span cufon { top:-2px !important; }
body h4 span cufon, body h5 span cufon, body h6 span cufon { top:-1px !important; }


@media only screen and (min-width: 960px)  and (max-width: 1220px){
}
@media  only screen and (min-width: 768px) and (max-width: 979px) {
	.contentWrapper, header, footer, header.title div {
		width:726px;
	}
}
@media only screen and (min-width: 520px) and (max-width: 767px) {
	.contentWrapper, header, footer, header.title div {
		width:482px;
	}	
}
@media only screen and (min-width: 480px) and (max-width: 519px) {
	.contentWrapper, header, footer, header.title div {
		width:482px;
	}
	header .info {
		position:absolute;
		right:0;
	}
	
}	
@media only screen and (max-width: 479px) {
	.contentWrapper, header, footer, header.title div{
		width:360px;
	}	
	header .info {
		position:absolute;
		right:0;
		margin-top:20px;
	}
	header .logo {
		height:24px;
	}
	.headerWrapper {
		width:100%;
		height:135px;
		background:#fff url(/img/ui/header-bg.jpg) repeat-x 0 -88px;
		z-index:100;
	}
	header nav {
		float:none;
	}
	header nav ul, header #lang ul {
		line-height:24px;
		margin-top:14px;
	}
	ul.folioIndex {
		width:240px;
	}
	
}
@media only screen and (max-width: 979px) {	
	section.recentPosts {
		float:left;
		width:100%;
		min-height:150px;
		height:auto !important;
		margin-top:16px;
	}
	
	section.recentPosts article {
		float:left;
		width:100%;
		min-height:150px;
		height:auto !important;
		background:#ddd;
		margin-bottom:5px;
	}
	
	section.recentPosts article .imageWrapper {
		width:100%;
		overflow:hidden;
	}
	section.recentPosts article .imageWrapper img {
		min-width:100%;
	}
	
	section.recentPosts article .content {
		width:100%;
	}
	
	section.columns {
		width:100%;
		margin: 20px 0;
	}
	
	section.columns .column {
		clear:both;
		float:none;
		margin: 0 auto 80px auto;
	}	

	#vs1 {
		min-width:100%;
	}
	
	.caption3 {
		width:80%;
		max-width: 425px;
	}
	section.layout1 {
		padding-left:20px;
		padding-right:20px;
	}	

	ul.offices {
		width:100%;
	}
	.contactForm ul.left,
	.contactForm ul.right {
		float:none;
		width:100%;
	}
	.contactForm ul.right li {
		float:none;
	}
	#map_canvas {
		width:100%;
		max-width: 680px;
	}
	.submit.submitGray.right {
		float:none !important;
		margin-top:20px;
	}

}

@media only screen and (min-width:768px) and (max-width: 979px){
	section.columns .column {
		width:100%;
	}
	section.columns .column .imageWrapper {
		float:left;
	}	
	section.columns .column p {
		float:left;
		width:288px;
		margin-left:20px;
	}
	section.columns .column a {
		margin-left:20px;
	}
}