@font-face {
  font-family: Museo;
  src: url(http://www.simonalazarovici.com/fonts/museo.ttf);
}

@font-face {
  font-family: Titillium;
  src: url(http://www.simonalazarovici.com/fonts/Titillium.otf) format("opentype");
}

@font-face {
  font-family: MuseoSans;
  src: url(http://www.simonalazarovici.com/fonts/museosans.ttf);
}

* {margin:0;padding:0;} 

body, html {
	height: 100%;
	background:url("../images/back_body.jpg") no-repeat scroll center top #e7e7e7;
	font-family: Titilium, arial, verdana, sans-serif;
	font-size: 13px;
	color: #4c4c4c;
	text-align: center;	
}

#wrapper {
	min-height: 100%;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#main {

	padding-bottom: 100px;
} 

.menu {
	text-align: left;
	height: 50px;
	padding: 50px 0 60px 0;
}


.menu .logo a{
	background-image:url("../images/name.png"); 
	background-repeat: no-repeat;
	height:30px;
	width: 295px;
	display: block;
	outline: medium none;
	float: left;
	text-decoration: none;
}


.menu .navigation {
	float: right;
}

.menu .navigation ul li {
	display: inline-block;
	float: left;
	height: 30px;
	margin-right: 35px;
} 

.menu .navigation ul li a.about span{
	display:none;
}

.menu .navigation ul li  a.about{
	background-image:url("../images/about.jpg"); 
	background-repeat: no-repeat;
	height:30px;
	width: 94px;
	display: block;
	outline: medium none;
	text-decoration: none;
}

.menu .navigation ul li  a.about:hover, .menu .navigation ul li  a.about:active {
	background:url("../images/about_active.jpg") no-repeat; 
}

.menu .navigation ul li  a.work{
	background-image:url("../images/work.jpg"); 
	background-repeat: no-repeat;
	height:30px;
	width: 52px;
	display: block;
	outline: medium none;
	text-decoration: none;
}

.menu .navigation ul li  a.work:hover, .menu .navigation ul li  a.work:active{
	background:url("../images/work_active.jpg") no-repeat; 
}

.menu .navigation ul li  a.contact{
	background-image:url("../images/contact.jpg"); 
	background-repeat: no-repeat;
	height:30px;
	width: 76px;
	display: block;
	outline: medium none;
	text-decoration: none;
}

.menu .navigation ul li  a.contact:hover, .menu .navigation ul li  a.contact:active{
	background:url("../images/contact_active.jpg") no-repeat; 
}

.menu .navigation ul li.last {
	margin-right: 0px;
}

.menu .navigation ul li.last-selected {
	margin-right: 0px;
}

.menu .navigation ul li.last-selected  a.contact {
	background-image:url("../images/contact_active.jpg"); 
	background-repeat: no-repeat;
	height:30px;
	width: 76px;
	display: block;
	outline: medium none;
	text-decoration: none;
}

.menu .navigation ul li  a.about-selected {
	background-image:url("../images/about_active.jpg"); 
	background-repeat: no-repeat;
	height:30px;
	width: 94px;
	display: block;
	outline: medium none;
	text-decoration: none;
}

.menu .navigation ul li  a.work-selected {
	background-image:url("../images/work_active.jpg"); 
	background-repeat: no-repeat;
	height:30px;
	width: 52px;
	display: block;
	outline: medium none;
	text-decoration: none;
}

.content{
	text-align: left;
}

.content .top-content{
	width: 960px;
}

.content .slogan {
	float: left;
}

.content .slogan  h1{
	background-image:url("../images/slogan.png"); 
	background-repeat: no-repeat;
	height:77px;
	width: 960px;
	padding-bottom: 80px;
}

.content .slogan  h1 span{
	display: none;
}

.content .title {
	width: 255px;
	float: left;
	clear: both;
}

.content .title  span{
	display: none;
}

.content .title  h1{
	font-family: Museo, Georgia, serif;
	font-size: 36px;
	font-weight: normal;
	line-height: 50px;
	text-align: left;
	color: #4c4c4c;
	padding: 0px 0px 5px 10px;
	margin: 0px;
}


.content .content-text {
	width: 690px;
	float: right;
}

.content .content-text  img{
	padding-bottom: 10px;
	border: 0;
}

.content .content-text p{
	padding: 0px 0px 10px 0px;
	text-align: justify;
	font-family: Titilium, arial, verdana, sans-serif;
	font-size: 14px;
	color: #4c4c4c;
}

.content .content-text h2{
	line-height: 24px;
	text-align: left;
	font-family: Museo, Georgia, serif;
	font-weight: normal;
	font-size: 18px;
	color: #e10000;
}

.content .splitter{
	background-image: url('../images/footer_splitter.gif');
	background-repeat: repeat-x;
	width: 960px;
	margin: 15px 0px 15px 0px;
	height: 2px;
	clear: both;
}


.content .bottom-content {
	clear: both;
	width: 960px;
	padding-top: 10px;
}

.content .bottom-content .tab1{
	width: 300px;
	position: relative;
	margin-right: 15px;
	padding-bottom: 30px;
	float: left;
	height: 250px;
}

.content .bottom-content .tab2{
	background-image: url('../images/splitter.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 300px;
	position: relative;
	margin-right: 15px;
	padding-left: 15px;
	padding-bottom: 30px;
	float: left;
	height: 250px;
}

.content .bottom-content .tab3{
	background-image: url('../images/splitter.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 300px;
	padding-left: 15px;
	padding-bottom: 30px;
	position: relative;
	float: right;
	height: 250px;
}

.content .bottom-content .tab1 h3, .content .bottom-content .tab2 h3, .content .bottom-content .tab3 h3{
	margin-bottom: 10px;
	font-family: Museo, Georgia, serif;
	font-weight: normal;
	font-size: 24px;
	color: #e10000;
}

.content .bottom-content .tab1 h3 a, .content .bottom-content .tab2 h3 a, .content .bottom-content .tab3 h3 a{
	font-family: Museo, Georgia, serif;
	text-decoration: none;
}

.content .bottom-content .tab1 h3 a:hover, .content .bottom-content .tab2 h3 a:hover, .content .bottom-content .tab3 h3 a:hover{
	text-decoration: underline;
}


.content .bottom-content .tab1 p, .content .bottom-content .tab2 p, .content .bottom-content .tab3 p{
	text-align: justify;
	margin: 0px;
	padding-left: 3px;
	padding-bottom: 5px;
	font-family: Titilium, arial, verdana, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #4c4c4c;
}

.content .bottom-content .tab3 ul, .content .content-text ul{
	margin-bottom: 20px;
	padding: 5px 0 0 0;
	font-family: Titilium, arial, verdana, sans-serif;
	font-size: 13px;
	list-style: none;
}

.content .bottom-content .tab3 ul li, .content .content-text ul li{
	padding-left: 8px;
	padding-top: 10px;
}

.content .content-text ul li a{
	color: #e10000;
	text-decoration: none;
}

.content .content-text ul li a:hover{
	text-decoration: underline;
}

.content .bottom-content .tab1 a, .content .bottom-content .tab2 a, .content .bottom-content .tab3 a{
	color: #e10000;
	font-family: Titilium, arial, verdana, sans-serif;
	text-decoration: none;
}

.content .bottom-content .tab1 a:hover, .content .bottom-content .tab2 a:hover, .content .bottom-content .tab3 a:hover{
	text-decoration: underline;
}

.content .bottom-content .tab3 .certificate {
	float: right;
}

.content .bottom-content .tab3 .certificate a img{
	border: 0;
	padding-left: 10px;
	width: 75px;
	height: 70px;
}

#footer {
	background-image: url('../images/footer_splitter.gif');
	background-repeat: repeat-x;
	position: relative;
	margin-top: -40px; /* negative value of footer height */
	height: 40px;
	width: 100%;
	clear: both;
	overflow: hidden;
} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

#footer .footer-wrapper {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}


#footer .footer-wrapper .copyright{
	clear: both;
	padding-top: 15px;
	padding-bottom: 10px;
	text-align: center;
	width: 960px;
	font-family: Titilium, arial, verdana, sans-serif;
	font-size: 12px;
	color: #4c4c4c;
}

/* form elements */
form {
	margin:0; 
}
fieldset {
	margin: 0;	padding: 0;
	border: none;
}
legend {
	display: none;
}
label {
	display:block;
	font-family: Titilium, arial, verdana, sans-serif;
	font-size: 14px;
	padding: 7px 0;
}
input {
	padding:3px;
	border: 1px solid #d5d5d5; 
	font-family: Verdana, Sans-serif;
	color:#4c4c4c;	
}
textarea {
	width:400px;
	padding:3px;
	font-family: Verdana, Sans-serif;
	font-size: 13px;
	border: 1px solid #d5d5d5; 
	height:80px;
	display:block;
	color:#4c4c4c;
}

input.button { 
	background-image: url('../images/button.jpg');
	background-repeat: no-repeat;
	width: 100px;
	height: 31px;
	float: left;
	margin-left: auto;
	margin-right: auto;
	display: block;
	outline: 0px;
	border: 0;
}

input.buttonhover { 
	background-image: url('../images/button-over.jpg');
	background-repeat: no-repeat;
}


/* sliding boxes */

.boxgrid {  
	width: 320px; 
	height: 233px;  
	margin:0 10px 20px 10px;  
	float:left;  
	background:#4c4c4c;  
	border: solid 1px #d5d5d5;  
	overflow: hidden;  
	position: relative;  
}  

.boxgrid img {  
	position: absolute;
	top: 0;
	left: 0;
	border: 0;  
}  

.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #FFF; 
	height: 50px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 }
 
 
.captionfull .boxcaption {
 	top: 233px;
 	left: 0;
}

.boxcaption h3{ 
	clear: both;
	float: left; 
	color: #4c4c4c;
	font-family: Titilium, arial, verdana, sans-serif;
	font-size: 12px;
	margin-left: 10px;
	margin-right: 5px;
 }				

.boxcaption p.caption{ 
	float: left; 
	color: #4c4c4c;
	font-family: Titilium, arial, verdana, sans-serif;
	font-size: 11px;
	margin-left: 10px;
	margin-right: 5px;
 }