body, html {
  height:100%;
  border:0;
  padding:0;
  margin:0;
  text-align:center;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #eeeae1;
}
h1#logo{
	background:transparent;
	font-size:0;
	line-height:0;
	height:31px;
	width:100px;
	float:left;
	display:inline;
}
h1#logo_c{
	background:transparent;
	font-size:0;
	line-height:0;
	height:31px;
	width:260px;
	float:left;
	display:inline;
}
h1#logo a{
	display:block;
	height:31px;
	background:url(../img/h1_logo_small.png);
}
h1#logo_c a{
	display:block;
	height:31px;
	background:url(../img/h1_logo.png);
}
h2 {  font-size: 12px;
padding-left: 16px;
float: left;
margin-left: 10px;
margin-top: -3px;
font-style: normal;
}
h2.work {  
font-size: 12px;
line-height: 12px;
background: url(../img/link.png) no-repeat 0 100%;
 

}

h2.lastfm{ 
font-size: 12px;
line-height: 15px;
padding-left: 18px;
background: url(../img/icons/lastfm.png) no-repeat 0 100% ;
}
h2.facebook{ 
font-size: 12px;
line-height: 15px;
padding-left: 18px;
background: url(../img/icons/facebook.png) no-repeat 0 100% ;
}
h2.flickr{ 
font-size: 12px;
line-height: 15px;
padding-left: 18px;
background: url(../img/icons/flickr.png) no-repeat 0 100% ;
}
h2.behance{ 
font-size: 12px;
line-height: 15px;
padding-left: 18px;
background: url(../img/icons/be.png) no-repeat 0 100% ;
}
h2.in{ 
font-size: 12px;
line-height: 15px;
padding-left: 18px;
background: url(../img/icons/in.png) no-repeat 0 100% ;
}
h2.da{ 
font-size: 12px;
line-height: 15px;
padding-left: 18px;
background: url(../img/icons/da.png) no-repeat 0 100% ;
}
h2.online{ 
font-size: 12px;
line-height: 15px;
padding-left: 18px;
background: url(../img/link.png) no-repeat 0 100%;
}
h2.tick{ 
font-size: 12px;
line-height: 13px;
padding-left: 18px;
background: url(../img/tick.png) no-repeat 0 100% ;
color: #756a64;
}
h3 {  font-size: 12px;
background: url(../img/link.png) no-repeat 0 100%;
line-height: 12px;
padding-left: 16px;
float: left;
margin-left: 8px;
margin-top: 25px;
}
h4 {  font-size: 12px;
width: 164px;
float: left;
margin-left: 10px;
margin-top: 8px;
margin-bottom: -7px;
font-style: normal;
}
 
 
 h4.pdf {  
font-size: 12px;
line-height: 36px;
text-align: center;
background: url(../img/pdf.png) no-repeat 0 100%;
}
<!--menu-->

#menu {float:right;}
#menu a {float:right;display:block;height:31px;}
  .menu1 {background:url("../img/menu/home.png") 0px 0px no-repeat;width:57px;}
  .menu2 {background:url("../img/menu/about.png") 0px 0px no-repeat;width:61px;}
  .menu2_active {background:url("../img/menu/about_active.png") 0px 0px no-repeat;width:61px;}
  .menu3 {background:url("../img/menu/portfolio.png") 0px 0px no-repeat;width:76px;}
  .menu3_active {background:url("../img/menu/portfolio_active.png") 0px 0px no-repeat;width:76px;}
  .menu4 {background:url("../img/menu/contact.png") 0px 0px no-repeat;width:65px;}
   .menu4_active {background:url("../img/menu/contact_active.png") 0px 0px no-repeat;width:65px;}

#menu a:hover {background-position:0px -31px;}

<!--outside-->

#outside {position: absolute; margin-top: 110px; margin-left: 680px;}
#outside a {position: absolute; margin-top: 110px; margin-left: 680px;display:block;height:25px;}
  .outside1 {background:url("../img/visit_button.png") 0px 0px no-repeat;width:104px;}
#outside a:hover {background-position:0px 0px;}

<!--recent_work-->

#recent_work {float:left;}
#recent_work a {float:left;display:block;height:188px;margin-bottom: 10px;}
  .recent_work1 {background:url("../img/work/recent_ducatishop.jpg") 0px 0px no-repeat;width:950px;}
#recent_work a:hover {background-position:0px -188px;}


<!--menu_about-->

#menu_about {float:left; margin-top: 20px;}
#menu_about a {float:left;display:block;height:31px; margin-left: 8px; margin-top: 12px; }
  .menu_about_cv {background:url("../img/menu/cv.png") 0px 0px no-repeat;width:162px; margin-bottom: -8px;}
  .menu_about_awards {background:url("../img/menu/awards.png") 0px 0px no-repeat;width:162px;}


#menu_about a:hover {background-position:0px -31px;}
<!--menu_error_center-->

#menue {margin-left: 50px;}
#menue a {float:left;display:block;height:31px; margin-left: 125px;}
  .menue1 {background:url("../img/menu/home.png") 0px 0px no-repeat;width:57px;}
  .menue2 {background:url("../img/menu/about.png") 0px 0px no-repeat;width:61px;}
  .menue2_active {background:url("../img/menu/about_active.png") 0px 0px no-repeat;width:61px;}
  .menue3 {background:url("../img/menu/portfolio.png") 0px 0px no-repeat;width:76px;}
  .menue3_active {background:url("../img/menu/portfolio_active.png") 0px 0px no-repeat;width:76px;}
  .menue4 {background:url("../img/menu/contact.png") 0px 0px no-repeat;width:65px;}

#menue a:hover {background-position:0px -31px;}


<!--menu_work-->

#menu_work {float:right;}
#menu_work a {float:right;display:block;height:23px;}
  .menu_work1 {background:url("../img/menu/online.png") 0px 0px no-repeat;width:104px;}
  .menu_work2 {background:url("../img/menu/offline.png") 0px 0px no-repeat;width:104px;padding-left: 4px; }
  .menu_work1_un {background:url("../img/menu/online_un.png") 0px 0px no-repeat;width:104px;}
  .menu_work2_un {background:url("../img/menu/offline_un.png") 0px 0px no-repeat;width:104px;padding-left: 4px; }

#menu_work a:hover {background-position:0px -23px;}


.new_work img { border:0px }
.text {
font-family: Arial;
font-size: 12px;
color: #756a64;
text-align: justify;
padding-left: 9px;
padding-right: 9px;
line-height: 17px; 
}
.text_ins {
font-family: Arial;
font-size: 12px;
color: #756a64;
text-align: justify;
padding-left: 9px;
padding-right: 9px;
line-height: 17px; 
padding-top: 15px;
margin-bottom: -10px;
}
.text_ins2 {
font-family: Arial;
font-size: 12px;
color: #756a64;
text-align: justify;
padding-left: 9px;
padding-right: 9px;
line-height: 17px; 
margin-bottom: -10px;
}
.text_quotes {
font-family: Arial;
font-size: 12px;
color: #756a64;
text-align: justify;
padding-left: 9px;
padding-right: 9px;
line-height: 16px; 
margin-top: -4px;
}
.text_contact_form {
font-family: Arial;
font-size: 12px;
color: #756a64;
text-align: justify;
padding-left: 25px;
padding-right: 9px;
line-height: 16px; 
margin-top: -4px;
}
.text_big {
font-family: Arial;
font-size: 1.4em;
color: #cf3939;
text-align: justify;
padding-left: 9px;
padding-right: 20px;
line-height: 16px; 
text-align: left;
font-weight: bold;
}
.text_footer {
font-family: Arial;
font-size: 0.7em;
color: #b4aea9;
text-align: right;
padding-right: 4px;
line-height: 16px; 
padding-top: 2px;
}
.text_fw {
font-family: Arial;
font-size: 12px;
color: #756a64;
text-align: justify;
padding-left: 9px;
padding-right: 9px;
margin-top: 2px;
line-height: 17px; 
}
.text_br {
font-family: Arial;
font-size: 12px;
color: #756a64;
text-align: justify;
padding-left: 9px;
padding-right: 20px;
line-height: 17px; 
margin-top: 20px;
}
.text_br_contact {
font-family: Arial;
font-size: 12px;
color: #756a64;
text-align: justify;
padding-left: 9px;
padding-right: 0px;
line-height: 17px; 
padding-left: 70px;
}
.text_br_contact2 {
font-family: Arial;
font-size: 12px;
color: #756a64;
text-align: justify;
padding-left: 9px;
padding-right: 0px;
line-height: 17px;
margin-bottom: -10px; 
padding-top: 10px;
padding-left: 70px;
}
.text_dark {
color: #53504c;
font-weight: bold;
font-style: italic;

}
.text_headline {
color: #393939;
font-weight: bold;
}
a:active, a:focus {
  outline: none ! important;
  }
a:link {
	color: #93956d;
	text-decoration: underline;
}
a:visited {
	color: #93956d;
	text-decoration: underline;
}
a:hover {
	color: #595747;
	text-decoration: underline;
}
a:active {
	color: #595747;
	text-decoration: underline;
}

/*form_style*/






.input{
	font-size: 12px;
	margin-bottom: 20px;
	margin-top: -10px;
	margin-left: 25px;
}
label {
  width: 60px;
  float: left;
}


#menuteama_reg {
width: 530px;
height: 367px;
position: relative;
padding-top: 52px;
padding-left:35px;

}
#menuteama_reg2 {
width: 900px;
height: 367px;
position: relative;
padding-top: 52px;
padding-left:20px;

}

.submit2 {
width:130px;
height:30px;
background: url(../img/submit.png);
border: none; 
color:white;
font-size:12px;
font-weight: bold;
float: left;
}
.text_form{
	font-size: 12px;
			width: 400px;
			
}
.text_form2{
	font-size: 16px;
color: #756a64;
			width: 400px;
			text-align: center;
			
}
.mailform{
font-size: 20px;
color: #756a64;
text-align: center;
}
.mailform_img{
font-size: 20px;
color: #756a64;
text-align: center;
padding-top: 18%;
padding-bottom: 20px;		
}
.star{
font-size: 18px;
color: #cf3939;
}