body {
margin:0px auto;
margin-top:66px;
padding:0;
text-align: center;
color: #717173;
background-color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 18px;
margin-bottom:30px;
} 
#container {
margin:0px auto;
padding:0px;
width: 892px;

}
#logo{
float:left;
width:231px;
height:54px;
padding-bottom: 4px;
}
#menu{
background-color:#717173;
width:892px;
height:26px;
text-align:right;
z-index:5;
}

#content{
width:892px;
height:528px;
margin-top:13px;
position: relative;
z-index:4;
}

#content p {
margin: 0 0 0 0;
padding: 0 0 18px 0;
}


#content_left{
width:520px;
height:528px;
margin:0px auto;
padding:0px;
float:left;
overflow: hidden;
}
#content_left_2{
width:364px;
height:528px;
margin:0px auto;
padding:0px;
float:left;
overflow: hidden;
}
#content_right_2{
width:528px;
height:528px;
margin:0px auto;
padding:0px;
float:left;
background-image:url('images/background_text_2.jpg');
background-repeat:y-repeat;
}
#content_right{
width:372px;
height:528px;
margin:0px auto;
padding:0px;
float:left;
background-image:url('images/background_text.jpg');
background-repeat:y-repeat;
}
#content_right_text{
width:290px;
height:432px;
margin-left:36px;
margin-top:56px;
overflow:hidden;
text-align:justify;
float:left;
display:inline;
}
.scroll_width{
width:290px;
}

#content_right_text_2{
width:360px;
height:432px;
margin-left:101px;
margin-top:56px;
overflow:hidden;
text-align:justify;
float:left;
display:inline;
}
.scroll_width_2{
width:360px;
}

#content_right_text h1, #content_right_text_2 h1{
	text-align:left;
}

#bottom_pictures{
width:892px;
text-align:left;
margin-top:17px;

}
#bottom_menu1{
width:892px;
text-align:center;
margin-top:25px;
color:#848586;
font-size:11px;
}
#bottom_menu2{
width:892px;
text-align:center;
margin-top:15px;
color:#5b4d48;
font-size:11px;
}


.accordion {
padding: 0;
}
h1{
margin-bottom:0px;
margin-top:0px;
font-size:15px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.img
{
  margin: 0;
  border: 0px;
  margin:0px auto;
  padding:0px;
}	
a img
 {
 border: none;
 }
 
a:link, a:active, a:visited {
color:#be1935;
text-decoration:none;
 }
a:hover {
color:#be1935;
text-decoration:none;
}

#bottom_menu1 a:link,
#bottom_menu1 a:active,
#bottom_menu1 a:visited ,
#bottom_menu1 a:hover{
color:#848586;
}
#bottom_menu2 a:link,
#bottom_menu2 a:active,
#bottom_menu2 a:visited,
#bottom_menu2 a:hover {
color:#5b4d48;
}
#the_latest_text a:link,
#the_latest_text a:active,
#the_latest_text a:visited ,
#the_latest_text a:hover{
color:#7a7877;
}

/* SCROLL */
b.jScrollArrowUp {
	background: url(images/scrollbarUp.png) no-repeat 0 0;
    cursor:pointer;
}
b.jScrollArrowDown {
	background: url(images/scrollbarDown.png) no-repeat 0 0;
    cursor:pointer;
	
	}
.holder {
}

.scroll-pane {
	padding: 0; 
	margin: 0; 
	overflow: hidden;
	float: left;
	height: 362px;

	
}
.scroll-pane-text {
	padding: 0px 0px 0px 0px; 
	margin: 0px; 
	overflow: hidden;
	float: left;
	height: 322px;
	}
.highlight {
	color:#2F2F2F;
}
#subtitle {
}
#content_area {
	margin-top: 30px;
}
#office{
width:235px;
height:231px;
float:left;
}

#retail{
width:235px;
height:231px;
margin-left:19px;
float:left;
}
#residential{
width:235px;
height:231px;
margin-left:18px;
float:left;
}
#about_us{
width:135px;
height:231px;
margin-left:15px;
float:left;
}
#contact_us{
width:169px;
height:201px;
margin-top:17px;
float:left;
}
#case_studies{
width:241px;
height:201px;
margin-left:19px;
margin-top:17px;
float:left
}
#the_latest{
width:445px;
height:201px;
margin-left:18px;
margin-top:17px;
float:left;
}
#the_latest_text{
position:absolute;
margin-top:78px;
margin-left:26px;
color:#7a7877;
width:388px;
z-index:1;
}

.slideShowImageHolder{
  left: 0px;
  top: 0;
  text-align: left;
  display:none;
  height: 528px;
  overflow: hidden;
  position: absolute;
}