/* BRANDNV WEBSITE STYLES */
@font-face {
	font-family: 'enriquetabold';
	src: url('../fonts/enriqueta-bold-webfont.eot');
	src: url('../fonts/enriqueta-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/enriqueta-bold-webfont.woff') format('woff'),
		 url('../fonts/enriqueta-bold-webfont.ttf') format('truetype'),
		 url('../fonts/enriqueta-bold-webfont.svg#enriquetabold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'enriquetaregular';
	src: url('../fonts/enriqueta-regular-webfont.eot');
	src: url('../fonts/enriqueta-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/enriqueta-regular-webfont.woff') format('woff'),
		 url('../fonts/enriqueta-regular-webfont.ttf') format('truetype'),
		 url('../fonts/enriqueta-regular-webfont.svg#enriquetaregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* general reset */
body {
	margin:0;
	color:#000;
	font:17px/18px Helvetica, Arial, sans-serif;
	background:#404040;
	min-width:980px;
}
img { border-style:none; }
a {
	text-decoration:none;
	color:#008898;
	outline: 0 none !important;
}
a:hover { text-decoration:none; }
a:active { background-color: transparent; }
input, textarea, select {
	font:12px Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#467882;
}
q { quotes: none; }
q:before, q:after { content:""; }
form, fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
input[type=text], input[type=password], input[type=file], input[type=submit], textarea{
	-webkit-appearance:none;
	-webkit-border-radius:0;
}
/* wrapper */
#wrapper {
	width:960px;
	margin:0 auto;
}
/* header */
#header {
	overflow:hidden;
	padding: 37px 560px 60px 28px;
}
.logo {
	float:left;
	margin:0;
	width:239px;
	height:43px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/sprite.png) no-repeat;
}
.logo a {
	display:block;
	height:100%;
}
#header .logo {
	width:153px;
	height:28px;
	background-position:0 -64px;
}
#header p {
	clear: both;
    color: #AAB4B4;
    font: 14px/33px 'enriquetabold',Times New Roman,Times,serif;
    letter-spacing: 0.02em;
	margin: 0;
}
#comingSoon {
	background:url(../images/comingsoon-bg.jpg) no-repeat;
	width: 960px;
	height: 630px;
	margin-bottom: 27px;
}
h3.comingSoonTxt {
	padding-top:200px; 
	text-align:center;
	margin:0;
	font: bold 30px/50px Helvetica, Arial, sans-serif;
	color: #EDEBE7;
	text-shadow: 0 0 30px #000000;
}
h3.comingSoonTxt a {
	color: #A0C83C;
	transition: all 300ms ease-in-out 0s;
	-moz-transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
	-ms-transition: all 300ms ease-in-out 0s;
	-o-transition: all 300ms ease-in-out 0s;
}
h3.comingSoonTxt a:hover {
	color: #3A96A0;
}

/* twocolumns */
#twocolumns {
	overflow:hidden;
	padding:0 0 19px;
}
/* aside */
#twocolumns .aside {
	width:296px;
	float:left;
	border-radius: 0 0 9px 9px;
	-webkit-border-radius: 0 0 9px 9px;
}
/* side-nav */
.side-nav {
	margin:0;
	list-style:none;
	overflow:hidden;
	font:bold 18px/22px Helvetica, Arial, sans-serif;
	padding:17px 39px 23px 23px;
	min-height:281px;
	background:url(../images/bg-side-nav.png) no-repeat;
}
.side-nav a, .side-nav li.active {
	display:inline-block;
	padding:0 0 0 19px;
	vertical-align: top;
	color:#8c9696;
	background:url(../images/bullet3.png) no-repeat 0 3px;
}
.side-nav a:hover, .side-nav li.active {
	color:#A0C83C;
	text-decoration:none;
	background:url(../images/bullet4.png) no-repeat 0 4px;
}


/* TEXT PAGES
------------------------- */

#content {
	position: relative;
	height: 640px;
	overflow: hidden;
	background: #edebe7;
	padding: 48px 46px 20px 76px;
	border-radius: 0 0 9px 9px;
	-webkit-border-radius: 0 0 9px 9px;
}
#content h2 {
	margin:0 0 14px;
	font:bold 25px/30px Helvetica, Arial, sans-serif;
}
#content h3 {
	color: #767679;
    display: inline-block;
    font-size: 25px;
    font-weight: bold;
    margin: 0 0 5px;
    padding: 0 0 9px;
    vertical-align: top;
}
#content h4 {
	color: #767679;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 15px;
	line-height: 22px;
}
#content p { 
	font-size: 15px;
    line-height: 20px;
    margin: 0 0 14px; 
}
.expertise ul {padding-left: 25px;}
.expertise ul li, .expertise ol li { 
	font-size: 15px;
    line-height: 20px;
    margin: 0 0 11px; 
}
.expertise ol li ul {
	margin: 10px 0 20px;
    padding-left: 16px;
}
h5 { 
	font-size: 14px;
	font-weight: normal; 
	color: #767679;
	margin: 0 0 20px;
}
.clientList p { 
	font-size: 14px !important;
	margin-bottom: 7px !important; 	
	color: #767679 !important; 
	font-weight: normal !important;
	line-height: 17px !important;
}
.blue { color: #008898; }
.comma {
	background:url(../images/comma.png) no-repeat 100% 99%;
	width: 39px;
	height: 65px;
	display: inline-block;
	position: relative;
    top: 35px;
	margin-top:-35px;
}
.period {
	background:url(../images/period.png) no-repeat 100% 100%;
	width: 34px;
	height: 33px;
	display: inline-block;
	position: relative;
    top: 8px;
    margin-top: -8px;
}
.stop {
	color: #008898;
	font-weight: bold;
	float: right;
	font-size: 29px !important;
	line-height: 35px !important;
}
#content .more-holder {
	overflow:hidden;
	text-align:right;
	margin:-20px 0 0;
	font:bold 25px/25px Helvetica, Arial, sans-serif;
	position: absolute;
	bottom: 25px;
	right: 0;
}
#content .more-holder .more {
	display:inline-block;
	vertical-align: top;
	text-align:left;
	color:#767679;
	padding: 0 52px 0px 0;
	background:url(../images/arrow4.png) no-repeat 100% 99%;
}
#content .more-holder .more:hover { text-decoration:none; }
#content .more-holder .more span { color:#58595b; }
#content .back-holder {
	width:33px;
	height:42px;
	position: absolute;
	bottom: 25px;
	left: 0;
}
#content .back-holder .back {
	display:inline-block;
	vertical-align: top;
	width:33px;
	height:42px;
	background:url(../images/arrow5.png) no-repeat 100% 99%;
	display: block;
	opacity: 0.5;
}
#content .back-holder .back:hover {
	opacity: 1;
}
.seeWork a {
	font: bold 20px/24px Helvetica,Arial,sans-serif !important;
	color: #008898 !important;
}
h3.approachEnd {
	line-height: 33px;
    margin-top: 20px !important;
}
/* treecolumns */
#treecolumns {
	overflow:hidden;
	padding:0 0 13px;
}
#treecolumns .column {
	float:left;
	width:298px;
	margin:0 0 0 33px;
}
#treecolumns .column:first-child { margin:0; }
/* box */
.box {
	overflow:hidden;
	margin:0 0 12px;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	background:#edebe7;
}
.box img { display:block; }
.box .logo-holder {
	color:#4d4d4d;
	font: 20px/31px enriquetabold, Times New Roman, Times, serif;
	overflow:hidden;
	padding: 54px 21px 55px 32px;
	height: 112px;
}
.box .logo-holder .logo { margin:0 0 22px; }
.box .logo-holder .slogan {
	display:block;
	font: 20px/10px enriquetabold, Times New Roman, Times, serif;
}
.box .holder {
	overflow:hidden;
	padding:21px 24px 21px 30px;
	color:#fff;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	font:18px/22px enriquetabold, Times New Roman, Times, serif;
	background:#8c9696;
}
.box .frame {
	overflow:hidden;
	font-size:14px;
	line-height:17px;
	padding: 22px 20px 27px 30px;
}
.box h2 {
	margin:0;
	color:#595959;
	font:bold 19px/19px Helvetica, Arial, sans-serif;
}
.box .frame h2 { margin:0 0 6px; }
.box .frame p { margin:0 0 6px; }
.box .holder p { margin:0 0 10px; }
.box a.style01 { font-size:14px; }
.box .info-list {
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	font-size:14px;
}
.box .info-list li {
	float:left;
	padding:0 8px 0 10px;
	background:url(../images/separator2.png) no-repeat 0 50%;
}
.box .info-list a { color:#333; }
.box .info-list li:first-child {
	background:none;
	padding:0 8px 0 0;
}
.box .social-holder {
	overflow:hidden;
	height: 117px;
	font-size:14px;
	line-height:18px;
	color:#333;
	padding: 22px 15px 0 7px;
	position: relative;
}
.box .social-holder h2{
	margin-bottom: 8px;
}
.box .social-holder .ico {
	float:left;
	margin:1px 3px 0 0;
}
.box .social-holder .text-holder { overflow:hidden; } 
.box .social-holder p { margin:0; }
div#rssincl-box-968308 {
	background: transparent !important;
}
.rssincl-content {
	background: transparent !important;
	padding: 0 !important;
	line-height: 17px !important;
	color: #333333 !important;
}
div#rssincl-box-968308 div.rssincl-content div.rssincl-entry:hover {
	background: transparent !important;
	color:#008898 !important;
}
div#rssincl-box-968308 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle {
	font:14px/17px Helvetica, Arial, sans-serif !important;
	color: #333333 !important;
	margin-bottom: 0 !important;
}
div#rssincl-box-968308 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle:hover {
	color:#008898 !important;
}
.goToTwitter {
	float:right;
	position: absolute;
	top:24px;
	right: 20px;
}
.goToTwitter p {
    font-size: 13px;
	text-align: right;
	font-weight: bold;
}
.goToTwitter p a {
	color: #008898;
    text-decoration: none;
}

/* Twitter native widget */

#twitter-widget-0 { 
	position: absolute;
	top: 0;
	z-index:0;
}

.box .more-holder {
	overflow:hidden;
	font:25px/38px enriquetabold, Times New Roman, Times, serif;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	background:#a0c83c;
	transition: all 300ms ease-in-out 0s;
	-moz-transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
	-ms-transition: all 300ms ease-in-out 0s;
	-o-transition: all 300ms ease-in-out 0s;
}
.box .more-holder:hover {
	background-color: #008898;
}
.box .more-holder.style02 {
	border-radius: 0;
	-webkit-border-radius: 0;
}
.box .more {
	display: block;
	vertical-align: top;
	padding: 23px 49px 15px 30px;
	color: #000;
	background: url("../images/arrow1.png") no-repeat scroll 93% 50% transparent;
	transition: all 300ms ease-in-out 0s;
	-moz-transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
	-ms-transition: all 300ms ease-in-out 0s;
	-o-transition: all 300ms ease-in-out 0s;
}
.box .more:hover, .box .more-holder.style01 .more {
	color: #ffffff;
}
.box .more-holder.style01 { font-size:21px; }
.box .more-holder.style01 .more {
	color: #000000;
	padding:8px 43px 0 0;
	line-height:34px;
	transition: all 300ms ease-in-out 0s;
	-moz-transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
	-ms-transition: all 300ms ease-in-out 0s;
	-o-transition: all 300ms ease-in-out 0s;
	padding: 23px 49px 15px 30px;
}
.box .more span { font-size:25px; }
/* img-container */
.img-container{
	overflow:hidden;
	background:#8c9696;
}
.img-container .details {
	font-size: 12px;
    font-weight: bold;
    height: 46px;
    line-height: 17px;
    overflow: hidden;
    padding: 19px 18px 0 30px;
}
.img-container .details p { margin:0; }
.img-container .details p a { 
	color:#000; 
	transition: all 300ms ease-in-out 0s;
	-moz-transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
	-ms-transition: all 300ms ease-in-out 0s;
	-o-transition: all 300ms ease-in-out 0s;
}
.img-container .details p a:hover {
	text-decoration:none;
	color:#fff;
}
.scrollMore1 {
	background:url(../images/scrollMore1.png) no-repeat 0 0 transparent;
	width: 33px;
	height: 40px;
	position: absolute;
	bottom: 30px;
	right: 25px;
	display: block;
}


/* Quote slideshow - HOMEPAGE
-------------------------------- */

.quoteWrapper {
	height: 341px;
	position: relative;
	overflow: hidden;
	padding: 10px 0 73px;
}
.quote {
	margin:0;
	color:#333;
	font:15px/19px enriquetabold, Times New Roman, Times, serif;
	padding: 40px 20px 0 55px;
	background:url(../images/bg-quote1.png) no-repeat 7px 37px;
}
.quote q {
	font-family: 'enriquetaregular' Times New Roman, Times, serif;
	font-size: 16px;
    line-height: 20px;
	display:block;
	padding:0 0 16px;
	margin:0 0 -7px;
	background:url(../images/bg-quote2.png) no-repeat 180px 100%;
}
.quote cite {
	display:block;
	font:14px/17px Helvetica, Arial, sans-serif;
	padding-bottom: 10px;
    position: absolute;
	bottom: 0;
}


/* Quote slideshow - CLIENT PAGE 
----------------------------------- */

.clients .quoteWrapper {
	height: 500px;
	position: relative;
	overflow: hidden;
}
.clients .quote {
	margin:0;
	color:#333;
	font:15px/19px enriquetabold, Times New Roman, Times, serif;
	padding: 45px 20px 0 55px;
	background:url(../images/bg-quote1.png) no-repeat 7px 37px;
}
.clients .quote q {
	font-size: 16px;
    line-height: 21px;
	display:block;
	padding:0 0 16px;
	margin:0 0 -7px;
	background:url(../images/bg-quote2.png) no-repeat 210px 100%;
}
.clients .quote cite {
	display:block;
	font:14px/19px Helvetica, Arial, sans-serif;
	padding-bottom: 17px;
    position: absolute;
	bottom: 10px;
}

/* block */
.block {
	margin:0 0 12px;
	overflow:hidden;
	color:#fff;
	background:#008898;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
}
.block .more-holder {
	position:relative;
	overflow:hidden;
	padding: 22px 72px 5px 30px;
}
.block .more-holder .more {
	display:inline-block;
	vertical-align: top;
	padding:20px 59px 5px 0;
	color:#fff;
	font:19px/24px enriquetabold, Times New Roman, Times, serif;
	background:url(../images/arrow1.png) no-repeat 100% 100%;
}
.block .more-holder .ico { position:absolute; }
.block .more-holder .ico img { display:block; }
.block .more-holder .ico.style01 {
	bottom:39px;
	right:50px;
}
.block .more-holder .ico.style02 {
	bottom:33px;
	right:20px;
}

/* Twitter feed
---------------------------- */
.twitted { }
.twitted h2 {
	margin: 0;
	padding: 0.3em 0.8em;
	font-size: 1em;
	color: #fff;
	background-color: #888;
}
.twitted p.preLoader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url(../images/loading.gif) center center no-repeat;
}
.twitted ul#twitter_update_list {
	margin: 0;
	padding: 0;
	list-style-type: none;
	clear: both;
	float:left;
}
.twitted ul#twitter_update_list li {
	color: #333333;
    font-size: 14px;
    line-height: 18px;
	border-bottom: none;
}
.twitted ul#twitter_update_list li span { display: block; }
.twitted ul#twitter_update_list li span a { color: #008898; text-decoration:none; }
.twitted ul#twitter_update_list li a { color: #f00; }
.twitted ul#twitter_update_list li.firstTweet { }
.twitted ul#twitter_update_list li.lastTweet { }
.twitted p.profileLink {
	display: block;
	margin: 0;
	padding: 0.3em 1em;
	color: #fff;
	background-color: #ddd;
}


/* BLOG FEED
---------------------------- */

div.rssincl-entry {
}
p.rssincl-itemtitle {
}
p.rssincl-itemdate {
	float:left; color:#333333; margin-bottom:0 !important;
}
p.rssincl-itemdate:after {
	content: "\00a0\2022";
}
p.rssincl-itemauthor {
	color:#333333; margin-bottom:0 !important;
}
p.rssincl-itemauthor:before {
	content: "\00a0";
}


/* CONTACT POPUP
---------------------------- */

#contactPopupWrapper {
	position: fixed;
	bottom:0;
	width: 100%;
}
.contactTrigger { }
#contactPopup {
	width: 100%;
	height: 0px;
	background: #008898;
	color: #EDEBE7;
	border: none;
}
#contactPopup {
	font-family: 'enriquetaregular' Times New Roman, Times, serif;
}
#contactPopup p strong {
	font-family: 'enriquetabold' Times New Roman, Times, serif;
	font-weight: normal;
}
#contactPopupInner {
	margin: 0 auto;
    width: 960px;
	padding-top: 80px;
	display: none;
}
#contactPopup form { }
#contactPopup .left { width:680px; }
#contactPopup .right { width:200px; }

#contactPopup form {
	font: 16px/20px 'enriquetaregular',Times New Roman,Times,serif;
}

#contactPopup input[type=text], #contactPopup textarea {
	border:0;
	background:#edebe7;
	-webkit-border-radius: 2px;
	color:#467882;
	margin:0;
	font:16px/20px 'enriquetaregular', Times New Roman, Times, serif;
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.28) inset;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.28) inset;
}
#contactPopup input[type=text] {
	padding:5px 8px 2px;
	width: 304px;
	height: 33px;
	margin-bottom: 30px;
	border-radius: 6px;
}
#contactPopup textarea {
	padding:12px 10px 8px 14px;
	width: 680px;
	height: 184px;
	border-radius: 0 0 10px 10px;
}
#contactPopup form fieldset span {
padding: 9px 0 0 11px;
}
#contactPopup p {
	margin: 4px 0 0;
	line-height: 22px;
}
#contactPopup p.bigTel {
	font-size:26px; 
	line-height: 14px;
}
#contactPopup p a {
	color: #EDEBE7;
}
.button, input[type="submit"] {
	background-color: #A0C83C;
	border-radius: 0 0 10px 10px;
	padding: 30px 24px 10px 27px;
	float: right;
	font: 18px/22px enriquetabold, Times New Roman, Times, serif;
	color: #000000;
	border: 0 none;
	cursor: pointer;
}
.closeBtn {
	width: 18px;
	height: 18px;
	position: absolute;
	top: 15px;
	right: 15px;
}


/* PEOPLE
--------------------------- */

.people h4 {
	color: #008898 !important;
	margin: 30px 0 10px;
}
.people p a {
	transition: all 300ms ease-in-out 0s;
	-moz-transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
	-ms-transition: all 300ms ease-in-out 0s;
	-o-transition: all 300ms ease-in-out 0s;
}
.people p a:hover {
	color: #A0C83C;
}
.bioLink {
	color: #008898;
	font-weight: bold;
	display: block;
    font-size: 17px;
	transition: all 300ms ease-in-out 0s;
	-moz-transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
	-ms-transition: all 300ms ease-in-out 0s;
	-o-transition: all 300ms ease-in-out 0s;
}
.bioLink:hover {
	color: #A0C83C;
}



/* WORK GRID
--------------------------- */

.backToWork {
	color: #A0C83C;
    float: right;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    text-transform: uppercase;
	transition: all 300ms ease-in-out 0s;
	-moz-transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
	-ms-transition: all 300ms ease-in-out 0s;
	-o-transition: all 300ms ease-in-out 0s;
}
.backToWork:hover {
	color: #EDEBE7;
}
.thumbnails {
	margin:0 -10px 15px 0;
	padding:0;
	list-style:none;
}
.thumbnails li {
	background-color: #000000;
	display:inline-block;
	vertical-align: top;
	width:186px;
	overflow:hidden;
	margin:0 2px 6px 0;
	border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	transition: all 300ms ease-in-out 0s;
	-moz-transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
	-ms-transition: all 300ms ease-in-out 0s;
	-o-transition: all 300ms ease-in-out 0s;
}
.thumbnails li:hover {
	background-color: #A0C83C;
}
.thumbnails .logo-holder {
	background:#edebe7;
	overflow:hidden;
	padding: 41px 32px 0 28px;
	height: 104px
}
.thumbnails .logo-holder p {
	font: 13px/33px 'enriquetabold', Times New Roman, Times, serif;
	color: #4D4D4D;
}
.thumbnails .logo-holder .logo {
	width:126px;
	height:23px;
	background-position:-168px -68px;
}
.thumbnails .img-holder { 
	overflow:hidden; 
	background-color: #636363;
	height: 144px;
}
.thumbnails .img-holder img { 
	display:block;
}
.thumbnails .more-holder {
	background: none repeat scroll 0 0 transparent;
	overflow:hidden;
	padding:15px 23px;
	border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
}
.thumbnails .more-holder.active {
	padding: 15px 23px 0;
	background: #a0c83c;
	height: 31px;
}
.thumbnails .more-holder .more {
	display:inline-block;
	vertical-align: top;
	color:#fff;
	font:14px/17px enriquetabold, Times New Roman, Times, serif;
}
.thumbnails .more-holder.active .more {
	padding:2px 27px 0 0;
	font-size:17px;
	color:#000;
	background:url(../images/arrow2.png) no-repeat 100% 50%;
}
.thumbnails .login-box {
	overflow:hidden;
	padding:61px 19px 24px 13px;
	background:url(../images/img12.jpg);
}
.thumbnails .login-box .row {
	position:relative;
	padding:0 0 7px;
}
.thumbnails .login-box input[type=password], .thumbnails .login-box input[type=text] {
	border:0;
	background:#edebe7;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	color:#467882;
	padding:5px 8px 2px;
	margin:0;
	vertical-align:middle;
	width:138px;
	height:16px;
	font:12px/16px enriquetabold, Times New Roman, Times, serif;
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.28) inset;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.28) inset;
}
.thumbnails .login-box .input-placeholder-text {
	left:9px;
	top:5px;
	font:12px/16px enriquetabold, Times New Roman, Times, serif;
}
.popupmsg {
	position: relative !important;
}
.popupmsg .input-placeholder-text {
	font: 16px/20px 'enriquetaregular', Times New Roman, Times, serif;
}
.thumbnails input[type=button] {
	border:0;
	cursor:pointer;
	padding: 0 28px 0 35px;
	margin:-2px 0 0;
	color:#fff;
	height:20px;
	vertical-align:top;
	font:14px/18px enriquetabold, Times New Roman, Times, serif;
	background:url(../images/arrow3.png) no-repeat 100% 1px;
}
.thumbnails input[type=submit]:hover { cursor:pointer; }
.thumbnails input[type=submit]::-moz-focus-inner {
	padding:0;
	border:0;
}



/* CYCLE STYLES - WORK DETAIL 
-------------------------------- */

.cycle-gallery { position: relative; }
.cycle-gallery .mask {
	position: relative;
	overflow: hidden;
	width: 960px;
	margin:0 auto;
}
.cycle-gallery .mask .slideset {
	width: 99999px;
	float: left;
}
.cycle-gallery .mask .slide {
	width: 960px;
	float: left;
}
.cycle-gallery .img-holder {
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat; 
	background-position: center; 
	float: right;
	height: 387px;
	overflow: hidden;
	border-radius: 13px;
	-webkit-border-radius: 13px;
	text-align: center;
	position: relative;
}
.cycle-gallery .img-holder img {
	display:block;
	margin: 0 auto;
}
.cycle-gallery .content2 {
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat; 
	background-position: center; 
	float:left;
	margin:0;
	height: 387px;
	overflow:hidden;
	border-radius: 13px;
	-webkit-border-radius: 13px;
	position: relative;
	text-align: center;
}
.cycle-gallery .content2 img {
	display:block;
	margin: 0 auto;
}
.cycle-gallery .slideContent {
	width: 400px;
	overflow:hidden;
	font:13px/16px Helvetica, Arial, sans-serif;
	color:#fff;
	background:#8c9696;
	border-radius: 13px;
	-webkit-border-radius: 13px;
	position: relative;
}
.cycle-gallery .slideContent li {
	margin-bottom: 5px;
}
.cycle-gallery .slideContent h2 {
	margin:0 0 21px;
	color:#fff;
	font:15px/22px enriquetabold, Times New Roman, Times, serif;
}
.cycle-gallery .slideContent .text-holder {
	overflow:hidden;
}
.scrollMore2 {
	background:url(../images/scrollMore2.png) no-repeat 0 0 transparent;
	width: 23px;
	height: 26px;
	position: absolute;
	bottom: 73px;
	right: 8px;
	display: block;
	opacity: 0.5;
}
.cycle-gallery .slideContent .holder {
	background:#000;
	padding:24px 27px 22px;
	border-radius: 0 0 13px 13px;
	-webkit-border-radius: 0 0 13px 13px;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
}
.cycle-gallery .slideContent .holder a { color:#fff; }
.cycle-gallery .slideContent p { margin:0 0 9px; }
.callout { float: right; }
.callout p {
	color: #9CA6A6;
    font-size: 13px;
    font-style: italic;
    padding: 4px 17px 0 0;
}
.cycle-gallery .pagination {
	float: right;
    overflow: hidden;
    padding: 13px 0 27px;
}
.cycle-gallery .pagination ul {
	margin:0;
	padding:0;
	list-style:none;
}
.cycle-gallery .pagination li {
	float:left;
	margin:0 5px 0 0;
}
.cycle-gallery .pagination a {
	display:block;
	background:#8c9696;
	width:24px;
	height:24px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	text-align:center;
	color:#000;
	font:bold 16px/24px Helvetica, Arial, sans-serif;
}
.cycle-gallery .pagination li.active a, .cycle-gallery .pagination a:hover {
	background:#ecebe7;
	text-decoration:none;
}
.cycle-gallery .btn-prev, .cycle-gallery .btn-next {
	position:absolute;
	width:22px;
	height:28px;
	text-indent:-9999px;
	overflow:hidden;
	top:170px;
	background:url(../images/sprite.png) no-repeat -277px 0;
	display: none;
}
.cycle-gallery .btn-prev { left: -35px; }
.cycle-gallery .btn-next {
	right: -35px;
	background-position:-314px 0;
}




/* FOOTER
---------------------- */

#footer { background:url(../images/bg-footer.gif); }
.footer-holder {
	width:960px;
	padding:11px 0 26px;
	margin:0 auto;
}
.footer-frame { min-height:35px; }
.footer-frame ul {
	margin: -10px 0 14px;
	padding: 0;
	list-style: none;
	font: bold 16px/20px Helvetica, Arial, sans-serif;
}
.footer-frame li {
	margin:0 8px 0 0;
	padding:0 0 0 15px;
	background:url(../images/bullet1.png) no-repeat 0 50%;
	color: #EDEBE7;
}
.footer-frame a { color:#8c9696; }
.footer-frame li.active, .footer-frame li:hover { 
	background: url("../images/bullet4.png") no-repeat scroll -7px 50% transparent;
	color: #A0C83C; 
}
.footer-frame li.active a, .footer-frame a:hover {
	text-decoration:none;
	color:#A0C83C;
}

.footer-frame p {
	margin:0 8px 0 0;
	padding: 10px 0 40px;
	color: #EDEBE7;
	text-align: center;
}
.footer-frame a { 
	color:#8c9696;
	font-weight: bold; 
	padding: 0 6px;
	transition: all 300ms ease-in-out 0s;
	-moz-transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
	-ms-transition: all 300ms ease-in-out 0s;
	-o-transition: all 300ms ease-in-out 0s;
}
.footer-frame a.active, .footer-frame a:hover { color: #A0C83C; }


/* footer-row */
.footer-row {
	color:#8c9696;
	font-size:13px;
	line-height:18px;
	text-align:center;
	padding: 0 17px 0 0;
}
#main {
	margin-bottom: 40px;
}
#main:after, .footer-row:after {
	display:block;
	content:"";
	clear:both;
}
.footer-row .copy {
	float:left;
	color:#edebe7;
	font-size:12px;
}
.footer-row .copy a {
	font-weight:normal;
	color:#edebe7;
}
.footer-row .social-networks {
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	font-size:14px;
}
.footer-row .social-networks li {
	color: #EDEBE7;
	float:left;
	margin:0 0 0 6px;
}
.footer-row .social-networks li.active {
		margin:0 0 0 13px;
		color: #5AB6C0;
}
.footer-row .social-networks a {
	color:#edebe7;
	font-weight:normal;
}
.footer-row .social-networks li.active a, .footer-row .social-networks a:hover {
	text-decoration:none;
	color:#5ab6c0;
}
.footer-row p { margin:0; }
.footer-row p strong { color:#edebe7; }
.footer-row a {
	color:#5ab6c0;
	font-weight:bold;
}
/* icons style */
[class^="icon-"] {
	display:inline-block;
	vertical-align: top;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/sprite.png) no-repeat;
}
.icon-circle {
	width:63px;
	height:61px;
	background-position:-84px -99px;
}
.icon-facebook {
	width:9px;
	height:19px;
	background-position:0 -118px;
}
.active .icon-facebook, .icon-facebook:hover { background-position:-30px -118px; }
.icon-linkedin {
	width:20px;
	height:19px;
	background-position:0 -156px;
}
.active .icon-linkedin, .icon-linkedin:hover { background-position:-30px -156px; }
.icon-google {
	width:22px;
	height:19px;
	background-position:0 -188px;
}
.active .icon-google, .icon-google:hover { background-position:-30px -188px; }
span.icon-twitter {
	width:21px;
	height:17px;
	background-position:0 -216px;
}
span.icon-twitter:hover { background-position:-30px -216px; }
.active a span:hover { background-position:0 -216px; }
.social-networks .icon-linkedin, .social-networks .icon-facebook { margin:-5px 0 0 4px; }
.social-networks .icon-twitter {margin:-1px 0 0;}
.social-networks .icon-google {margin:2px 0 0 4px;}
/* background preload */
body:after{
	content:'';	
	width:1px;
	height:1px;
	overflow:hidden;
	left:-9999px;
	position:absolute;
	background: url(../images/bullet1.png),
				url(../images/bullet2.png),
				url(../images/bullet3.png),
	 			url(../images/bullet4.png);
}

.backgroundOverlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #000000;
	opacity: .85;
	filter: alpha(opacity=85);
	-moz-opacity: .85;
	z-index: 101;
	display: none;
}
.delayedPopupWindow {
	display: none;
	position: fixed;
	width: 90%;
	max-width: 580px;
	height: auto;
	top: 50%;
	left: 50%;
	margin-left: -300px;
	margin-top: -200px;
	background-color: #ffffff;
	border: 0 none;
	z-index: 102;
	padding: 30px 25px 15px;
}
.delayedPopupWindow img {
	width:100%;
}
.delayedPopupWindow h2 {
	text-align:center;
	margin: 0 0 15px;
}
.delayedPopupWindow p {
	text-align:center;
	margin: 0 0 10px;
	line-height: 1.3;
}
.cta-mbi {
	background-color: #f5a623;
	border: 2px solid #010101;
	color: #fff;
	padding: 12px 20px;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 0.08em;
	transition: all 0.3s linear;
	font-weight: bold;
	display:inline-block; 
	margin: 10px auto; 
	text-align: center;
}
.cta-mbi:hover {
	background-color: #000;
}
.closeX {
	display: block;
	position: absolute;
	right:5px;
	top: 0;
}
#btnClose {
	width:100%;
	display: block;
	text-decoration: none;
	color: #999999;
	padding: 5px;
	font-size: 26px;
}
#btnClose:hover {
	color: #f5a623;
}

@media only screen and (max-width: 600px) {
	.delayedPopupWindow {
		margin: 0 auto;
		top: 5%;
		left: 3%;
		width: 84%;
	}
	.delayedPopupWindow p {
		font-size: 15px;
	}
	.delayedPopupWindow br {
		display: none;
	}
}


/* UTILITY */

.left { float: left; }
.right { float: right; }
.clearfix { clear: both; display: block; }