@font-face {
 font-family: 'VegurExtraLight';
 src: url('Vegur-EL_0500.eot');
 src: local('Vegur ExtraLight'), local('Vegur-ExtraLight'), url('Vegur-EL_0500.ttf') format('truetype');
 }

@font-face {
 font-family: 'VegurRegular';
 src: url('Vegur-R_0500.eot');
 src: local('Vegur Regular'), local('Vegur-Regular'), url('Vegur-R_0500.ttf') format('truetype');
 }

@font-face {
 font-family: 'VegurBold';
 src: url('Vegur-B_0500.eot');
 src: local('Vegur Bold'), local('Vegur-Bold'), url('Vegur-B_0500.ttf') format('truetype');
 }
 
.clear{
 clear: both;
 }
 
a{
 text-decoration: none;
 }

body{
 background: url(../images/html_bg.jpg) repeat-x #e1e0dd;
 color: #515151;
 } 
 
body p{
 color: #515151;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 line-height: 17px;
 }

.body_wrapper{
 width: 920px;
 margin: 0 auto;
 padding: 0 40px 65px 40px; 
 }

.logo{
 width: 924px;
 height: 277px; 
 background: url(../images/top.jpg) no-repeat;
 margin: 0 auto;
 padding: 0 0 20px 0;
 }
 
.read_the_blog{
 display:block;
 width: 168px;
 height: 73px;
 position: relative;
 left: 717px;
 top: 17px;
 background: url(../images/read_the_blog_on.png) no-repeat;
 }
 
.read_the_blog:hover{
 background: url(../images/read_the_blog.png) no-repeat;
 }

.project{
 width: 287px;
 margin: 56px 0 0 0;
 float: left;
 }
 
.middle_project, .right_project{
 padding: 0 0 0 29px;
 }
 
.project_text{
 padding: 0 4px 0 4px;
 }
 
.webstudio_project_img{
 width: 287px;
 height: 148px;
 background: url(../images/webstudio.png) no-repeat;
 position: relative;
 }
 
.exquisite_project_img{
 width: 287px;
 height: 148px;
 background: url(../images/exquisite.png) no-repeat;
 position: relative;
 }
 
.c3_project_img{
 width: 287px;
 height: 148px;
 background: url(../images/c3.png) no-repeat;
 position: relative;
 }
 
.art_gallery_project_img{
 width: 287px;
 height: 148px;
 background: url(../images/art_gallery.png) no-repeat;
 position: relative;
 }
 
.creative_juice_project_img{
 width: 287px;
 height: 148px;
 background: url(../images/creative_juice.png) no-repeat;
 position: relative;
 }
 
.tech_offers_project_img{
 width: 287px;
 height: 148px;
 background: url(../images/tech_offers.png) no-repeat;
 position: relative;
 }
 
.silicon_app_project_img{
 width: 287px;
 height: 148px;
 background: url(../images/silicon_app.png) no-repeat;
 position: relative;
 }
 
.bon_apetit_project_img{
 width: 287px;
 height: 148px;
 background: url(../images/bon_apetit.png) no-repeat;
 position: relative;
 }
 
.live_preview{
 display: block;
 width: 287px;
 height: 148px;
 background: none;
 z-index: 10;
 position: absolute;
 }
 
.live_preview:hover{
 display: block;
 width: 287px;
 height: 148px;
 background: url(../images/live_preview.png) no-repeat;
 z-index: 10;
 position: absolute;
 }
 
.coming_soon{
 display: block;
 width: 287px;
 height: 148px;
 background: none;
 z-index: 10;
 position: absolute;
 }
 
.coming_soon:hover{
 display: block;
 width: 287px;
 height: 148px;
 background: url(../images/coming_soon.png) no-repeat;
 z-index: 10;
 position: absolute;
 }
 
h1{
 font-family: 'VegurExtraLight', Arial, sans-serif;
 font-size: 20px;
 line-height: 20px;
 float: left;
 margin: 21px 0 0 0;
 }
 
h1 a{
 color: #000000;
 text-decoration: none;
 }
 
h1 a:hover{
 color: #d96b01;
 }
 
.price{
 font-family: 'VegurExtraLight', Arial, sans-serif;
 font-size: 18px; 
 line-height: 20px;
 color: #000000;
 float: right;
 margin: 21px 0 0 0;
 }
 
.project_text p{
 margin: 8px 0 14px 0;
 }
 
.buy{
 font-family: Arial, sans-serif;
 font-size: 15px; 
 line-height: 20px;
 color: #d96b01;
 background: url(../images/buy_arrow.jpg) no-repeat right 3px;
 padding: 0 21px 0 0;
 }
 
.buy:hover{
 font-family: Arial, sans-serif;
 font-size: 15px; 
 line-height: 20px;
 color: #000000;
 background: url(../images/buy_arrow_hover.jpg) no-repeat right 3px;
 padding: 0 21px 0 0;
 }
 
.footer{
 width: 100%;
 height: 40px;
 border-top: 2px solid #d4d3d0;
 border-bottom: 2px solid #d4d3d0;
 margin-top: 70px;
 }
 
.follow_us li, .contact_us li{ 
 float: left; 
 font-family: 'VegurExtraLight', Arial, sans-serif;
 font-size: 15px;
 color: #9f9f9f;
 line-height: 40px;
 }
 
.follow_us li.first, .contact_us li.first{ 
 margin: 0 19px 0 7px;
 }
 
.follow_us li.second{ 
 margin: 0 11px 0 0;
 }
 
.flickr{
 display: block;
 width: 34px;
 height: 27px;
 background: url(../images/flickr.png) no-repeat;
 background-position: 0 0;
 margin: 7px 0 0 0;
 }
 
.flickr:hover{
 background: url(../images/flickr.png) no-repeat;
 background-position: 0 -27px;
 }
 
.twitter{
 display: block;
 width: 34px;
 height: 27px;
 background: url(../images/twitter.png) no-repeat;
 background-position: 0 0;
 margin: 7px 0 0 0;
 }
 
.twitter:hover{
 background: url(../images/twitter.png) no-repeat;
 background-position: 0 -27px;
 }
 
 .deviantart{
 display: block;
 width: 34px;
 height: 27px;
 background: url(../images/deviantart.png) no-repeat;
 background-position: 0 0;
 margin: 7px 0 0 0;
 }
 
.deviantart:hover{
 background: url(../images/deviantart.png) no-repeat;
 background-position: 0 -27px;
 }
 
.creattica{
 display: block;
 width: 34px;
 height: 27px;
 background: url(../images/creattica.png) no-repeat;
 background-position: 0 0;
 margin: 7px 0 0 0;
 }
 
.creattica:hover{
 background: url(../images/creattica.png) no-repeat;
 background-position: 0 -27px;
 }
 
.facebook{
 display: block;
 width: 34px;
 height: 27px;
 background: url(../images/facebook.png) no-repeat;
 background-position: 0 0;
 margin: 7px 0 0 0;
 }
 
.facebook:hover{
 background: url(../images/facebook.png) no-repeat;
 background-position: 0 -27px;
 }
 
.contact_us{
 float: right;
 }
 
.email a{
 font-family: 'VegurBold', Arial, sans-serif;
 font-size: 21px;
 color: #383838;
 line-height: 40px; 
 margin: 0 7px 0 0;
 }
 
.email a:hover{
 color: #D96B01;
 }