body, html {
margin: 0;
padding: 0;
background: #FFFFFF;
color: #514e4a;
}


body {
min-width: 940px;
margin: 0;
padding: 0;
background: #FFFFFF;
color: #514e4a;
font-family: Tahoma;
font-size: 12px;
}

#small_text {
font-family: Tahoma;
font-size: 10px;
}

#very_small_text {
font-family: Tahoma;
font-size: 9px;
}

a {
color: #f15f29;
text-decoration: underline;
}

a:hover {
color: #d54c1a;
text-decoration: underline;
}

#switch {
margin: 0 auto;
width: 920px;
text-align: right;
padding-top: 3px;
}

#switch_lang {
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
}

#switch_lang:hover {
color: #DFDFDF;
text-decoration: none;
}

#wrapper_header {
width: 100%;
background-image: url('images/shadegray.png');
background-repeat: repeat-x;
}

#header {
margin: 0 auto;
width: 940px;
height: 190px;
}

#upgrey {
background: #52514e;
height: 20px;
clear: both;
}

#logo_menu {
height: 145px;
}

#logo {
padding-top: 40px;
padding-left: 20px;
float: left;
}


#menu {
padding-top: 55px;
padding-right: 0px;
float: right;
}

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

#menu .item {
width: auto;
display: inline;
float: left;
clear: right;
margin-right: 20px;
}

#menu .item a{
display: block;
}

#menu .item a:hover{
background-color: #e15922;
}

#curvetop {
width: 276px;
height: 46px;
}


#wrapper_promo {
width: 100%;
background-color: #eae9d4;
height: 285px;
border-bottom: #dbdbdb 1px solid;
background-image: url('images/bg_promotop.png');
background-repeat: repeat-x;
}

#promotop {
margin: 0 auto;
width: 940px;
}

#lineup {
width: 325px;
height: 1px;
}

#shapetopsub {
width: 325px;
height: 10px;
font-size: 0px;
}

#continuity {
width: 100%;
float: left;
height: 260px;
}


#cont_left {
background-image: url('images/bg_left.png');
background-repeat: repeat-x;
background-position: 0px 33px;
height: 260px;
width: 50%; 
float: left;
margin: 0 -490px 0 0; 
}

#cont_left #l_content {
margin: 0 490px 0 0;
}

#cont_right {
background-image: url('images/bg_right.png');
background-repeat: repeat-x;
background-position: 0px -10px;
height: 260px;
width: 50%;
float: right;
margin: 0 0 0 -477px;
}


#cont_left #r_content {
margin: 0 0 0 477px;
}

#promo_center {
float: left;
width: 960px;
height: 260px;
margin: 0 0 0 -477px; 
}

#box_promo {
background-color: #dfdfdf;
width: 940px;
height: 260px;
float: left;
}

#out_seg {
background-image: url('images/out_seg.png');
background-repeat: no-repeat;
background-position: 0px 200px;
width: 20px;
height: 260px;
float: right;
}

* html #cont_left {position: relative;}
* html #cont_right #promo_center {position: relative; left: 0px;}

#main_promo_bg {
background-image: url('images/bg_pres.png');
background-repeat: repeat-x;
width: 940px;
height: 217px;
}

#showcase_projects {
background-image: url('images/bg_showcase.png');
background-repeat: no-repeat;
height: 217px;
width: 525px;
float: left;
}

#showcase_projects #show_content {
padding-left: 10px;
padding-top: 50px;
}

#message_portofolio {
background-image: url('images/bg_portof.png');
background-repeat: no-repeat;
width: 415px;
height: 217px;
float: left;
}

#message_portofolio #message_content {
padding-right: 15px;
padding-top: 7px;
}

#message {
margin-top: 100px;
margin-bottom: 20px;
}




#wrapper_whitecontent {
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
float: left;
clear: both;
/*#zoom:1; /*IE Bug Fix */
}

#whitecontent {
width: 940px;
margin: 0 auto;
}

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

#whitecontent #wcol1 {
width: 310px;
float: left;
padding-right: 5px;
}

#whitecontent #wcol1_id {
width: 460px;
float: left;
margin-right: 5px;
}


#whitecontent #wcol1_inside {
width: 620px;
float: left;
padding-right: 5px;
}

#whitecontent #wcol1_full {
width: 930px;
float: left;
padding-right: 5px;
}


#whitecontent #wcol1 p {
margin-top: 5px;
padding-right: 10px;
}

#whitecontent #wcol2 {
width: 310px;
float: left;
padding-right: 5px;
}


#whitecontent #wcol2_inside {
width: 310px;
float: left;
padding-right: 5px;
}

#whitecontent #wcol2 p {
margin-top: 5px;
padding-right: 10px;
}

#whitecontent #wcol2 li {
list-style-type: none;
background-image: url('images/bg_li.png');
background-repeat: no-repeat;
background-position: 0px 3px;
margin-top: 5px;
padding-left: 15px;
}


#whitecontent #wcol2_inside p {
margin-top: 5px;
padding-right: 10px;
}

#whitecontent #wcol2_inside li {
list-style-type: none;
background-image: url('images/bg_li.png');
background-repeat: no-repeat;
background-position: 0px 3px;
margin-top: 5px;
padding-left: 15px;
}


#whitecontent #wcol3 {
width: 310px;
float: right;
}

#whitecontent #wcol3 p {
margin-bottom: 5px;
margin-top: 5px;
}

#whitecontent #wcol3_proj {
width: 310px;
float: right;
}







#wrapper_beigecontent {
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
background-color: #f4f3e8;
float: left;
clear: both;
/*#zoom:1; /*IE Bug Fix */
}

#beigecontent {
width: 940px;
margin: 0 auto;
}

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


#beigecontent #bcol1 {
width: 310px;
float: left;
padding-right: 5px;
}

#beigecontent #bcol1 p {
margin-top: 5px;
padding-right: 10px;
}

#beigecontent #bcol2 {
width: 310px;
float: left;
padding-right: 5px;
}

#beigecontent #bcol2 p {
margin-top: 5px;
padding-right: 10px;
}

#beigecontent #bcol2 li {
list-style-type: none;
background-image: url('images/bg_li.png');
background-repeat: no-repeat;
background-position: 0px 3px;
margin-top: 5px;
padding-left: 15px;
}

#beigecontent #bcol3 {
width: 310px;
float: left;
}

#beigecontent #bcol3 p {
margin-top: 5px;
padding-right: 10px;
}

input, textarea {
border: #c7c7c7 1px solid;
font-family: Tahoma;
font-size: 12px;
color: #514e4a;
}

input {
border: #c7c7c7 1px solid;
font-family: Tahoma;
font-size: 12px;
color: #514e4a;
}


#footer {
background-color: #59514e;
width: 100%;
min-height: 150px;
height: 150px;
clear: both;

}

#footer  #footer_content {
margin: 0 auto;
width: 940px;
padding: 5px;
}

#footer  p {
color: #949088;
}

#footer  p a {
color: #949088;
text-decoration: none;
}

#footer  p a:hover {
color: #BEBCB8;
text-decoration: underline;
}

#slider  {
width: 499px;
height: 130px;
background-image: url('images/bg_slide.gif');
background-repeat: no-repeat;
margin-top: 10px;
}

#prev {
width: 14px;
height: 29px;
float: left;
margin-top: 52px;
}

#scroll {
float: left;
padding-top:  30px;
width: 450px;
height: 50px;
margin-top: 30px;
margin-left: 10px;
text-align: center;
overflow: scroll;
position: relative;
border: #000 0px solid;
}


#scroll .belt {
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.scroll_img {
float: left;
margin-left: 10px;
margin-right: 10px;
width: 212px;
text-align: center;
overflow: hidden;
}

#next{
width: 14px;
height: 29px;
float: right;
margin-top: 52px;
}


.services {
float: left;
width: 260px;
background-color: #f5f5f0;
border: #efeee3 1px solid;
padding: 10px;
margin-right: 20px;
margin-bottom: 10px;
min-height: 200px;
}

.services .title {
font-size: 16px;
color: #f15f29;
margin-bottom: 5px;
}

.services p {
margin-top: 5px;
}


.services ul {
list-style-type: none;
padding: 0px;
margin-top: 0px;
margin-left: 0px;
}


.services li {
list-style-type: none;
background-image: url('images/bg_li.png');
background-repeat: no-repeat;
background-position: 0px 3px;
margin-top: 5px;
padding-left: 15px;
}

#port_navigation {
display: block;
float: left;
width: 200px;
background-color: #f5f5f0;
border: #efeee3 1px solid;
font-size: 16px;
color: #f15f29;
margin-right: 20px;
}

#port_navigation a {
display: block;
text-decoration: none;
color: #f15f29;
padding: 5px;
}

#port_navigation a:hover {
display: block;
text-decoration: none;
color: #FFFFFF;
background-color: #f15f29;
}


#port_navigation #active {
display: block;
text-decoration: none;
color: #FFFFFF;
background-color: #f15f29;
}

#proj_pres {
width: 590px;
padding: 10px;
background-color: #f5f5f0;
border: #EAE9DB 1px solid;
}

#id_pres {
width: 450px;
padding:  5px;
background-color: #f5f5f0;
border: #EAE9DB 1px solid;
}

#proj_title {
font-size: 16px;
color: #231f20;
margin-bottom: 5px;
}

#proj_site {
margin-bottom: 10px;
}

#proj_sep {
width: 100%;
height:10px;
border-bottom: #f5f5f0 1px solid;
clear: both;
margin-bottom: 10px;
}

#proj_sep_blank {
width: 100%;
height:1px;
clear: both;
padding-top: 10px;
}

.proj_screen {
border: #EAE9DB 1px solid;
}


#label {
float: left;
width: 170px;
}

#f_label {
float: left;
width: 250px;
}


#form_element {
float: left;
}

#contact_cont {
width: 420px;
float: left;
margin-right: 10px;
}

#free_quote {
float: left;
margin-right: 10px;
}

#form_separator {
margin-top: 5px;
height: 1px;
border-bottom: #DFDFDF 1px solid;
margin-bottom: 10px;
clear: both;
width: 100%;
}

.buton_send {
border: 0px;
width: 64px;
height: 20px;
background-image: url('images/b_send.gif');
background-repeat: no-repeat;
background-color: transparent;
cursor: pointer;
}



#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:384px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}

#trafic {
width: 900px;
margin: 0 auto;
padding-top: 10px;
text-align: center;
padding-bottom: 10px;
float: center;
clear: both;

}