body, html {
  height:100%;
  border:0;
  padding:0;
  margin:0;
  text-align:center;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #eeeae1;



}
#spacer_up {
position: relative;
width: 950px;
height: 50px;
margin-right: auto;
margin-left: auto;
}

#header {
position: relative;
margin-right: auto;
margin-left: auto;
width: 950px;
height: 31px;
}
#header_c1 {
float: left;
width: 114px;
height: 31px;
text-align: left;
}
#header_c2 {
float: right;
width: 690px;
height: 31px;
}
.spacer_header {
position: relative;
margin-right: auto;
margin-left: auto;
margin-top: 10px;
width: 950px;
height: 1px;
background: #dcd6c8;
}
#overview {
position: relative;
margin-right: auto;
margin-left: auto;
width: 950px;
height: 188px;
margin-top: 38px;
}


#overview_work {
position: relative;
margin-right: auto;
margin-left: auto;
width: 950px;
height: 320px;
margin-top: 37px;
}
#overview_work_view {
position: relative;
margin-right: auto;
margin-left: auto;
width: 950px;
height: auto;
margin-top: 37px;
}
#overview_c1 {
float: left;
width: 510px;
height: 290px;
}
#overview_c2 {
float: right;
width: 430px;
height: 290px;
text-decoration: none;
border: 0px;
}
#info_content {
position: relative;margin-top: 37px;
margin-right: auto;
margin-left: auto;
width: 950px;
height: 158px;
}
#info_content1 {
margin-top: 27px;
float: left;
margin-right: auto;
margin-left: auto;
width: 548px;
height: 342px;
background:url(../img/form_bg.png);
}
#info_content_content {
padding-top: 20px;
margin-right: auto;
margin-left: auto;
width: 548px;
height: 302px;
}
#info_content2 {
float: left;
margin-right: auto;
margin-left: auto;
width: 350px;
height: 200px;
}
#info_content2_content {
padding-top: 100px;
margin-right: auto;
margin-left: auto;
width: 300px;
height: 200px;
text-align: center;

}
#info_content_about {
position: relative;
margin-top: 19px;
margin-right: auto;
margin-left: auto;
width: 950px;
height: 224px;
}
#info_content_about_ins {
position: relative;
margin-top: 37px;
margin-right: auto;
margin-left: auto;
width: 950px;
}
#info_content_about2 {
position: relative;
margin-top: 10px;
margin-right: auto;
margin-left: auto;
width: 950px;
height: 325px;
}
#info_content_index {
position: relative;margin-top: 33px;
margin-right: auto;
margin-left: auto;
width: 950px;
height: 250px;
}
#quotes_content {
position: relative;margin-top: -1px;
margin-right: auto;
margin-left: auto;
width: 950px;
height: 99px;
text-align: left;
background:url(../img/quotes_text_bg.png);	
}
#about_introduction {
float: right;
margin-top: 15px;
margin-bottom: 15px;
margin-right: auto;
margin-left: auto;
width: 719px;
height: 98px;
text-align: left;
background:url(../img/about_introduction.png);	
}
.index_contact {
position: relative;
margin-top: 50px;
width: 336px;
height: 57px;
text-align: left;
background:url(../img/status_bg.png);	
}
#quotes_content2 {
margin-right: auto;
margin-left: auto;
padding-top:20px;
padding-left: 4px;
width: 950px;
height: 33px;
text-align: left;
	
}
#error {
position: relative;
margin-right: auto;
margin-left: auto;
width: 900px;
height: 450px;
}
#info_content_fw {
position: relative;
margin-right: auto;
margin-left: auto;
width: 950px;
height: 844px;
margin-top: 13px;
}
#info_content_fw_portfolio {
position: relative;
margin-right: auto;
margin-left: auto;
width: 950px;
height: 1090px;
margin-top: 10px;
}
#info_content_c1 {
float: left;
width: 475px;
height: auto;
}

#info_content_c1_about {
float: left;
width: 212px;
height: auto;
margin-top: -8px;
}
#info_content_c1_headline {
position:relative;
width: 500px;
height: 26px;
}
#info_content_c1_headline2 {
position:relative;
width: 950px;
height: 26px;
}
#info_content_c1_content {
position:relative;
width: 475px;
height: auto;
margin-top: 24px;

}
#info_content_c1_content_about_index {
position:relative;
width: 500px;
height: auto;
margin-top: 24px;
}
#info_content_c1_content_about_index_inside1 {
margin-left: 9px;

float: left;
width: 135px;
height: auto;
}
#info_content_c1_content_about_index_inside2 {
margin-left: 6px;
margin-top: -10px;
float: left;
width: 350px;
height: auto;
}
#info_content_c1_content_about_index_inside {
position: relative;
width: 500px;
height: 96px;
}
#info_content_c2_index {
float: right;
width: 420px;
height: auto;
}

#info_content_c2_headline {
position:relative;
width: 420px;
height: 26px;
text-align: right;

}
#info_content_c2_content_index {
position:relative;
width: 420px;
height: auto;
}
.info_content_c2_content_about {
width: 720px;
height: auto;
float: right;
}
#fw_spacer {
width: 950px;
height: 12px;

}
.info_content_c2_content_about3 {
position:relative;
width: 232px;
height: auto;
}
.info_content_c2_content_about2 {
position:relative;
width: 360px;
height: 30px;
float: right;
margin-top: -3px;
padding-bottom: 10px;
}
.about_cell1 {
float: right;
width: 360px;
height: auto;

}
#_footer {
position: relative;
margin-right: auto;
margin-left: auto;
width: auto;
height: 80px;
background:  url(../img/footer.png);
margin-top: 65px;
}
#footer_content {
position: relative;
margin-top: 90px;
width: 950px;
height: 8px;
margin-right: auto;
margin-left: auto;
background:  url(../img/footer.png);
}
#footer_content3 {
position: relative;
margin-top: 218px;
width: 950px;
height: 8px;
margin-right: auto;
margin-left: auto;
background:  url(../img/footer.png);
}
#footer_content2 {
position: relative;
width: 950px;
height: 100px;
margin-right: auto;
margin-left: auto;
text-align: right;
}
#container-horizontal2 {
  text-align:center;
  margin:auto;
  position:absolute;
  top:50%;
  left:50%;
}
#container-in2 {
  position:absolute;
  top:-30px;
  left:-450px;
  width:900px;
  height:180px;
  margin-top: -90px;
  overflow:hidden;
}
#container-horizontal {
  text-align:center;
  margin:auto;
  position:absolute;
  top:50%;
  left:50%;
}
#container-in {
  position:absolute;
  top:-30px;
  left:-450px;
  width:900px;
  height:534px;
  margin-top: -267px;
  overflow:hidden;
}
#container-in3 {
  position:absolute;
  top:-30px;
  left:-450px;
  width:900px;
  height:800px;
  margin-top: -400px;
  overflow:hidden;


}
.work_buttons_field {
position:relative;
width: 640px;
height: 23px;
float: right;
text-align: right;
margin-top: 22px;
}



<!--HEADLINE-->
#logo_content{
float:left;
width: 100px;
height: 31px;
}
#logo_content_c{
float:left;
width: 260px;
height: 31px;
}
h1#logo{
	background:transparent;
	font-size:0;
	line-height:0;
	height:31px;
	width:71px;
	float:left;
	display:inline;
}
h1#logo_c{
	background:transparent;
	font-size:0;
	line-height:0;
	height:31px;
	width:71px;
	float:left;
	display:inline;
}
h1#logo a{
	display:block;
	height:40px;
	background:url(../img/h1_logo_small.png);
}
h1#logo_c a{
	display:block;
	height:40px;
	background:url(../img/h1_logo_small.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:30px;}
  .menu1 {background:url("../img/menu/home.png") 0px 0px no-repeat;width:71px;}
  .menu2 {background:url("../img/menu/about.png") 0px 0px no-repeat;width: 74px;}
  .menu2_active {background:url("../img/menu/about_active.png") 0px 0px no-repeat;width:74px;}
  .menu3 {background:url("../img/menu/portfolio.png") 0px 0px no-repeat;width:90px;}
  .menu3_active {background:url("../img/menu/portfolio_active.png") 0px 0px no-repeat;width:90px;}
  .menu4 {background:url("../img/menu/contact.png") 0px 0px no-repeat;width:86px;}
   .menu4_active {background:url("../img/menu/contact_active.png") 0px 0px no-repeat;width:86px;}

#menu a:hover {background-position:0px -30px;}
<!--outside-->

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


<!--outside_arrow-->

#outside_arrow {position: absolute; margin-top: 83px; margin-left: -79px;}
#outside_arrow a {position: absolute; margin-top: 83px; margin-left: -79px;display:block;height:154px;}
  .outside_arrow1 {background:url("../img/left_arrow.png") 0px 0px no-repeat;width:96px;}
#outside_arrow a:hover {background-position:0px -154px;}


<!--outside2_arrow-->

#outside2_arrow {position: absolute; margin-top: 83px; margin-left: 933px;}
#outside2_arrow a {position: absolute; margin-top: 83px; margin-left: 933px;display:block;height:154px;}
  .outside2_arrow1 {background:url("../img/right_arrow.png") 0px 0px no-repeat;width:96px;}
#outside2_arrow a:hover {background-position:0px -154px;}

<!--recent_work-->

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


<!--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: #6c6c6c;
	text-decoration: underline;
}
a:visited {
	color: #6c6c6c;
	text-decoration: underline;
}
a:hover {
	color: #3a3a3a;
	text-decoration: underline;
}
a:active {
	color: #3a3a3a;
	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;
}