/*
 Theme Name: Reboot
 Theme URI: http://www.reboot.firstbasedesign.co.uk
 Author: GuuThemes
 Author URI: http://www.guuhuu.com
 Description: A responsive WordPress theme built on the Twitter Bootstrap Framework
 Version: 1.4
 Tags: dark, light
 =======
 License: GNU General Public License
 License URI: license.txt
 */

/* The below is to remove the boldness from type in WebKit browsers (Chrome/Safari) Remove if not preferred. */
html {
	-webkit-font-smoothing: antialiased;
}

@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 700;
	src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v4/toadOcfmlt9b38dHJxOBGFkQc6VGVFSmCnC_l7QZG60.woff) format('woff');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 400;
	src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v4/ODelI1aHBYDBqgeIAH2zlBM0YzuT7MdOe03otPbuUS0.woff) format('woff');
}

@font-face {
	font-family: 'Georgia';
	src: url('font/georgia.eot');
	src: url('font/georgia.eot?#iefix') format('embedded-opentype'), url('font/georgia.woff') format('woff'), url('font/georgia.ttf') format('truetype'), url('font/georgia.svg#georgia') format('svg');
	font-weight: normal;
	font-style: normal;
}
.page-holder {
	width: 1217px;
	height: auto;
	margin: 0 auto;
	background: url('img/bg_1.png');
}
.layer-0 {
	width: 1217px;
	height: auto;
	background: url('img/header.png') no-repeat;
}
.layer-0 img#header_m, .layer-0 #social-media-ico {
	display: none;
}
.layer-1 {
	width: 1217px;
	height: auto;
	background: url('img/bg_shadow_left.png') no-repeat 0px -30px;
}
.layer-2 {
	width: 1217px;
	height: auto;
	background: url('img/bg_shadow_right.png') no-repeat 1197px -30px;
}

/* WordPress Specific Styles (Here for reference, and to use if required)
 ----------------------------------------------------------------------------------------*/

/* Default Body Class Styles */
.rtl {
}
.home {
}
.blog {
}
.archive {
}
.date {
}
.search {
}
.paged {
}
.attachment {
}
.error404 {
}
.single postid-(id) {}
.attachmentid-(id) {}
.attachment-(mime-type) {}
.author {
}
.author-(user_nicename) {}
.category {
}
.category-(slug) {}
.tag {
}
.tag-(slug) {}
.page-parent {
}
.page-child parent-pageid-(id) {}
.page-template page-template-(
template file name) {
}
.search-results {
}
.search-no-results {
}
.logged-in {
}
.paged-(page number) {}
.single-paged-(page number) {}
.page-paged-(page number) {}
.category-paged-(page number) {}
.tag-paged-(page number) {}
.date-paged-(page number) {}
.author-paged-(page number) {}
.search-paged-(page number) {}

/* Default Post Styles */
.post-id {
}
.post {
}
.page {
}
.attachment {
}
.sticky {
}
.hentry {
}
.category-misc {
}
.category-example {
}
.tag-news {
}
.tag-wordpress {
}
.tag-markup {
}

/* Default Post Format Styles */
.format-image {
}
.format-gallery {
}
.format-chat {
}
.format-link {
}
.format-quote {
}
.format-status {
}
.format-video {
}

/* Default Widget Styles */
.widget {
}

#searchform {
	position: absolute;
	top: 5px;
	left: 860px;
}

#searchform form {
	margin-left: 26px;
	display: float;
	float: left;
	clear: none;
}
#searchform form input[type="submit"] {
	width: 22px;
	height: 19px;
	border: none;
	background: url('img/ico_magnifier.png') 0px 5px no-repeat;
}
#searchform form input[type="text"] {
	width: 120px;
	border: none;
	background: transparent;
	outline: none;
	font-family: 'Source Sans Pro';
	font-weight: bold;
	font-size: 16px;
	/*line-height: 20px;*/
	height: 20px;
	text-transform: uppercase;
	margin-bottom: 0;
}
#searchform form input[type="text"]:hover, 
#searchform form input[type="text"]:focus {
	background: #fff;
}

#searchform form p {
	margin: 0;
}

.widget_search {
}
.screen-reader-text {
}

.widget_meta {
}
.widget_meta ul {
}
.widget_meta ul li {
}
.widget_meta ul li a {
}

.widget_links {
}
.widget_links ul {
}
.widget_links ul li {
}
.widget_links ul li a {
}

.widget_archive {
}
.widget_archive ul {
}
.widget_archive ul li {
}
.widget_archive ul li a {
}
.widget_archive select {
}
.widget_archive option {
}

.widget_pages {
}
.widget_pages ul {
}
.widget_pages ul li {
}
.widget_pages ul li a {
}

.widget_links {
}
.widget_links li:after {
}
.widget_links li:before {
}
.widget_tag_cloud {
}
.widget_tag_cloud a {
}
.widget_tag_cloud a:after {
}
.widget_tag_cloud a:before {
}

.widget_calendar {
}
#calendar_wrap {
}
#calendar_wrap th {
}
#calendar_wrap td {
}
#wp-calendar tr td {
}
#wp-calendar caption {
}
#wp-calendar a {
}
#wp-calendar #today {
}
#wp-calendar #prev {
}
#wp-calendar #next {
}
#wp-calendar #next a {
}
#wp-calendar #prev a {
}

.widget_categories {
}
.widget_categories ul {
}
.widget_categories ul li {
}
.widget_categories ul ul.children {
}
.widget_categories a {
}
.widget_categories select {
}
.widget_categories select#cat {
}
.widget_categories select.postform {
}
.widget_categories option {
}
.widget_categories .level-0 {
}
.widget_categories .level-1 {
}
.widget_categories .level-2 {
}
.widget_categories .level-3 {
}

.recentcomments {
}
#recentcomments {
}
#recentcomments li {
}
#recentcomments li a {
}
.widget_recent_comments {
}

.widget_recent_entries {
}
.widget_recent_entries ul {
}
.widget_recent_entries ul li {
}
.widget_recent_entries ul li a {
}

.textwidget {
}
.widget_text {
}
.textwidget p {
}

/* Default Comment Form Styles */
.commentlist .reply {
}
.commentlist .reply a {
}

.commentlist .alt {
}
.commentlist .odd {
}
.commentlist .even {
}
.commentlist .thread-alt {
}
.commentlist .thread-odd {
}
.commentlist .thread-even {
}
.commentlist li ul.children .alt {
}
.commentlist li ul.children .odd {
}
.commentlist li ul.children .even {
}

.commentlist .vcard {
}
.commentlist .vcard cite.fn {
}
.commentlist .vcard span.says {
}
.commentlist .vcard img.photo {
}
.commentlist .vcard img.avatar {
}
.commentlist .vcard cite.fn a.url {
}

.commentlist .comment-meta {
}
.commentlist .comment-meta a {
}
.commentlist .commentmetadata {
}
.commentlist .commentmetadata a {
}

.commentlist .parent {
}
.commentlist .comment {
}
.commentlist .children {
}
.commentlist .pingback {
}
.commentlist .bypostauthor {
}
.commentlist .comment-author {
}
.commentlist .comment-author-admin {
}

.commentlist {
}
.commentlist li {
}
.commentlist li p {
}
.commentlist li ul {
}
.commentlist li ul.children li {
}
.commentlist li ul.children li.alt {
}
.commentlist li ul.children li.byuser {
}
.commentlist li ul.children li.comment {
}
.commentlist li ul.children li.depth- {id} {
}
.commentlist li ul.children li.bypostauthor {
}
.commentlist li ul.children li.comment-author-admin {
}

#cancel-comment-reply {
}
#cancel-comment-reply a {
}

.entry-content img {
}
.alignleft, img.alignleft {
}
.alignright, img.alignright {
}
.aligncenter, img.aligncenter {
}
.alignnone, img.alignnone {
}

.wp-caption {
}
.wp-caption img {
}
.wp-caption p.wp-caption-text {
}

.wp-smiley {
}

blockquote.left {
}
blockquote.right {
}

.size-full {
}
.size-large {
}
.size-medium {
}
.size-thumbnail {
}

.gallery {
	clear: both;
	overflow: hidden;
	margin: 0 auto;
}
.gallery .gallery-item {
	overflow: hidden;
	float: left;
	margin: 0 0 0;
	text-align: center;
	list-style: none;
}

.gallery-caption {
	font-size: 11px;
}

/*
 Image sizes depending on the number of columns
 */
.gallery-columns-0 .gallery-item {
	width: 100%;
}
.gallery-columns-1 .gallery-item {
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-3 .gallery-item {
	width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery-columns-5 .gallery-item {
	width: 20%;
}
.gallery-columns-6 .gallery-item {
	width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	width: 11.11%;
}
.gallery-columns-10 .gallery-item {
	width: 10%;
}
.gallery-columns-11 .gallery-item {
	width: 9.09%;
}
.gallery-columns-12 .gallery-item {
	width: 8.33%;
}
.gallery-columns-13 .gallery-item {
	width: 7.69%;
}
.gallery-columns-14 .gallery-item {
	width: 7.14%;
}
.gallery-columns-15 .gallery-item {
	width: 6.66%;
}
.gallery-columns-16 .gallery-item {
	width: 6.25%;
}
.gallery-columns-17 .gallery-item {
	width: 5.88%;
}
.gallery-columns-18 .gallery-item {
	width: 5.55%;
}
.gallery-columns-19 .gallery-item {
	width: 5.26%;
}
.gallery-columns-20 .gallery-item {
	width: 5%;
}
.gallery-columns-21 .gallery-item {
	width: 4.76%;
}
.gallery-columns-22 .gallery-item {
	width: 4.54%;
}
.gallery-columns-23 .gallery-item {
	width: 4.34%;
}
.gallery-columns-24 .gallery-item {
	width: 4.16%;
}
.gallery-columns-25 .gallery-item {
	width: 4%;
}
.gallery-columns-26 .gallery-item {
	width: 3.84%;
}
.gallery-columns-27 .gallery-item {
	width: 3.7%;
}
.gallery-columns-28 .gallery-item {
	width: 3.57%;
}
.gallery-columns-29 .gallery-item {
	width: 3.44%;
}
.gallery-columns-30 .gallery-item {
	width: 3.33%;
}

/* Image Styles
 ----------------------------------------------------------------------------------------*/

[class^="icon-"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: text-top;
	background-image: url(img/glyphicons-halflings.png);
	background-repeat: no-repeat;
	*margin-right: .3em;
}

.icon-white {
	background-image: url(img/glyphicons-halflings-white.png);
}

.alignleft, .alignleft img {
	margin-right: 1.5em;
	margin-bottom: 1.5em;
	float: left;
}

.alignright, .alignright img {
	margin-left: 1.5em;
	margin-bottom: 1.5em;
	float: right;
}

.aligncenter, .aligncenter img {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
}

/* Blog Post Specific Items
 ----------------------------------------------------------------------------------------*/

.meta {
	font-size: 11px;
	line-height: 16px;
	color: #000;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-style: italic;
	color: #999;
	margin-left: 20px;
}

.meta ul {
	margin: 20px 0 0 0;
	padding: 0;
}

.meta li {
	float: left;
	list-style: none;
	padding: 0 7px;
	border-left: 1px dotted #999;
}

.meta li.post-date {
	border-left: none;
	padding-left: 0;
}

p.tags {
	margin: 10px 0 0 3px;
	display: inline-block;
	font-size: 11px;
}

p.tags a {
	padding: 3px;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-style: italic;
}

.dropcap {
	font-family: Georgia, serif;
	font-size: 55px;
	padding: 0 7px 5px 0;
	line-height: 1em;
	float: left;
	text-shadow: 1px 1px 0 #fafafa, 2px 2px 0 rgba(95, 149, 176, 0.5), 0 0 1px #fafafa;
}

blockquote small {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-style: italic;
}

/* Sidebar
 ----------------------------------------------------------------------------------------*/

#footer-widgets {
	margin-top: 30px;
	padding-bottom: 20px;
	color: #fff;
}

div.widget {
	margin-bottom: 18px;
	overflow: hidden;
}

#sidebar div.widget {
/*	margin-top: 10px;*/
}

#sidebar div.widget_search {
	background: none;
	border: none;
	box-shadow: none;
	padding: 0;
	margin-bottom: 0;
}

.widget ul {
	margin: 0 0 9px 0;
}

.widget ul li {
	background: url("img/ico_twitter.png")no-repeat left 27px;
  	padding-left: 60px;
	/*list-style: none;*/
	margin-bottom: 10px;
	margin-top: -1px;
}

.widget ul > li > a {
	/*display: block;*/
	text-decoration: none;
}

.widget ul > li > a:hover {
	color: #999 !important;
}

/* Post Styles
 ----------------------------------------------------------------------------------------*/

.portfolio {
	background-color: #fff;
	-moz-box-shadow: 1px 1px 0 0 #ccc;
	-webkit-box-shadow: 1px 1px 0 0 #ccc;
	box-shadow: 1px 1px 0 0 #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 30px;
	padding-bottom: 20px;
}

.post p, .portfolio p {
	padding: 0 20px;
}

.entry-meta {
	clear: both;
	display: block;
}

.format-gallery .gallery-thumb {
	float: left;
	margin: 0 1em 0 0;
}

/* Search Form Styles
 ----------------------------------------------------------------------------------------*/

/*
 #searchform input#s {
 padding-left: 4px;
 padding-right: 4px;
 margin-right: 4px;
 margin-bottom: 0;
 -webkit-border-radius: 14px;
 -moz-border-radius: 14px;
 border-radius: 14px;
 display: inline;
 float: left;
 }

 #searchsubmit {
 display: inline-block;
 padding: 5px 10px 6px;
 font-size: 13px;
 line-height: normal;
 color: #333;
 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
 background-color: #E6E6E6;
 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), color-stop(25%, white), to(#E6E6E6));
 background-image: -webkit-linear-gradient(white, white 25%, #E6E6E6);
 background-image: -moz-linear-gradient(top, white, white 25%, #E6E6E6);
 background-image: -ms-linear-gradient(white, white 25%, #E6E6E6);
 background-image: -o-linear-gradient(white, white 25%, #E6E6E6);
 background-image: linear-gradient(white, white 25%, #E6E6E6);
 background-repeat: no-repeat;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
 border: 1px solid #CCC;
 border-bottom-color: #BBB;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
 cursor: pointer;
 -webkit-transition: 0.1s linear all;
 -moz-transition: 0.1s linear all;
 -ms-transition: 0.1s linear all;
 -o-transition: 0.1s linear all;
 transition: 0.1s linear all;
 -webkit-appearance: button;
 }
 */
/* Caption Styling
 ----------------------------------------------------------------------------------------*/
.wp-caption {
	padding: 9px;
}
.wp-caption-text {
	font-size: 10px;
	line-height: 14px;
}
.gallery-caption {
	padding: 9px;
}

/* Sticky Post Styles
 ----------------------------------------------------------------------------------------*/
.sticky {
	padding: 4px;
	border: 1px solid #DDD;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}

/* Custom Elements Added
 ----------------------------------------------------------------------------------------*/

a:hover, a:active {
	color: #000;
	text-decoration: none !important;
}

p {
	line-height: 1.7;
	margin: 10px 0;
}

blockquote {
	border-bottom: 5px solid #003190;
	margin-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

blockquote p {
	font-weight: 600;
	line-height: 1.7;
}

.post .category {
	float: right;
	font-size: 12px;
	text-transform: uppercase;
	text-shadow: none;
}

#strapline {
	font-size: 12px;
	margin-top: 15px;
	margin-bottom: 0;
	padding: 3px 0;
	display: inline-block;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
}

#footer-global p {
	color: #fff;
}

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

iframe.gmap {
	max-width: 100%;
	border: 3px solid #fff;
	-moz-box-shadow: 1px 1px 0 0 #ccc;
	-webkit-box-shadow: 1px 1px 0 0 #ccc;
	box-shadow: 1px 1px 0 0 #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.pad {
	padding: 15px
}

.well {
	border: 1px solid #ccc;
}

#featured .well {
	display: table;
}

[class^="icon-"] {
	background-image: none;
}

h1, h2, h3, h4, h5, h6 {

	line-height: 1.4em;
	margin-bottom: 20px;
}

.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
	padding: 0 20px;
}

h1 {
	text-transform: uppercase;
	margin-bottom: 10px;
}

.single-title {
	text-shadow: 1px 1px 0 #fafafa, 2px 2px 0 rgba(95, 149, 176, 0.5), 0 0 1px #fafafa;
}

#logo h1 {
	margin-bottom: 0;
	text-shadow: 1px 1px 0 #fafafa, 2px 2px 0 rgba(95, 149, 176, 0.5), 0 0 1px #fafafa;
	line-height: 1;
}

#logo h1 a:hover {
	text-decoration: none;
}

#logo h1 img {
	border: none;
}

h2 {
	font-size: 18px;
	text-transform: uppercase;
}

.wrap h2 {
	text-transform: none;
}

h3 {
	text-transform: uppercase;
	line-height: 1.6;
	font-size: 16px;
}

.blog-index h1, .blog-single h1 {
	color: #fff;
	margin-bottom: 0;
	padding: 10px 10px;
	background-color: #333;
	text-shadow: 2px 1px 1px #000;
	border-bottom: 1px solid #fff;
	text-transform: uppercase;
	line-height: 1.6;
	font-size: 16px;
}

.blog-index h1 [class^="icon-"], .blog-single h1 [class^="icon-"] {
	color: #fff;
}

.blog-index h1 a, .blog-single h1 a {
	color: #fff;
}

.well h3 {
	display: table-cell;
	vertical-align: middle;
}

h4 {
	font-size: 16px;
}

h4.widget-title {
margin-top: 20px;
font-size: 22px;	
}
/*
 h4.widget-title {
 color: #fff;
 margin-bottom: 20px;
 padding-bottom: 10px;
 border-bottom: 1px solid #eee;
 text-transform: uppercase;
 text-shadow: 2px 1px 1px #000;
 }

 #sidebar h4.widget-title {
 background-color: #333;
 color: #fff !important;
 margin-bottom: 10px;
 padding: 10px;
 }

 #sidebar h4.widget-title:after {
 float: right;
 font-family: 'FontAwesome';
 content: "\f02e";// If you need to change this icon, please reference the file /css/font-awesome/font-awesome.css for the available icons.
 font-size: 20px;
 }*/

h5 {
	font-size: 12px;
}

#contact-details {
	margin-top: 20px;
}

.middle {
	/*margin-bottom: 30px;*/
}

#footer-global {
	background: #2E3190 url("img/bg_map.png") no-repeat;
	min-height: 300px;
	margin-top: 20px;
}

.header-wrap {
	/*margin-top: 50px;
	 margin-bottom: 20px;
	 padding: 20px 0 0 0;*/
	text-align: center;
	height: 203px;
	font-family: 'Source Sans Pro';
	font-weight: normal;
	font-size: 20px;
	color: #000;
}

.img_wrapper {
	margin-bottom: 0;
	padding-bottom: 0;
}

#latest-articles article, #latest-work article {
	display: block;
	margin-bottom: 30px;
}

#latest-work, #latest-news, #services {
	/*background-color: rgba(255, 255, 255, .6);*/
	padding: 10px 0;
}

#latest-work .media-box, #portfolio-projects .media-box, #services-projects .media-box {
	margin-bottom: 80px;
}
#services-projects .media-box-bottom h2 {
	font-size: 16px;
}

.ie8 #latest-articles img, .ie8 .flexslider .slides img, .ie8 .fancybox img, .ie8 .single-post .wp-post-image {
	width: 100%;
}

#services {
	text-align: center;
}

#services h2 {
	border-bottom: 1px solid #666;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	text-shadow: 1px 1px 0 #fafafa, 2px 2px 0 rgba(95, 149, 176, 0.5), 0 0 1px #fafafa;
}

#services img {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	opacity: 1;
	-moz-opacity: 1;
}

#services img:hover {
	-webkit-transform: translatey(-3px);
	-moz-transform: translatey(-3px);
	-o-transform: translatey(-3px);
	transform: translatey(-3px);
	opacity: 0.5;
	-moz-opacity: 0.5;
}

.section-title, #page-title, #project-title, #contact-details-title {
	padding: 0;
	margin-bottom: 0;
	text-align: left;
	display: block;
}

#page-title, #project-title {
	/*margin-top: 14px;*/
	margin-bottom: 0;
}

#project-title {
	margin-bottom: 10px;
}

#page-title-portfolio {
	padding: 0;
	text-align: center;
	display: block;
	margin-top: 14px;
	margin-bottom: 20px;
}

#page-title h1, #page-title-portfolio h1, #project-title h1, #contact-details-title h1 {
	float: left;
}

#latest-work h1, #latest-news h1, #page-title h1, #page-title-portfolio h1, #project-title h1, #contact-details-title h1 {
	color: #003191;
	/*line-height: 1.3;*/
}

#latest-work h1 span, #latest-work h1 a, #latest-news h1 span, #latest-news h1 a, #page-title span, #page-title-portfolio span, #project-title span {
	color: #003191;
	font-size: 14px;
	/*
	 text-shadow: 1px 1px 1px rgba(0,0,0,1);
	 z-index: 100;
	 -webkit-transition: all .1s ease-in-out;
	 -moz-transition: all .3s ease-in-out;
	 -o-transition: all .3s ease-in-out;
	 -ms-transition: all .3s ease-in-out;
	 transition: all .3s ease-in-out;*/
}

#latest-work h1 span, #latest-news h1 span, #page-title span, #page-title-portfolio span, #project-title span {
	padding: 0 20px;
	margin-top: -5px;
	text-align: center;
}

#latest-work h1 [class^="icon-"], #latest-news h1 [class^="icon-"] {
	color: #fff;
	line-height: 1.4;
	padding-left: 10px;
	padding-right: 15px;
	text-shadow: none;
}

#latest-work h1 a, #latest-news h1 a {
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#latest-work h1 a:hover, #latest-news h1 a:hover {
	text-decoration: none;
}

.ribbon {
	display: inline-block;
	position: relative;
}

/*
 .ribbon:after, .ribbon:before {
 content: "";
 position: absolute;
 display: block;
 border: 1.5em solid #292a2c;
 }

 .ribbon:after {
 top: 1.6em;
 right: -2.2em;
 border-left-width: 1.5em;
 border-right-color: transparent;
 }

 .ribbon:before {
 top: 1.6em;
 left: -2.2em;
 border-right-width: 1.5em;
 border-left-color: transparent;
 }

 .ribbon span {
 background: #fff;
 display: inline-block;
 line-height: 2em;
 padding: 0 1em;
 margin-top: 0.5em;
 position: relative;
 -webkit-transition: background-color 0.2s, margin-top 0.2s;
 -moz-transition: background-color 0.2s, margin-top 0.2s;
 -ms-transition: background-color 0.2s, margin-top 0.2s;
 -o-transition: background-color 0.2s, margin-top 0.2s;
 transition: background-color 0.2s, margin-top 0.2s;
 }

 .ribbon a:hover span {
 background: #FFD204;
 margin-top: 0;
 }

 .ribbon span:before {
 content: "";
 position: absolute;
 top: 2em;
 left: 0;
 border-right: 0.5em solid #000;
 border-bottom: 0.5em solid #292a2c;
 }

 .ribbon span:after {
 content: "";
 position: absolute;
 top: 2em;
 right: 0;
 border-left: 0.5em solid #000;
 border-bottom: 0.5em solid #292a2c;
 }*/

#page-title h2, #project-title h2, #contact-details-title h2 {
	float: right;
	font-size: 12px;
	color: #666;
	text-transform: none;
	padding: 0 10px;
}

.latest-news-excerpt h3 a {
	color: #333;
	margin-top: 3px;
	padding: 10px 0;
	text-decoration: none;
	display: block;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.latest-news-meta {
	margin: 0 0 10px 0;
	padding: 3px 20px 3px 10px;
	background-color: rgba(255, 255, 255, .7);
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
}

.latest-news-meta p {
	color: #000;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-style: italic;
	margin-top: 4px;
	margin-bottom: 4px;
}

.latest-news-excerpt h3 {
	font-size: 15px;
	text-shadow: 1px 1px 0 #fafafa, 2px 2px 0 rgba(95, 149, 176, 0.5), 0 0 1px #fafafa;
	margin-bottom: 5px;
}

#portfolio-filter {
	margin: 0 0 20px 0;
	text-align: left;
}

#portfolio-filter ul {
	list-style: none;
	display: inline-block;
	margin: 0;
}
#portfolio-filter li {
	margin-right: 10px;
	float: left;
}

#portfolio-filter li a {
	color: #2F3191;
	-webkit-transition: color .1s ease-in-out;
	-o-transition: color .1s ease-in-out;
	-moz-transition: color .1s ease-in-out;
	-ms-transition: color .1s ease-in-out;
	transition: color .1s ease-in-out;
	text-transform: uppercase;
	text-decoration: underline;
	font-size: 14px;
	font-family: 'Source Sans Pro';
	line-height: 22px;
}

#portfolio-filter li a:hover, #portfolio-filter li.current a, #portfolio-filter li a.active {
	color: #E6A831;
}

.project-type, .post-category {
	display: block;
}

.project-type a, .post-category a {
	font-size: 12px;
	-webkit-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
	text-shadow: none;
}

.project-type a:hover, .post-category a:hover {
	font-size: 12px;
	color: #999;
	text-decoration: none;
}

#project-title .project-type a:hover {
	background-color: none;
}

/* Isotope Filtering */
.isotope-item {
	z-index: 2;
	margin-bottom: 30px;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

/* Isotope CSS3 transitions */
.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -moz-transform, opacity;
	-o-transition-property: top, left, opacity;
	transition-property: transform, opacity;
}

/* disabling Isotope CSS3 transitions */
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}

#client-details-left-column, #client-details-right-column {
	margin-bottom: 20px;
	padding-bottom: 25px;
}

#client-details-left-column {
	border-right: 1px dotted #999;
}

#client-details-left-column p, #client-details-right-column p {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
}

#client-details-left-column .btn, #client-details-right-column .btn {
	margin-top: 10px;
}

/*-----------------------------------------------------------------------------------*/
/*	11.	Image Overlay/Hover Styles
 /*-----------------------------------------------------------------------------------*/

.view {
	overflow: hidden;
	position: relative;
	cursor: default;
}

.view .mask, .view .content {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}

.view .view-more h2:hover {
	color: #fff;
}

.view-more h2 .icon-plus {
	color: #1ca9e4;
}

.view-first .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	background-color: rgba(0,0,0, 0.1);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	width: 100%;
	height: 100%;
}

.view-first:hover .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=80);
	opacity: .8
}

.view img {
	max-width: 100%;
	width: 100%;
	height: auto;
	display: block;
	position: relative;
}

.view-first {
	padding: 0;
	border-radius: 0;
	border: 3px solid #fff;
	-moz-box-shadow: 1px 1px 0 0 #ccc;
	-webkit-box-shadow: 1px 1px 0 0 #ccc;
	box-shadow: 1px 1px 0 0 #ccc;
	-webkit-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

.media-box h2, .latest-article h2 {
	position: absolute;
	top: 10%;
	left: 10%;
	width: 80%;
	color: #fff;
	padding-bottom: 10px;
	border-bottom: 1px dotted #fff;
	font-size: 20px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.latest-article h2 {
	font-size: 15px;
	line-height: 1.4;
}

.media-box h2 a, .latest-article h2 a {
	color: #fff;
	text-decoration: none;
}

.media-box .project-cat, .media-box .speaker-name {
	position: absolute;
	bottom: 10%;
	left: 10%;
	font-size: 11px;
	color: #fff;
	font-style: italic;
}

.media-box .speaker-name {
	top: 25%;
	font-style: normal;
	font-weight: bold;
}

.media-box .project-cat a {
	color: #fff;
	text-decoration: none;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-style: italic;
}

.masthead h2 {
	margin-bottom: 0;
	font-size: 60px;
	line-height: 1;
	letter-spacing: -1px;
	text-align: center;
	margin-bottom: 9px;
}

.mission-statement {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .7);
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	padding: 20px 0;
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: center;
}

.mission-statement h3 {
	margin: 0 20px 0 20px;
	line-height: 1.6;
	font-weight: 100;
	text-shadow: 1px 1px 0 #fafafa, 2px 2px 0 rgba(95, 149, 176, 0.5), 0 0 1px #fafafa;
}

.mission-statement span {
	color: #1ca9e4;
}

#social-icons-small {
	display: block;
	float: right;
}

#social-icons-small li {
	float: left;
	list-style: none;
}

#social-icons-small li a {
	width: 50px;
	height: 50px;
	display: block;
	text-indent: -9999px;
	background-image: url(img/social_icons_small.png);
	background-repeat: no-repeat;
}

#social-icons-small li a.twitter-link {
	background-position: 50% 0;
}
#social-icons-small li a.facebook-link {
	background-position: 50% -50px;
}
#social-icons-small li a.dribbble-link {
	background-position: 50% -100px;
}
#social-icons-small li a.vimeo-link {
	background-position: 50% -150px;
}
#social-icons-small li a.flickr-link {
	background-position: 50% -200px;
}
#social-icons-small li a.rss-link {
	background-position: 50% -250px;
}
#social-icons-small li a.linkedin-link {
	background-position: 50% -300px;
}
#social-icons-small li a.google-link {
	background-position: 50% -350px;
}

#header-nav[role=navigation] #social-icons-small li a {
	padding: 0;
}

/*-----------------------------------------------------------------------------------*/
/*	13.	Main Navigation Styles
 /*-----------------------------------------------------------------------------------*/

#nav-wrapper {
	width: 100%;
	/*min-height: 50px;
	 background-color: #2c2c2c;
	 background-image: -moz-linear-gradient(top, #333333, #222222);
	 background-image: -ms-linear-gradient(top, #333333, #222222);
	 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
	 background-image: -webkit-linear-gradient(top, #333333, #222222);
	 background-image: -o-linear-gradient(top, #333333, #222222);
	 background-image: linear-gradient(top, #333333, #222222);
	 background-repeat: repeat-x;
	 opacity: 0.9;
	 -moz-opacity: 0.9;
	 /*position: fixed;
	 top: 0;*/
	text-align: center;
	z-index: 1000;
	/*-webkit-box-shadow: 0px 0px 8px 0px #000;
	 -moz-box-shadow: 0px 0px 8px 0px #000;
	 box-shadow: 0px 0px 8px 0px #000;
	 border-bottom: 1px solid #8b8989;*/
	font: inherit;
}

#header-nav[role=navigation] {
	margin-left: 30px;
	position: relative;
}

#header-nav[role=navigation] ul {
	margin: 0;
	margin-left: 48px;
	list-style: none;
	font-family: 'Source Sans Pro';
	font-weight: bold;
}

#header-nav[role=navigation] ul a {
	text-transform: uppercase;
}

#header-nav[role=navigation] ul li {
	float: left;
	position: relative;
	margin-left: 25px;
}

#header-nav[role=navigation] ul li a {
	float: left;
	position: relative;
	z-index: 200;
	padding: 0 15px;
	height: 38px;
	line-height: 38px;
	display: inline-block;
	font-size: 16px;
}

#header-nav[role=navigation] ul li a:hover {
	text-decoration: none;
	background: #e6a831;
	color: #fcfae5;
}

#header-nav[role=navigation] ul li:hover {
	visibility: inherit;
}

#header-nav[role=navigation] ul ul {
	top: -9999em;
	width: 150px;
}

/*  Make sub menus appear */
#header-nav[role=navigation] ul li:hover ul, #header-nav[role=navigation] ul li.sfHover ul {
	top: 38px;
	z-index: 2000;
}

/* Hide all subs subs (4 levels deep) */
#header-nav[role=navigation] ul li:hover li ul, #header-nav[role=navigation] ul li.sfHover li ul, #header-nav[role=navigation] ul li li:hover li ul, #header-nav[role=navigation] ul li li.sfHover li ul, #header-nav[role=navigation] ul li li li:hover li ul, #header-nav[role=navigation] ul li li li.sfHover li ul {
	top: -9999em;
}

/* Displays all subs subs (4 levels deep) */
#header-nav[role=navigation] ul li li:hover ul, #header-nav[role=navigation] ul li li.sfHover ul, #header-nav[role=navigation] ul li li li:hover ul, #header-nav[role=navigation] ul li li li.sfHover ul, #header-nav[role=navigation] ul li li li li:hover ul, #header-nav[role=navigation] ul li li li li.sfHover ul {
	left: 150px;
	top: -1px;
}

/* top level skin ------------------------------------*/
#header-nav[role=navigation] ul a {
	color: #000;
	-webkit-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	-ms-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
}

#header-nav[role=navigation] ul a:hover, #header-nav[role=navigation] ul li.sfHover > a {
	color: #000;
	background-color: #1ca9e4;
}

#header-nav[role=navigation] ul ul li.sfHover > a {
	color: #000;
}

#header-nav[role=navigation] ul li.current-cat > a, #header-nav[role=navigation] ul li.current_page_item > a, #header-nav[role=navigation] ul li.current-menu-item > a {
	color: #fff;
}

#header-nav[role=navigation] ul ul li.current-cat > a, #header-nav[role=navigation] ul ul li.current_page_item > a, #header-nav[role=navigation] ul ul li.current-menu-item > a {
	color: #fff;
}

/* 2nd level skin ------------------------------------*/

#header-nav[role=navigation] ul ul {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	min-width: 160px;
	width: auto;
	padding: 4px 0;
	margin: 0;
	list-style: none;
	*border-right-width: 2px;
	*border-bottom-width: 2px;
	background-color: #e6a831;
	/*background-color: rgba(41, 44, 46, .95);*/
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
	border-top: 2px solid #3092bb;
	padding: 3px 20px 3px 0px;
}

#header-nav[role=navigation] ul ul li {
	position: relative;
	height: 35px;
	line-height: 35px;
	border-top: 1px dotted #666;
	float: none;
	text-align: left;
}

#header-nav[role=navigation] ul ul li:first-child {
	border-top: none;
}

#header-nav[role=navigation] ul ul li a {
	color: #fff;
	font-weight: normal;
	line-height: 35px;
	height: 35px;
	font-size: 11px;
	white-space: nowrap;
	display: inline-block;
	padding: 0;
	text-decoration: none;
	-webkit-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

#header-nav[role=navigation] ul ul li a:hover {
	/*margin-left: 2px;*/
}

#header-nav[role=navigation] ul li.sfHover ul a:hover, #header-nav[role=navigation] ul ul li.sfHover > a {
	background: none;
	color: #000;
}

#header-nav[role=navigation] ul ul li.current-cat > a, #header-nav[role=navigation] ul ul li.current_page_item > a, #header-nav[role=navigation] ul ul li.current-menu-item > a {
	background: none;
	color: #000;
}

#footer-navigation {
	float: right;
	margin-top: 9px;
}

#footer-navigation li {
	float: left;
	display: block;
	margin: 0;
	padding-left: 15px;
}

.project-nav {
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: center;
}

.project-nav .arrow-left {
	margin-right: 5px;
}

.project-nav .arrow-right {
	margin-right: 7px;
	margin-left: 5px;
}

.project-nav [class^="icon-"] {
	font-size: 20px;
	text-decoration: none;
	color: #000;
	opacity: .7;
	-webkit-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

.project-nav [class^="icon-"]:hover {
	opacity: 1;
}

#copyright-and-credits {
	border-top: 1px solid rgba(255,255,255,.3);
	background: #fff url('img/bg_footer.png') no-repeat top right;
}

.really_simple_twitter_widget li:before {
	float: left;
	font-family: 'FontAwesome';
	/*content: url("img/ico_twitter.png");*/
	/*content: "\f099";// If you need to change this icon, please reference the file /css/font-awesome/font-awesome.css for the available icons.*/
	font-size: 20px;
	padding-right: 10px;
}

.twitter-timestamp {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-style: italic;
	font-size: 11px;
	display: block;
	margin-top: 3px;
	color: #999;
}

.twitter-timestamp abbr[title] {
	border-bottom: none;
}

.widget_recent_comments li:before {
	float: left;
	font-family: 'FontAwesome';
	content: "\f0e5";// If you need to change this icon, please reference the file /css/font-awesome/font-awesome.css for the available icons.
	font-size: 20px;
	padding-right: 10px;
}

.widget_recent_entries li:before {
	float: left;
	font-family: 'FontAwesome';
	content: "\f016";// If you need to change this icon, please reference the file /css/font-awesome/font-awesome.css for the available icons.
	font-size: 20px;
	padding-right: 10px;
}

.advanced_recent_posts_widget ul li {
	border-bottom: 1px dotted #999 !important;
	margin-bottom: 10px !important;
}

.advanced_recent_posts_widget .post-title {
	font-size: 15px !important;
	font-weight: normal;
}

.advanced_recent_posts_widget .post-date {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-style: italic;
	display: block;
	margin-top: 3px;
	margin-bottom: 8px;
	color: #999;
}

.advanced_recent_posts_widget .post-date:before {
	content: "Posted on ";
}

.advanced_recent_posts_widget .more-link {
	display: block;
}

#footer-global .advanced_recent_posts_widget .post-date {
	color: #999;
	font-size: 11px;
}

.widget img {
	float: left;
	margin: 0 12px 12px 0;
	border: 1px solid #fff;
	opacity: .8;
	-webkit-transition: border .3s ease-in-out;
	-o-transition: border .3s ease-in-out;
	-moz-transition: border .3s ease-in-out;
	-ms-transition: border .3s ease-in-out;
	transition: border .3s ease-in-out;
}

.widget img:hover {
	opacity: 1;
	border: 1px solid #1ca9e4;
}

#footer-global .widget img {
	-moz-box-shadow: 1px 1px 3px 2px #000, 0 0 2px rgba(0, 0, 0, .5) inset;
	-webkit-box-shadow: 1px 1px 3px 2px #000, 0 0 2px rgba(0, 0, 0, .5) inset;
	box-shadow: 1px 1px 3px 2px #000, 0 0 2px rgba(0, 0, 0, .5) inset;
}

#sidebar .widget img {
	margin: 0 5px 5px 0;
	box-shadow: none;
	-moz-box-shadow: 1px 1px 0 0 #ccc;
	-webkit-box-shadow: 1px 1px 0 0 #ccc;
	box-shadow: 1px 1px 0 0 #ccc;
}

.single-post .widget img {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #fff;
	-moz-box-shadow: 1px 1px 0 0 #ccc;
	-webkit-box-shadow: 1px 1px 0 0 #ccc;
	box-shadow: 1px 1px 0 0 #ccc;
}

#related-projects h3 {
	border-bottom: 2px solid #666;
	padding-bottom: 5px;
}

#related-projects h3 span {
	color: #ddd;
}

#related-projects ul {
	list-style: none;
	margin-top: 20px;
	margin-left: 0;
	overflow: hi;
}

#related-projects ul li {
	display: block;
	float: left;
	margin-right: 25px;
}

#related-projects ul li.last {
	margin-right: 0;
}

#related-projects img {
	float: left;
	margin: 0 0 15px 0;
	border: 1px solid #fff;
	opacity: .8;
	-moz-opacity: .8;
	background-color: #fff;
}

.ie8 #related-projects img {
	width: auto;
	height: 100%;
}

#related-projects img:hover {
	border: 1px solid #1ca9e4;
	-webkit-transition: border 0.2s ease-in-out;
	-moz-transition: border 0.2s ease-in-out;
	-o-transition: border 0.2s ease-in-out;
	-ms-transition: border 0.2s ease-in-out;
	transition: border 0.2s ease-in-out;
	opacity: 1;
	-moz-opacity: 1;
}

.post-thumbnail img, .portfolio-thumbs img, .single-post img, .gallery .gallery-item img {
	border: 3px solid #fff;
	-moz-box-shadow: 1px 1px 0 0 #ccc;
	-webkit-box-shadow: 1px 1px 0 0 #ccc;
	box-shadow: 1px 1px 0 0 #ccc;
	margin-bottom: 30px;
	-webkit-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	opacity: .9;
}

.post-thumbnail img, .single-post img, .gallery .gallery-item img {
	margin-bottom: 10px;
	border-top: none;
	border-right: none;
	border-bottom: 3px solid #333;
	border-left: none;
	box-shadow: none;
}

.post-thumbnail img:hover, .portfolio-thumbs img:hover, .single-post img:hover, .gallery .gallery-item img:hover {
	opacity: 1;
}

.alignleft, .alignright, .alignnone {
	border: 3px solid #fff;
	-moz-box-shadow: 1px 1px 0 0 #ccc;
	-webkit-box-shadow: 1px 1px 0 0 #ccc;
	box-shadow: 1px 1px 0 0 #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	opacity: .9;
	background-color: #fff;
}

.alignleft:hover, .alignright:hover, .alignnone:hover {
	opacity: 1;
}

#post-list {
	margin-top: 20px;
}

#post-list li {
	padding: 10px;
	width: 50%;
	font-weight: bold;
	background: #f0f0f0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e7e7e7');
	background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7));
	background: -moz-linear-gradient(top,  #f7f7f7,  #e7e7e7);
	cursor: move;
	border: 1px solid #ddd;
	border-raidus: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#loading-animation {
	display: none;
}

#back-to-top {
	position: fixed;
	right: 0px;
	display: none;
	bottom: 20px;
	margin: 0;
	z-index: 1000;
}

#back-to-top a {
	text-decoration: none;
	border: none;
	display: block;
	width: 45px;
	height: 45px;
	background: url(img/back_to_top_btn.png) no-repeat 50% 50%;
	background-color: #c0c0c0;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

#back-to-top a:hover {
	background-color: #1ca9e4;
	background: url(img/back_to_top_btn_hover.png) no-repeat 50% 50%;
}

.media-box {
	position: relative;
}

.video-frame {
	position: relative;
	padding-bottom: 56%;
	height: 0;
	overflow: hidden;
}

.video-frame iframe, .video-frame object, .video-frame embed {
	position: absolute;
	top: 0;
	left: 0;
	margin-bottom: 30px;
	width: 100%;
	height: 100%;
}

/*-----------------------------------------------------------------------------------*/
/*  6.  Comment Styles
 /*-----------------------------------------------------------------------------------*/

/* Comment Form */
.respond {
	margin-top: 30px;
	margin-bottom: 30px;
}
.respond-wrap {
	padding-top: 20px;
}
.respond-wrap .title, .respond-wrap p {
	padding-left: 30px;
	padding-right: 30px;
}
.respond .title {
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 800;
}
.respond .input {
	height: 30px;
}
.respond textarea.input {
	height: 160px;
}
.respond h3 {
	color: #000;
	background: none;
	text-shadow: none;
	padding: 0 0 10px 0;
	border-bottom: none;
}

/* Comments */
h3.comments-title {
	color: #000;
	font-size: 28px;
	margin-top: 30px;
	margin-bottom: 20px;
	padding: 0;
	text-transform: uppercase;
	border-bottom: 0;
	text-shadow: none;
	background: none;
}
ol.commentlist {
	list-style-type: none;
	margin: 0 0 15px;
}
ol.commentlist ul, ol.commentlist ol {
	list-style: none;
}
.comment-author.vcard {
	font-size: 18px;
}
.comment-meta a {
	font-style: italic;
}
.commentlist .comment-body .avatar {
	left: 20px;
	position: absolute;
	right: auto;
	top: 20px;
	width: 60px;
	border-bottom: none;
}
.commentlist .comment-body {
	margin-bottom: 16px;
	min-height: 80px;
	position: relative;
	min-height: 90px;
	padding: 20px 20px 4px 96px;
	background-color: #eee;
	border: 1px dotted #999;
}
.commentlist .comment-body p {
	margin-top: 10px;
}
.commentlist .bypostauthor .comment-body {
	background-color: #fff;
}
.commentlist .comment-body .says {
	display: none;
}
.comment-reply-link {
	position: absolute;
	top: 20px;
	right: 20px;
	font-style: italic;
}
.commentlist .children > li {
	padding-bottom: 10px;
	padding-left: 30px;
	margin-bottom: 10px;
}
.commentlist .children li > .comment-body {
	margin-bottom: 10px;
	background-color: #eee;
}
.commentlist .highlighted > .comment-body {
	border: medium none;
	padding: 1px !important;
}

.dashed {
	border-bottom: 1px dashed #a8aaab;
}

.dotted {
	border-bottom: 1px dotted #000;
}

.double {
	padding: 0;
	border: none;
	border-top: medium double #999;
	color: #999;
	text-align: center;
	margin-bottom: 10px;
}

.double:after {
	font-family: 'FontAwesome';
	content: "\f005";
	display: inline-block;
	position: relative;
	top: -0.7em;
	font-size: 1.3em;
	padding: 7px 5px 5px 5px;
	color: #fff;
	background-color: #333;
}

#featured span {
	color: #1ca9e4;
}

#featured .featured-button {
	margin-top: 6px;
	text-align: right;
}

.wp-pagenavi {
	clear: both;
	margin: 20px 0 30px 0;
	padding-top: 10px;
}

.wp-pagenavi span.pages {
	border: none;
	margin-right: 5px;
	padding: 10px;
	background: #2E3190;
	color: #fff;
	border: 1px solid #2E3190;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.wp-pagenavi a.page, .wp-pagenavi .page-numbers, .wp-pagenavi span.extend, .wp-pagenavi a.first, .wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink, .wp-pagenavi a.last {
	border: none;
	margin-right: 0;
	padding: 10px;
	background: none;
	color: #000;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink {
	background: none;
	border: none;
}

.wp-pagenavi span.current, .wp-pagenavi a:hover {
	border: none;
	margin-right: 0;
	padding: 10px;
	background: none;
	color: #000;
	text-decoration: underline;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.post-navigation {
	padding-top: 10px;
}

.post-navigation a {
	padding: 10px;
	background: #454545;
	text-decoration: none;
	color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.post-navigation a:hover {
	padding: 10px;
	background: #093f6c;
	text-decoration: none;
	color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.pager a {
	background-color: #333;
	border: none;
	border-radius: 2px;
	color: #fff;
}

.pager a:hover {
	background-color: #ddd;
	color: #fff;
}

/* +NK */
.header {
	height: 203px;
	padding-top: 9px;
	font-weight: normal;
	font-size: 20px;
	color: #000;
}
.header span {
	display: block;
	width: 100%;
	text-align: center;
	margin-left: 15px;
}
a.logo-eu {
	margin-left: 100px;
	display: block;
	width: 153px;
	height: 109px;
	padding-top: 35px;
	margin-right: 30px;
	float: left;
	clear: none;
	margin-top: 10px;
	background: url('img/bg_eu.png') center bottom no-repeat;
}
a.logo-undp {
	display: block;
	width: 70px;
	height: 134px;
	float: left;
	clear: none;
	padding-top: 35px;
	margin-right: 50px;
	background: url('img/bg_undp.png') center bottom no-repeat;
}
a.home-link {
	display: block;
	width: 340px;
	height: 160px;
	float: left;
	clear: none;
	margin-top: 10px;
}
a.twitter-top-link {
	display: block;
	float: right;
	clear: none;
	position: relative;
	margin-top: 125px;
	margin-right: 25px;
	width: 43px;
	height: 43px;
	background: url('img/bg_social_top.png') no-repeat -101px 0px;
}
a.twitter-top-link:hover {
	background: url('img/bg_social_top_hover.png') no-repeat -101px 0px;
}
a.facebook-top-link {
	display: block;
	float: right;
	clear: none;
	position: relative;
	margin-top: 125px;
	margin-right: 10px;
	width: 43px;
	height: 43px;
	background: url('img/bg_social_top.png') no-repeat -50px 0px;
}
a.facebook-top-link:hover {
	background: url('img/bg_social_top_hover.png') no-repeat -50px 0px;
}
a.rss-top-link {
	display: block;
	float: right;
	clear: none;
	position: relative;
	margin-top: 125px;
	margin-right: 10px;
	width: 43px;
	height: 43px;
	background: url('img/bg_social_top.png') no-repeat 0px 0px;
}
a.rss-top-link:hover {
	background: url('img/bg_social_top_hover.png') no-repeat 0px 0px;
}
.line-under-menu {
	height: 4px;
	background: #e6a831;
	border-bottom: 1px solid #ae7c35;
	margin-bottom: 18px;
}
#latest-work h1, #twitter-2 h4 {
	font-family: 'Source Sans Pro';
	font-weight: normal;
	font-size: 24px;
	color: #003191;
	border-top: 1px dotted #a2a2a2;
	border-bottom: 1px dotted #a2a2a2;
	padding: 8px 0px 8px 30px;
	text-align: left;
}
#twitter-2 h4.widget-title {
	font-family: 'Source Sans Pro';
	font-weight: normal;
	color: #003191;
	background: none;
	/*border-left: 2px solid #dfdfdf;*/
	padding: 8px 0px 8px 30px;
	margin: 10px 0 0 0;
}
#twitter-2 ul li {
	border-top: 1px dotted #A6A6A6;
	padding-top: 22px;
	font-family: 'Source Sans Pro';
	color: #393939;
	font-size: 14px;
	text-transform: uppercase;
}

#twitter-2 ul li .entry-meta {
	text-transform: none;
	font-style: italic;
}

.media-box-bottom h2 {
	top: 100%;
	left: 1%;
	border: 0;
}
.media-box-bottom h2 a {
	font-family: 'Source Sans Pro';
	font-weight: normal;
	color: #003191;
}
h4.h4-l {
	float: left;
	margin-right: 20px;
	font-family: 'Source Sans Pro';
	font-weight: normal;
	border-top: 1px dotted #a7a7a7;
	padding-top: 8px;
	margin-left: 0px;
}
h4.h4-r {
	float: right;
	text-align: left;
	font-family: 'Source Sans Pro';
	font-weight: normal;
	border-top: 1px dotted #a7a7a7;
	padding-top: 8px;
	margin-left: 0px;
}

h4.h4-l a, h4.h4-r a {
	font-family: 'Source Sans Pro';
	font-weight: normal;
	color: #2E3391;
}
a.footer-1 {
	display: block;
	float: right;
	clear: none;
	width: 50px;
	height: 80px;
	margin-left: 10px;
}
a.footer-2 {
	display: block;
	float: right;
	clear: none;
	width: 70px;
	height: 80px;
	margin-left: 60px;
}
#copyright-and-credits p {
	display: block;
	float: right;
	padding: 20px 20px 0px 0px;
	text-align: right;
	color: #2f3191;
	font-family: Arial;
	font-size: 11px;
	line-height: 20px;
}
#footer-widgets h5 {
	font-size: 14px;
	font-family: 'Source Sans Pro';
	color: #fff;
	font-weight: normal;
	padding-left: 12px;
	padding-bottom: 20px;
	margin-bottom: 0;
}
#footer-widgets ul {
	list-style: square;
	font-size: 11px;
	line-height: 20px;
	margin-left: 15px;
}
#footer-widgets ul li a {
	font-family: Arial;
	color: #fff;
	text-decoration: none;
}
#footer-widgets ul li a:hover {
	text-decoration: underline;
}
#portfolio-projects {
	border-top: 4px solid #003190;
	padding-top: 25px;
}
#services-projects {
	padding-top: 15px;
}
.browse-by {
	height: auto;
	float: left;
	clear: none;
	text-align: center;
	font-size: 16px;
	font-family: 'Source Sans Pro';
	color: #393939;
	padding-top: 25px;
	padding-bottom: 30px;
}

.icons {
	border-top: 1px dotted #a7a7a7;
	padding-top: 20px;
	font-family: 'Source Sans Pro';
	font-size: 16px;
	color: #393939;
	clear: both;
}
.icons span {
	float: right;
	clear: none;
	display: block;
	padding-top: 10px;
}
a.ico-twitter {
	display: block;
	float: right;
	clear: none;
	margin-right: 66px;
	width: 43px;
	height: 42px;
	background: url('img/bg_icons.png') no-repeat -153px 0px;
}
a.ico-twitter:hover {
	background: url('img/bg_icons_hover.png') no-repeat -152px 0px;
}
a.ico-facebook {
	display: block;
	float: right;
	clear: none;
	margin-right: 10px;
	margin-left: 10px;
	width: 43px;
	height: 42px;
	background: url('img/bg_icons.png') no-repeat -103px 0px;
}
a.ico-facebook:hover {
	background: url('img/bg_icons_hover.png') no-repeat -102px 0px;
}
a.ico-newsletter {
	display: block;
	float: right;
	clear: none;
	margin-right: 100px;
	margin-left: 10px;
	width: 43px;
	height: 42px;
	background: url('img/bg_icons.png') no-repeat -52px 0px;
}
a.ico-newsletter:hover {
	background: url('img/bg_icons_hover.png') no-repeat -51px 0px;
}

a.ico-print {
	display: block;
	float: right;
	clear: none;
	margin-right: 100px;
	margin-left: 10px;
	width: 43px;
	height: 42px;
	background: url('img/bg_icons.png') no-repeat 0px 0px;
}
a.ico-print:hover {
	background: url('img/bg_icons_hover.png') no-repeat 0px 0px;
}
form.newsletter {
	display: block;
	float: right;
	clear: none;
	margin-right: 125px;
}
form.newsletter input[type="submit"] {
	width: 43px;
	height: 42px;
	background: url('img/bg_icons.png') no-repeat -52px 0px;
	border: none;
	cursor: pointer;
	margin-left: 5px;
}

a.newsletter{
	width: 43px;
	height: 42px;
	background: url('img/bg_icons.png') no-repeat -52px 0px;
	border: none;
	cursor: pointer;
	margin-left: 5px;
}
span.newsletter a {
	padding-right: 10px;
}
form.newsletter input[type="submit"]:hover {
	width: 43px;
	height: 42px;
	background: url('img/bg_icons_hover.png') no-repeat -51px 0px;
}
form.newsletter input[type="text"] {
	width: 160px;
	border: none;
	background: transparent;
	outline: none;
	font-family: 'Source Sans Pro';
	text-align: right;
	font-size: 16px;
	line-height: 20px;
	height: 20px;
	color: #393939;
}
form.newsletter input[type="text"]:hover, #searchform form input[type="text"]:focus {
	background: #fff;
}

#speaker img {
	padding: 3px;
	background: #fff;
	border-bottom: 1px solid #CBCBCB;
	border-right: 1px solid #CBCBCB;
}
.bio {
	height: auto;
	border-bottom: 1px dotted #A7A7A7;
	padding: 20px 20px 30px 30px;
}
.bio span {
	font-size: 20px;
	font-family: 'Source Sans Pro';
	color: #003191;
}

.bio p {
	font-size: 11px;
	/*font-family: 'Georgia';*/
	font-style: italic;
	color: #393939;
	line-height: 20px;
	padding: 5px 0px 10px 0px;
}
.bio a {
	font-size: 16px;
	font-family: 'Source Sans Pro';
	color: #393939;
	text-decoration: none;
}
.summary {
	height: auto;
	border-bottom: 1px dotted #A7A7A7;
	padding: 10px 20px 40px 30px;
}
.summary a {
	color: #003191;
	text-decoration: none;
	font-size: 18px;
	line-height: 36px;
	font-family: 'Source Sans Pro';
}
.recommended {
	height: auto;
	padding: 30px 20px 20px 30px;
}
.recommended span {
	font-family: 'Source Sans Pro';
	font-size: 18px;
	color: #003191;
}
.recommended a {
	/*font-family: Tahoma;*/
	font-size: 13px;
	font-weight: bold;
	color: #015383;
	text-decoration: underline;
}
#client-details-right-column h1 {
	font-size: 20px;
	color: #003191;
	font-weight: normal;
}
#client-details-right-column p {
	font-family: 'Source Sans Pro';
	font-size: 20px;
	color: #003191;
	line-height: 30px;
	margin-top: 20px;
	margin-bottom: 50px;
}
.article {
	border-top: 5px solid #034D98;
	border-bottom: 4px solid #EAA736;
	background: white;
	padding: 20px 26px 14px 26px;
	margin: 0 0 40px 0;
}

.article p, .article b, .article li {
	/*font-family: Tahoma;*/
	font-size: 14px;
	color: #393939;
}
.article p a {
	line-height: 32px;
	padding-bottom: 10px;
	font-family: 'Source Sans Pro';
	/*font-size: 20px;*/
	color: #003191;
	font-weight: normal;
}
.article img {
	border: 2px solid #DDD;
}
a.more {
	font-family: Arial;
	font-size: 11px;
	display: block;
	margin-left: 15px;
	margin-top: 10px;
	color: #645fff;
	text-decoration: none;
}

/*-----------------------------------------------------------------------------------*/
/*  15. Media Queries (Responsive layout styling for Smartphone, Tablet etc...)
 /*-----------------------------------------------------------------------------------*/

@media (max-width: 320px) {

	.responsive-dropdown-menu {
		margin-top: 10px;
		float: none;
	}
	.page-holder, .layer-0, .layer-1, .layer-2 {
		width: 100%;
	}
	.layer-0 {
		background: none;
	}
	.header {
		display: none;
	}
	.icons {
		display: none;
	}
}

/* Landscape phones and down */
@media (max-width: 480px) {

	#back-to-top a, .flex-caption, .flex-title, .flex-direction-nav {
		display: none;
	}

	.responsive-dropdown-menu {
		margin-top: 20px;
		float: none;
	}

	#social-icons-small {
		float: none;
		display: inline-block;
		text-align: center;
	}

	#social-icons-small li a {
		width: 30px;
		height: 40px;
	}

	.header-wrap {
		margin-top: 0;
		margin-bottom: 20px;
	}

	#header-nav[role=navigation] {
		margin-left: 0;
	}

	#nav-wrapper {
		position: relative;
	}

	.nav-menu {
		display: none !important;
	}

	#latest-work h1 [class^="icon-"], #latest-news h1 [class^="icon-"] {
		padding-left: 0;
	}

	#featured, #featured .featured-button {
		text-align: center;
	}

	#latest-work h1 span, #latest-work h1 a, #latest-news h1 span, #latest-news h1 a, #page-title span, #page-title-portfolio span, #project-title span {
		font-size: 14px;
	}
	
	h4, #latest-work h1, #twitter-2 h4 {
		font-size: 14px;
	}
	/*
	 .ribbon:after, .ribbon:before {
	 content: "";
	 position: absolute;
	 display: block;
	 border: 1.3em solid #292a2c;
	 }

	 .ribbon:after {
	 top: 1.8em;
	 right: -2.2em;
	 border-left-width: 1.5em;
	 border-right-color: transparent;
	 }

	 .ribbon:before {
	 top: 1.8em;
	 left: -2.2em;
	 border-right-width: 1.5em;
	 border-left-color: transparent;
	 }
	 */
	.meta li {
		margin-bottom: 3px;
	}

	.page-holder, .layer-0, .layer-1, .layer-2 {
		width: 100%;
	}

	.layer-0 {
		background: none;
	}
	.header {
		display: none;
	}
	.icons {
		display: none;
	}
	.h4-r {
		float: left;
	}

}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) {

	#back-to-top a, .flex-caption, .flex-title, .flex-direction-nav, .slide-out-div {
		display: none;
	}

	body {
		padding-left: 0;
		padding-right: 0;
		background: #fff;
	}

	.container {
		padding-left: 30px;
		padding-right: 30px;
	}

	.responsive-dropdown-menu {
		margin-top: 20px;
		float: none;
	}

	.header-wrap {
		margin-top: 0;
		margin-bottom: 20px;
	}

	.mission-statement h3, .mission-statement h3 a {
		font-size: 17px !important;
	}

	#latest-work h1, #latest-news h1 {
		text-align: center;
	}

	#latest-work h1 [class^="icon-"], #latest-news h1 [class^="icon-"] {
		padding-left: 0;
	}

	.nav-menu {
		display: none !important;
	}

	#services .span3 {
		margin-bottom: 40px;
	}

	#header-nav[role=navigation] {
		margin-left: 0;
	}

	#nav-wrapper {
		position: relative;
	}

	#social-icons-small {
		float: none;
		display: inline-block;
		text-align: center;
	}

	#featured, #featured .featured-button {
		text-align: center;
	}

	.media-box h2, .latest-article h2 {
		font-size: 12px;
	}

	.page-holder, .layer-0, .layer-1, .layer-2 {
		width: 100%;
	}
	.layer-0 {
		background: none;
	}
	
	.header {
		display: none;
	}
	#latest-work h1, #twitter-2 h4 {
		font-size: 16px;
	}
	#twitter-2 ul li {
		font-size: 11px;
	}
	.icons {
		display: none;
	}
	a.rss-top-link, a.facebook-top-link, a.twitter-top-link {
		display: none;
	}
	.layer-0 img#header_m {
		display: block;
	}
	.layer-0 div#social-media-ico {
		display: inline-block;
		height: 43px;
		width: 100%;
		text-align: center;
	}	 

	.layer-0 div#social-media-ico a.rss-top-link, 
	.layer-0 div#social-media-ico a.facebook-top-link, 
	.layer-0 div#social-media-ico a.twitter-top-link  {
		display: inline;
		margin-top: 0px;
	}

}

@media (min-width: 768px) and (max-width: 979px) {
	a.rss-top-link, a.facebook-top-link, a.twitter-top-link {
		display: none;
	} 
}	

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1200px) {
    
    /*
    .flex-caption {
		display: none;
	} */
	.responsive-dropdown-menu {
		display: none !important;
	}

	.flex-container {
		margin-left: 20px;
	}

	/*
	.flex-title {
		font-size: 30px;
		margin-bottom: 10px;
	}*/

	.media-box h2, .latest-article h2 {
		font-size: 14px;
	}

	.page-holder, .layer-0, .layer-1, .layer-2 {
		width: 100%;
	}

	.layer-0 {
		background-color: #fff;
		background-image: url('img/header.jpg') no-repeat center;
	}

	#latest-work h1, #twitter-2 h4 {
		font-size: 20px;
	}
	#twitter-2 ul li {
		font-size: 12px;
	}

}

@media (max-width: 1024px) {
	
	#searchform {
		display: none;
	}
	#header-nav[role="navigation"] ul li {
		margin-left: 0px;
	}
	.media-box .project-cat {
		display: none;
	}
	.media-box .speaker-name {
		top: 50%;
	} 
	
}

@media (min-width: 1024px) and (max-width: 1200px) {

	#header-nav[role="navigation"] ul li {
		margin-left: 15px;
	}
	#searchform {
		left: 780px;
	}
	#searchform form input[type="submit"] {
		display: none;
	}
	#searchform form input[type="text"] {
		text-align: center;
	}
	.media-box .project-cat {
		display: none;
	} 		
}	

/* Large desktop */
@media (min-width: 1200px) {

	.responsive-dropdown-menu {
		display: none !important;
	}

	.flex-container {
		margin-left: 30px;
	}

}

/* And some IE8 fixes, well because it's IE!!!
 ----------------------------------------------------------------------------------------*/

.ie8 .responsive-dropdown-menu, .ie8 [class^="icon-"], .ie8 .really_simple_twitter_widget li:before, .ie8 .widget_recent_comments li:before, .ie8 .widget_recent_entries li:before {
	display: none;
}

.ie8 .flex-container {
	margin-left: 20px;
}

.ie8 #header-nav[role=navigation] {
	margin-left: 20px;
}

.ie8 #header-nav[role=navigation] ul li a {
	padding: 0 7px;
}

.ie8 .media-box h2, .ie8 .latest-article h2, .ie8 .media-box .project-cat {
	position: static;
	margin-left: 20px;
}

iframe .eveneaBiletyForm {
	background-color: #ffffff;
}

span.wpr-subform-hidden-fields br,
form br {
	display: none;
}