@charset "utf-8";
/* CSS Document 

Created by: Prometeus Design
URL: http://www.prometeus-design.com/

*/

body {
margin: 0px;
padding:0px;
background: #b65834;
/*font-family: 'Book Antiqua', 'Palatino Linotype', Palatino, serif;*/
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-size: 13px;
}

body img {
border: none;
}

#wrap {
position: relative; /* Needed for Safari */
margin: auto; 
text-align: left;
width: 878px !important;
height: 643px;
background:url(images/main_bg_small.jpg) no-repeat;
display: table;
}

#maincontainer {
margin: 25px 0px 0px 6px;
padding:0px;
width: 878px;
}

#left {
position: relative;
float: left;
margin: 0px;
padding: 0px;
width: 275px;
height: 595px;
}
#language_menu {
float: left;
margin: 4px 0px 0px 145px;
width: 73px;
height: 20px;
}
.lang1 {
float: left;
margin: 0px 0px 0px 1px;
width: 30px;
height: 20px; 
display: block;
}
.lang2 {
float: left;
margin: 0px 0px 0px 10px;
width: 30px;
height: 20px; 
display: block;
}


#menu {
margin: 32px 0px 0px 57px;
width: 120px;
height: 180px;
background: url(images/menus.jpg) top left;
}
#menu ul {
margin: 0px;
padding: 0px;
list-style: none;
text-indent: -99999px;
}

#menu ul li a{
display: block;
height: 36px;
width: 120px;
}

#menu ul li.menu1 a:hover{
display: block;
height: 36px;
width: 120px;
background: url(images/menus.jpg);
background-position: -120px 0px;
}
#menu ul li.menu2 a:hover{
display: block;
height: 36px;
width: 120px;
background: url(images/menus.jpg);
background-position: -120px -36px;
}
#menu ul li.menu3 a:hover{
display: block;
height: 36px;
width: 120px;
background: url(images/menus.jpg);
background-position: -120px -72px;
}
#menu ul li.menu4 a:hover{
display: block;
height: 36px;
width: 120px;
background: url(images/menus.jpg);
background-position: -120px -108px;
}
#menu ul li.menu5 a:hover{
display: block;
height: 36px;
width: 120px;
background: url(images/menus.jpg);
background-position: -120px -144px;
}

#menu ul li.menu1.active a{
display: block;
height: 36px;
width: 120px;
background: url(images/menus.jpg);
background-position: -240px 0px;
}

#menu ul li.menu2.active a{
display: block;
height: 36px;
width: 120px;
background: url(images/menus.jpg);
background-position: -240px -36px;
}

#menu ul li.menu3.active a{
display: block;
height: 36px;
width: 120px;
background: url(images/menus.jpg);
background-position: -240px -72px;
}

#menu ul li.menu4.active a{
display: block;
height: 36px;
width: 120px;
background: url(images/menus.jpg);
background-position: -240px -108px;
}

#menu ul li.menu5.active a{
display: block;
height: 36px;
width: 120px;
background: url(images/menus.jpg);
background-position: -240px -144px;
}




#current_project {
margin: 65px 0px 0px 35px;
width: 215px;
height: 180px;
}
#current_project img {
display: block;
border: none;
margin: 0px auto 2px auto;
}
#current_project p {
margin: 0px;
padding: 0px;
text-align: center;
}

#left_footer {
position: absolute;
margin-left: 20px;
bottom: 10px;
width: 250px;
height: 50px;
display: block;
font-size: 10px;
}

#left_footer span {
display: block;
text-align: center;
width: 250px;
}


#right {
position: relative;
margin: 0px 0px 0px 0px ;
padding: 0px 5px 0px 0px;
float: left;
width: 565px;
height: 595px;
overflow: hidden;
}


#right h1 {
color: #660000;
font-size: 22px;
}
#right h2 {
color: #660000;
font-size: 20px;
}

.portfolio_container_1 {
margin: 10px 0px 0px 0px;
width: 524px;
height: 170px;
background: url(images/portfolio_container.png) top left no-repeat;
}

.portfolio_container_2 {
margin: 10px 0px 0px 0px;
width: 524px;
height: 170px;
background: url(images/portfolio_container.png) bottom right no-repeat;
}

#right_portfolio img {
display: block;
margin: 5px 0px 0px 10px;
padding: 0px;
width: 200px;
height: 160px;
float: left;
}
#right_portfolio .description {
display: block;
margin: 5px 0px 0px 10px;
padding: 0px;
width: 300px;
height: 160px;
float: left;
}
#right_portfolio .description h1 {
margin: 0px 0px 3px 0px;
padding: 0px 0px 0px 0px;
font-size: 13px;
font-weight: bold;
}
#right_portfolio .left {
margin: 0px 10px 0px 0px;
padding: 0px;
width: 80px;
float: left;
text-align: right;
font-weight: bold;
}
#right_portfolio .right {
margin: 5px 0px 0px 0px;
padding: 0px;
width: 290px;
float: left;
}


#portfolio_menu {
position: absolute;
top: 0px;
display: block;
padding: 0px;
height: 30px;
width: 525px;
background-color:#0033FF;
z-index: 10;
display: none;
}

#right_portfolio {
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; /* 30px 0px 0px 0px; */
width: 570px;
height: 595px;  /* 565; */
overflow: hidden;
}

#testimonial {
position: relative;
margin: 65px 0px 0px 35px;
width: 215px;
height: 180px;
}
#read_all {
position: absolute;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 100%;
display: block;
bottom: -10px;
font-size: 11px;
text-align: right;
}
#read_all a:link{
color: #660000;
text-decoration: none;
}
#read_all a:visited{
color: #660000;
text-decoration: none;
}
#read_all a:hover{
color: #660000;
text-decoration: underline;
}
#testimonial p{
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}
#testimonial span {
margin: 0px;
padding: 0px;
float: right;
width: 100%;
display: block;
font-style: oblique;
text-align: right;
}

.clear {
clear: both;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 0px;
line-height: 0px;
}




 /*  FORM  */

.form {
width: 400px;
margin: 10px auto;
}
 
fieldset {
width: 100%;
margin-bottom: 1em;
padding: .5em .5em .5em .8em;
border: 1px solid #AB7607;
}
form {
margin: 0;
padding: 0;
font-size:12px;
}
.form p {
font-size:12px;
}
.form select {
font-size:12px;
}
.form select option {
color: #666666;
}
legend {
color: #660000;
font-weight:bold;
font-size: 15px;
}
div.form {
margin-top: 15px;
}
span.form-required {
color: #000;
}
span.form-required {
color: #000;
}

span.submitted, .description {
font-size: 0.92em;
color: #660000;
}

.description {
line-height: 150%;
margin-bottom: 0.75em;
margin-top: 0px;
color: #660000;
}

.messages, .preview {
margin: .75em 0 .75em;
padding: .5em 1em;
}
.messages ul {
margin: 0;
}
.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
margin: 0.25em 0;
}
#center form {
margin-bottom: 2em;
}
.form-button, .form-submit {
margin: 2em 0.5em 1em 0;
}
.poll .form-submit,
fieldset .form-button, fieldset .form-submit,
.sidebar .form-button, .sidebar .form-submit,
table .form-button, table .form-submit {
margin: 0;
}
.box {
margin-bottom: 2.5em;
}
.form-item {
margin-top: 1em;
margin-bottom: 1em;
}
.form-item input.error, .form-item textarea.error {
border: 2px solid red;
}
.form-item .description {
font-size: 0.85em;
}
.form-item label {
display: block;
font-weight: bold;
color: #7E0000;
margin-bottom:3px
}
.form-item label.option {
display: inline;
font-weight: normal;
}
.form-checkboxes, .form-radios {
margin: 1em 0;
}
.form-checkboxes .form-item, .form-radios .form-item {
margin-top: 0.4em;
margin-bottom: 0.4em;
}
.marker, .form-required {
color: #f00;
}
p.error {
color:#FF0000;
font-size:12px;
}

p.link_to_us {
color: #336600;
font-style: italic;
}

.cur_url_div {
display: none;
}

.form-submit {
margin: 0px 10px 0px 0px;
padding: 3px;
background: #E8C25D;
border: solid 1px #AB7607;
font-size: 14px;
color: #7E0000;
cursor: pointer;
}

.special {
width: 50px;
height: 15px;
display: none;
}

/***********************
CONTACT FORM
*************************/
#page-wrap {
    width: 500px;
	padding: 0px 50px 20px 00px;
	margin: 20px auto;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#contact-area {
	width: 500px;
	margin: 5px 0px 0px 0px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 370px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
    margin: 0px 50px 0px 0px;
	width: 100px;
	float: right;
}

#contact-area label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.3em;
}