/* 
Theme Name: Oosterbaan V1.5
Description: Oosterbaan 3-Column is a modern theme created for Wordpress.
Author: Leaky Studio
Author URI: http://www.leakystudio.com 
Version: 1.5
*/
@import "demo.css";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body {
	background: #f9f9f9;
	color: #111111;
	font-size: 11px;
	font-family:"Avenir LT W01 35 Light";
	margin: 0px auto;
	padding: 0px;
	line-height: 140%;
	}
#cvText {
	font-size: 15px;
}	
	
#page {
	padding:0 100px 0 100px;
	margin:0px auto 20px auto;
	
}
body.category-works #wrap {
	margin:0;
	width:100%;
	max-width:2000px;
	}
	
div#wrap {
	
	font-size: 11px;
	font-family:"Avenir LT W01 35 Light";
	/*padding-left: 15px;
	padding-right: 15px;*/
	margin:0;
	width:100%;
	/*max-width:1000px;*/
	/*border-left: solid 1px #D9D9D9;
	border-right: solid 1px #D9D9D9;
	background-color:#f0f0f0;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;*/
}
.prev_post {
	position:fixed;
	top:47%;
	left:15px;
	
	width:14px;
	height:32px;
}
.prev_post a {
	opacity:0.5;
}
.next_post a {
	opacity:0.5;
}
.prev_post a:hover {
	opacity:1;
}
.next_post:hover a {
	opacity:1;
}
.next_post {
	position:fixed;
	top:47%;
	right:15px;
	
	width:14px;
	height:32px;
}
#leftSlideContainer {
	position: fixed;
	right:0;
	top:98px;
	text-align: left;
	background-color: rgba(255,255,255,0.8);
	height: auto;
	z-index:40;
	  -moz-box-shadow: 0 0 7px rgba(0, 0, 0, .26);
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .26);
  box-shadow: 0 0 7px rgba(0, 0, 0, .26);
 
}
#leftSlideButton {
	/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
position: absolute;
	left:-130px;
	font-family:"Avenir LT W01 55 Roman";
	top: 40px;
	/*right:100%;*/
	width:200px;
	text-transform:uppercase;
	font-size:17px;
	height:20px;
	border: none;
	cursor: pointer;
	cursor: hand;
	color: #000000;
	z-index:40;
}
#leftSlideContainer a {
color: #808080;
}

#leftSlideContainer a:hover {
    list-style: none;
	text-decoration:none;
	color: #000000;
}
#leftSlideContent {
	width: 1px;
	margin-right: -1px;
	background-color: rgba(200,200,200,0.5);
	color: #CCCCCC;
	font-size: 1em;
	border: none;
}
#leftSlideText {
	padding: 8px 12px 8px 12px;
	font-size:11px;
	font-family:"Avenir LT W01 55 Roman";
	line-height:16px;
	letter-spacing:0.04em;
	color:#666;
}
#leftSlideText p {
	padding:0 0 12px 0;
}
#leftSlideText ul {
	list-style:none;
	padding:0;
	margin:0;
}
#leftSlideText ul li{
	list-style:none;
	padding:0;
	margin:0 0 2px 0;
	letter-spacing:0.04em;
	text-transform:uppercase;
	font-family:"Avenir LT W01 55 Roman";
}
	
/************************************************
*	Hyperlinks									*
************************************************/

a, a:visited{
	color: #8F99A0;
	text-decoration: none;
	outline:none;
	}
	
a:hover{
	text-decoration: underline;
	}
	
	
/************************************************
*	Header  									*
************************************************/

div#header {
	width:100%;
	text-align: center;
	margin:0px auto 0 auto;
	height:105px;
	color: #333333;
	padding-bottom:50px;
	/*border-bottom: solid 1px #CCC;*/
	}
	
div#header a {
	font-family:"Avenir LT W01 55 Roman";
	color: #A9A9A9;
	text-decoration: none;
	margin: 0px;
	}

div#header a:hover{
	color: #333333;
	}
	
div#header div.title {
    font-family:"Avenir LT W01 55 Roman";
    color: #000000;
    font-size: 17pt;
    width:260px;
    margin-bottom: 0px;
	margin-left: auto;
    margin-right: auto;
    margin-top:35px;
}

div.navigation {
	  
	margin-top:5px;
	text-align:center;
	}

	
div#header div.breadcrumb {
	text-align:center;
	margin-left:0px;
	padding-top:10px;
	/*float:right;*/
	position:relative;
	text-transform:uppercase;
	font-size:9px;
	color:#A6A6A6;
	}
	
	
div#header div.breadcrumb a:hover {
	color:#25A9E0;
	}
	
div#header div.breadcrumb a:visited {
	color:#A6A6A6;
	}	
div#header div.breadcrumb a:active {
	color:#A6A6A6;
	}
	
div#header div.breadcrumb a {
	color:#A6A6A6;
	}

div.item {
    clear: both;
}

div.clear{
	clear: both;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
}
a img{
	border: none;
}

div.content_cat_side{
	float:left;
	}
	
div.content_main{
	float:left;
	}
	
div.story{
	float:left;
	display:inline;
	border-bottom:solid 1px #CCCCCC;
	padding-bottom:10px;
	margin-bottom:10px;
	}
	
div.storyworks {
	font-size:13px;
	margin-bottom:25px;
	margin-top:0px;
	padding:0px;
	color: #808080;
	}
	
.press {
	font-size:13px;
	margin-bottom:10px;
	margin-top:0px;
	padding: 0px;
	color: #666666;
	width:100%;
	max-width: 650px;
	}
	
.press p {
padding-bottom:12px;
}
	
div.press h2{
	text-transform:uppercase;
	font-size:16px;
	margin-bottom:8px;
	color: #595959;
	font-weight:normal;
	padding-top:8px;
	}
	
div.press h3 {
	text-transform:uppercase;
	font-size:14px;
	margin-bottom:8px;
	color: #08b2dd;
	font-weight:normal;
	padding-top:8px;
	}
	
div.storyworks h2{
	text-transform:uppercase;
	font-size:16px;
	margin-bottom:8px;
	color: #08B2DD;
	font-weight:normal;
	padding-top:8px;
	}
	
div. storyworks h1{
font-size:16px;
color:#CCCCCC;
}

div.cv {
	font-size:13px;
	margin-bottom:10px;
	text-align:left;
	margin:0px auto 0 auto;
	padding:0px;
	color: #696969;
	}
	
div.cv a {
	color:#696969;
	text-decoration:none;
	}
div.cv a:hover {
	color:#08b2dd;
	text-decoration:none;
	}
	
		
.cv_child {
	border-top: solid 1px #D9D9D9;
	font-size:13px;
	margin-bottom:10px;
	margin:0px auto 0 auto;
	padding:0px;
	color: #696969;
	clear:both;
	width:75%;
	max-width:800px;
	min-width:550px;
	}
	
div.cv_child a {
	color:#696969;
	text-decoration:none;
	}
div.cv_child a:hover {
	color:#08b2dd;
	text-decoration:none;
	}
	
div.cv h2{
	text-transform:uppercase;
	font-size:17px;
	margin-bottom:4px;
	color: #02c8cb;
	font-weight:normal;
	text-align:center;
	padding-top:0px;
	margin-top:12px;
	}


div.Bioside {
	max-width:120px;
	float:left;
	width:15%;
	}
div.Bioside h3 {
	font-size:16px;
	color:#02c8cb;
	font-weight:normal;
	padding-top:10px;
	margin:0px;
	line-height:19px;
	text-transform: capitalize;
	}
	
div.bio_contents2 {
	max-width: 640px;
	width:80%;
	float: right;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
div.cv_child ul{
    margin: 0;
    padding: 0;
	list-style:none;
}

div.cv_child ul li{
    margin-botton: 8px;
    padding-bottom: 5px;
	list-style:none;
}

.cvdate {
	margin-right:15px;
	padding:0px;
	}
/************************************************
*	Nav    							*
************************************************/
	
div#menu {
	text-align:center;
	margin:35px 0 0 0;
	font-size:14px;
	font-weight:lighter;
	text-transform:uppercase;
	text-decoration:none;
	font-stretch:semi-expanded;
        width:100%;
	position:relative;
}

div#menu ul {
    margin: 0px;
    padding: 0;
}

div#menu ul li {
	display:inline;
    list-style: none;
	padding-left:2%;
	padding-right:2%;
	padding-bottom: 10px;
	position:relative;
}
div#menu ul li.mo {
	display:inline;
    list-style: none;
	font-size:19px;
	padding-left:0;
	padding-right:7px;
	padding-bottom: 10px;
	text-transform:none;
}
div#menu ul li.mo a{
    list-style: none;
	text-decoration:none;
	font-family:"Avenir LT W01 55 Roman";
	color: #000;
}

div#menu ul li a{
    list-style: none;
	text-decoration:none;
	color: #808080;
}

div#menu ul li a:hover {
    list-style: none;
	text-decoration:none;
	color: #000;
	border-bottom: solid thin #000;
}
/*dropdown*/
div#menu ul ul{
    	padding-left:0;
	padding-right:7px;
	padding-bottom: 10px;
	padding-top:10px;
    background:#fff;
    background:rgba(255,255,255,0); 
    list-style:none;
	/*opacity:0;
	display:none;*/
    position:absolute;
    left:-9999px; 
}

div#menu ul ul li {
	font-size:75%;
}

div#menu ul a{
    white-space:nowrap; 
}

div#menu li.work:hover ul{ 
	/*opacity:1 !important;*/
	left:42px;
}

/*dropdown*/

#contentmiddleworks img {
	text-align:center;
	float:none;
	
}
.feat_home img {
	text-align:center;
	float:none;
	max-width:96%;
   width:auto 100%;
   margin:0 auto 0px auto;
   height:auto;
   clear:both;
	}
.feat_home p {
	padding:0;
	margin:0;
}
.feat_home h3 {text-align:center;
width:auto;
font-size:17px;
color:#666666;
font-weight:normal;
margin: 10px 0 20px 0px;
padding-bottom: 7px;
text-decoration:none;
}
.feat_home {
margin:0px auto 0 auto;
	padding-top:0px;
	color:#666666;
	text-align:center;
	max-width:1000px;
	}
img.size-full {
	max-width:96%;
   width:auto 100%;
   margin:0 auto 50px auto;
   height:auto;
   clear:both;
}
.wp-caption img.size-full {
	max-width:96%;
   width:auto 100%;
   margin:0 auto 0 auto;
   height:auto;
}
.wp-caption {
   margin:0 auto 50px auto;
   height:auto;
   max-width:96%;
}
p.wp-caption-text {
	font-size:14px;
}

div#menu #current a {  
     color: #000;
}
	 
div#menu li.current_page_item a {
	color: #000;
     }
div#menu li.current-cat a {  
     color: #000;
     }
#contentmiddleworks .single_data p {
	font-size:13px;
	line-height:21px;
	padding:0 0 0 0;
}
.single_data {
	margin:0 0 25px 0;
}
	 

/************************************************
*	Content 					     		    * 
************************************************/

#content {
	margin: 15px auto 0 auto;
	padding: 0px;
	}

#contentnews {
	margin: 15px auto 0 auto;
	padding: 0px;
	width: 860px;
	}

	
div#contentworks {
	margin: 0px;
	padding: 0px;
	}

div#content p{
	/*margin: 0px;*/
	line-height: 140%;
	}
	
div#contentnews p{
	/*margin: 0px;*/
	line-height: 140%;
	}

	
div#contentmiddle h1 {
	color: #666666;
	font-size: 16px;
	font-weight: lighter;
	padding: 0px 0px 0px 0px;
	margin-bottom: 3px;
	margin-top:0px;
	}
	
div#contentmiddle h1 a  {
	color: #666666;
	text-decoration: none;
	}

div#contentmiddle h1 a:hover {
	color: #FF19FF;
	text-decoration: none;
	}
	
div#contentmiddle h2 {
	color: #333333;
	font-size: 14px;
	margin: 0px;
	font-weight:normal;
	}
	
#contentmiddleworks {
	margin:0px auto 0 auto;
	padding-top:0px;
	color:#666666;
	text-align:center;
	max-width:1000px;
	}
#contentpress {
	margin:0px auto 0 auto;
	padding-top:0px;
	width:100%;
	color:#666666;
	max-width:650px;
}
	
div#contentmiddle-cv {
	width:75%;
	margin:0px auto 0 auto;
	padding-top:0px;
	color:#666666;
	max-width:800px;
	min-width:550px;
}
div#contentmiddle-cv p {
	padding:0 0 12px 0;
}
a[href$=".PDF"], a[href$=".pdf"] {
	padding: 2px 0 2px 17px;
	background: url(images/pdf_icon.png) left center no-repeat;
	color:#08b2dd;
}

/*Works Category*/
.box2 {
  margin: 0 20px 20px 0;
  padding: 0 0 0 0;
  font-size: 11px;
  line-height: 1.4em;
  float: left;
  position:relative;
}
.box2 img:hover {
	opacity:0.5;

}

body.home .col1 { width: 220px; }
body.home .col2 { width: 340px;}
body.home .col3 { width: 450px;}
body.home .col1 img { max-width: 220px; }
body.home .col2 img { max-width: 340px; }
body.home .col3 img { max-width: 450px; }


.box2 img {
  display: block;
  width: 100%;
  height:auto;
}

.box2:hover .overlay {
	display:block;
}



.box {
  margin: 0 20px 20px 0;
  padding: 0 0 0 0;
  font-size: 11px;
  line-height: 1.4em;
  float: left;
  position:relative;
}
.box img:hover {
	opacity:0.5;
}

.col1 { width: 220px; }
.col2 { width: 340px;}
.col3 { width: 450px;}
.col1 img { max-width: 220px; }
.col2 img { max-width: 340px; }
.col3 img { max-width: 450px; }


.box img {
  display: block;
  width: 100%;
}

.box:hover .overlay {
	display:block;
}

.overlay {
	position:absolute;
	display:none;
	top:9px;
	left:9px;
	color:#111;
	font-size:12px;
	font-family:"Avenir LT W01 55 Roman";
	margin:5px 0 0 0;
	width: 95%;
	z-index:999;
}
.box .overlay p {
	font-size: 13px;
font-family:"Avenir LT W01 55 Roman";
	padding:0;
	margin:1px 0 0 0;
	letter-spacing:0.02em;
}
.box .overlay h3 {
	color:#333;
	font-size:14px;
	letter-spacing:0.02em;
	font-weight:normal;
	font-family:"Avenir LT W01 55 Roman";
	margin:0;
	line-height:18px;
}
.box2  .overlay p {
	font-size: 13px;
font-family:"Avenir LT W01 55 Roman";
	padding:0;
	margin:1px 0 0 0;
	letter-spacing:0.02em;
}
.box2 .overlay h3 {
	color: #333;
	font-size:14px;
	letter-spacing:0.02em;
	font-weight:normal;
	font-family:"Avenir LT W01 55 Roman";
	margin:0;
	line-height:18px;
}

	
div#content_page {
	margin:0px auto 0 auto;
	padding-top:0px;
	color:#666666;
	text-align:center;
	width:800px;
	font-size:14px;
	line-height:18px;
	}
	
div#content_page div#page_left h2 {
font-size:16px;
text-transform:none;
margin-bottom:6px;
padding:0px;
padding-bottom:3px;
border-bottom: solid 1px #D9D9D9;
}
	
div#page_left {
float:left;
width:400px;
padding-right:15px;
border-right: solid 1px #D9D9D9;
margin-right:10px;
}

div#page_left ul {
list-style:none;
margin:0px;
padding:0px;
}

div#page_left ul li a {
list-style:none;
margin:0px;
padding:0px;
display:block;
color: #808080;
padding-bottom:3px;
}

div#page_left ul li a:hover {
color: #08b2dd;
text-decoration:none;
}

div#page_right {
float:right;
width: 370px;
}

div#content_page div#page_right h2 {
font-size:16px;
text-transform:none;
margin-bottom:6px;
padding:0px;
padding-bottom:3px;
border-bottom: solid 1px #D9D9D9;
}
	

div#page_right ul {
list-style:none;
margin:0px;
padding:0px;
}

div#page_right ul li a {
list-style:none;
margin:0px;
padding:0px;
display:block;
color: #808080;
padding-bottom:3px;
}
div#page_right ul li a:hover {
color: #08b2dd;
text-decoration:none;
}	
div#content_page h2 {
	text-transform:uppercase;
	font-size:17px;
	margin-bottom:8px;
	margin-top:8px;
	color: #222222;
	font-weight:normal;
	padding:0px 0 10px 0;
}	
div#contentmiddle-cat {
	margin: 20px auto 0 auto;
	padding-top:0px;
	color:#666666;
	}

	
div#contentmiddle-cat h2 {
	text-transform:uppercase;
	font-size:17px;
	margin-bottom:8px;
	color: #333333;
	font-weight:normal;
	padding-top:0px;
	margin-top:20px;
	margin-right: -15px;
	text-align: right;
	letter-spacing: 1em;
	}
	
div#contentmiddle-cat h2 {
	display:none;
	}

div#homemiddle-cat h2 {
	text-transform:uppercase;
	font-size:17px;
	margin-bottom:8px;
	color: #333333;
	font-weight:normal;
	padding-top:0px;
	padding-left:50px;
	margin-top:20px;
	margin-right: -15px;
	text-align: left;
	letter-spacing: 1em;
	}
	
div#contentmiddle-cat h4 a {
	text-transform:uppercase;
	font-size:14px;
	margin-bottom:12px;
	color: #25A9E0;
	font-weight:normal;
	padding-top:0px;
	margin-top:5px;
	text-decoration:none;
	}
	
div#contentmiddle-cat h4 a:visited {
	color: #25A9E0;
}

div#contentmiddle-cat h4 a:active {
	color: #25A9E0;
}
	
div#contentmiddle-cat h4 a:hover {	
color:#666666;
text-decoration:none;
}
div.title_single {
padding: 0px;
margin: 0px auto 0 auto;
text-align:center;
}
.prevwork a:hover {
	color:#08B2DD;
	text-decoration:none;
}
.nextwork a:hover {
	color:#08B2DD;
	text-decoration:none;
}
.prevwork a {
	color: #bdbdbd;
	text-decoration:none;
}
.nextwork a {
	color:#bdbdbd;
	text-decoration:none;
}
.prevwork {
	position:fixed;
	top:142px;
	right:50px;
	width:80px;
	font-size:15px;
	text-align:left;
	font-family:"Avenir LT W01 35 Light";
}
.nextwork {
	position:fixed;
	top:142px;
	right:10px;
	width:60px;
	text-align:right;
	font-size:15px;
	font-family:"Avenir LT W01 35 Light";
}
div.title_single h2 {
text-transform:uppercase;
	font-size:17px;
	margin-bottom:8px;
	margin-top:20px;
	color: #222222;
	font-weight:normal;
	padding-top:0px;
	line-height:22px;
}
	
div.title_single_home {
float:left;
padding: 0px;
margin: 0px;
margin-bottom:15px;
}


.news a {
color:#333333;
text-decoration:none;
}

.news a:hover {
color:#FF0000;
text-decoration:none;
}

#contentnews .news {
	text-align:left;
	width:100%;
	margin:0 0 20px 0;
	padding:0 0 0 0;
}
#news_container {
	margin-left: auto;
	margin-right: auto;
	padding:0 0 0 0;
	overflow:hidden;
	min-width:200px; width: auto !important; 
	width: 2000px;
	white-space: nowrap;
}


h3.collapseomatic {
	color: #595959;
	margin-bottom:4px;
	padding:0px;
	font-size:14px;
	font-weight:lighter;
	margin-top:3px;
	}
.news p {
padding-bottom:6px;
}
.newscont {
	width:200px;
	margin: 0 15px 15px 0;
  padding: 0 0 0 0;
  display:inline-block;
  white-space: normal;
  position:relative;
  vertical-align:top;
}
.latestsub {
	font-size:11px;
}




.close {
	background-position:0 4px;
	background-repeat: no-repeat;
}
.newsright {
	float:right;
}

.collapseomatic {
	padding: 0 0 0 0px;
	cursor: pointer;
	color: #595959;
	font-size:14px;
	font-weight:lighter;
	margin-top:0;
	
	line-height:20px;
	
	}


.collapseomatic:hover {
	text-decoration: none;
	color:#F00;
	cursor: pointer;
}


.news h2 a {
	color: #595959;
text-decoration:none;
}
.news h2 {
	border-bottom:solid thin #999;
	width:860px;
	color: #595959;
	font-weight:normal;
	text-transform:uppercase;
	font-size:14px;
	margin-bottom:12px;
	padding:0 0 6px 0;
}
.news h2 a:hover {
	color: #FF0000;
text-decoration:none;

}


.news li img {
clear:both;
}


	#navleft{
		z-index:200;
		position:absolute;
		width:15px;
		height:(HEIGHT-70)px;
		margin:0px; padding:0px; }
	#navright{
		z-index:201;
		position:absolute;
		width:15px;
		height:(HEIGHT-70)px;
		margin:0px; padding:0px;
		margin-left:(WIDTH-15)px; }
	#navleft a,
	#navright a{
		width:15px;
		height:(HEIGHT-70)px;
		display:block;
		background-color:#000000;
		filter:alpha(opacity=30);-moz-opacity:.3;opacity:.3;
		background-position:center center;
		background-repeat:no-repeat; }
	#navleft a{ background-image:url(left.gif); }
	#navright a{ background-image:url(right.gif);  }
	#navleft a:hover{ filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6; }
	#navright a:hover{ filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6; }
	#navleft a span,
	#navright a span{ display:none; }




	
div.title_single_home h2 {
text-transform:uppercase;
	font-size:17px;
	margin-bottom:8px;
	margin-top:20px;
	color: #121212;
	font-weight:normal;
	padding-top:0px;
	line-height:22px;
}
#page-441 .title_single_home h2 {
	text-align: right;
	letter-spacing: 1em;
	margin-right: -15px;
	}
	
div.single_data_press {
	float:left;
	border-top: solid 0px #D9D9D9;
	padding-top: 0px;
	margin-top: 0px;
	color:#666666;
	font-size:14px;
	}
	
.notes {
font-style:italic;
font-size:14px;
color: #898989;
}

.worksnav {
	float: right;
	
	font-size:10px;
	text-transform:uppercase;
	padding-bottom:8px;
	margin-top:12px;
	color: #A6A6A6;
	width:165px;
	text-align:right;
	}
	
div.worksnav a {
	text-decoration:none;
	color: #A6A6A6;
	}
	
div.worksnav a:hover {
	text-decoration:none;
	color:#25A9E0;
	}
	
div.worksnav .prev {
	vertical-align:middle;
	padding:0px;
	}
div.worksnav .next {
	float: right;
	margin-left:15px;
	vertical-align:middle;
	padding:0px;
	}
	

.clearer{

	clear:both;

	float:none;

}
	
.postImage {
float:left;
width: auto;
margin-top:0px;
margin-right:15px;
padding:0px;
}
.postImage a img{
border:solid 1px #CCCCCC;
-moz-box-shadow: 0 0 3px #CCC;
	-webkit-box-shadow: 0 0 3px #CCC;
	box-shadow: 0 0 3px #CCC;
}

.postImage a:hover img{
	border: solid 1px #08b2dd;
	}
	

	
.post {
clear:both;
margin-bottom:0px;
height: 121px;
padding-top: 30px;
border-top: dotted 1px #D9D9D9;
}

.post_press {
clear:both;
margin-bottom:20px;
padding-bottom: 20px;
border-bottom: dotted 1px #D9D9D9;
}


.cat {
	font-size:13px;
	margin-bottom:10px;
	margin-top:20px;
	padding:0px;
	color: #696969;
	max-width:800px;
	width:100%;
	}
	
	
.cat a {
	color:#696969;
	text-decoration:none;
	}
.cat a:hover {
	color:#08b2dd;
	text-decoration:none;
	}

.post_content {
text-align:left;
width:auto;
font-size:12px;
color:#666666;
font-weight:normal;
line-height:19px;
}
.postImagePress {
float:left;
width:21%;

/*max-width: 150px;
min-width:150px;*/
margin-top:0px;
/*margin-right:10px;*/
padding:0 1px 0 0;
}
.postImagePress a img{
border:solid 1px #CCCCCC;
}
.postImagePress img{
display:block;
width:100%;
height:auto;
}

.postImagePress a:hover img{
	border: solid 1px #08b2dd;
	}

.post_content_press {
text-align:left;
float:right;
width:75%;
margin:0 0 0 0;
padding:0 0 0 0;
font-size:12px;
color:#666666;
font-weight:normal;
line-height:19px;
}
.post_content_press a {
text-decoration:none;
color: #666666;
}

.post_content_press p {
padding-bottom:10px;
}

.post_content_press h3 {
text-align:left;
width:auto;
font-size:17px;
color:#666666;
font-weight:normal;
margin: 0px;
padding-bottom: 7px;
text-decoration:none;
}

.post_content_press h3 a {
text-align:left;
width:auto;
font-size:17px;
color:#666666;
font-weight:normal;
margin: 0px;
padding-bottom: 7px;
text-decoration:none;
}




.post_content_news {
text-align:left;
width:65%;
max-width:550px;
margin:10px auto 10px auto;
padding:0 0 5px 0;
font-size:12px;
color:#666666;
border-bottom: solid thin #CCC;
font-weight:normal;
line-height:19px;
}
.post_content_news a {
text-decoration:none;
color: #666666;
}

.post_content_news p {
padding-bottom:10px;
}

.post_content_news h3 {
text-align:left;
width:auto;
font-size:17px;
color:#666666;
font-weight:normal;
margin: 0px;
padding-bottom: 7px;
text-decoration:none;
}

.post_content_news h3 a {
text-align:left;
width:auto;
font-size:17px;
color:#666666;
font-weight:normal;
margin: 0px;
padding-bottom: 7px;
text-decoration:none;
}

.post_content h3 {
text-align:left;
width:auto;
font-size:17px;
color:#666666;
font-weight:normal;
margin: 0px;
padding-bottom: 7px;
text-decoration:none;
}



div#contentmiddletemp {
	float: left;
	width: 800px;
	}
	
div#contentmiddletemp h1 {
	color: #CCCCCC;
	font-size: 16px;
	font-weight: lighter;
	padding: 0px 0px 0px 0px;
	margin-bottom: 3px;
	margin-top:0px;
	}
	
div#contentmiddle p img{
	float: left;
	border: none;
	margin-right: 15px;
	margin-bottom: 10px;
	}
	
div#contentmiddle ol{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
div#contentmiddle ol li{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
div#contentmiddle ul{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
div#contentmiddle ul li{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
div.contenttitle {
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
div.homeslide_holder {
margin-top:15px;
padding:0px;
border-bottom: solid 1px #232323;
padding-bottom:15px;
margin-bottom:15px;
background-color:#FFFFFF;
}
	
div.contenttitlestart {
	float: left;
	margin: 0px;
	padding-bottom: 8px;
	border-bottom: solid 1px #232323;
	}
	
	
div.contentstartbottom {
	width:480px;
	padding-left:0px;
	padding-right:8px;
	border-top: solid 1px #232323;
	padding-top:8px;
	float:left;
	margin-top: 12px;
		}
		
div#contentmiddle div.contentstartbottom h1{
	color: #444444;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	padding-bottom:5px;
	padding-top:0px;

		}
	
div.item {
    clear: both;
}
	
div.contentstartbottom_left {
	float:left;
	width:238px;
	border-right: solid 1px #232323;
	padding-left:0px;
	padding-top:0px;
	margin-left:0px;
	text-align:left;
	}
	
div.contentstartbottom_right {
	float:right;
	width:225px;
	padding-left:8px;
	padding-top:0px;
	margin:0px;
	text-align:left;
	}
	
div#content img.wp-smiley {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}

div#content img.wp-wink {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}
	

#wpcf7-f1-p16-o1 input,
#wpcf7-f1-p16-o1 textarea {
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #999999;
	padding:7px 5px;
	margin: 3px 0;
	font-size: 14px;
	color: #333333;
	font-family: arial;
	-moz-box-shadow: 0 0 5px #CCCCCC;
	-webkit-box-shadow: 0 0 5px #CCCCCC;
	box-shadow: 0 0 5px #CCCCCC;

}
#wpcf7-f1-p16-o1 submit {
	margin: 5px 0 0 0;
}

#workshome {
	margin:0 auto 0 auto;
	padding:0;
	width:100%;
}
embed,
iframe,
object,
video {
	max-width: 100%;
}
strong {
	font-family:"Avenir LT W01 85 Heavy";
	font-weight:normal;
}
/************************************************
*	Footer      								*
************************************************/



div#footer {
	text-align: center;
	margin-top:20px;
	padding-top:10px;
	border-top: solid 1px #D9D9D9;
	color:#666666;
	padding-bottom:10px;
	font-size:10px;
	text-transform:uppercase;
	}
	
div#footer a {
	color: #444444;
	border-bottom: solid1px #0099CC;
	}
div#footer a:hover {
	color: #0099CC;
	border-bottom: solid1px #0099CC;
	}
	
div#footer a:visited {
	color: #444444;
	border-bottom: solid1px #0099CC;
	}
div#footer a:active {
	color: #444444;
	border-bottom: solid1px #0099CC;
	}

/**** 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:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, 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;
}

/* =Media queries
-------------------------------------------------------------- */


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
body {
	margin:0 10px;
	
}
.breadcrumb {
	display:none;
}
#menu {
	width:100%;
	text-align:center;
	padding-bottom:10px;
}
#menu ul li.mo {
	width:100%;
	float:none;
	display:block;
	text-align:center;
	padding-left:0;
	padding-right:0;
	padding-bottom: 0;
	clear:both;
	line-height:35px;
}

div#menu li.work ul{ 
	/*opacity:1 !important;*/
	left:0px;
	display:block;
	padding-top:4px;
	width:100%;
	text-align:center;
}

#contentmiddle-cat {
	width:100%;
	margin:0 auto;
	padding:0;
}
body.category-works #wrap {
	margin:0;
	width:100%;
	max-width:100%;
	}

#menu ul {
	width:100%;
	list-style: none outside none; margin:0; padding: 0; text-align: center; 
}
div#menu {
	text-align:center;
	margin:20px 0 0 0;
	font-size:12px;
	font-weight:lighter;
	text-transform:uppercase;
	text-decoration:none;
	font-stretch:semi-expanded;
}
#menu ul li:nth-child(1):after { content:"\A"; white-space:pre;}

div#menu li.work:hover ul{ 
	left:0;
}

div#contentmiddle-cv {
	width:100%;
	margin:0px auto 0 auto;
	padding-top:0px;
	color:#666666;
	max-width:100%;
	min-width:100%;
}
.cv_child {
	border-top: solid 1px #D9D9D9;
	font-size:13px;
	margin-bottom:10px;
	margin:0px auto 0 auto;
	padding:0px;
	color: #696969;
	clear:both;
	width:100%;
	max-width:100%;
	min-width:100%;
	}
div#content_page {
	margin:0px auto 0 auto;
	padding-top:0px;
	color:#666666;
	text-align:center;
	width:100%;
	font-size:14px;
	line-height:18px;
	}
div.Bioside {
	max-width:100%;
	float:none;
	width:100%;
	}
div.Bioside h3 {
	font-size:16px;
	color:#08b2dd;
	font-weight:normal;
	text-align:center;
	padding-top:10px;
	margin:0px;
	line-height:19px;
	text-transform: capitalize;
	}
	
div.bio_contents2 {
	max-width: 100%;
	width:100%;
	float: none;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	}

div#menu>ul>li {
	margin: 0 3px 0 3px; 
	display: block;
	padding-bottom:3px;
	border-bottom:1px solid #ccc;
}

#menu ul li.mo {
	border-bottom:none;
}

div#menu ul ul {
	position:relative;
	padding-bottom:3px;
}

div#menu ul ul li:before {
	content: '\2022\2002';
}

#page {
	padding:0;
	margin:0px auto 20px auto;
	width:100%;
}
#wrap {
	margin:0;
	width:100%;	
	}
	
.newsright {
	display:none;
}
.news h2 {
	text-align:center;
	border-bottom:none;
	margin:0 0 5px 0;
	width:100%;

}
#content {
	width:100%;
}

#contentnews{
	width: 100%;
}
.newscont {
	display:block;
	width:100%;
	margin:0 auto;
	border-top:dashed 1px #CCC;
	padding:5px 0 0 0;
	text-align:center;
}

div#header {
	width:100%;
	text-align: center;
	margin:0px auto 10px auto;
	height:auto;
	color: #333333;
	padding-bottom:8px;
	text-align:center;
	}
.newscont h3 {
	text-align:center;
	line-height:1.1em;
}
#leftSlideContainer {
position:relative;
display:block;
margin:0 auto;
background:#eeecec;
top:0;
left:0;
	  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#leftSlideButton {
	display:none;
	position:relative;
	margin:0 auto;
	-webkit-transform: rotate(0deg);

/* Firefox */
-moz-transform: rotate(0deg);

/* IE */
-ms-transform: rotate(0deg);

/* Opera */
-o-transform: rotate(0deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
width:100%;
text-align:center;
border-top: solid thin #999;
padding:5px 0 0 0;
top:0;
left:0;
}
#leftSlideContent {
width:90%;
background:#eeecec;
text-align:center;
margin:0 auto;
display:none;
}
#leftSlideText {
width:90%;
position:relative;
background:#eeecec;
margin:0 auto;
display:none;
}
#contentmiddle-cat .box {
  margin: 0 auto 35px auto;
  padding: 0 0 0 0;
  font-size: 11px;
  line-height: 1.4em;
  width:100%;
  float: none;
  position:relative;
  height:auto;
  clear:both;
}
.box img:hover {
	opacity:0.5;
}

.col1 { width: 100%;  height:auto;}
.col2 { width: 100%; height:auto;}
.col3 { width: 100%; height:auto;}
.col1 img { max-width: 100%; }
.col2 img { max-width: 100%; }
.col3 img { max-width: 100%; }


.box img {
  display: block;
  width: 100%;
  height:auto;
}

.box:hover .overlay {
	display:block;
}

.overlay {
	position:relative;
	display:block;
	top:9px;
	left:9px;
	color:#111;
	font-size:12px;
	font-family:"Avenir LT W01 55 Roman";
	margin:5px 0 0 0;
	width: 100%;
	z-index:999;
	clear:both;
}
.box .overlay p {
	font-size: 13px;
font-family:"Avenir LT W01 55 Roman";
	padding:0;
	margin:1px 0 0 0;
	letter-spacing:0.02em;
}
.box .overlay h3 {
	color:#333;
	font-size:14px;
	letter-spacing:0.02em;
	font-weight:normal;
	font-family:"Avenir LT W01 55 Roman";
	margin:0;
	line-height:18px;
	text-align:center;
}
.box2  .overlay p {
	font-size: 13px;
font-family:"Avenir LT W01 55 Roman";
	padding:0;
	margin:1px 0 0 0;
	letter-spacing:0.02em;
	text-align:center;
}
.box2 .overlay h3 {
	color: #333;
	font-size:14px;
	letter-spacing:0.02em;
	font-weight:normal;
	font-family:"Avenir LT W01 55 Roman";
	margin:0;
	line-height:18px;
	text-align:center;
}
.postImagePress {
	display:none;
}
.post_content_press {
text-align:left;
float:none;
width:100%;
margin:0 0 0 0;
padding:0 0 0 0;
font-size:12px;
color:#666666;
font-weight:normal;
line-height:19px;
}



}

body div#menu ul li.mo {
	display: block;
	padding:0;
	margin-bottom:28px;
	font-size:30px;
}

#content ul {
	padding: 0 0 12px 18px;
}

@media (min-width:768px) {
	/*body div#menu {
		font-size:1.7vw;
	}
	body div#menu ul li:hover ul {
		left:0;
	}
	body div#menu ul ul li {
		display:block;
		font-size:75%;
		margin-left:-50%;
		padding-left:0;
	}
*/
}