body {
	background: #cac7b7;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#8F7B69;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 20px;
	position:relative;
}
#container {
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;

}
#mainContent {
	background-image: url(../images/mainbgbottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 35px;
	padding-left: 0px;
	margin: 0;
	position:relative;

}

/* header */


#header{
width: 900px;
height:155px;
background-image:url(../images/headerbg.gif);
background-repeat:no-repeat;
background-position:top left;
}

#header .lcgname{
margin:25px 0 0 37px;
padding:0;
float:left;
}

#header .lcglogo{
margin:25px 0 0 260px;
padding:0;
float:left;
}

#header .topnavi{
font-size:12px;
color:#FFFFFF;
width:165px;
margin:10px 0 0 260px;
padding:0;
float:left;
}


/* header end */


/* Navigation */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
	font-family: Arial, Helvetica, sans-serif;
	z-index: 2100;
	position: relative;
}
.nav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	display: block;
	padding: 2px 8px 2px 8px;
	text-transform: lowercase;
	text-decoration: none;
}

.nav li a:hover {
  background: #a28b78;
  color: #fff;	

}

.nav span{
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #ffffff;
  display: block;
  text-transform: uppercase;
  text-decoration: none;
}


#nav-one li:hover a, 
#nav-one li.sfHover a {
  color: #fff;
  background: #a28b78;

}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  color: #fff;
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  color: #000;	
}

.nav ul {
	background: #a28b78;
	list-style: none;
	margin: 0;
	width: 110px;
	position: absolute;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
	border-bottom: 0;
	padding-right: 20px;
	width: 90px;
	white-space: nowrap;
	color: #fff;
}
.nav ul a:hover {
  color: #000;
}

/* End Navigation */


/* Footer */

#footer{
	width: 900px;
	height:120px;
	background-image:url(../images/footerbg.gif);
	background-repeat:no-repeat;
	background-position:top left;
}


.featurebtns{
padding:0px 0 0 37px;
margin:0 23px 0 0; 
float:left;
}

.fbtn1{
width:150px; 
height:120px; 
float:left; 
padding:0; 
margin:0 23px 0 0;
}

.fbtn2{
width:150px; 
height:120px; 
float:left; 
padding:0;
margin:0;
}

			.boxgrid{ 
				width: 150px; 
				height: 120px; 
				margin:0px; 
				float:left; 
				background:#161613; 
				border: solid 0px #8399AF; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 5px 0 12px; 
					color:#000; 
					font-weight:normal;
					font-family:Arial, Helvetica, sans-serif;
					font-size:11px; 
					line-height:normal;
					line-height:12px;
				}
				.boxgrid h3{
	padding: 5px 0 5px 12px;
	color:#fff;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	line-height:normal; 
				}
				.boxgrid a{
	color:#000;
	text-decoration:none;
				}
				.boxgrid a:hover{
	text-decoration:underline; 
				}
				
			.boxcaption{
	float: left;
	position: absolute;
	background: #9999cc;
	height: 100px;
	width: 100%;
	opacity: 1;
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	background-color: #9999cc;
 			}
 				.caption .boxcaption {
	top: 95px;
	left: 0px;
 				}
	.boxcaption a{ 
					color:#000; 
					font-weight:normal;
					font-family:Arial, Helvetica, sans-serif;
					font-size:11px; 
					line-height:normal;
					line-height:12px;
				}
	.boxcaption a:hover{ 
					color:#000; 
					font-weight:normal;
					font-family:Arial, Helvetica, sans-serif;
					font-size:11px; 
					line-height:normal;
					line-height:12px;
				}

.socialmedia{
	padding:0px 0 0 0;
	margin:0 23px 0 0;
	width:240px;
	float:left;
}

.joinbtns{
width:150px; 
height:95px; 
float:left; 
padding:0px 0 0 85px; 
margin:0 25px 0 0;
}

.joinbtns a{
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#9999CC;
line-height:18px;
}
.joinbtns a:hover{
text-decoration:underline; 
				}

.mailinglistform{
 padding:0; 
 margin:0; 
 float:left;
 }

.mailinglistforminput{
color:#9999cc;  
height: 19px; 
width: 205px; 
padding: 3px 5px 3px 5px; 
border-style: none; 
background-color:#f2f1ee; 
font-family:Arial, Helvetica, sans-serif; 
font-size: 13px; 
margin:0; 
float:left;
}

.mailinglistformbtn{
color:#9999cc;  
height: 25px; 
width: 25px; 
padding: 3px 5px 3px 5px; 
border-style: none; 
background-color:#f2f1ee; 
font-family:Arial, Helvetica, sans-serif; 
font-size: 13px; 
margin:0; 
float:left;
}


.locsearch{
padding:0px 0 0 0; 
width:240px; 
float:left;
}

.locsearch p{
height:87px; 
padding:8px 0 0 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
color:#8F7B69;
line-height:20px;
}

.locsearch a{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
color:#8F7B69;
text-decoration:none;
line-height:20px;
}

.locsearch a:hover{
text-decoration:underline; 
}

.searchform{
 padding:0; 
 margin:0; 
 float:left;
}

.searchforminput{
color:#9999cc;  
height: 19px; 
width: 205px; 
padding: 3px 5px 3px 5px; 
border-style: none; 
background-color:#f2f1ee; 
font-family:Arial, Helvetica, sans-serif; 
font-size: 13px; 
margin:0; 
float:left;
}

.searchformbtn{
color:#9999cc;  
height: 25px; 
width: 25px; 
padding: 3px 5px 3px 5px; 
border-style: none; 
background-color:#f2f1ee; 
font-family:Arial, Helvetica, sans-serif; 
font-size: 13px; 
margin:0; 
float:left;
}

#copyright{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background: #cac7b7;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 10px 15px 5px 30px;
	text-align: right; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #fff;
	height:10px;
	width:855px;
	float:left;
}


#pagenavigation{
width:430px; 
height:13px; 
background-color:#9999cc; 
padding:5px; 
bottom: -52px; 
left: -435px; 
position:relative; 
top: -163px; 
z-index: 50;

}
#mailcap{
	overflow: hidden;
	background-color:#9999cc;
	width:240px;
	left: 776px;
	top: 885px;
}

#mailcap span{
	font-size:13px;
	line-height:30px;
	color:#fff;
	padding:5px;
	overflow: hidden;
	top:0;
}

/* End Footer */

/* Contact Map*/

#map{
background:#999999; 
width:400px; 
height:380px; 
margin:0 0 10px 0;
padding:0;
}

/* Contact Map End*/

/* Clients section*/

#clientindustries{
padding:5px 0 5px 475px;
}

.clientsheader{
	background-color: #F3F3F3;
}

#clients{
	background-color: #F3F3F3;
}

.clientstitle1{
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 35px;
	margin: 0px;
	float:left;
	width:410px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
	background-color: #F3F3F3;
}

.clientstitle2{
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left: 30px;
	margin: 0px;
	float:left;
	width:410px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
	background-color: #F3F3F3;
}

.clientsbox1{
	width: 135px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 35px;
	float: left;
}

.clientsbox2{
	width: 135px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 5px;
	float: left;
}


.clientsbox3{
	width: 130px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 5px;
	float: left;
}


.clientsbox4{
	width: 130px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 30px;
	float: left;
}

/* Clients section End*/


/* Content*/

.leftbox{
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 35px;
	margin: 0px;
	float:left;
	width:410px;
}

.rightbox{
	padding-top: 30px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 30px;
	float:left;
	width:410px;
}


h1 {
	margin:0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	font-style: normal;
	line-height: 34px;
	color: #000000;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	font-weight:normal;

}

h2 {
	padding:0;
	margin:0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: normal;
	color: #000000;
	font-size: 14px;
	line-height: 20px;
	font-weight:normal;
}

h3 {
padding:0;
margin:0;
}

p {
	margin:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;

}


ul, ol {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	margin:0px;
}



a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 20px;
	color: #9999CC;
	text-decoration: none;
}

a:hover{
	text-decoration:underline;
}

/* project type styles*/



.rightbox ul {
padding:0 10px 10px 0;
margin:0;
}


.rightbox ul li{
list-style-type:none;
padding:0 0 0px 0;
margin:0;
}

/* project type styles End*/


#sampleanicontainer{
margin:40px;
}
.sampleani{
height:150px; width:150px; margin:7px; padding:0; float:left;
}

.sampleaniimg{
height:120px; width:150px; padding:0; margin:10px 0 5px 0; border:1px #666666 solid; background-color:#CCCCCC; float:left;
}

.sampleani a{
width:140px; margin:0px; padding:5px; float:left; font-size:12px; line-height:14px;
}


.samplelogoimg{
 padding:0; margin:0; border:1px #666666 solid; background-color:#CCCCCC;float:left;
}

.samplelogos a{
margin:0px; padding:5px;float:left;
}


/* image preloader */

div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}