/* html */
html {
background: #C5D64F url(../interface/bg.png) repeat-x;
margin: auto;
height: 100%;
min-height: 100%;
font-family: arial, helvetica, sans-sherif;
font-size: 12px;
line-height: 18px;
color: #FFFFFF;
}

/* ----------------------------------------------------------------------------- */
/* body */
body {
background: #C5D64F url(../interface/bg.png) repeat-x;
font-family: arial, helvetica, sans-sherif;
font-size: 12px;
line-height: 18px;
color: #FFFFFF;
text-align: center;
margin: auto;
min-height:100%;
height: 100%;
}

/* ----------------------------------------------------------------------------- */
/* big container */
#container {
background: url(../interface/little_bg.png) repeat;
width: 100%;
text-align: left;
margin: auto;
position: relative;
}

/* ----------------------------------------------------------------------------- */
/* about container */
#about_container {
background: url(../interface/bg.png) repeat-x;
width: 100%;
text-align: left;
margin: auto;
position: relative;
}

/* ----------------------------------------------------------------------------- */
/* about */
#about {
background: url(../interface/about_bg.png) no-repeat;
width: 914px;
height: 628px;
margin: auto;
position: relative;
text-align: left;
}

/* ----------------------------------------------------------------------------- */
/* services container */
#services_container {
background: url(../interface/bg.png) repeat-x;
width: 100%;
text-align: left;
margin: auto;
position: relative;
}

/* ----------------------------------------------------------------------------- */
/* services */
#services {
background: url(../interface/services_bg.png) no-repeat;
width: 914px;
height: 679px;
margin: auto;
position: relative;
text-align: left;
}

/* ----------------------------------------------------------------------------- */
/* portfolio container */
#portfolio_container {
background: url(../interface/bg.png) repeat-x;
width: 100%;
text-align: left;
margin: auto;
position: relative;
}

/* ----------------------------------------------------------------------------- */
/* portfolio */
#portfolio {
background: url(../interface/portfolio_bg.png) no-repeat;
width: 914px;
height: 664px;
margin: auto;
position: relative;
text-align: left;
}

/* ----------------------------------------------------------------------------- */
/* contact container */
#contact_container {
background: url(../interface/bg.png) repeat-x;
width: 100%;
text-align: left;
margin: auto;
position: relative;
}

/* ----------------------------------------------------------------------------- */
/* contact */
#contact {
background: url(../interface/contact_bg.png) no-repeat;
width: 914px;
height: 693px;
margin: auto;
position: relative;
text-align: left;
}


/* ----------------------------------------------------------------------------- */
/* menu */
#menu {
height: 30px;
margin: auto;
position:absolute;
text-align: left;
z-index: 1;
}

#menu ul {
margin: 0;
padding: 0;
list-style-type: none;
padding-top: 30px;
padding-left: 20px;
}

#menu ul li { 
display: inline; 
}
#menu li a {
color: #FFFFFF;
text-decoration: none;
font-size: 15px;
font-family: arial, helvetica, sans-sherif;
padding-right: 20px;
}

#menu li a.activ {
color: #000000;
text-decoration: none;
font-size: 15px;
font-family: arial, helvetica, sans-sherif;
}

#menu li a:hover {
color: #000000;
text-decoration: none;
}

/* ----------------------------------------------------------------------------- */
/* languages */
#language {
height: 30px;
margin: auto;
position: relative;
text-align: left;
}

#language ul {
margin: 0;
padding: 0;
list-style-type: none;
padding-top: 30px;
padding-left: 740px;
}

#language ul li { 
display: inline; 
}
#language li a {
color: #0E0E43;
text-decoration: none;
font-size: 14px;
font-family: arial, helvetica, sans-sherif;
padding-right: 20px;
}

#language li a:hover {
color: #000000;
text-decoration: none;
}

/* ----------------------------------------------------------------------------- */
/* about us */
#aboutus {
margin-top: 100px;
padding-left: 20px;
width: 330px;
font-family: arial, helvetica, sans-sherif;
font-size: 12px;
line-height: 18px;
color: #FFFFFF;
text-align: left;
}

h2 {
color: #131853;
text-decoration: none;
font-size: 15px;
font-family: arial, helvetica, sans-sherif;
}

/* ----------------------------------------------------------------------------- */
/* latest work */
#latest {
margin-top: -125px;
padding-left: 400px;
font-family: arial, helvetica, sans-sherif;
font-size: 12px;
line-height: 18px;
color: #FFFFFF;
text-align: left;
}

#latest img{
border-style:solid;
border-width:5px;
border-color: #FFFFFF; 
}

#latesttext {
width: 250px;
margin-top: -160px;
padding-left: 190px;
font-family: arial, helvetica, sans-sherif;
font-size: 12px;
line-height: 18px;
color: #000000;
text-align: left;
}

#latesttext h1 {
background: url(../interface/latest_bg.png) no-repeat;
width: 269px;
height: 39px;
font-family: arial, helvetica, sans-sherif;
font-size: 18px;
color: #FFFFFF;
padding-top: 10px;
}

#latesttext a {
font-family: arial, helvetica, sans-sherif;
font-size: 12px;
line-height: 18px;
color: #FFFFFF;
text-decoration: underline;
}

/* ----------------------------------------------------------------------------- */
/* our services */
#ourservices {
margin-top: 100px;
padding-left: 20px;
width: 330px;
font-family: arial, helvetica, sans-sherif;
font-size: 12px;
line-height: 18px;
color: #FFFFFF;
text-align: left;
}

/* ----------------------------------------------------------------------------- */
/* more services */
#moreservices {
margin-top: -315px;
padding-left: 450px;
width: 330px;
font-family: arial, helvetica, sans-sherif;
font-size: 12px;
line-height: 18px;
color: #FFFFFF;
text-align: left;
}

/* ----------------------------------------------------------------------------- */
/* work description */
#workdescription {
padding-left: 450px;
width: 330px;
font-family: arial, helvetica, sans-sherif;
font-size: 12px;
line-height: 18px;
color: #FFFFFF;
text-align: left;
}

/* ----------------------------------------------------------------------------- */
/* our services */
#ourportfolio {
margin-top: 100px;
padding-left: 20px;
width: 330px;
font-family: arial, helvetica, sans-sherif;
font-size: 12px;
line-height: 18px;
color: #FFFFFF;
text-align: left;
}

/* ----------------------------------------------------------------------------- */
/* contact dates */
#contactdates {
margin-top: 100px;
padding-left: 20px;
width: 330px;
font-family: arial, helvetica, sans-sherif;
font-size: 12px;
line-height: 18px;
color: #FFFFFF;
text-align: left;
}

/* ----------------------------------------------------------------------------- */
/* address */
#address {
padding-top: 70px;
padding-left: 450px;
width: 400px;
font-family: arial, helvetica, sans-sherif;
font-size: 12px;
line-height: 18px;
color: #FFFFFF;
text-align: left;
}

/* ----------------------------------------------------------------------------- */
/* address */
#address a {
font-family: arial, helvetica, sans-sherif;
font-size: 12px;
line-height: 18px;
color: #FFFFFF;
text-decoration: underline;
}

#address h1 {
background: url(../interface/address_title_bg.png) no-repeat;
width: 243px;
height: 49px;
font-family: arial, helvetica, sans-sherif;
font-size: 18px;
color: #FFFFFF;
padding-top: 20px;
}

/* ----------------------------------------------------------------------------- */
/* address */
#address p {
margin-top: -20px;
font-family: arial, helvetica, sans-sherif;
font-size: 12px;
line-height: 18px;
color: #FFFFFF;
}

#works {
margin-left: 96px;
}

#tabsmenu li {
list-style-type: none;
display: block;
background: url(../interface/identity_activ.png) no-repeat;
width: 158px;
height: 53px;
padding-left: 50px;
}

#tabsmenu li a {
font-family: arial, helvetica, sans-sherif;
font-size: 15px;
color: #FFFFFF;
text-decoration: none;
}

#tabsmenu li a:hover {
color: #FFFFFF;
}

#tabsmenu li a.active {
color: #000000;
}

#tabsmenu ul.tabs li.active a {
display: block;
background: url(../interface/identity.png) no-repeat;
width: 158px;
height: 53px;
color: #1A5C73;
margin-left: -50px;
padding-left: 50px;
}

#tabsmenu ul.tabs li.active a:hover  {
display: block;
background: url(../interface/identity.png) no-repeat;
width: 158px;
height: 53px;
color: #1A5C73;
}

.tab_container {
margin-top: -190px;
margin-left: 215px;
width: 520px;
height: 330px;
font-family: arial, helvetica, sans-sherif;
font-size: 12px;
line-height: 18px;
color: #000000;
}

#contact-wrapper {
	width:430px;
	padding:20px;
	margin-top: -240px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:12px;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:12px;
	color:#333;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}