body
{
background: #f4f2ea;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin:0px auto auto auto;
color:#000;
}
.clear{
clear:both;
}
span.orange{
color:#eb6821;
}
p{
text-align:left;
padding:0px;
margin:0px;
}

a {color:#ffffff;}
a hover {color:#ffa822;}

a img.thumb {border:1px solid #cccccc;}
a:hover img.thumb {border: 1px solid #e45920;}

a.dark1 {color:#666666;}
a:hover.dark1 {color:#ffa822;}

p.middle_text{
line-height:16px;
}
p.smaller_text{
font-size:10px;
}
h2{
font-size:14px;
font-weight:normal;
padding:8px 0 8px 0;
margin:0px;
color:#94b725;
}
h2 a{
font-size:14px;
font-weight:normal;
padding:8px 0 8px 0;
margin:0px;
color:#94b725;
text-decoration:none;
}
h3{
font-size:15px;
font-weight:normal;
padding:10px 0 10px 0;
margin:0px;
color:#94b725;
}
#main_container{
width:880px;
height:auto;
margin:auto;
padding:0px;
}
#header{
width:880px;
height:120px;
margin:auto;
background:url(images/header_bg.jpg) repeat-x;
}
#logo{
padding:22px 0 0 30px;
float:left;
}
.top_phone{
width:280px;
height:73px;
float:right;
color:#FFFFFF;
padding:10px 0 0 0;
}
.phone_text{
font-size:13px;
font-weight:bold;
float:left;
padding:8px 0 0 10px;
}
img.left{
float:left;
}
span.black{
color:#000000;
font-size:14px;
}
#center_big_box{
width:825px;
height:240px;
clear:both;
margin:10px auto;
background-color:#3a3535;
}
#center_big_box2{
width:825px;
height:500px;
clear:both;
margin:10px auto;
background: #3a3535;
}
#center_big_box3{
width:825px;
clear:both;
margin:10px auto;
background: #f9f9f9;
}
#center_big_box.home{
background:url(images/home_arrow.png) no-repeat bottom left #3a3535;
}
#center_big_box.design{
background:url(images/design-graphic.png) no-repeat bottom left #3a3535;
}
#center_big_box.clients{
background: #3a3535;
}
/*---------------- menu tab----------------------*/
#menu_tab{
width:490px;
height:37px;
float:right;
font-family:Arial, Helvetica, sans-serif;
padding:0px;
}
ul.menu {
list-style-type:none; display:block; width: auto; 
margin: auto; padding:0px; background:none;}

ul.menu li {
display:inline;
font-size:11px;
font-weight:bold;
line-height:26px;
}

a.nav:link, a.nav:visited {
display:block; float:left; padding:0px; margin:0;width:71px; height:37px; margin:0px 4px 0px 4px; text-align:center; color:#FFFFFF;
text-decoration:none;}

a.nav_selected:link, a.nav_selected:visited {
display:block; float:left; padding:0px; margin:0;width: 71px;margin:0px 4px 0px 4px;text-align:center; height:37px;
text-decoration:none; color: #d34124; background:url(images/bt_bg.gif) no-repeat center;}

a.nav:hover {
color: #d34124; text-decoration:none;background:url(images/bt_bg.gif) no-repeat center;}


/*------------------main_content-------------------*/
#main_content{
width:880px;
height:auto;
padding:0 0 25px 0;
background:url(images/center_bg.gif) repeat-x top #FFFFFF;
}

.box{
width:254px;
height:90px;
float:left;
margin:20px 10px 15px 19px;
_margin:20px 10px 15px 13px;
background:url(images/box_bg.gif) no-repeat center;
}

.box_upper{
width:825px;
height:90px;
float:left;
margin:15px 10px 15px 25px;
_margin:15px 10px 15px 19px;
background: #f9f9f9;
}

.box_commerce{
width:255px;
height:215px;
float:left;
}

.box_upper_text{
width:700px;
float:left;
margin-left: 15px;
}

.box_text{
width:200px;
float:left;
margin-left: 10px;
}
img.left_img{
float:left;
padding:10px 0 0 0;
}
.box_subtitle{
padding:10px 10px 0px 15px;
float:left;
color: #eb6821;
font-size:18px;
font-family: Verdana, Helvetica, sans-serif;
}
.middle_box_text{
float:left;
width:245px;
color:#FFFFFF;
padding:0 0 0 20px;
font-size: 11px;
}
.middle_box_text2{
float:left;
width:500px;
color:#4f3b30;
padding:0 0 0 20px;
font-size: 10px;
}
.middle_box_text3{
float:left;
width:245px;
color:#4f3b30;
padding:0 0 0 20px;
font-size: 10px;
}
.middle_box_content_big{
clear:both;
padding:10px 15px 0 10px;
}
.middle_box_content{
clear:both;
padding:10px 0 0 240px;
}
.boxes_tab{
clear:both;
padding:6px 6px 6px 6px;
}
.middle_box_content_contact{
clear:both;
padding:0 0 0 20px;
}
a.read_more{
display:block;
background: #80563f;
width:180px;
height:26px;
float:left;
margin:10px 0 0 0;
text-align:center;
text-decoration:none;
color:#FFFFFF;
line-height:26px;
}
a.read_more:hover{
display:block;
background: #d03b25;
color:#FFFFFF;
}
a.middle{
color: #ffffff;
}
a.middle:hover{
color: #d9e4bc;
}
.bottom_content{
background: #ffffff;
}
.left_box{
float:left;
padding:0 0 0 30px;
}
.left_img_box{
clear:both;
float:left;
padding:0 15px 20px 0;
}
.left_text_content{
width:330px;
float:left;
}
.left_text_content_services{
width:220px;
float:left;
}
.partners_box{
background-color:#e7e6e1;
margin:2px 0 0 0;
}
img.partners_image{
padding:2px 0 2px 20px;
}
/*--------list---------*/
ul.list{
padding:0px;
margin:0px;
list-style:none;
}
ul.list li{
padding:8px 0 8px 0;
margin:0px;
list-style:none;
}
ul.list li a{
background:url(images/list_arrow.gif) no-repeat left;
text-decoration:none;
color:#fff;
padding:0 0 0 25px;
}
/*---------------register_form------------------*/
.contact_form{
width:355px;
float:left;
padding:0px 0 0 5px;
}
.form_row{
width:335px;
clear:both;
padding:10px 0 10px 0;
_padding:5px 0 5px 0;
color:#a53d17;
}
label.contact{
width:75px;
float:left;
font-size:12px;
text-align:right;
padding:4px 5px 0 0;
color:#fff;
}
input.contact_input{
width:253px;
height:18px;
background-color:#857c7c;
color:#FFFFFF;
border:1px #857c7c solid;
float:left;
}
textarea.contact_textarea{
width:253px;
height:50px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
background-color:#857c7c;
border:1px #857c7c solid;
float:left;
}
.contact_info{
width:380px;
float:left;
padding:0 0 0 20px;
color:#FFFFFF;
}
p.adress{
float:left;
padding:10px 0 0 15px;
line-height:13px;
}
/*---------------footer----------------*/
#footer{
width:880px;
height:70px;
color:#3a3535;
background-color:#e0ddd2;
}
#footer_upper{
width:880px;
height:70px;
color:#efefef;
background-color:#d23d27;
padding:10px 10px 10px 10px;
}
.left_footer{
float:left;
width:400px;
padding:25px 0 0 10px;
}
.right_footer{
float:right;
padding:25px 10px 0 0;
}
.right_footer a{
padding:0 0 0 7px;
text-decoration:none;
color:#c32d15;
}
.right_footer a:hover{
text-decoration:underline;
}