/* Keeping it cool, keeping it calm, keeping it clean & tidy */

html, body {height:100%;}

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size:62%; /* 1em = 10px */
	background-image:url(../images/theme/bg/black_denim.png);
	background-color:#333333;
	height: 100%;
}
img{display:block;}

/*---------- General Fonts ----------*/
h1, h2, h3, h4 {
	letter-spacing:0.02em;
	
}
h1{
	margin:0 0 20px 0;
	font-family:'OpenSansLight', Verdana, Geneva, sans-serif;
	font-size:2.3em;
	color:#0a9199;	
}

h2 {
	margin:0 0 10px 0;
	font-family:'OpenSansLight', Verdana, Geneva, sans-serif;
	font-size:1.8em;
	font-weight:normal;
	color:#0a929a;	
}

h3 {
	margin:0 0 5px 0;
	font-family:'OpenSansLight', Verdana, Geneva, sans-serif;
	font-size:1.3em;
	color:#0a929a;
}

h4 {
	margin:0 0 5px 0;
	font-family:'OpenSansLight', Verdana, Geneva, sans-serif;
	font-size:1.3em;
	color:#fff;
}


p, label, address, input, textarea {
	margin:0 0 20px 0;
	font-family:'OpenSansRegular', Verdana, Geneva, sans-serif;
	font-size:1.3em;
	font-weight:normal;
	line-height:1.4;
	color:#000000;	
}

p a, address a {
	color:#0A929A;
	text-decoration:none;
	border-bottom:1px solid #0A929A;
	padding-bottom:1px;
}

b, strong {font-weight:bold;}

blockquote {
	display:block;
	margin:20px 15px 20px 0;
	font-family:'OpenSansRegular', Verdana, Geneva, sans-serif;
  	font-style:italic;
  	font-weight:normal;
	font-size:1.3em;
	font-weight:normal;
	line-height:1.6;
	color:#333;
	padding:12px;
	background:#e7e7e7;
	box-shadow:0px 1px 1px rgba(0,0,0,0.2);
}

span.stop_italic{font-style:normal;}

/*---------- Main Containers ----------*/

#wrapper {
	width:960px;
	height:auto;
	margin:0 auto;
	padding:0px 20px 0px 20px;
	background:#fbfbfb;
	box-shadow:0px 0px 30px rgba(0,0,0,0.8);
}

#content {
	width:960px;
	clear:both;
	z-index:1;
}

/*---------- Site Header ----------*/

#main-header {
	position:relative;
	width:960px;
	height:110px;
	z-index:998;
}

#mint-logo {
	position:absolute;
	top:20px;
	left:0px;
}

/*---------- Main Header Nav ----------*/

#main-nav {
	position:absolute;
	top:20px;
	right:-20px;
}

#main-nav ul {}

#main-nav ul li {
	position:relative;
	float:left;
}

#main-nav ul li a:hover {
	color:#0a929a;
}

#main-nav ul li.active a,
#main-nav ul li a.active  {
	color:#0a929a;
}

#main-nav ul ul li a.active,   #main-nav ul ul li a:hover{
	background-image:url(../images/navigation/project_nav_arrow.png);
	background-repeat:no-repeat;
	background-position:left 12px;
}

#main-nav ul li a {
	border-left:1px solid #b9b9b9;
	display:block;
	width:122px;
	padding:33px 0 0 7px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:1.2em;
	color:#333;
	text-decoration:none;
	text-shadow:0px 2px 0px #FFF;
}

/*#main-nav ul a { display:block; color: #fff; font-family: Verdana; font-size: 14px; text-decoration: none;}*/
/*#main-nav ul li { float: left;}*/
#main-nav ul li ul { display: none; position:absolute; left:0; top: 100%; z-index: 999; padding:10px 0 0; list-style: none; margin: 0; color: #333;}
#main-nav ul li ul li { float: left; clear:both; background-color:#000;background-color:rgba(0,0,0,0.7); }
#main-nav ul ul li a {
	display:block;
	width:170px;
	padding:10px 7px 2px 14px;
	border-left:none;
	font-size:1.2em;
	color:#FFF;
	text-decoration:none;
	text-shadow:none;
}

#main-nav #lastdrop{padding-bottom:12px;}
#main-nav ul li:hover ul { display: block; }

/*---------- Homepage ----------*/

.hero-unit {
	position: relative;
	width:960px;
	height:310px;
	margin:0 0 20px 0;
}

.hero-unit img {
	position: absolute;
	display:none;
}

.hero_h1_wrapper {
    background:url(../images/hero/hero_h1_bg.png) left top no-repeat;
    left: 0;
    position: absolute;
    top: 95px;
    width: 276px;
    z-index: 200;
	height:147px;
	padding:0 20px;
}

.hero-unit h1 {
	font-size:2.3em;
	margin:20px 0 14px 0;
}

.hero-unit p {
	margin:0 0 20px 0;

}

.large {
	font-family:'OpenSansLight', Verdana, Geneva, sans-serif;
	font-size:3.2em;
	color:#FFF;
	margin:0 0 15px 0;
}

p.welcome {
    color: #0a929a;
    font-family: 'OpenSansLight',Verdana,Geneva,sans-serif;
    font-size: 2.7em;
    margin-bottom: 0;
}

.featured-column, .portrait-column {
    float: left;
    overflow: hidden;
    width: 305px;
}

#jstwitter {
	background-color: #EDF5F5;
	min-height:541px;
}

.tweet {
    border-bottom: 1px solid #FFFFFF;
    height: 530px;
    padding: 12px 0px;
    position: relative;
}
.tweet p {
    color: #333333;
    font-size: 1.2em;
    line-height: 1.3;
	margin:0 0 10px 0;
}

.tweet p a {padding:0;}

.tweet span {
    color: #333333;
}

#jstwitter .last{
	border:none;
}

#jstwitter .tweet:last-child {border:none;}


/*---------- Page Columns ----------*/

.column,
.portrait-column,
.copy-column { 
	float:left;
	width:305px;
	overflow:hidden;
}

/* Margins for the middle column */
.middle { 
	margin-left:23px;
	margin-right:22px;
}

.rightHand { 
	margin-top: 44px;
}


/* To hold post thumbnail */
.portfolio-item { 
	position:relative;
	height:167px;
	margin-bottom:20px;
	background:#000000;
	overflow:hidden;
}

/*---------- Portfolio Pages ----------*/

.copy-column p:first-of-type { /* May add a class with jQuery instead - as first-of-type is not fully supported */
	font-family:'OpenSansLight', Verdana, Geneva, sans-serif;
	margin:0 0 20px 0;
 	font-size:2em;
	line-height:1.5;
	color:#0a929a;
}

/* Featured Items */

.featured-portfolio-item {
	position:relative;
	margin:0 0 20px 0;
	background: #000000;
	height:167px;
}

.featured-news-item {
    background: none repeat scroll 0 0 #000000;
    height: 120px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

.semi_trans_wrap {
	position: absolute;
	background-color:#000;
	background-color:rgba(0,0,0,0.7);
	width:305px;
	height:167px;
	left:0px;
	top:0px;
}


.featured-news-item h3, .featured-portfolio-item h3, .featured-video-item h3, .news-list-item h3 {
	position:absolute;
	bottom:15px;
	left:12px;
	width:277px;
	margin:0;
	font-size:18px;
	font-weight:normal;
	color:#FFF;
	z-index:999;	
}

.news-list-item h3 {
	font-size:13px;
	background-color:#000;
	background-color:rgba(0,0,0,0.7);
	width:285px;
	left:0px;
	bottom:0px;
	padding:10px;
	
}

body.home .featured-news-item h3, body.home .featured-portfolio-item h3{
	position:absolute;
	bottom:0px;
	left:0px;
	width:277px;
	margin:0;
	padding:10px 13px 10px 15px;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
	background-color:#000;
	background-color:rgba(0,0,0,0.7);
	z-index:999;
}


.featured-news-item h3 a, .featured-portfolio-item h3 a, .featured-video h3 a, .featured-news-item a, .featured-portfolio-item a, .featured-video a, .news-list-item a {
    display: block;
    text-decoration: none;
	line-height:1em;
}

.featured-news-item h3 span, .featured-portfolio-item h3 span, .featured-video h3 span {
	position:absolute;
	top:10px;
	right:15px;
	margin-right:0px;
}


/* Contact Us - Bottom right of Portfolio page */

.contact-us { 
	position:relative;
	height:136px;
	padding:15px;
	margin-bottom:20px;
	background:#e9f0ef;
	overflow:hidden;
}

.contact-us h2 {
	font-family:'OpenSansLight', Verdana, Geneva, sans-serif;
	font-size:1.6em;
	font-weight:normal;
	color:#000;
}

/*---------- Portfolio Page Slider ---------*/

/* Portfolio Slideshow Area */

.portfolio-slideshow {
	position:relative;
	width:960px;
	height:600px;
	background:#fff;
	overflow:hidden;
	padding-bottom:20px;	
}

.portfolio-slideshow-nav {
	position:absolute;
	top:10px;
	left:0px;
	width:170px;
	background:#000;
	background:rgba(0,0,0,0.7);
	z-index:888;
}

.portfolio-slideshow-nav ul {
	padding:10px 0px 10px 0px;
}

.portfolio-slideshow-nav ul li ul {
	padding:0px;
}

.portfolio-slideshow-nav ul li a {
	display:block;
	padding:0px 0px 10px 20px;
	font-family:'OpenSans', Verdana, Geneva, sans-serif;
	font-size:1.2em;
	color:#FFF;
	text-decoration:none;
}

.portfolio-slideshow-nav ul li ul li a {
	padding-left:30px;
}

.portfolio-slideshow-nav ul li a:hover, .portfolio-slideshow-nav ul li.active a {
	background-image:url(../images/navigation/project_nav_arrow.png);
	background-repeat:no-repeat;
	background-position:top left;
	color: #0A929A;
}

.portfolio-slideshow-nav ul li:hover ul {
}

/* needed to add margin under slideshow*/
/* (slideshow divs are absolute so margin is collapsing) */
.portfolio_spacer{height:20px;background:#fff;}

/* Slideshow CSS */

#slides {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

#slides .slides_container {
	width:960px;
	height:600px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

#slides .slides_container div.project-slide {
	width:960px;
	height:600px;
	display:block;
	overflow:hidden;
}

#slides .slides_container div.project-slide img {
	height:600px;
	width:auto;
}

/*
	Next/prev buttons
*/

#slides .next, #slides .prev {
	position:absolute;
	top:45%;
	left:850px;
	width:40px;
	height:40px;
	display:block;
	z-index:500;
}

#slides .next {
	left:900px;
}

#slides .next:hover, #slides .prev:hover {
	opacity: 0.5;
}

/*
	Slider Pagination
*/

#slides .pagination {
	position:absolute;
	top:12px; right:10px;
	z-index:999;
}

#slides .pagination li {
	float:left;
	margin:0 3px;
	list-style:none;
}

#slides .pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../images/hero/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

#slides .pagination li.current a {
	background-position:0 -12px;
}


/* Slideshow We Work With CSS */

#slides_www {
	margin:0 0 20px 0;
	position:relative;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

#slides_www .slides_container {
	width:960px;
	height:310px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

#slides_www .slides_container div.project-slide {
	width:960px;
	height:310px;
	display:block;
	overflow:hidden;
}


/*
	Next/prev buttons
*/

#slides_www .next, #slides_www .prev {
	position:absolute;
	top:45%;
	left:850px;
	width:40px;
	height:40px;
	display:block;
	z-index:500;
}

#slides_www .next {
	left:900px;
}

#slides_www .next:hover, #slides .prev:hover {
	opacity: 0.5;
}

/*
	Slider Pagination
*/

#slides_www .pagination {
	position:absolute;
	top:12px; right:10px;
	z-index:999;
}

#slides_www .pagination li {
	float:left;
	margin:0 3px;
	list-style:none;
}

#slides_www .pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../images/hero/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

#slides_www .pagination li.current a {
	background-position:0 -12px;
}


/*
	Caption
*/

#slides .project-slide .caption {
	position:absolute;
	bottom:0px;
	left:0;
	width:920px;
	height:27px;
	padding:10px 20px 0 20px;
	background-color:#000;
	background-color:rgba(0,0,0,0.7);
	z-index:999;
	display:none;
}

#slides .project-slide .caption p {
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	text-shadow:none;
}


/*---------- About Us ----------*/

.portrait {
	position:relative;
	height:220px;
	margin-bottom:20px;
	background:#000000;
	overflow:hidden;
}

.bio {
	position:absolute;
	top:185px;
	left:0px;
	width:310px;
	height:220px;
	margin-bottom:20px;
	background-color:#000;
	background-color:rgba(0,0,0,0.8);
	z-index:999;
}

.bio h3 {
	position:absolute;
	top:10px;
	left:0px;
	width:290px;
	margin:0;
	padding:0px 13px 5px 15px;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
}

.bio h3 a {
	display:block;
	color:#FFF;
	text-decoration:none;  
}

.bio h3 span {
	position:absolute;
	top:0px;
	right:15px;
	margin-right:8px;
}

.bio p {
	position:relative;
	top:35px;
	left:15px;
	width:280px;
	font-size:1.2em;
	color:#FFF;
	line-height:1.4;
}

/*---------- We Work With ----------*/

.testimonial {
	position:relative;
	width:960px;
	height:310px;
	/* margin-bottom:30px; */
	background:#e7e7e7;
	overflow:hidden;
}

.testimonial-logo {
	position:absolute;
	top:88px;
	left:0px;
	width:270px;
	padding:30px;
	background:#fbfbfb;
}

.testimonial-logo img {
	float:right;
}

.testimonial-quote {
	position:absolute;
	top:88px;
	right:20px;
	width:580px;
}

.testimonial-quote p:first-of-type {
	/* 
	May add a class with jQuery instead - 
	as first-of-type is not fully supported 
	*/
	font-family:'OpenSansLight', Verdana, Geneva, sans-serif;
	margin:0 0 10px 0;
	font-size:2em;
	line-height:1.6;
	color:#0a929a;
}

.testimonial-quote p {
	font-family:'OpenSans', Verdana, Geneva, sans-serif;
	font-size:1.25em;
	color:#FFF;
}

.client-logos {
	float:right;
	width:645px;
}

.client-logos img {
	float:left;
	margin:0 0 15px 15px;
	border:1px solid #e7e7e7;
}

.client-list {
	float:right;
	width:630px;
}

.client-list p {
	margin:20px 0 0 0;
}

ul#client-list-left, 
ul#client-list-right {
	border-top:1px solid #e7e7e7;
	margin:30px 0 30px 0;
}

ul#client-list-left {
	float:left;
	width:300px;
}

ul#client-list-right {
	float:right;
	width:310px;
}

ul#client-list-left li,
ul#client-list-right li {
	padding:7px 0 7px 0;
	font-size:1.2em;
  	color:#333;
  	border-bottom:1px solid #e7e7e7;
}

/*---------- News ----------*/

.news-content h2{margin-top:15px;}
.news-content .middle{margin-top:44px;}

.news-list-item {
    background: none repeat scroll 0 0 #000000;
    height: 270px;
    overflow: hidden;
    position: relative;
}

.news-list-copy-box{background:#fbfbfb;padding:15px;margin-bottom:20px;border:1px solid #e8e8e8;border-top:0;}
.news-list-copy-box p{margin-bottom:8px;}
.news-list-copy-box span{color:#888;font-size:1.1em;}

/*---------- Contact Us ----------*/

.mint-map {
	width:630px;
	height:600px;
	float:right;
	margin-bottom:30px;
}

.extra_cols{width:630px;float:right;}

.col1, .col2{float:left;width:315px;}
form, fieldset{display:block;margin:0 0 20px 0;}
input, textarea{background:#eeeeee;border:1px solid #d8d8d8;padding:7px;margin:0 0 10px 0;width:298px;}
input.submit{
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: #6E7849 0 0 10px;
  background-color: #414141;
  /*background-image: -moz-linear-gradient(180deg, #515151, #414141);
  background-image: -ms-linear-gradient(180deg, #515151, #414141);
  background-image: -o-linear-gradient(180deg, #515151, #414141);
  background-image: -webkit-linear-gradient(180deg, #515151, #414141);
  background-image: linear-gradient(180deg, #515151, #414141); button shadow removed*/
  border-radius: 5px;
  color: #ffffff;
  font-size: 1.2em;
  padding: 4px;
  text-decoration: none;
  text-shadow: #000000 5px 5px 15px;
  width:315px;
  height:33px;
  border:none;
  margin:0;
  }

/*---------- Footer ----------*/


/* MAKE STICKY */

#main-footer {
	position:relative;
	width:1000px;
	height:76px;
	margin:0 auto 25px auto;
	font-size:1.2em;
	background:#0a929a;
	padding:20px 0 28px 0;
}

#main-footer #col1, #main-footer #col2, #main-footer #col3 {
	float:left;
	width:290px;
	background-image:url(../images/misc/footer_divider.gif);
	background-position-x:left;
	background-position-y:4px;
	background-repeat:no-repeat;
	padding:0 0 0 15px;
}

#main-footer #col1 {margin-left:20px;}


#main-footer #col2 {margin-left:23px;margin-right:22px;}

#main-footer #col3 {margin-right:20px;}

#main-footer ul{list-style-type:none;}

#main-footer ul li{display:block;padding:7px 0 0 35px;color:#fff;margin:0 0 4px 0;height:19px;}
#main-footer ul li.email{background-image:url(../images/icons/icon_footer_email.png);background-position-x:left; background-position-y:top; background-repeat:no-repeat;}
#main-footer ul li.tel{background-image:url(../images/icons/icon_footer_tel.png);background-position-x:left; background-position-y:top; background-repeat:no-repeat;}
#main-footer ul li.fax{background-image:url(../images/icons/icon_footer_fax.png);background-position-x:left; background-position-y:top; background-repeat:no-repeat;}
#main-footer ul li.twitter{background-image:url(../images/icons/icon_footer_twitter.png);background-position-x:left; background-position-y:top; background-repeat:no-repeat;}
#main-footer ul li.flickr{background-image:url(../images/icons/icon_footer_flickr.png);background-position-x:left; background-position-y:top; background-repeat:no-repeat;}
#main-footer ul li a{color:#fff;}

#main-footer h4{color:#fff;font-size:1.3em;}

#main-footer p {
	font-size:1em;
	color:#fff;
}

#footer-contact {
	position:absolute;
	top:-8px;
	right:0px;
}

#footer-contact img {
	display:inline;
	
}

.contact-icon {
	position:relative;
	top:6px;
}

.tel {
	margin-left:25px;
}

/*---------- Clearfix ----------*/

.clear:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}

* html .clear	 { zoom:1; } /* IE6 */
*:first-child+html .clear { zoom:1; } /* IE7 */