body {
 margin:33px;
 color: #333;
 text-align:center;
 padding:0;
 font:12px Verdana, Arial, Helvetica, sans-serif;
 background-color:#7F7456;
 }

#outer {
 text-align:left;
 border:1px solid #CFCFB3;
 width:750px;
 margin:auto;
 background-color:#fff;
 }

#header {
 height:123px;
 color: #333;
 text-align:center;
 margin: 6px 0;
 }
 
#img-box {
	margin:6px 0;
	height:160px;
	overflow:hidden;
}

#navbar {
	color:#828352;
	height: 25px;
	line-height: 25px;
 }
 
#navbar ul {
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
}
#navbar ul li {
	display:inline;
	padding:0 23px;
	 font:13px Verdana, Arial, Helvetica, sans-serif;
}
#navbar ul li a {
	color:#828352;
	text-decoration: none;
}
#navbar ul li a:hover,
#navbar ul li a.active {
	background-color:#828352;
	text-decoration:none;
	color: #fff;
}
#navbar #currentpage a {
	color:#363725;
}

#bodyblock {
 position:relative;
 width:750px;
 padding:0;
 background-color:#CFCFB3;
 line-height: 17px;
 }
 
 h2 {
 color: #363725;
 font: bold 16px Verdana, Arial, Helvetica, sans-serif;
 margin-top: 9px
 }
 
 h3 {
 color: #8C8D58;
 font: 16px Verdana, Arial, Helvetica, sans-serif;
 margin-top: 9px}

#right {
 float:right;
 width:273px;
 padding: 21px;
 border: 1px solid white;
 margin: 9px;
 }
 #right .more {
 text-align: right;
 }
  #right .more a:link, #right .more a:visited {
 color: #7E804F;
 text-decoration: none;
 }
   #right .more a:hover, #right .more a:active {
 color: #7E804F;
 text-decoration: underline;
 }
 
  #right a:link, #right a:visited {
 color: #7E804F;
 text-decoration: none;
 }
   #right a:hover, #right a:active {
 color: #7E804F;
 text-decoration: underline;
 }
 .imageleft {
 float:left;
 padding: 0 6px 6px 0;
 }
  .imageright {
 float:right;
 padding: 0 9px 6px 6px;
 }
#content {
 width:373px;
 text-align:left;
 float:left;
 padding: 21px;
 }
 
 #content_project {
 width:688x;
 text-align:left;
 float:left;
 padding: 21px;
 }
 
 #content a:link, #content a:visited{
 color: #8C8D58;
 text-decoration:none;
 font-weight:bold;}
  #content a:hover, #content a:active{
 color: #fff;
 text-decoration:none;
 background-color:#8C8D58}
#clear {
clear:both;
}
#footer {
 color: #9A9C62;
 background-color:#fff;
 padding: 5px 0;
 margin: 0 auto;
 text-align: center;
 width:750px;
 line-height: 19px;
 border:1px solid #fff;
 position:relative;
 }
#footer a:link, #footer a:visited{
 color: #363725;
 text-decoration: none;
 }
#footer a:hover, #footer a:active{
 color: #363725;
 text-decoration: underline;
 }
 .webdesign {
 color: #B8B88D;
 font-size:11px;
 text-decoration:none;
 }
  .webdesign a:link, .webdesign a:visited{
 color: #B8B88D !important; 
 font-size:11px;
 text-decoration: none;
 }
   .webdesign a:hover, .webdesign a:active{
 color: #B8B88D !important;
 font-size:11px;
 text-decoration: underline;
 }
 
 .portrait {
 float:left;
 padding: 4px;
 background-color: #fff;
 margin: 0 9px 4px 0;
 border: solid 1px #7E804F;
 }
 
 .testimonial {
 color: #8C8D58;
 font-style:italic;
 margin-left: 27px;}
 
 blockquote {
  background: transparent url(images/quoleft.jpg) left top no-repeat;
  margin: 6px 0 0 0;
}
blockquote div {
  padding: 0 27px;
  background: transparent url(images/quoright.jpg) right bottom no-repeat;
}
.bullet {margin:0; padding: 0; list-style:none;}
.bullet li {background:url(images/bullet.gif) no-repeat 0 7px;  padding:4px 0 4px 30px;}
.bullet2 {margin:0; padding: 0; list-style:none;}
.bullet2 li {background:url(images/bullet2.gif) no-repeat 0 10px;  padding:4px 0 4px 13px;}
.green {color: #8C8D58; font-weight:bold;}
.photos {
padding:0;
margin:0;
white-space:nowrap;
list-style-type:none;
}
.photos li {display:inline;
}
.photos li a
{
padding:3px 9px;
background:#8C8D58;
color:#fff;
text-decoration:none;
float:left;
border:1px solid #363725;
margin: 0 3px 3px 0;
}
.photos li a.first
{
border: none;
background-color: #CFCFB3;
color: #363725;
}
.photos li a:hover.first
{
border: none;
background-color: #CFCFB3;
color: #363725;
cursor:default;
}
.photos li a:hover
{
background:#363725;
color:#fff;
border:1px solid #8C8D58;
}
.clear {clear:both;}
.ongoing {padding: 6px 0;}
.services {clear:both; width: 100%; margin: 5px 0; }
.sep {width:68px; height:18px; background:url(images/sep.gif) no-repeat; margin:0 auto;}
.sep2 {width:233px; height:1px; background:url(images/sep2.jpg) no-repeat; margin:0 auto;}
#blendme {margin: 0;}
		.blend img {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity:0;
filter: alpha(opacity=0);
}

#bida {
 float:right;
 width:316px;
 padding: 0;
 margin: 0 9px;
 color: #573E63;
 }
 
 #bida_foot {
 position:absolute;
 top:5px;
 right:5px;
 width:45px;
}

.thumbnail
{
float: left;
width: 90px;
border: 1px solid #999;
margin: 0 15px 15px 0;
padding: 5px;
text-align:center;
}

.clearboth { clear: both; }
.view {text-align: right; font-weight:bold; padding-right: 9px;}

.view a:link, .view a:visited { text-decoration:none; color: #573E63;}
.view a:hover, .view a:active {text-decoration:none; background-color: #573E63; color: #fff;}