/*
	Evane - Premium HTML5 Theme
	Author: AE-Design @ Themeforest.net
	Contact me: kontakt@ae-design.se
*/

/*---------------------------------------------------------------
TABLE OF CONTENTS

	1. RESET AND GLOBAL
	2. HEADER
	3. MENU
	4. HOMEPAGE SLIDER
	5. CONTENT
	- 5.1 SIDEBAR
	- 5.2 SIDEBAR-LEFT
	- 5.3 TWITTER
	6. ABOUT US: TEAM MEMBERS
	7. BLOG
	- 7.1 BLOG - RECENT POSTS / POPULAR POSTS
	8. PORTFOLIO
	- 8.1 PORTFOLIO SINGLE
	9. FOOTER
	10. CONTACTFORM

-----------------------------------------------------------------*/

/*-------------------------------------
   1. RESET AND GLOBAL
-------------------------------------*/

@font-face {
	font-family: Myriad_font;
	src: url('../Barmeno-Regular.otf');
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
a, abbr, address, del, em, img, ins, small, strong, tt, ul, ol, li, dl, dt, dd, 
fieldset, form, label, legend, caption, textarea {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	color: #ffffff;
	font-family: "Myriad Pro";
	font-size: 17px;
	line-height: 20px;
}

html, body {
	height: 100%;
}
body {
	background: #a7a76d;
	font-size: 16px;
}

#top
{
	width:100%;
	/*background: #3B1B12;*/
	background:#3c3c25;
	height: 81px;
}

#limit
{
	width: 1000px;
	margin:auto;
}

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

/*ul {
	list-style: none;
}

ol li {
	list-style: inside;
}*/

ul {	margin-left:20px;	}
li {	margin-left:20px; 	}

:focus {
	outline: none;
}

p {
	margin-top: 20px;
	line-height: 20px;
}

a {
	color: #5b5b5b;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

h1, h2, h3, 
h4, h5, h6 {
	font-family:Myriad Pro; 	
	letter-spacing:0.4px;
	font-weight:normal;	
	line-height:100%;
	color: #3d3d18;
	padding-bottom: 0px;
}
h1 {
	font-size:30px;	
}
h2{ 
	padding-top:10px;
	color:#3d3d18;
	font-size:24px;
}
h3 {				
	font-size:18px;	
}
h4 {				
	font-size:16px;	
}
h5 {
	font-size: 16px;
}
h6 {
	font-size: 13px;
	text-align: left;
}

.dotted_line {
	background: transparent url(../images/title_dot.gif) repeat-x bottom; 
	padding: .4em 0 0.8em 0;
	margin-bottom: 1em;
}

.button1 {
		background: #252525 !important;
		float: left !important;
		height: 35px !important;
		margin: 1px 0 0 0 !important;
		padding: 0 13px 0 13px !important;
		line-height: 34px !important;
		font-size: 12px !important;
		font-weight: 400 !important;
		color: #fff !important;
		border: 1px solid #2e2d2d !important;
		cursor: pointer;
	}
	
.button1:hover {
			border-color: #000 !important;
}

.button1 a {
	text-decoration: none;
	color: #969696;
}

.dropcap {
	display: block;
	float: left;
	font-size: 40px;
	font-weight: normal;
	line-height: 40px;
	margin: 4px 6px 0 0;
	text-shadow: none;
}

ul.bullet {
	margin: 0px 0 20px 0; 
	width: 100%;
}

.bullet li a {
	background: url(../images/red_bullet.png) no-repeat 1px center;
	border-bottom: #333 1px Solid;
	display: block;
	padding: 5px 0 5px 24px; 
	margin: 1px 0;
	text-decoration: none;
	color: #5d5d5d;
	}
	
.bullet li a:hover, .bullet li .active {
	background: url(../images/bullet_active.png) no-repeat 1px center;
	border-bottom: #333 1px Solid;
	display: block;
	padding: 5px 0 5px 24px;
	margin:1px 0;
	text-decoration: none;
	color: #5d5d5d;
}

.highlight {
	background: #cc5533;
	color: #fff;
	padding: 1px 4px;
}

.alignright {
	float: right;
	margin: 3px 0 10px 15px;
}
.alignleft {
	float: left;
	margin: 3px 15px 10px 0;
}

.fullwidth {
	width: 1000px;
}

.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:67.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {position: relative; margin-right:4%; float:left;
}
.last { 
	margin-right: 0 !important; 
	clear: right; 
}

/*-------------------------------------
   2. HEADER
-------------------------------------*/
#headline
{
	background:#3d3d18;
	height: 40px;
	z-index:2500;
	padding-top:13px;
}

header {
	width: 100%; 
	height: 100px;
	left: 0; 
	top: 0;
	background: #ffffff /*url(../images/bgheader.png)*/;
	z-index: 2500;
}

header .shadow {
	width: 100%; 
	height: 22px;
	position: absolute;
	left: 0; 
	bottom: -22px;
	background: url(../images/project-shadow-top.png) repeat-x;
	z-index: 15;
}

header #top {
	width: 1000px; 
	height: 136px;
	position: relative;
	margin: 0 auto;
}

header a#logo {
	width: 200px; height: 80px;
	position: absolute;
	left: -47px; top: 0px;
	display: block;
	background: url(../images/logo_red.png) no-repeat;
}

/*-------------------------------------
   3. Menu
-------------------------------------*/

nav#navigation {
	margin-top: 30px;
	float: right;
}

nav#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

nav#navigation ul a {
	padding: 0 0 0 10px;
    font-weight: bold;
    float: left;
    font-size: 13px;
}

nav#navigation ul li {
	position: relative;
	z-index: 1000;
	float: left;
    margin: 0 0 0 1em;
}

nav#navigation ul li:hover { 
	visibility: inherit; 
}

nav#navigation ul ul li { 
	width: 100%; 
}

nav#navigation ul a:hover,
nav#navigation ul li.sfHover a,
nav#navigation ul li.current-cat a,
nav#navigation ul li.current_page_item a,
nav#navigation ul li.current-menu-item a {
	text-decoration: none;
}

nav#navigation ul li.sfHover li a,
nav#navigation ul li.sfHover li a span{
	 background: none; 
}

nav#navigation li li a:hover,
nav#navigation li.sfHover li a { 
	background: none;
}

nav#navigation li a span {
    display: block;
    padding: 5px 10px 5px 0;
    float: left;
    cursor: pointer;
	color: #969696;
}

nav#navigation li a:hover span {
	color: #ccc;
}

nav#navigation li li a span { 
	padding: 0 
}

.sf-sub-indicator { 
	text-indent: -9999px; 
}

nav#navigation li a span.sf-sub-indicator {
    width: 29px;
    height: 30px;
    float: left;
    margin: 0 0 0 -8px;
    padding: 0;
}

nav#navigation li li a span.sf-sub-indicator,
nav#navigation li.sfHover li a span.sf-sub-indicator {
    height: 12px;
    margin: 5px 0 0 0;
    width: 10px;
    float: right;
}

nav#navigation ul li:hover ul,
nav#navigation ul li.sfHover ul {
	left: 2px;
	top: 36px;
	z-index: 99;
}

nav#navigation ul li:hover li ul,
nav#navigation ul li.sfHover li ul,
nav#navigation ul li li:hover li ul,
nav#navigation ul li li.sfHover li ul,
nav#navigation ul li li li:hover li ul,
nav#navigation ul li li li.sfHover li ul { 
	top: -9999em; 
}

nav#navigation ul li li:hover ul,
nav#navigation ul li li.sfHover ul,
nav#navigation ul li li li:hover ul,
nav#navigation ul li li li.sfHover ul,
nav#navigation ul li li li li:hover ul,
nav#navigation ul li li li li.sfHover ul {
	left: 180px;
	top: -1px;
}

nav#navigation ul ul {
	position: absolute;
	top: -9999em;
	width: 180px;
    padding: 15px 5px 15px 5px;
    margin: 3px 0 0 0;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}

nav#navigation ul ul li {
	float: left;
	width: 150px;
	background: none;
	padding: 0 5px 0 5px;
}

nav#navigation ul ul li:first-child  { 
	border-top: none;
}

nav#navigation ul ul li:last-child { 
	border-bottom: none;
}

nav#navigation ul ul li a {
	font-size: 12px;
	font-weight: normal;
	padding: 5px 0 5px 0;
	width: 150px;
}

nav#navigation ul li a,
nav#navigation ul li a span { 
	background: none;
}

nav { 
	display: block;
}

nav#navigation a { 
	color: #969696;
}

nav#navigation ul ul {
	border: 1px solid #eaeaea;
	background: transparent url('../images/bg-access-submenu.png') 0 0 repeat;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);	
}

nav#navigation ul ul a { color: #758288; }
nav#navigation ul ul a:hover { color: #444; }

nav#navigation ul ul li {
	border-bottom: 1px solid #e3e3e3;
	border-top: 1px solid #fff;
}

nav#navigation ul a:hover,
nav#navigation ul li.sfHover a,
nav#navigation ul li.current-cat a,
nav#navigation ul li.current_page_item a,
nav#navigation ul li.current-menu-item a {
    background: url('../images/bg-sprite.png') 10px 0;
	text-decoration: none;
}

nav#navigation ul a:hover span,
nav#navigation ul li.sfHover a span,
nav#navigation ul li.current-cat a span,
nav#navigation ul li.current_page_item a span,
nav#navigation ul li.current-menu-item a span {
    background: url('../images/bg-sprite.png') 100% -30px;
}

nav#navigation li a span.sf-sub-indicator {
    background: url('../images/bg-sprite.png') 100% -90px;
}

nav#navigation ul a:hover span.sf-sub-indicator,
nav#navigation ul li.sfHover a span.sf-sub-indicator,
nav#navigation ul li.current-cat a span.sf-sub-indicator,
nav#navigation ul li.current_page_item a span.sf-sub-indicator,
nav#navigation ul li.current-menu-item a span.sf-sub-indicator { 
	background: url('../images/bg-sprite.png') 100% -60px 
}

/*-------------------------------------
   4. HOMEPAGE SLIDER
-------------------------------------*/

#projects {
	width: 100%; 
	height: auto;
	position: relative;
	margin: 0 auto;
	z-index: 40;
}

#projects .nav {
	width: 78px; 
	height: 35px;
	position: absolute;
	left: 50%; 
	bottom: 25%;
	margin: 0 0 0 422px;
	z-index: 50;
}


#projects .nav a {
	width: 39px; 
	height: 35px;
	position: absolute;
	left: 0; 
	top: -77px;
	background: #202528; 	
}

#projects .nav a.prev {
	background: #202528 url(../images/nav-prev.png) no-repeat; 	
}
#projects .nav a.prev:hover {
	background: #202528 url(../images/nav-prev.png) 0 -35px no-repeat; 	
}
#projects .nav a.next {
	left: 39px;
	background: #202528 url(../images/nav-next.png) no-repeat; 	
}
#projects .nav a.next:hover {
	background: #202528 url(../images/nav-next.png) 0 -35px no-repeat; 	
}
#projects .project-items {
	width: 100% !important; 
	height: auto;
	min-height: 250px;
	position: relative;
	margin: 0 auto;
}
#projects .project-items .project-item {
	width: 100% !important; 
	min-height: auto;
	position: absolute;
	display: none;
}
#projects .project-items .project-item:first-child {
	display: block;
}
.project-items .project-item .project-image {
	width: 100%; 
	min-height: 250px;
	position: relative;
}
.project-item .project-image .project-bar {
	width: 1000px; 
	height: 77px;
	position: absolute;
	margin-left: -500px;
	left: 50%; 
	bottom: 0%;
	background: #3d3d18;
	/*background: url(../images/bg-project-bar.png) repeat;*/
}
.project-bar .title {
	width: 1000px; 
	height: 55px;
	position: absolute;
	left: 0; 
	top: 0;
	padding: 18px 0 0 24px;
}

.project-bar .title  h1{
	color: #ffffff;
	font-family: Myriad_font;
}

.project-items .project-item .project-image.slide1 {
	background: url(../images/slider1a.jpg) center top no-repeat;
}
.project-items .project-item .project-image.slide2 {
	background: url(../images/slider2a.jpg) center top no-repeat;
}
.project-items .project-item .project-image.slide3 {
	background: url(../images/slider3a.jpg) center top no-repeat;
}
.project-items .project-item .project-image.slide4 {
	background: url(../images/slider4a.jpg) center top no-repeat;
}
.project-items .project-item .project-image.slide5 {
	background: url(../images/slider5a.jpg) center top no-repeat;
}
.project-items .project-item .project-image.slide6 {
	background: url(../images/slider6a.jpg) center top no-repeat;
}
.project-items .project-item .project-image.slide7 {
	background: url(../images/slider7a.jpg) center top no-repeat;
}
.project-items .project-item .project-image.slidecontact {
	background: url(../images/slidercontact.jpg) center top no-repeat;
}
.project-items .project-item .project-image.slidepeople {
	background: url(../images/sliderpeople.jpg) center top no-repeat;
}
.project-items .project-item .project-image.slideoffice {
	background: url(../images/slideroffice.jpg) center top no-repeat;
}
.project-items .project-item .project-image.slidecal {
	background: url(../images/slidercal.jpg) center top no-repeat;
}

.project-bar .button {
	width: auto; 
	height: 35px;
	position: absolute;
	right: 0; 
	bottom: 0px;
	background: #000 url(../images/arrow-black-transparent.html) no-repeat right 0;
	padding: 0 30px 0 0;
}
.project-bar .button a {
	width: auto; 
	height: 35px;
	line-height: 35px;
	display: block;
	background: #000 url(../images/line-white-transparent.html) 15px 26px repeat-x;
	margin: 0 0 0 15px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}

/*-------------------------------------
   5. CONTENT
-------------------------------------*/

#container {
	width: 100%; 
	min-height: 100%;
	height: auto !important; 
	height: 100%; 
	position: absolute;
	left: 0; top: 0;
	background: url(../images/bg.gif);
	padding: 0px 0 0 0;
	z-index: 1;
}

#container section#content {
	width: 100%; 
	height: auto;
	position: relative;
	background: url(../images/bg-white-transparent.png); 
}

.title_bar {
	width: 100%;
	height: 80px !important;
	background: #191919 !important;
	border-bottom: 1px solid #111;
}

.title_bar_text {
	padding: 20px 0 68px 0 !important;
}

#container section#content .content {
	width: 1000px; 
	height: auto;
	position: relative;
	margin: 0 auto;
	padding: 38px 0 38px 0;
}

section#content .content p,
section#content .content p span {
	font-size: 21px;
	line-height: 34px;
	letter-spacing: -1px;
	font-family: DINOTRegular;	
	font-weight: 100;
	color: #969696;
	margin: 0;
}
section#content .content p span {
	color: #cc5533;
}

section#content .content p strong {
	font-size: 21px;
	line-height: 34px;
	letter-spacing: -1px;
	font-family: DINOTBold;
	color: #969696;
}
section#content .content h1 {
	width: auto; 
	height: 0;
	position: relative;
	padding: 54px 0 0 0;
	margin: 0 0 33px 0;
	overflow: hidden;
}

#container aside {
	width: 1000px; 
	height: auto;
	position: relative;
	padding: 36px 0 0 0;
	margin: auto;
}
aside .columns {
	width: 1000px; 
	height: auto;
	position: relative;
	padding: 0 0 36px 0;
}
aside .column {
	width: 200px; 
	height: auto;
	position: relative;
	margin: 0 60px 0 0;
	float: left;
}
aside .column h2 {
	width: auto; 
	height: 0;
	position: relative;
	display: block;
	padding: 20px 0 0 0;
	overflow: hidden;
	margin: 0 0 36px 0;
}

#container aside .column.weblog .post:after,
#container aside .columns:after,
#container aside .social-media:after,
section#portfolio-detail #row2:after,
section#portfolio-detail #row3:after,
section#portfolio-detail #row4:after,
#left:after,
#right:after,
.content:after,
.vacature:after,
p.font:after,
#nopagefound:after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}

#maincolbck { 
	padding: 0 0 20px 0; 
	overflow: hidden; 
	position: relative; 
	width: 696px;
	float: left;
}

#maincolumn {
	padding: 7px 20px 0 0;
}
	
#maincolumn-left {
	padding: 7px 0 0 20px;
}

#block_title {
	margin-bottom: 30px;
}

#block_title_mtop {
	margin-top: 20px;
}

/*-------------------------------------
   5.1 SIDEBAR RIGHT
-------------------------------------*/

#sidebar {
	float: right;
	width: 280px; 
	margin: 0 0 20px 0;	
	padding: 0 0 20px 0;
	border-left: 4px solid #383838;
}

.block_right1 {
	padding: 9px 0 10px 26px; 
	background: url(../images/cont_dot.html) repeat-x 0% 100%;
	position: relative;
	height: 100%;
	overflow: hidden;
}

.block_right2 {
	padding: 0 0 20px 26px; 
	position: relative; 
	height: 100%; 
	overflow: hidden; 
}

/*-------------------------------------
   5.2 SIDEBAR LEFT
-------------------------------------*/

#sidebar-left {
	float: left;
	width: 280px;
	margin: 0 0 20px 0;	
	padding:0 0 20px 0;
	border-right: 4px solid #383838;
}

.block_right1_left {
	padding: 9px 26px 10px 0; 
	background: url(../images/cont_dot.html) repeat-x 0% 100%;
	position: relative;
	height: 100%;
	overflow: hidden;
}

.block_right2_left {
	padding: 0 26px 20px 0; 
	position: relative; 
	height: 100%; 
	overflow: hidden; 
}

/*-------------------------------------
   5.3 TWITTER
-------------------------------------*/

#twitter_feed {
	width: 230px;
	height: auto;
	margin: 0 0 20px 0;
	padding: 20px 15px 25px 15px;
	float: left;
	clear: both;
	background: #272727;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #111;
	border-bottom: 1px solid #111;
}

small { 
	font-style: italic; 
}

#twitter_feed li {
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #969696;
	margin: 0 0 9px 0;
	padding: 0 0 9px 0;
	line-height: 1.5em;
	border-bottom: 1px dashed #555;
}

#twitter_feed li.no_border { 
	border: none; 
	margin: 0; 
}

#twitter_feed .hash { 
	color: #337d96; 
	} 

#twitter_feed .reply { 
	color: #337d96;
} 

#twitter_feed a:link { 
	text-decoration: none; 
	color: #cc5533;
}

#twitter_feed a:hover { 
	text-decoration: none; 
	color: #ccc;
}

/*-------------------------------------
   6. ABOUT US: TEAM MEMBERS
-------------------------------------*/

.team-member img { 
	float:left;
	margin:5px 20px 10px 0;
	padding: 5px;
	background: #333;
	border: 1px solid #444;
	box-shadow:.08em 1px 2px #383838;
	-moz-box-shadow:.08em 1px 2px #383838;
	-webkit-box-shadow:.08em 1px 2px #383838;
	position: relative;
}
	
.team-member h4{ 
	font-size: 16px; 
	padding: 10px 0 5px 0; 
	margin: 0;
}
	
.team-member span {
	border-bottom: 1px dotted #333; 
	width: auto; 
	margin-bottom: 10px; 
	padding-bottom: 10px; 
	display: block; 
	overflow: hidden;
}

.team-member p { 
	overflow: hidden;
	margin-top: 10px;
}

/*-------------------------------------
   7. BLOG
-------------------------------------*/

#blog-container {
	margin: 0 0 0 -5px;
	padding: 0;
	text-align: center;
	width: 100%;
	z-index: 200;
	position: relative;
}

#blog-content {
	border: 0 solid #000;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	position: relative;
}

#blog-wrapper {
	position: relative;
	z-index: 350;
}

.blog-row-container {
	clear: both;
	width: 100%;
}

.blog .blog-single-box {
	position: relative;
	border: 1px solid #202020;
	padding: 17px;
	background-color: #161616;
	text-align: justify;
	overflow: hidden;
}

.blog-single-box {
	padding: 15px 15px 15px 0;
	position: relative;
}

ul.blog-row li:first-child {
	border-top-color: transparent;
}

.blog-row li {
	border-top: 1px solid #222;
	display: block;
	height: 225px;
	margin: 5px;
}

.blog .blog-row li {
	display: block;
	float: left;
	width: 676px;
	margin: 5px;
	height: auto;
	border: 0;
}

.blog-row li.blog-first-item {
	border-top: 1px solid transparent;
}

.blog .n9-gp-img-container, .blog .n9-gp-img, .blog .n9-gp-img-container {
	color: #010101;
	position: relative;
	width: 640px;
	height: 225px;
}
.blog .n9-gp-img-container, .blog .n9-gp-img-container {
	background-color: #010101;
	background-image: url(../images/n9-layout/clock.html);
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid #111;
	overflow: hidden;
}

.n9-gp-img-container, .n9-gp-img, .n9-gp-img-container{
	color: #010101;
	height: 175px;
	position: relative;
	width: 274px;
}
.n9-gp-img-container, .n9-gp-img-container{
	background-color: #010101;
	background-position: center center;
	background-repeat: no-repeat;
	border: 2px solid #191919;
	float: left;
	margin: 0 20px 10px 0;
	overflow: hidden;
}

.blog .n9-gp-title{
	font-weight: bold;
	font-size: 14px;
}

.blog .n9-gp-body {
	font-family: "Lucida Grande", verdana, tahoma;
	
}

.blog-title-container {
	margin-top: 0;
	padding: 5px 0;
}

.blog-title {
	font-size: 16px;
	font-weight: bold;
	font-family: "Droid Sans", helvetica, arial, sans-serif;
}

.blog-content {
	font-family: "Lucida Grande", verdana, tahoma;
}

.date { 
	background: url(../images/date.png) no-repeat 0 0; 
	position: absolute; 
	top: 75px; 
	left: 11px; 
	width: 51px; 
	height: 42px;
	z-index: 100;
}
.date .day { 
	font-size: 18px; 
	font-weight: bold; 
	color: #fff; 
	text-align: center; 
	display: block; 
	text-shadow: #000000 0 -1px 0; 
	padding: 0 11px 0 0;  
}
.date .month { 
	color: #ffffff; 
	text-shadow: #000000 0 -1px 0; 
	font-size: 11px; 
	font-weight: bold; 
	display: block; 
	padding: 0; 
	text-align: center; 
	margin: -5px 8px 0 0;
}

.comments {
	margin-top: 150px;
}

/*-------------------------------------
   7.1 BLOG - RECENT POSTS / POPULAR POSTS
-------------------------------------*/

ul.latest_blog {
	margin-top: 20px;
	padding: 0;
	list-style-type: none;
}

ul.latest_blog li {
	margin: 0; 
	padding: 8px 0px 8px 0px !important; 
	list-style-type: none; 
	min-height: 73px; 
	list-style-type: none; 
	list-style-image: none;
	border: 0 !important;
}

.sidebarbox ul.latest_blog li {
	background: url(../images/line.html) scroll left bottom repeat-x;
}

ul.latest_blog li h6.box_blog_title {
	margin: 0px 0px 2px; 
	padding: 3px 0px 0px;
}

ul.latest_blog li span.box_blog_meta_small {
	display: inline-block; 
	margin: 0px 0px 0px; 
	padding: 0px 0px 0px 0px;  
	font-size: 9px; 
	color: #888;
	height: 27px;
	line-height: 27px; 
	text-transform: uppercase;
}
	
.footbarbox ul.latest_blog li span.box_blog_meta_small {
	background: none;
	padding: 0px 0px 0px 0px;
	color: #e1e1e1;
	line-height: 130%;
	height: auto;
}

ul.latest_blog li span.box_blog_meta_small span {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display: inline-block;
	height: 27px;
	line-height: 27px;
	font-size: 9px;
}

.footbarbox ul.latest_blog li span.box_blog_meta_small span {
	background: none;
	padding: 0;
	line-height: 130%;
	height: auto;
}

.small_list_blog {
	margin: 0; 
	padding: 0px 0px 0px 90px; 
	position: relative;
}

.small_list_blog .small_list_blog_thumbnail {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 70px; 
	height: 70px; 
	margin: 0px; 
	padding: 0px;
	border: 1px solid #333;
}

.small_list_blog .small_list_blog_thumbnail {
	height: 70px;
}

.small_list_blog .small_list_blog_thumbnail img {
	float: left; 
	margin: 0px; 
	padding: 5px; 
	width: 60px; 
	height: 60px;
}

ul.latest_blog li a {
	background: none; 
	padding: 0 !important; 
	margin: 0 !important;
}

ul.latest_blog li span.box_blog_meta_small a {
	display: inline;
}

/*-------------------------------------
   8 PORTFOLIO - SEE FILE: PORTFOLIO.CSS
-------------------------------------*/

#filterNav {
	padding: 0 !important;
	float: right;
	height: auto;
	margin-right: -15px;
	margin-top: 20px;
}

#filterNav li {

	background: none;
	margin: 0 5px 5px 0;	
	display: block;
	float: left;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

#filterNav li a {
	font-size: 11px;
	background: #151414;	
	display: inline-block;	
	color: #fff;
	text-decoration: none;
	position: relative;
	cursor: pointer;	
	padding: 10px 20px 15px 37px;
	border: none;
	line-height: 20px;
}

#filterNav li a:hover {
	background: #333;
}

#filterNav li.selected a {
	background: #333;
}

/*-------------------------------------
   8.1 PORTFOLIO-SINGLE
-------------------------------------*/

#case_study_images {
	position: relative;
}

#case_study_images #gallery_controls {
	position: absolute;
	bottom: 25px;
	left: 50%;
	box-shadow: 0 2px 3px rgba(0,0,0,0.25);
	z-index: 1000;
	margin-left: -67px;
	display: none;
}

#case_study_images ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#case_study_images ul img {
	display: block;
	max-width: 100% !important;
	border: 1px solid #111;
	padding: 5px;
	background: #333;
	height: 400px;
}

.ie8 #case_study_images ul img,
.ie7 #case_study_images ul img,
.ie6 #case_study_images ul img {
	width: 100%;
}

#case_study_images ul li {
	display: none;
}

#case_study_images ul li:first-child {
	display: block;
}

#gallery_controls
{
    background: #111;
    border: 1px solid #252525;
    padding: 14px 17px;
    height: 19px;
    overflow: hidden;
    border-radius: 50px; 
    width: 100px;
}

#gallery_controls .left,
#gallery_controls .right,
#gallery_controls .slides
{
    float: left;
}

#gallery_controls .left,
#gallery_controls .right
{
	cursor: pointer;
}

#gallery_controls .slides
{
    padding: 5px 8px 0 13px;
}

#gallery_controls .slides a
{
    float: left;
    width: 9px;
    height: 9px;
    border-radius: 5px;
    text-indent: -9999px;
    background: #3f3f3f;
    margin-right: 5px;
}

#gallery_controls .slides a.activeSlide
{
    background: #9b9b9b;
}

#slider-holder {
	width: 1000px;
	margin: 0 auto;
}

#slider-holder-3d {
	height: 530px;
	margin-left: 177px;
	margin-top: -70px;
}

/*-------------------------------------
   9. FOOTER
-------------------------------------*/

#wrapper {
	width: 1000px;
	margin: 0 auto;
}

footer {
	width: 100%; 
	height: 45px;
	position: relative;
	margin: 0 auto;
	padding: 25px 0 0 0px;
	font-size: 12px;
	line-height: 30px;
	background: #272727;
	clear:both;
}

footer span {
	padding: 0 10px;
	color: #828282;
}

.copy {
padding: 0 0 0 0px;
}

footer a {
	font-size: 12px;
	color: #828282;
	text-decoration: none;
}

footer a:hover {
	text-decoration: underline;
}


.footer_social_networks {
	display: table;
	float: right;
}
.footer_social_networks ul li {		
	float: left;
	margin-left: 7px;
}

/*-------------------------------------
   10. CONTACTFORM
-------------------------------------*/

.contactform {
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 13px 0 0 0;
}

.contactform p {
	position: relative;
	width: 100%;
	padding: 0 0 0px 0;
	overflow: hidden;
}

.contactform input[type="text"] {
	background: #1d1d1d;
	width: 452px;
	height: 17px;
	margin: 0;
	padding: 8px 8px 8px 8px;
	border: 1px solid #2e2d2d;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #969696;
}

.contactform input[type="submit"] {
	background: #252525 !important;
	float: left !important;
	height: 35px !important;
	margin: 1px 0 0 0 !important;
	padding: 0 13px 0 13px !important;
	line-height: 34px !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	color: #969696; !important;
	border: 1px solid #2e2d2d !important;
	cursor: pointer;
}

.contactform input[type="submit"]:hover {
	border-color: #000 !important;
}

.contactform textarea {
	background: #1d1d1d;
	width: 452px;
	height: 104px;
	margin: 0;
	padding: 8px 8px 8px 8px;
	border: 1px solid #2e2d2d;
	float: left;
	overflow: auto;
	resize: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}

.message-sent { 
	padding: 20px;
	margin: 40px 0;
	background: #f1f1f1;
	border: 1px solid #d8d8d8;
}

.message-sent span { 
	font-weight: bold;
}

p.error {
	display: none; 
	padding: 0 0 0 0; 
	color: #FF3300; 
	font-weight: bold;
}

p#submit {
	text-align: right;
}

p#success {
	display: none; 
	padding: 0 0 0 8px; 
	font-size: 16px; 
	text-align: left; 
	margin-bottom: 20px;
}

/*-----------------------------------------------------------------------------------*/
/* 3. =Nav Menu
/*-----------------------------------------------------------------------------------*/

nav#navigation a { 
	color: #969696;
	text-decoration: none;
}

nav#navigation ul ul {
	border: 1px solid #1e1e1e;
	background: transparent url('../images/bg-access-submenu.png') 0 0 repeat;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);	
}

nav#navigation ul ul a { }
nav#navigation ul ul a:hover { color: #999; }

nav#navigation ul ul li {
	border-bottom: 1px solid #191919;
	border-top: 1px solid #333;
}

nav#navigation ul a:hover,
nav#navigation ul li.sfHover a,
nav#navigation ul li.current-cat a,
nav#navigation ul li.current_page_item a,
nav#navigation ul li.current-menu-item a {
    background: url('../images/bg-sprite.png') 10px 0;
	text-decoration: none;
}

nav#navigation ul a:hover span,
nav#navigation ul li.sfHover a span,
nav#navigation ul li.current-cat a span,
nav#navigation ul li.current_page_item a span,
nav#navigation ul li.current-menu-item a span {
    background: url('../images/bg-sprite.png') 100% -30px;
}

nav#navigation li a span.sf-sub-indicator {
    background: url('../images/bg-sprite.png') 100% -90px;
}

nav#navigation ul a:hover span.sf-sub-indicator,
nav#navigation ul li.sfHover a span.sf-sub-indicator,
nav#navigation ul li.current-cat a span.sf-sub-indicator,
nav#navigation ul li.current_page_item a span.sf-sub-indicator,
nav#navigation ul li.current-menu-item a span.sf-sub-indicator { 
	background: url('../images/bg-sprite.png') 100% -60px 
}



.visuallyhidden{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;visibility:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}@media print{*{background:transparent!important;color:#444!important;text-shadow:none!important}a,a:visited{color:#444!important;text-decoration:underline}a:after{content:" (" attr(href) ")"}abbr:after{content:" (" attr(title) ")"}.ir a:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.demo p,.demo ul{margin-right:0}

ul.splitter {
	padding: 0!important;
}

ul.splitter li{

background: none;

	margin: 0 5px 5px 0;	

	display: block;

	float: left;

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;


}

ul.splitter li a{

font-size: 11px;

	text-transform: uppercase;

	background: #151414;	

	display: inline-block;	

	color: #fff;

	text-decoration: none;

	position: relative;

	cursor: pointer;	

	padding:10px 20px 15px 37px;

	margin-bottom:30px;

	border: none;

	line-height: 20px;


}

ul.splitter li a:hover {
	background: #cc5533;
}

ul.splitter-work{background:#f1f1f1;width:auto;height:50px;float:right;padding:0 10px 0 0;list-style:none}


#footer ul.splitter-work{margin:-104px 0 0 0;}


#wrapper.Contact ul.splitter-work {margin: 0 0 0 820px;position: absolute !important;z-index: 9999;}#wrapper.Contact div.splitter-bottom {margin: 50px 0 0 902px; position:absolute; z-index:9999999;}.splitter-top{width:20px;height:10px;float:right;margin:-114px 45px 0 0;list-style:none;z-index:9999999}#splitter-work{clear:both;margin-top:140px}

.work-title ul.splitter-work{;width:auto;height:50px;float:right;margin:-100px 0 0 0;padding:0 10px 0 0;list-style:none;position:relative;}.work-title .splitter-bottom{width:20px;height:10px;float:right;margin:-50px 45px 0 0;list-style:none;}ul.splitter-work ul li{display:block;width:22px;height:22px;float:left;margin:14px 8px 0 8px}ul.splitter-work ul li a{width:22px}ul.splitter-work ul li.all{margin:14px 6px 0 0;padding-right:12px;border-right:1px solid #dbdbdb}ul.splitter-work ul li.first{margin:14px 10px 0 0}.image-grid{margin:0;width:960px}.image-grid:after{content:"";display:block;height:0;overflow:hidden;clear:both}.image-grid li{width:320px;margin:0 0 20px 0;float:left;text-align:center;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;line-height:17px;color:#686f74;height:200px;overflow:hidden;list-style:none;position:relative}.image-grid li a{display:block;overflow:hidden;height:200px}.image-grid li strong,.image-grid li span{position:absolute;left:0;top:-60px;width:100%;height:40px;text-align:center;background:#000}.image-grid li span{top:-34px;height:20px;color:#666;font-size:10px;font-weight:normal;letter-spacing:1px;text-transform:uppercase;padding-bottom:10px}.image-grid li img,.image-grid li strong{display:block}.image-grid li strong{font-size:18px;line-height:18px; letter-spacing:1px;text-transform:uppercase;color:#FFF;padding-top:15px;font-family:'ProximaNovaRegular',sans-serif;font-weight:normal!important}