/*	-------------------------------------------------------------
 
	THE AGENCY - BY LAYERED PIXELS
 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	Description:Base cascading style sheet
	Nom:screen.css
	Version:1.1
	Date:April 27, 2011
 
	This file is part of a site template for sale at ThemeForest.net.
	See: http://themeforest.net/user/LayeredPixels/portfolio
	Copyright © 2011 Layered Pixels <info@layeredpixels.com>
 
-------------------------------------------------------------	*/
@font-face {
    font-family: 'HelveticaNeueUltraLight';
    src: url('/helveneuultlig-webfont.eot');
    src: url('/helveneuultlig-webfont.eot?#iefix') format('embedded-opentype'),
         url('/helveneuultlig-webfont.woff') format('woff'),
         url('/helveneuultlig-webfont.ttf') format('truetype'),
         url('/helveneuultlig-webfont.svg#HelveticaNeueUltraLight') format('svg');
    font-weight: normal;
    font-style: normal;

}



* {
	margin: 0;
	padding: 0;
	border: none;
	}
	
body {
	font-size:62.5%;
	line-height:3em;
  	color: #666;
	background: #eeeeed url("../images/bg_body.jpg") repeat-x 0 -258px; }

	body.home, body.page-template-projects-php {
		background: #eeeeed url("../images/bg_body.jpg") repeat-x top left; }



	




/*	-------------------------------------------------------------
	MISC
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* anchors, buttons */
a.square, input[type=submit] {
	background:#ccc;
	color:#666;
	padding:3px 0 0 0;
	font-size:9px;
	display:block;
	width:65px;
	text-align:center;
	margin:8px 0 0 0;
	text-transform:uppercase;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	text-shadow:0 1px 0 #fff;
	border-bottom:1px solid #c2c2c2;
	border-right:1px solid #bcbbbb;  }

	a.square:hover, input[type=submit]:hover {
		background:#000;
		color:#fff;
		text-shadow:none;
		text-decoration:none;
		border-bottom:1px solid #fff;
		border-right:1px solid #fff; }

a.dash {
	display:block;
	color:#000;
	font-size:9px;
	text-transform:uppercase; }

	a.dash:before {
		content:'— '; }

	a.dash:hover {
		color:#444;
		text-decoration:none; }
	
.fix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; }

.fix { 
	display: inline-block; } 
	
* html .fix { 
	height: 1%; }
	
.fix { 
	display: block; }

/* columns */
.one-half, .one-third, .two-thirds,
.one-fourth, .three-fourths, .one-fifth,
.two-fifths, .three-fifths, .four-fifths,
.one-sixth, .five-sixths { float: left; margin: 0 4% 0 0; }
.one { width: 100%; float: left; }
.one-half { width: 48%; }
.one-third { width: 30.66%; }
.two-thirds { width: 65.33%; }
.one-fourth { width: 22%; }
.three-fourths { width: 74%; }
.one-fifth { width: 16.8%; }
.two-fifths { width: 37.6%; }
.three-fifths { width: 58.4%; }
.four-fifths { width: 79.2%; }
.one-sixth { width: 13.33%; }
.five-sixths { width: 82.67%; }
.last { margin-right: 0 !important; }

div.content br {
  /*display: none;
  visibility:hidden;*/ }

.fl {
	float:left; }

.fr {
	float:right; }

/* Listing */
ul.list {
	margin:15px 0 0 0;
	padding:0;
	list-style:none; }
	
	ul.list li.phone {
		margin:10px 0 0 0;
		padding:0 0 0 24px;
		background:transparent url("../images/phone.png") no-repeat 0 2px; }

	ul.list li.mail {
		margin:0;
		padding:0 0 0 24px;
		background:transparent url("../images/mail.png") no-repeat 0 4px; }
				
/*	-------------------------------------------------------------
	TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

p {
	line-height:1.8em;
	font-size:1.1em;
	margin-bottom:1.2em; }

h2, h3, h4, h5, h6 {
	color: #000;
	font-weight:200 !important;
    display: block;
    margin: 0 0 15px 0; }

	h3.title, h3 {
		color: #000;
	    display: block;
	    height: 43px;
	    line-height: 43px;
	    margin: 0 0 15px 0;
		background:transparent url("../images/line_horiz.gif") repeat-x 0 23px;
		clear: both; }

		h3.title span, h3 strong {
		    background: #fff;
		    padding-right: 15px; }

			h3.title span.fr {
				padding-right:0;
			    padding-left: 15px; }

			h3.title span a {
			    color: #999;
			    margin-left: 5px; }

				div.navigation h3.title a span {
				    color: #999;
				    margin: 0; }

					div.navigation h3.title a:hover span {
					    color: #000; }

				h3.title span a:hover {
				    color: #000; }

				h3.title span a:before {
					content:'— ';
					color:#dbdbdb; }

ul, ol { 
	padding:0 0 0 30px;
	margin:0 0 14px; }

	ul li, ol li {
	 	line-height:1.8em;
		font-size:1.2em; }
	
/*	-------------------------------------------------------------
	INTERFACE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/*	container */
div#container {
	margin:0 auto 20px auto;
	padding:0 0 20px 0;
	width: 1090px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	background:#fff; }

/*	main */
div#main {
	position: relative;
	width:980px;
	padding:0;
	margin:35px auto 0 auto;
	background:transparent; }

/*	header */
header {
	position:relative;
	width:980px;
	height:84px;
	margin:0 auto;
    z-index:300; }

	div#border {
		background:#006684;
		width:980px;
		height:5px;
		float:left; }

/*	logo */
div#logo {
	margin:0 auto;
	min-width: 194px;
	float:left;	}

	div#logo h1 {
		color:#000;
		font-weight:100 !important;
		font-size:3em;
		line-height:106px;
		font-style:italic;
		letter-spacing:-2px;	}

		div#logo a:hover {
			text-decoration:none; }
		
		div#logo h1 span {
			color:#000;
			font-weight:500;
			font-style:normal;	}

/*	top navigation */
div#menu ul {
	position:absolute;
	top:7px;
	right:0px;
	list-style-type:none;
	float:left;
	padding:0;
	margin:0;
    z-index:3; }

	div#menu ul li {
		position:relative;
        float:left;
        /*display:inline-block;*/
		line-height:106px;
		padding:0;
		margin-left:20px; }

	div#menu ul li a {
		position:relative;
		color:#8c8c8c;
		font-weight:200 !important;
		padding:47px 3px 5px ;
		font-size:13px;}

	div#menu ul li a:hover, div#menu ul li.current_page_item a {
		color:#000;
		border-top:6px solid #fff; }

		div#menu ul li.current_page_item a {
			border-top:none; }

			/* Dropdown Navigation */
			ul.children, ul.sub-menu {
				display:none;
				position:absolute;
				top:73px !important;
				left:-15px;
				z-index:1000;
				list-style:none;
				margin:0;
				padding:10px 0 8px !important;
				width: auto;
				min-width:250px;
				max-width:350px;
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
				-khtml-border-radius: 2px;
				border-radius: 2px;
				-moz-box-shadow: 0 0px 5px rgba(0,0,0,0.1);
				-webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.1);
				box-shadow:0 0px 5px rgba(0,0,0,0.1);
				background:#fff; } 

			ul.children li, ul.sub-menu li {
                float:none !important;
				width: auto;
				margin:0;
				padding:7px 10px 8px 0 !important;
				line-height:100% !important; background:#fff;} 

			ul.children li a, ul.sub-menu li a {
				color:#8c8c8c !important;
				padding:0 0 0 0 !important;}

			ul.sub-menu li a:hover {
					color:#000 !important;
                    border:none !important;  }
					
					
#menu ul li#menu-item-911 ul.sub-menu, #menu ul li#menu-item-784 ul.sub-menu {
				min-width:150px;
				max-width:150px;
				width:150px !important;
			 } 
				
/*	news/updates */
#home-news {
    float: left;
    height: 192px;
    overflow: hidden;
    position: relative;
    width: 300px;
	background:#006684; }

#home-news h5 {
    color: #FFFFFF;
    display: block;
    font-size: 1.5em;
	font-weight:200 !important; 
    height: 43px;
    line-height: 43px;
    margin: 5px 0 0 20px;}

	#home-news ul {
		list-style:none;
		margin:0;
		padding:0;
	    display: block;
	    left: 0;
	    top: 47px;
	    position: absolute; }

	#home-news li {
	    float: left;
	    height: 93px;
	    width: 300px; }
	
	#home-news p {
	    color: #FFFFFF;
	    display: block;
	    font-size: 13px;
	    height: 93px;
		font-weight:200;
	    line-height: 16px;
	    padding: 0 20px;
	    width: 266px; }

	#home-news p strong {
		color: inherit;
	}

	#home-news a {
	    color: #CCCCCC; }

	#home-news a:hover {
	    color: #FFFFFF; }

div#home-news .left, #home-news .right {
	background:transparent url("../images/bg_btn_nav.png") no-repeat 0 1px; }
	
#home-news .left {
    background-position: 0 1px;
    cursor: pointer;
    height: 23px;
    left: 20px;
    position: absolute;
    top: 153px;
    width: 23px; }

	#home-news .left:hover {
	    background-position: 0 -21px; }

	#home-news .right {
	    background-position: -23px -22px;
	    cursor: pointer;
	    height: 23px;
	    left: 42px;
	    position: absolute;
	    top: 154px;
	    width: 23px; }

	#home-news .right:hover {
	    background-position: -23px 0px; }

/*	about */
#home-about {
    float: left;
    height: 112px;
	padding: 40px;
    overflow: hidden;
    position: relative;
    width: 560px;
	margin-left:40px;
	background: #eeeeed;  }
	
	div#home-about h4 {
		font-size:2.8em;
		color:#444;
		line-height:110%;
		font-weight:100 !important;
		text-align:right;
		text-shadow:1px 1px 0 #fff; font-family: 'HelveticaNeueUltraLight' !important;}

/*	-------------------------------------------------------------
	MAIN CONTENT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

div.content {
	width:980px;
	float:left;
	padding:0; }

	div#main-content {
		float:left;
		width:630px;
		margin:20px 0 0 0;
		padding:0 0 0 20px; }

		.sidebar-right div#main-content {
			background:transparent url("../images/line_vert.gif") repeat-y 100% bottom; }

	.full div#main-content {
		float:left;
		width:980px;
		padding:0; }

img.alignleft, p img.alignleft {
	float:left;
	margin:0 20px 0px 0; } 

img.alignright, p img.alignright {
	float:right;
	margin:0 0 20px 20px; }

img {
	max-width: 100%;
	height: auto;
}

/*	-------------------------------------------------------------
	NEWS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* recent news */
div.post ul.row {
	list-style:none;
	padding:11px 0 0 0;
	margin:0; }

	div.post ul.row li:nth-child(3n+3) {
		margin-right:0; }

	div.post ul.row li img {
		visibility:hidden; }

	div.post ul.row li h4 a {
		font-size:1.4em;
		line-height:110%; }

	div.post ul.row li img {
		margin:0 0 10px 0; }

div.post div.meta-cat {
	margin:0; }

	div.post div.meta-cat a {
		color:#999;
		text-transform:uppercase; }

		div.post div.meta-cat a:hover {
			color:#000; }

/* single article */
div.head {
 	position:relative;
	margin:15px 0 15px 0;
	padding:0 0 17px 0;
	background:transparent url("../images/line_horiz.gif") repeat-x bottom left; }

	div.head div.meta-cat {
		margin:0 0 8px 0; }

	div.head div.details {
		position:relative;
		padding:3px 0 3px 20px;
		background:transparent url("../images/line_vert.gif") repeat-y 0 0; }

		div.head div.details p {
			line-height:170%;
			margin:0; }

		div.head div.details p.comments {
			padding:0 0 0 18px;
			background:transparent url("../images/icon_comments.png") no-repeat 0 5px; }

/* comments */
div#comments {
	margin:0;
	padding:0; }

	#comments ol {
		list-style:none;
	    margin: 25px 0;
		padding-left: 0; }

		#comments ol li { }

		.comment-info {
		    margin-bottom: 15px;
		    overflow: hidden; }

		.comment-info .avatar {
		    background: #fff;
		    border: 1px solid #ccc;
		    float: left;
		    margin-bottom: 20px;
		    padding: 3px; }

		.comment-info .inner {
			position: relative;
		    background: #fff;
		    border: 1px solid #dbdbdb;
		    float: right;
		    line-height: 22px;
		    padding:20px 20px 5px 20px;
			-moz-border-radius: 3px;
		    -o-border-radius: 3px;
		    -webkit-border-radius: 3px;
			border-radius:3px;
		    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.08);
		    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.08);
		    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.08);
		    width: 570px; }

			#comments ol li ul li {
			    clear: both;
			    float: none !important;
			    padding-left: 40px;
			    width: auto !important; }
			
		#comments ol li ul .inner {
		    width: 530px; }
		
		#comments ol li ul li ul .inner {
		    width: 490px; }
		
		#comments ol li ul li ul li ul .inner {
		    width: 450px; }
		
		#comments ol li ul li ul li ul li ul .inner {
		    width: 410px; }
		
		#comments ol li ul li ul li ul li ul li ul .inner {
		    width: 370px; }	

		#comments .children {
			list-style:none;
			margin:0;
			padding:0; }

		span.author a {
			display:block;
			font-size:14px;
			font-weight: 200;
			line-height:100%; }

		span.date {
			display:block;
			font-size:11px;
			font-weight: 200;
			padding:0 0 5px 0; }
		
		span.reply a {
			position:absolute;
			top:15px;
			right:15px;
			color:#666;
			padding:1px 4px 0 4px;
			margin:0;
			font-size:9px;
			width:auto;
			text-align:center;
			float:right;
			text-transform:uppercase;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			-khtml-border-radius: 2px;
			border-radius: 2px;
			text-shadow:0 1px 0 #fff;
			border-bottom:1px solid #c2c2c2;
			border-right:1px solid #bcbbbb;
			background:#ccc }																		

/* slide box */
#slidebox {
    bottom: 0;
    height: 100px;
    padding: 10px 20px;
    position: relative;
    right: -430px;
    width: 390px;
    border-top: 5px solid #000;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
	background: #fff;
	z-index:5000; }
	
	#slidebox a.close {
	    background: url("../images/icon_close.png") no-repeat scroll left top transparent;
	    cursor: pointer;
	    height: 16px;
	    position: absolute;
	    right: 15px;
	    bottom: 10px;
	    width: 16px; }
			
			#slidebox h3.title { margin-bottom:10px;}

		#slidebox div {
		    margin:0; }

		#slidebox div.more {
			position:absolute; 
			top:26px; 
			right:10px; }

			#slidebox div.more p {
				padding:0 10px; }
				
		#slidebox p { line-height:100%; margin:0 0 5px 0; }
		
		#slidebox p.small, #slidebox p.small a { background:#fff; font-size:11px; }
		#slidebox p.small a { color:#999; }
		#slidebox p.small a:hover { color:#000; }
			
/* comment form */
#commentform label {
    display: block;
	font-weight:200;
	color:#444;
	float:left;
	width: 153px;
    margin-bottom: 10px; }

	#url, #email, #author {
	    width: 300px; }

		#comment_msg {
		    width: 540px;
		 	clear:both;}

	#comment_msg, #url, #email, #author, #s, .wpcf7-form textarea, .wpcf7-form .wpcf7-text {
		padding: 5px 7px;
		line-height:130%;
		border: 1px solid #cdcdcd;
		border-top: 1px solid #8d8d8d;
		border-bottom: 1px solid #ececec;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-khtml-border-radius: 2px;
		border-radius: 2px; }	

		#commentform .button {
			background:#ccc;
			color:#666;
			padding:5px 4px 3px 5px;
			margin:0 0 10px 0;
			font-size:9px;
			width:auto;
			text-align:center;
			float:right;
			clear:both;
			text-transform:uppercase;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			-khtml-border-radius: 2px;
			border-radius: 2px;
			text-shadow:0 1px 0 #fff;
			border-bottom:1px solid #c2c2c2;
			border-right:1px solid #bcbbbb;  }

			#commentform .button:hover, span.reply a:hover {
				background:#000;
				color:#fff;
				text-shadow:none;
				text-decoration:none;
				border-bottom:1px solid #fff;
				border-right:1px solid #fff; }
				
			#commentform .wp-smiley { float:left;}

/*	-------------------------------------------------------------
	SIDEBAR
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

div#sidebar {
	width: 220px; 
	padding: 20px 30px 20px 0; 
	text-align:left; }

.sidebar-right div#sidebar { 
	float: right; }
	
.sidebar-left div#sidebar { 
	float: left; }

div#sidebar div.sidebar-item ul, div.menu-custom-navigation-container ul {
	margin: -10px 0 0 0;
	padding: 0 0 20px 0; }

	div#sidebar div.sidebar-item ul li, div.menu-custom-navigation-container ul li {
	    border-bottom: 1px solid #dbdbdb;
	    display: block;
	    font-size: 12px;
	    line-height: 1em;
	    padding: 0; }

		div#sidebar div.sidebar-item ul li a, div.menu-custom-navigation-container ul li a {
		    display: block;
			color:#999;
		    padding: 10px;
		    text-decoration: none;
		    text-indent: 5px; }
		
		div#sidebar div.sidebar-item ul li a:hover, div.menu-custom-navigation-container ul li a:hover {
		    color:#000; }

/*	-------------------------------------------------------------
	WIDGETS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/*	twitter feeds */
div.tweet {
 	padding:0;
 	margin:0;}

	div.tweet ul.tweet_list {
		list-style:none;
	 	margin:0;
		padding:0; }

		div.tweet ul.tweet_list li {
			border:none !important; }

		div.tweet ul li span {
			font-size:110%;
			line-height:150%; }

			div.tweet ul li a {
				float:none;
				display:inline !important;
				text-indent:none !important;
				padding:0 !important;
				line-height:140%; }

	div.tweet small {
		color:#444;
		margin:10px 0 0 0;
	 	display:block; }

/*	dribbble */
div#dribbble .hcs ul {
    list-style:none;
	float: left;
	padding:0;
	margin:0; }
	
	div#dribbble .hcs li {
	    border: none;
		float:left; }
		
	div#dribbble .hcs img {
    	width: 60px;
    	height: 45px;
	    padding: 1px;
	    border:2px solid #ddd;
		margin-right:10%;
		margin-bottom:6%; }

/* flickr */
div#flickr div.flickr_badge_image {
	width:61px;
	height:61px;
	float:left;
	margin-right:12px;
	margin-bottom:6%; }
	
	div#flickr img {
		width:61px;
		height:61px;
		float:left;
	    padding:1px;
	    border:2px solid #ddd; }

/* counter */
div#counter {
	padding:20px;
	}

	div#counter #rss {
		background:transparent url("../images/feed.gif") no-repeat 0 0; }

	div#counter #twitter {
		background:transparent url("../images/twitter.gif") no-repeat 0 0; }

	div#counter #rss a, div#counter #twitter a {
		float:left;
		font-size:1.2em;
		color:#999;
		padding-left:25px; }

		div#counter #rss a span, div#counter #twitter a span {
			display:block;
			margin:0 0 3px 0;
			font-size:1.5em;
			color:#000;
			}

/* search */
div#search {
    float:left;
    position: relative; }

div#search #input { width: 205px; }

div#search #input {
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
	border-radius:3px;
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.08);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.08);
    padding: 10px 7px 9px 7px;
    border: 1px solid #dbdbdb;
    color: #444;
    font-style: italic; }

div#search #submit {
    position: absolute;
    top: 2px;
    right: 10px;
    height: 17px;
    width: 17px;
    border: none;
    cursor: pointer;
	background: url("../images/btn_search.png") no-repeat; }

/* calendar */
#calendar_wrap {
	margin:0;
	padding:0; }

#wp-calendar {
    empty-cells: show;
    margin: 0 auto;
    width: 100%; }

	#wp-calendar td a {
		background:#999;
		color:#fff;
		font-weight:bold;
		display: block;
	    text-decoration: none; }

	#wp-calendar caption {
			color:#999;
			text-align:left;
			padding:0 0 5px 0;
			margin:0 0 10px 0;			
			line-height: 1.5em;	}

	#wp-calendar th {
		text-align:center;
		padding:3px 0;
	    font-style: normal;
	    text-transform: capitalize; }

	#wp-calendar #next a {
	    padding-right: 10px;
	    text-align: right; }

	#wp-calendar #prev a {
	    padding-left: 10px;
	    text-align: left; }

	#wp-calendar td {
	    padding: 3px 0;
	    text-align: center; }

/*	-------------------------------------------------------------
	PROJECT PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

div.teaser {
    float: left;
    height: 363px;
    position: relative;
    width: 100%;
	margin:0; }

	div.teaser.single {
	    height: 105px; }
		
	div.teaser div.bottom {
	    bottom: 0;
	    position: absolute;
	    width: 100%;
	    z-index: 2;
		border-bottom: 5px solid #006684; }
	
		div.teaser div.bottom .headline {
		    float: left;
		    overflow: hidden;
		    position: relative;
		    width: 640px;
			height: 105px;
			background:#006684; }

			div.teaser.single div.bottom .headline {
			    width: 980px;
				height: 105px; }
	
		div.teaser div.bottom .headline .pos {
			left: 20px;
			padding:38px 20px; }

		div.teaser div.bottom .headline .pos h1 {
			color:#fff;
			font-size:36px;
			font-weight:100; }
	
		div.teaser div.bottom .headline .pos p, div.teaser div.bottom .headline .pos a  {
			color:#666;
			font-size:14px;
			font-weight:500;
			margin:13px 0 0 0;
			letter-spacing:0; }

			div.teaser div.bottom .headline .pos a  {
				color:#fff; }
				
				
				div.teaser div.bottom .headline .pos h1 {font-family: 'HelveticaNeueUltraLight' !important;}
	
	div.teaser a.tall {
	    height: 363px;
	    width: 780px; }

	div.teaser div.media {
	    position: absolute;
	    right: 0;
	    top: 0;
	    width: 780px;
	 	height: 363px;
	    background: transparent;
	    overflow: hidden;
	    z-index: 1; }

	div.teaser div.tools {
	    height: 47px;
	    left: 0;
	    overflow: hidden;
	    position: absolute;
	    top: 206px;
	    width: 188px;
		padding:0 15px 0 0;
		z-index:60;
		background: url("../images/bg_stripe.png") repeat 0 0; }
	
		div.teaser div.tools p {
		    float:left;
			color:#666;
			font-weight:200;
		    margin: 13px 0 0 10px;
		 	text-shadow:1px 1px 0 #fff;}

		div.teaser div.tools a.square {
			float:right;
			padding:4px 0 1px 1px;
			font-size:9px;
			width:50px;
			margin:16px 0 0 5px; }

	div.teaser div.navigation {
		position:absolute;
		bottom:0;
		right:0; }


div.details {
	position:relative;
	padding:0 0 0 20px;
	background:transparent url("../images/line_vert.gif") repeat-y 0 0; }

div.details p {
	line-height:130%;
	margin:0 0 10px 0; }

div.details p strong {
	display:block;
	color:#000; }

	div.details p img {
		padding:1px;
		width: 37px;
		height: 37px;
		margin:9px 7px 0 0;
		border:2px solid #ddd; }

div.showcase {
	margin:0 0 10px 0;
	width: 980px; }

	div.showcase ul {
		list-style:none;
		padding:0;
		margin:0; }
		
	div.showcase ul li {
		margin:1px;
		padding:1px;
		line-height: 0; }

		div.one-col ul li {
			width: 980px;
			line-height: 0; }
			
		div.one-col ul li img {
			visibility:hidden;
			width:980px; }

		div.two-col ul li {
			float:left;
			width: 486px;
			line-height: 0; }
			
		div.two-col ul li img {
			visibility:hidden;
			width:486px;
			height:303px; }

	div.showcase ul li a {
		display:block; }
			
div.socialnetwork {
	position:absolute;
	top:0;
	right:0;
	text-align: right; }
	
	div.socialnetwork ul {
		list-style:none;
		margin:0;
		padding:0; }

		div.socialnetwork ul li {
			float:none;
			text-align:right;
			margin:0; }
						
/*	-------------------------------------------------------------
	FEATURED PROJECT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

div#featured-work {
    float: left;
    overflow: hidden;
    position: relative;
	width:100%; }
	
	div#featured-work ul {
		list-style:none;
		padding:0;
		margin:0 0 -25px 0;
		clear: both; 
		float: left; 
		width:980px;}

	div#featured-work ul .offscreen {
		position: absolute; 
		left: -9999em; 
		overflow: hidden; }

	div#featured-work ul li.project {
		float: left;
		margin: 0 40px 40px 0;
		position: relative;
		height: 111px; 
		width: 300px;
		overflow:hidden;
		background:#fff url("../images/loader.gif") no-repeat center center !important; }

	div#featured-work ul li.project:nth-child(3n+3) {
	    margin:0; }

	div#featured-work ul li.project img {
		visibility:hidden;
		float: left;
		position: relative;
		z-index: 0; }

		div#featured-work ul li.project .hover {
			height: 111px; 
			width: 100%;
			z-index: 3;
			position: absolute;
			top: 0; 
			left: 0; }

		div#featured-work ul li.project .hover.offscreen {
			position: absolute; 
			left: -9999em; 
			overflow: hidden; }

		div#featured-work ul li.project .hover .hover-bg {
			height: 111px; 
			width: 100%;
			position: absolute; 
			top: 0; 
			left: 0;
			background:#006684; }

		div#featured-work ul li.project .hover.offscreen .hover-bg {
			background: none; }

		div#featured-work ul li.project .hover .hover-content {
			position: absolute;
			top: 0; 
			left: 0;
			z-index: 1;
			height: 111px;
			width: 260px;
			padding:30px 20px;
			text-align:center; }

	div#featured-work ul li.project a.tall {
		width: 300px;
		height:111px; }

	div#featured-work ul li.project h4 {
		color:#fff;
		font-size:18px;
		line-height:140%;
		letter-spacing:0;
		margin:0; }

	div#featured-work ul li.project p.type {
		color:#bbb;
		margin:0;
		font-size:11px;
		line-height:1.2;
		text-transform:uppercase;
		font-weight:500; }	

		.preloader { background:transparent url("../images/loader.gif") no-repeat center center !important;  }

/*	-------------------------------------------------------------
	FORMS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* Contact Form */
#contactform, .wpcf7 {
	float:left;
	width: 100%;
	margin:0 auto;
	padding:0; }

#contactform label, .wpcf7 label {
	font-weight:200; }

	#contactform label.alert, .wpcf7 label.alert {
		color:#a92d33; }

#contactform .input-div, .wpcf7 {
	width: 100%; }

#contactform input, .wpcf7 input {
	width: 94%;
	padding: 8px 7px;
	border: 1px solid #cdcdcd;
	border-top: 1px solid #8d8d8d;
	border-bottom: 1px solid #ececec;
	display: block;
	margin-bottom: 10px;
	margin-top: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; }

#contactform .message-div, .wpcf7 .message-div {
	width: 100%;
	float: left;}

#contactform textarea, .wpcf7 textarea {
	padding: 5px 7px;
	width:94%;
	line-height:130%;
	border: 1px solid #cdcdcd;
	border-top: 1px solid #8d8d8d;
	border-bottom: 1px solid #ececec;
	display: block;
	margin-bottom: 10px;
	margin-top: 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px; }

	#contactform input[type=submit], .wpcf7 input[type=submit] {
		background:#ccc;
		color:#666;
		padding:7px 4px 5px 5px;
		margin:0 0 10px 0;
		font-size:9px;
		width:auto;
		text-align:center;
		/*float:right;*/
		clear:both;
		text-transform:uppercase;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-khtml-border-radius: 2px;
		border-radius: 2px;
		text-shadow:0 1px 0 #fff;
		border-top:none;
		border-bottom:1px solid #c2c2c2;
		border-right:1px solid #bcbbbb;  }

		#contactform input[type=submit]:hover, .wpcf7 input[type=submit]:hover {
			background:#000;
			color:#fff;
			text-shadow:none;
			text-decoration:none;
			border-bottom:1px solid #fff;
			border-right:1px solid #fff; }

/*	-------------------------------------------------------------
	FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
footer { 
	width: 980px;
	margin:0 auto 20px auto;
	text-align:center; }	

	footer p { 
		color:#999;
		font-size:11px; }

/*	-------------------------------------------------------------
	CSS3 ICING
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

a:hover  { 
	-o-transition-duration: .15s;
	-o-transition-property: color, background-color;
	-webkit-transition-duration: .15s;
	-webkit-transition-property: color, background-color;
	-moz-transition-duration: .15s;
	-moz-transition-property: color, background-color; }
	
	
#lang_sel_footer ul li a {color:#aaa;text-transform:uppercase;font-size:10px}
#lang_sel_footer ul li a:hover {color:#999;text-transform:uppercase;font-size:10px}