@charset "utf-8";

body {
	font: 11px Arial;
	background-color: #F0E9E3;
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	margin:0px;
	padding:0px;
	color:#5B524B;
}

ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
form {
	margin:0px;
	padding:0px;
}
img {
	border:0px;
}
h1, h2, h3, h4 {
    padding:0px;
    margin:0px;
    font-size:inherit;
    *font-size:12px;
    font-weight:normal;
    display:inline;
}

#holder {
	width:1000px;
	margin:0px auto;
	margin-top:8px;
}
#holder #top {
	width:1000px;
	height:192px;
	background-image: url(../img/top.jpg);
	background-repeat: no-repeat;
}
#holder #logo {
	width:261px;
	height:192px;
	float:left;
}
#holder #menu {
	width:739px;
	height:192px;
	float:left;
}
#holder #menu ul {
	width:739px;
	height:30px;
	list-style:none;
	padding:0px;
	margin:0px;

	margin-top:122px;
	background-color:#FFFFFF;
	margin-top:
}
#holder #menu ul li {
	margin-right:2px;
	margin-left:2px;
	float:left;
}
#holder #menu ul a.m1 {
	width:99px;
	height:30px;
	display:block;
	text-decoration:none;
	background-image: url(../language.php?menu=1);
	background-repeat: no-repeat;
	outline: none;
}
#holder #menu ul a.m1:hover,#holder #menu ul a.m1_selected {
	width:99px;
	height:30px;
	display:block;
	text-decoration:none;
	background-image: url(../language.php?menu=1&on=1);
	background-repeat: no-repeat;
	outline: none
}
#holder #menu ul a.m2 {
	width:105px;
	height:30px;
	display:block;
	text-decoration:none;
	background-image: url(../language.php?menu=2);
	background-repeat: no-repeat;
	outline: none
}
#holder #menu ul a.m2:hover,#holder #menu ul a.m2_selected {
	width:105px;
	height:30px;
	display:block;
	text-decoration:none;
	background-image: url(../language.php?menu=2&on=1);
	background-repeat: no-repeat;
	outline: none
}
#holder #menu ul a.m3 {
	width:145px;
	height:30px;
	display:block;
	text-decoration:none;
	background-image: url(../language.php?menu=3);
	background-repeat: no-repeat;
	outline: none
}
#holder #menu ul a.m3:hover,#holder #menu ul a.m3_selected {
	width:145px;
	height:30px;
	display:block;
	text-decoration:none;
	background-image: url(../language.php?menu=3&on=1);
	background-repeat: no-repeat;
	outline: none
}
#holder #menu ul a.m4 {
	width:115px;
	height:30px;
	display:block;
	text-decoration:none;
	background-image: url(../language.php?menu=4);
	background-repeat: no-repeat;
	outline: none
}
#holder #menu ul a.m4:hover,#holder #menu ul a.m4_selected {
	width:115px;
	height:30px;
	display:block;
	text-decoration:none;
	background-image: url(../language.php?menu=4&on=1);
	background-repeat: no-repeat;
	outline: none
}
#holder #menu ul a.m5 {
	width:86px;
	height:30px;
	display:block;
	text-decoration:none;
	background-image: url(../language.php?menu=5);
	background-repeat: no-repeat;
	outline: none
}
#holder #menu ul a.m5:hover,#holder #menu ul a.m5_selected {
	width:86px;
	height:30px;
	display:block;
	text-decoration:none;
	background-image: url(../language.php?menu=5&on=1);
	background-repeat: no-repeat;
	outline: none
}
#holder #menu ul a.m6 {
	width:73px;
	height:30px;
	display:block;
	text-decoration:none;
	background-image: url(../language.php?menu=6);
	background-repeat: no-repeat;
	outline: none
}
#holder #menu ul a.m6:hover,#holder #menu ul a.m6_selected {
	width:73px;
	height:30px;
	display:block;
	text-decoration:none;
	background-image: url(../language.php?menu=6&on=1);
	background-repeat: no-repeat;
	outline: none
}
#holder #menu ul li.break {
	width:14px;
	height:30px;
	float:left;
	margin-left:2px;
	margin-right:2px;
	background-image: url(../img/m_br.gif);
	background-repeat: no-repeat;
}
#holder #menu ul a.en {
	width:33px;
	height:30px;
	display:block;
	text-decoration:none;
	background-image: url(../img/m_en.gif);
	background-repeat: no-repeat;
	outline: none
}
#holder #menu ul a.en:hover,#holder #menu ul a.en_selected {
	width:33px;
	height:30px;
	display:block;
	text-decoration:none;
	background-image: url(../img/m_en_on.gif);
	background-repeat: no-repeat;
	outline: none
}
#holder #menu ul a.de {
	width:33px;
	height:30px;
	display:block;
	text-decoration:none;
	background-image: url(../img/m_de.gif);
	background-repeat: no-repeat;
	outline: none
}
#holder #menu ul a.de:hover,#holder #menu ul a.de_selected {
	width:33px;
	height:30px;
	display:block;
	text-decoration:none;
	background-image: url(../img/m_de_on.gif);
	background-repeat: no-repeat;
	outline: none
}
#holder #menu ul a.pl {
	width:33px;
	height:30px;
	display:block;
	text-decoration:none;
	background-image: url(../img/m_pl.gif);
	background-repeat: no-repeat;
	outline: none
}
#holder #menu ul a.pl:hover,#holder #menu ul a.pl_selected {
	width:33px;
	height:30px;
	display:block;
	text-decoration:none;
	background-image: url(../img/m_pl_on.gif);
	background-repeat: no-repeat;
	outline: none
}
#holder #middle {
	width:1000px;
	height:307px;
}
#holder #middle #images {
	width:657px;
	height:307px;
	float:left;
}
#holder #middle #orange {
	width:342px;
	height:307px;
	float:left;
	background-image: url(../img/orange.jpg);
	background-repeat: no-repeat;
}
#holder #middle #orange .buttons {
	width:15px;
	height:30px;
	margin-top:135px;
	float:left;	
}
#holder #middle #orange .buttons img {
	cursor:pointer;
	border:0px;
}
#holder #middle #orange #inside {
	width:312px;
	height:307px;
	float:left;
}
#holder #middle #orange #inside #image {
	width:100%;
	text-align:center;
	padding-top:70px;
}
#holder #middle #orange #inside #fader {
	width:250px;
	height:150x;
	margin: 0px auto;
	*position:relative;
	z-index:0;
}
#holder #middle #orange #inside #fader img {
	display:none;
	position:absolute;
	z-index:0;
}
#holder #middle #orange #inside #image img {
	border:2px solid #FFFFFF;
}
#holder #middle #orange #inside #portfolio {
	width:288px;
	padding-right:24px;
	text-align:right;
	margin-top:20px;
}
#holder .box {
	width:310px;
	float:left;
	margin-right:35px;
	margin-top:10px;
}
#holder .box .title {
	width:290px;
	pading-left:10px;
	padding-right:10px;
}
#holder .box .image {
	width:310px;
	height:109px;
	margin-bottom:5px;
	background-image: url(../img/field-small.gif);
	background-repeat: no-repeat;
	text-align:center;
}
#holder .box .image img {
	width:280px;
	height:80px;
	margin-top:13px;
	border:1px solid #E7E6E4;
	text-align:center;
}
#holder .box .desc {
	width:290px;
	line-height:170%;
	margin-bottom:5px;
	padding-right:10px;
	padding-left:10px;
	color:#5D544D;
	font-size:13px;
	text-align:justify;
}
#holder .box .more {
	width:290px;
	padding-right:10px;
	padding-left:10px;
	text-align:right;
	color:#5D544D;
	font-size:12px;
}
#holder .box .more a {
	color:#5D544D;
	text-decoration:none;
}

#holder #content {
	width:990px;
	margin-top:20px;
	color:#5A514A;
	font-size:12px;
	line-height:170%;
}
#holder #content #left {
	width:630px;
	margin-right:50px;
	float:left;
}
#holder #content .title {
	width:630px;
	margin-bottom:5px;
}
#holder #content .text {
	width:100%;
	text-align:justify;
}
#holder #content .text .contact_left {
	width:375px;
	float:left;
}
#holder #content .text .contact_right {
	width:223px;
	float:left;
}
#holder #content .text .inp {
	width: 213px;
	height:22px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	border:0px;
	background-color:transparent;
	background-image: url(../img/input.gif);
	background-repeat: no-repeat;
	color:#959594;
}
#holder #content .text .value {
	margin-bottom:5px;
	text-align:left;
}
#holder #content .text .inp-text {
	width: 213px;
	height:140px;
	padding:5px;
	border:0px;
	background-color:transparent;
	background-image: url(../img/textarea.gif);
	background-repeat: no-repeat;
	color:#959594;
}
#holder #content .text-small {
	width:600px;
	text-align:justify;
}
#holder #content #right {
	width:310px;
	float:left;
}
#holder #content .folio {
	width:100%;
	margin-top:0px;
}
#holder #content .folio .title {
	width:500px;
	font-size:13px;
	font-weight:bold;
	color:#5A514A;
}
#holder #content .folio .projects {
	width:100%;
}
#holder #content .folio .projects .project {
	width:124px;
	min-height:180px;
	float:left;
	margin: 0px 15px 0px 0px;
}
#holder #content .folio .projects .project .image { 
	width:124px;
	height:124px;
	text-align:center;
	margin-bottom:5px;
}
#holder #content .folio .projects .project .image img { 
	border:3px solid #FFFFFF;
}
#holder #content .folio .projects .project .description {
	width:120px;
	margin:0px auto;
	font-size:10px;
	color:#5A514A;
	text-align:justify;
	line-height:120%;
}
#footer {
	width:100%;
	height:150px;
	margin-top:20px;
	border-top:8px solid #FABA32;
}
#footer #body {
	width:970px;
	margin:0px auto;
	color:#8D8178;
	font-size:12px;
}
#footer #body #left {
	width:70%;
	margin-top:30px;
	text-align:left;
	float:left;
}
#footer #body #left a {
	margin-left:5px;
	margin-right:5px;
	color:#8D8178;
	text-decoration:none;
}
#footer #body #right {
	width:30%;
	margin-top:30px;
	text-align:right;
	float:left;
}
.form-name {
	font-size:12px;
	color:#000000;
}


.size10 {font-size:10px;}
.size12 {font-size:12px;}
.size13 {font-size:13px;}
.size14 {font-size:14px;}
.size15 {font-size:15px;}
.size16 {font-size:16px;}
.size17 {font-size:17px;}
.size18 {font-size:18px;}
.normal {font-weight:normal;}
.float_left {float:left;}
.bold {font-weight:bold;}
.text_left {text-align:left;}
.text_center {text-align:center;}
.text_justify {text-align:justify;}
.text_right {text-align:right;}
.def_clear {clear:left;}
.def_both {clear:both;}
.def_clear_right {clear:right};
.no_border {border:0px}
.ver_middle {vertical-align:middle;}
.pointer {cursor:pointer;}
.green {color:#347b09;}
.green2 {color:#728C43;}
.red {color:#BC1A22;}
.black {color:#000000;}
.grey555 {color:#545550;}
.grey {color:#aeaeae;}
.blue {color:#016597;}
.gold {color:#a58304;}
.orange {color:#E58D34;}
.form_class {padding:0px;margin:0px;}
.line-through {text-decoration:line-through}

a:link    {text-decoration: none;	color:#585746;}
a:visited {text-decoration: none;	color:#585746;}
a:hover   {text-decoration: underline;   color:#7C7B64;}
a:active  {text-decoration: none;	color:#585746;}

a.item_link:link    {text-decoration: none;	color: #FFFFFF;}
a.item_link:visited {text-decoration: none;	color: #FFFFFF;}
a.item_link:hover   {text-decoration: none; color: #FFFFFF;}
a.item_link:active  {text-decoration: none;	color: #FFFFFF;}

a.red_link:link    {text-decoration: none;	color: #8c080a;}
a.red_link:visited {text-decoration: none;	color: #8c080a;}
a.red_link:hover   {text-decoration: none;  color: #8c080a;}
a.red_link:active  {text-decoration: none;	color: #8c080a;}

a.grey_link:link    {text-decoration: none;	color: #aeaeae;}
a.grey_link:visited {text-decoration: none;	color: #aeaeae;}
a.grey_link:hover   {text-decoration: none; color: #aeaeae;}
a.grey_link:active  {text-decoration: none;	color: #aeaeae;}

a.black_link:link    {text-decoration: none;	color: #000000;}
a.black_link:visited {text-decoration: none;	color: #000000;}
a.black_link:hover   {text-decoration: none;    color: #000000;}
a.black_link:active  {text-decoration: none;	color: #000000;}

a.red_link:link    {text-decoration: none;		color: #BC1A22;}
a.red_link:visited {text-decoration: none;		color: #BC1A22;}
a.red_link:hover   {text-decoration: underline;	color: #BC1A22;}
a.red_link:active  {text-decoration: none;		color: #BC1A22;}

a.footer_link:link    {text-decoration: underline;	  color: #595959;}
a.footer_link:visited {text-decoration: underline;	  color: #595959;}
a.footer_link:hover   {text-decoration: none;	  color: #595959;}
a.footer_link:active  {text-decoration: underline;	  color: #595959;}

#box2{
	position:absolute;
}
#box2 span{
	display:block;
	float:left;
}
.mask1{
	position:relative;
	width:254px;
	height:154px;
	overflow:hidden;
	margin:0px auto;
}