/* Colors

	green: #69C300
	dark green: #559D00
	
	
*/

body {
	color:#666;
	background:#fff;
	margin:0;
	padding:0;
	font-family: arial, helvetica, sans-serif;
	font-size:    x-small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size:    small
}
html>body {
	font-size: x-small
}
head:first-child+body {
	font-size:small;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
}

a {text-decoration:none;}
a:link {color:#69C300;}
a:visited {color:#69C300;}
a:hover, a:active {
	text-decoration:underline;
	color:#559D00;
}

img {
	border:none;
}

.clear{clear:both; height:0;font-size:0;}

.lastworks img.arrow {
	width: 3px;
	height:6px;
}
	

#logo {
	padding:0;
	width: 235px;
	float:left;
	/*position:absolute;
	top:0;
	left:0;*/
}
#logo h1 {
      margin:0;
      padding:0;
      position:relative;
      width:235px; height:59px;
      overflow:hidden;
      }

#logo h1 a {
	text-decoration:none;
	color:#69C300;
	font-family: arial, sans-serif;
	font-size:18px;
	font-weight:normal;
}
      
#logo h1 span {
	display:block;
    position:absolute; left:0; top:0; z-index:1;
     width:235px; height:59px;
    margin:0; padding:0;
    background:url(/i/logo.gif) top left no-repeat;
	
}

#menu {
	float:right;
	font-size:11px;
	margin-top:10px;
}

#menu ul {
	margin:0;
	padding:0;
	border-left: solid 3px #69C300;
}

#menu ul li {
	display:inline;
	margin-left:5px;
}

#menu a {
	padding: 0px 3px;
}

#menu a:link, #menu a:visited, #right-cats a:link, #right-cats a:visited {
	text-decoration:none;
	color:#000;
	background:transparent;
}



#menu a:hover, #menu a:active, #menu a.active {
	text-decoration:none;
	color:#fff;
	background-color:#69C300;
}

#menu a.active:link, #menu a.active:visited {
	text-decoration:none;
	color:#fff;
	background-color:#559D00;
}

.page {
	height:1%;
}


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



#content {
	margin-left:45px;
	
}

#content h1 {
	font-size:20px;
	color:#559D00;
	font-weight:normal;
	margin-bottom:1.5em;
	padding-bottom: 0.3em;
	border-bottom: solid 1px #eee;
}

#content h2 {
	font-size:18px;
	color:#559D00;
	font-weight:normal;
	margin-bottom:1em;
}

h3 {
	color:#559D00;
}

.banner {
	text-align:center;
}

.portfolio-item {
	margin:1.5em 0;
	border-bottom: solid 1px #eee;
	padding-bottom:1em;
}


.date {
	float:left;
	position:relative;
	margin-left:-30px;
	width:40px; height:40px;
	background-color:#69C300;
	color:#fff;
	text-align:center;
	font-size:10px;
	font-family: arial, sans-serif;
	letter-spacing:-1px;
}

html>body .date {
	margin-left:-60px;
	height:auto;
}

.date b {
	display:block;
	font-size:25px;
	line-height:23px;
	margin-top:3px;
	padding:0;
	font-weight:bold;
}

.date span {
	letter-spacing:0;
	display:block;
	text-align:center;
	color:#666;
	background:#fff;
	
}

.icon {
	float:left;
	position:relative;
	margin-left:-30px;
	width:40px; height:40px;
	background-color:#69C300;
	text-align:center;
	font-size:10px;
	font-family: arial, sans-serif;
	letter-spacing:-1px;
}

html>body .icon {
	margin-left:-60px;
}

.creative {
	background: transparent url(/i/icon-creative.gif) 0 0 no-repeat;
}

.lastworks {
	margin-bottom:15px;
	margin-top:50px;
}

.lastworks h2 {
	margin-bottom:15px;
}

.lastworks img {
	margin-right:10px;
	width:50px;
	height:50px;
}

.worker {
	height:1%;
}


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

.workerdescr {
	float:left;
	width:100px;
	padding-top:100px;
}

.workerdescr h5 {
	font-size:14px;
	margin-bottom:0;
}
.workerdescr p {
	margin-top:0;
}

.worker img {
	float:right;
}

#rightcontent {
	color:#959595;
	background: inherit;
}

#rightcontent p {
	margin-top: 0.3em;
	font-size:85%;
}

#rightcontent h3 {
	text-transform:lowercase;
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
}

#rightcontent h3 a span {
	color:#559D00;
}

#rightcontent h3 a:hover, #rightcontent h3 a:active {
	text-decoration:none;
	color:#fff;
	background-color:#69C300;
	padding:0 3px;
	
}

#team {
	margin-top:15px;
}

#team-photo {
	width:240px;
	height:202px;
	background-image: url(/i/leonid.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#team-text {
	padding: 120px 100px 20px 15px;
}


#right-blog div, #right-cats div {
	border-left: solid 2px #69C300;
	margin-top:10px;
	padding-left:10px;
	margin-bottom:1em;
}

#right-blog h4 a {
	color:#959595;
	font-size:12px;
}

#right-blog p {
	margin:0;
}

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

#right-cats a {
	padding:0 3px;
}

#right-cats a:link, #right-cats a:visited {
	text-decoration:none;
	color:#959595;
	background:transparent;
}

#right-cats h3 a:link, #right-cats h3 a:visited {
	color:#69C300;
	background:transparent;
}

#right-cats a:hover, #right-cats a:active, #right-cats h3 a:hover, #right-cats h3 a:active, #right-cats a.active {
	text-decoration:none;
	color:#fff;
	background-color:#69C300;
}

#right-cats a.active:link, #right-cats a.active:visited {
	text-decoration:none;
	color:#fff;
	background-color:#559D00;
}


#price {
	margin-top:15px;
}


#footer {
	font-size: 85%;
}
#footer p {
	margin:0;
}

#footer h4 {
	color:#69C300;
	font-size:18px;
	font-weight:normal;
	text-transform:lowercase;
}

#footer-left, #footer-left h6 {
	font-size:12px;
}

#client-logos, #teamlist {
	list-style-type: none; 
	margin:0; padding:0;
}

#client-logos li {
	float:left;
	display:block;
	text-align:center;
	margin: 0 15px 15px 0; 
	padding:5px 0;
	height:80px; 
	width:185px; 
	overflow:hidden;
}

#teamlist li {
	display: -moz-inline-box;
	display: inline-block;
	/*\*/ vertical-align: bottom; /**/
	text-align:center;
	margin: 0 10px 15px 0; 
	padding:5px 0;
	/*height:100px; */
	width:90px; 
	overflow:hidden;
	font-size:11px;
}

/* Gallery
By http://www.brunildo.org/test/ImgThumbIBL3.html
-----------------------------*/
.thumbwrap {
	/*border: 1px solid #999;*/
	padding: 0;
	background-color: #fff;
	margin: 0;
}
.thumbwrap span {
	display: -moz-inline-box;
	display: inline-block;
	/*\*/ vertical-align: top; /**/
	margin: 0 10px 10px 0;
	padding: 0;
	text-align:center;
width:88px;


}

.ie_7_team  {
	vertical-align: bottom;
	margin-bottom:0px;
	width:80px;
	height:80px;
float:left;
}


/* IE/Win width qui per avere anchor ok su img in 5.0 \*/
* html .thumbwrap div {
	display: inline;
	width: 91px;
	w\idth: 89px;
}
/*  Moz: NO border qui altrimenti difficolta' con width, table altrimenti problemi a text resize (risolubili con refresh) */
.thumbwrap div>a {
	/*\*/ display: table; /**/
	width: 89px;
}

.thumbwrap a {
	
	text-decoration: none;
	display: block;
	cursor: pointer;
	padding: 3px;
}

.thumbwrap img {
	vertical-align: bottom;
	margin-bottom:0px;
	width:80px;
	height:80px;
}


.thumbwrap a:hover {
	background-color: #69C300;
	color:#fff;
	text-decoration:none;
}
.thumbwrap .caption {
	display: block;
	padding: .3em 0;
	font-size: 90%;
	line-height: 1.1;
}
/* Moz */
.thumbwrap a>.caption {
	width: 89px;
}
/*\*/
* html .thumbwrap .caption {
	height: 1px;
}
* html .thumbwrap {
	display: inline-block;
}
* html .thumbwrap {
	display: inline;
	height: 1px;
}
/* top ib e hover Op */
@media all and (min-width: 0px) {
	.thumbwrap li {
		vertical-align: top;
	}
	.thumbwrap li a {
		display: inline-block;
		vertical-align: top;
	}
	.thumbwrap {
		display: inline-block; /* non deve avere margin */
	}
}

#rss {
	margin: 15px 0;
}


/* Gallery
By http://www.brunildo.org/test/ImgThumbIBL3.html
portfolio year by year
-----------------------------*/
.portwrap {
	padding: 0;
	background-color: #fff;
	margin: 0;
}
.portwrap li {
	display: -moz-inline-box;
	display: inline-block;
	/*\*/ vertical-align: top; /**/
	margin: 0 10px 10px 0;
	padding: 0;
	text-align:center;
}
/* IE/Win width qui per avere anchor ok su img in 5.0 \*/
* html .portwrap li {
	display: inline;
	width: 50px;
}
/*  Moz: NO border qui altrimenti difficolta' con width, table altrimenti problemi a text resize (risolubili con refresh) */
.portwrap li>a {
	/*\*/  display: table; /**/ 
	width: 50px;
}
.portwrap a {
	display: block;
	text-decoration: none;
	cursor: pointer;
	padding: 0 0;
}
.portwrap img {
	vertical-align: bottom;
	margin-bottom:0px;
	width:50px;
	height:50px;
}


/* top ib e hover Op */
@media all and (min-width: 0px) {
	.portwrap li {
		vertical-align: top;
	}
	.portwrap li a {
		display: inline-block;
		vertical-align: top;
	}
	.portwrap {
		display: inline-block; /* non deve avere margin */
	}
}

#yearlist {
	margin-top:1.5em;
}

.ie_7{

		

}

.ie_7 img {
	vertical-align: bottom;
	margin-bottom:0px;
	width:50px;
	height:50px;
margin:5px;
}