body {
background:#ccc url(../images/bg.jpg) repeat-x;
font-family:Arial;
font-size:12px;
line-height:16px;
color:#666;
}

.body-portfolio {
background:#fff url(../images/bg-portfolio.jpg) repeat-x;
font-family:Arial;
font-size:12px;
line-height:16px;
color:#666;
}

a {
color:#00659a;
text-decoration:none;
}

a:hover {
color:#555;
text-decoration:none;
}

h1 {
font-size:25px;
line-height:25px;
color:#666;
margin:0;
padding:0;
letter-spacing:-1px;
margin-bottom:20px;
}

h1 span {
color:#999;
}

h2 {
margin:0 0 20px 0;
padding:0;
font-size:13px;
text-transform:uppercase;
}

h2 a {
margin:0 0 20px 0;
padding:0;
font-size:13px;
text-transform:uppercase;
color:#666;
}

h2 a:hover {
text-decoration:underline;
}

h3 {
font-size:25px;
line-height:25px;
color:#666;
margin:0;
padding:0;
letter-spacing:-1px;
margin-bottom:20px;
}

h3 span {
color:#E5BF0D;
}

input {
background-color: #9BA99F;
vertical-align:middle;
}

#container {
position:relative;
width:950px;
height:auto;
overflow:hidden;
margin:0 auto;
}

#top {
position:relative;
width:950px;
height:80px;
clear:both;
}

#top_nav {
position:relative;
float:right;
display:inline;
width:500px;
height:79px;
border-bottom:1px solid #333;
}

#nav {
position:absolute;
top:49px;
right:0px;
height:20px;
}

a.top_nav {
position:relative;
display:inline-block;
float:left;
font-weight:bold;
border-left:1px dotted #333;
color:#666;
padding:0px 10px;
}

a.top_nav:hover {
color:#888;
}

a.top_nav_last {
position:relative;
display:inline-block;
float:left;
font-weight:bold;
border-left:1px dotted #333;
color:#666;
padding-left:10px;
}

a.top_nav_last:hover {
color:#888;
}

#header {
background:url(../images/header7.png) no-repeat;
position:relative;
width:950px;
height:400px;
clear:both;
}

#header_right {
position:relative;
float:right;
display:inline;
width:500px;
height:390px;
margin-top:10px;
}

#header2 {
position:relative;
width:950px;
height:400px;
clear:both;
}

#header_right2 {
position:relative;
float:right;
display:inline;
width:630px;
height:390px;
margin-top:10px;
}

#header_right_bottom {
position:absolute;
width:auto;
height:auto;
bottom:20px;
right:1px;
text-align:right;
z-index:400;
}

#header_right_bottom h1 {
font-size:20px;
line-height:30px;
color:#666;
margin:0;
padding:0;
letter-spacing:-1px;
}

#header_right_bottom h1 span {
color:#999;
font-size:25px;
}

#logo {
position:relative;
float:left;
display:inline;
width:194px;
height:50px;
}

#logo-sub {
position:relative;
float:left;
display:inline;
width:194px;
height:50px;
margin-top:12px;
}

#content {
position:relative;
width:950px;
height:400px;
clear:both;
}

#content-about {
position:relative;
width:950px;
height:390px;
clear:both;
}

#content_left {
position:relative;
float:left;
display:inline;
width:430px;
height:390px;
margin-top:10px;
}

#content_right {
position:relative;
float:left;
display:inline;
width:300px;
height:390px;
margin:10px 0px 0px 20px;
}

#content_news {
position:relative;
width:950px;
height:300px;
clear:both;
}

#content_right_contact {
position:relative;
float:left;
display:inline;
width:500px;
height:390px;
margin:10px 0px 0px 20px;
}

#content_right_news {
position:relative;
float:left;
display:inline;
width:400px;
height:390px;
margin:10px 0px 0px 20px;
}

#content_right_about {
position:relative;
float:left;
display:inline;
width:500px;
height:390px;
margin:10px 0px 0px 20px;
}

#staff_about {
position:relative;
width:500px;
height:120px;
}

#content_portfolio {
position:relative;
width:950px;
height:490px;
clear:both;
margin-top:10px;
}

#content_top_left {
position:relative;
float:left;
display:inline;
width:430px;
height:50px;
margin-top:10px;
}

#content_top_right {
position:relative;
float:left;
display:inline;
width:350px;
height:50px;
margin:10px 0px 0px 20px;
}

#content_clients_1 {
position:relative;
float:left;
display:inline;
width:215px;
height:auto;
margin:30px 0px 0px 20px;
line-height:20px;
}

#content_clients_2 {
position:relative;
float:left;
display:inline;
width:215px;
height:auto;
margin:30px 0px 0px 20px;
line-height:20px;
}

#content_clients_3 {
position:relative;
float:left;
display:inline;
width:215px;
height:auto;
margin:30px 0px 0px 20px;
line-height:20px;
}

#content_clients_4 {
position:relative;
float:left;
display:inline;
width:215px;
height:auto;
margin:30px 0px 0px 20px;
line-height:20px;
}

#heading_portfolio {
position:absolute;
left:450px;
top:0;
z-index:500;
font-size:11px;
}

#heading_portfolio h1 {
font-size:25px;
line-height:25px;
color:#666;
margin:0;
padding:0;
letter-spacing:-2px;
}

#heading_portfolio a {
font-size:12px;
}

a.selected {
text-decoration:underline;
}

#bottom {
position:relative;
width:950px;
height:220px;
clear:both;
}

#bottom ul {
list-style:url(../images/bullet.gif);
margin-left:15px;
text-indent:0;
padding:0;
color:#666;
}

.bottom-icon {
background:url(../images/bg-bottom-icon.jpg) no-repeat;
position:relative;
width:237px;
height:200px;
float:left;
display:inline;
margin:0;
}

.bottom-icon-portfolio {
background:url(../images/bg-bottom-icon-portfolio.jpg) no-repeat;
position:relative;
width:237px;
height:200px;
float:left;
display:inline;
margin:0;
}

.bottom-icon-in {
padding:22px 20px 20px 20px;
}

#footer {
margin-top:10px;
height:60px;
width:950px;
}

#footer-left {
float:left;
display:inline;
width:400px;
}

#footer-right {
float:right;
display:inline;
width:400px;
text-align:right;
}

#news {
position: relative;
width: 180px;
height: 100px;
overflow: hidden;
}

.yellow {
color:#E5BF0D;
}

.blue {
color:#00659a;
}

.black {
color:#000;
}

/*************************/

.scroll-pane {
width: 950px;
height: 290px;
overflow: auto;
}

/*************************/

.slide img {
  float:right;
  margin:0 15px;
}

#slideshow {
	margin:0 auto;
	width:500px;
	height:263px;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:480px;
  height:263px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:460px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:263px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(../images/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(../images/control_right.jpg) no-repeat 0 0;
}

/*********************/

.services {
font-size:16px;
line-height:18px;
}

.cerise-pink {
color:#F400A1;
}

.purple {
color:#A020F0;
}

.lime-green {
color:#32CD32;
}

.plume-red {
color:#C00;
}

.turqoise-blue {
color:#0CF;
}

.green {
color:#6C3;
}

.green a {
color:#6C3;
text-decoration:none;
}

.green a:hover {
color:#6C3;
text-decoration:underline;
}


/********************/

.people				{ position: relative; } 
.people	a					{ text-decoration: none; color: #222; display: block;
	 				  margin: 0 0 0 270px; outline: none; padding: 5px; }
.people	a img				{ border: 1px solid #ccc; }
.people	a:hover				{ background: #ffefcd; }
.people	a .name				{ font-size: 14px; font-weight:700; }
.people	a:hover .name		{ color: #900; font-weight: bold; } 
.people	a:hover img			{ border: 5px solid #222; margin: -4px; }
.people	a .photo			{ display: block; position: absolute; width: 125px; height: 125px; }
#toby .photo		{ top: 0; left: 0; }
#tom .photo		    { top: 0; left: 134px; }
#gail .photo		{ top: 134px; left: 0; }
#padma .photo		{ top: 134px; left: 134px; }