body {
/* background:url(images/bg_SI2.gif) repeat-x top #fff4da; */
background-color:#ffd575;
margin:0px;
padding:0px;
font: 10px  verdana,helvetica,arial,sans-serif;
color:#000;
}
p{
/* font-family:Arial, Helvetica, sans-serif; */
font-family:verdana,helvetica,arial,sans-serif;
font-size:14px;
color:#4d200a;
text-align:justify;
/* line-height:15px; */
padding:0px 0 5px 0;
}
p.left_arrow{ /* Only HTML's "p" elements will be affected by a class selector ".left_arrow" */
text-align:justify;
line-height:110px;
padding:0px 0 5px 95px;
background:url(images/Deals_icon.gif) no-repeat left top;
}
.clear{ /* '.' is for class selector. lass selector is used to specify a style for a group of elements*/
clear:both;
}
#main_container{ /* Id selector is used to specify a style for a single, unique element. */
width:865px;
height:auto;
margin:auto;
background:url(images/header_bg_5.jpg) no-repeat top center;
}
.center_content{ /* Class selector is used to specify a style for a group of elements. This allows you to set a particular style for any HTML elements with the same class */
width:865px;
padding:0px;
margin:auto;
}
#header{ /* Id selector */
width:865px;
height:210px;
margin:auto;
border:groove;
}
#logo{ /* Id selector */
padding:17px 0 0 5px;
float:left;
}

a.testimonial{ /* 'a' is anchor; it is a term used to define a hyperlink destination inside a document. So the "." is a class selector that specify the style for the anchor. */ 
float:right;
padding:0px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
font-weight:bold;
text-decoration:none;
}
/*----------------------menu-------------------------*/
.menu ul{
/* font: bold 15px "Comic Sans MS", arial, sans-serif; */s
padding-left: 0;
margin-left: 0;
height: 20px;
float:right;
}

.menu ul li{
list-style: none;
display: inline;
}

.menu ul li a{ /* This is to style a list of links. Remember "a" is "anchor" and "li" is "list"*/
font: bold 15px "Comic Sans MS", arial, sans-serif;
padding: 2px 0.5em;
text-decoration: none;
float: left;
color: #7a3d20; /* Font color */
background-color: #f0b8741;
border: 2px solid #f0b8741;
}

.menu ul li a:hover{
background-color: #f0b874;
border-style: outset; /* This makes the button pops out when we hover on the menu */
}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}

/*-----------------main content----------------------------*/
.main_content{
background-color:#ffffff;
width:865px;
height:auto;
margin:auto;
border:groove;
padding:0 0 20px 0;
/* background-color:#f0b874; */
}
.main_content_top{
width:865px;
height:16px;
/* background:url(images/main_content_top2.gif) no-repeat center top; */
}
#boxes_content{
width:865px;
clear:both; /* No floating elements allowed on the left or the right side of an image */
margin:auto;
}
.box{
padding:10px 10px 10px 16px;float:left;}
.box_content{
background:url(images/box_bg_SI3.gif) no-repeat center;
width:260px;
height:150px;
}

.boxtitle{
font-size:16px;
color:#4d200a;
padding:10px 0 0 15px;
font-family:verdana,helvetica,arial,sans-serif;
text-align:center;
}
.box_icon{
clear:both;
float:left;
width:80px;
padding:15px 0 0 15px;
}

.largebox{
padding:10px 10px 10px 16px;float:left;}
.largebox_content{
/* background:url(images/largebox_bg.gif) no-repeat center; */
width:400px;
height:500px;
}

p.text_content{
font-size:12px;
width:135px;
float:left;
text-align:left;
padding:10px 10px 0 15px;
color:#4d200a;
/* line-height:15px; */
}
a.read_more{
padding:10px 0 0 0;
}

.title{
font-size:18px;
color:#4d200a;
padding:10px 0 0 0px;
font-family: verdana,helvetica,arial,sans-serif;
}

.mid_content{ 
width:800px;
float:none;
padding:10px 10px 10px 20px;
}

.left_content{
width:420px;
float:left;
padding:10px 10px 10px 20px;
}
.right_content{
width:390px;
float:left;
padding:10px 0 10px 20px;
}
.right_news{
float:left;
width:auto;
border-bottom:1px #CCCCCC dashed;
padding:10px 0 8px 0;
}
.news_icon{
width:49px;
height:44px;
float:left;
background:url(images/news.gif) no-repeat center;
}
.contact_icon{
width:49px;
height:44px;
float:left;
background:url(images/icon4.gif) no-repeat center;
}
.services_icon{
width:49px;
height:48px;
float:left;
background:url(images/icon5.gif) no-repeat center;
}
.news_content{
width:310px;
float:left;
text-align:justify;
line-height:15px;
padding:0 0 0 10px;
}
img.photo{
padding:10px 0 0 0;
}
/*----------------------list-------------------------*/
.list_left{
float:left;width:190px;padding:20px 10px 20px 0;
}
.list_right{
float:right;width:190px;padding:20px 0 20px 0;
}
ul.list{
list-style:none;padding:0px;margin:0px; 
}
ul.list li{
list-style:none;width: auto;height: auto;padding:0px;
}
ul.list li a{
height: 16px; width: auto; display:block;padding:0 0 0 25px; margin:5px 0 10px 0;color:#5e5e5e;text-align:left;
background:url(images/arrow_bullet.gif) no-repeat left;text-decoration:none;
}
ul.list li a:hover{
height: 16px; width: auto;text-decoration:underline;color: #5e5e5e;
}
.project_tab{
float:left;width:auto;padding:15px 0 20px 0;
}
a.yellow{
font-size:14px;
color:#6D4930;
font-weight:bold;
text-decoration:none;
}
.project_thumb{
width:133px;height:103px;float:left;text-align:center;background:url(images/thumb_bg.gif) no-repeat center; padding:15px 0 0 0;
}
p.project{
width:250px;float:left;text-align:justify;line-height:21px;padding:2px 0 0 10px; margin:0px;
}
/*-----------------------contact_form-------------------*/
#contact_form{
width:370px;
height:auto;
padding:20px 0 0 20px;
}
.form_row{
float:left;
padding:7px 0 7px 0;
}
label{
width:60px;
float:left;
padding:3px 5px 0 0;
color:#175b6c;
text-align:right;
font-weight:bold;
}
input.contact_input{
width:293px;
height:24px;
float:left;
border:1px #BFB28F solid;
background-color:#E8DEC4;
color: #6F664C;
}
textarea.contact_textarea{
width:293px;
height:80px;
float:left;
border:1px #BFB28F solid;
background-color:#E8DEC4;
color: #6F664C;
}
input.send_message{
float:right;
padding:10px 10px 0 0;
}
/*-----------------------------footer------------------*/
#footer{
clear:both;
width: auto;
height:50px;
color: #0c9cc9;
}
.copyright{
float:right;
padding-left:10px;
padding-top:10px;
}
.footer_links{
float:left;
padding-right:15px;
padding-top:13px;
}
#footer a{
text-decoration:none;
color: #2A1C11;
padding-left:10px;
}
#footer a:hover{
text-decoration:underline;
color: #2A1C11;
}