html {
background: #4F5938 url(../img/xx.jpg) no-repeat scroll center top;
}

h2 {
letter-spacing: 0.013em; 
}


#wrapper {
overflow: hidden;
}

#main-content p {
color: #fff;
}

#header {
}

#header img {
float: left;
padding-right: 20px;
padding-top: 10px;
}

#header h3 {
color: #fff;
font-style: italic;
font-family: Georgia, Times, serif;
padding-top: 10px;
font-size: 1.4em;
margin: 0;
}

#header p {
margin: 0;
color: #fff;
}

#footer {
text-align: left;
margin-top: 20px;
border-top: 1px solid #ccc;
color: #fff;
}

.id {
float:left;
padding-right:30px;
}

#nav {
background:#403F3E;
width: 959px;
float: left;
margin-top: 10px;
}

#nav li {
list-style-type: none;
margin: 0;
padding: 0;
float: left;
}

#nav a {
float: left;
width: 159px;
color: #fc3;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-size: 0.925em;
line-height: 2.5em;
border-right: 1px solid #fc3;
}

#nav a:hover, #nav a.active {
background: #a6b880;
color: #403F3E;

}

#nav_con a {
border: none;
}

#footer-nav {
height: 20px;
margin-bottom: 20px;
}

#footer-nav li {
display: inline;
list-style-type: none;
margin: 0 10px 0 0;
padding: 0 10px 0 0;
float: left;
border-right: 1px solid #fc3;
}

#footer-nav a {
color: #fc3;
text-decoration: none;
font-size: 1.2em;
}

#footer-nav a:hover {
text-decoration: underline;
}

.service-list {
background: #a6b880;
border: 6px solid #ccc;
}

ul.service-list {
list-style: none;
padding-bottom: 10px;
}

.service-list a {
line-height: 2em;
text-decoration: none;
color: #2f3f0c;
font-size: 1.2em;
}

.service-list a:hover {
text-decoration: underline;
}

span {
padding-left: .5em;
}

#main-content h2, .grid_3 h2, .grid_2 h2 {
color: #CBE590;
}

#main-content h3 {
color: #B28A12;
font-size: 1.3em;
}

#main-content h4 {
color: #B28A12;
font-size: 1.1em;
text-transform: uppercase;
}

#main-content h5 {
color: #B28A12;
font-size: 1.2em;
}

#main-content p {
font-size: 1.2em;
}

#main-content ul {
color: #fff;
width: 400px;
font-size: 1.2em;
}

#main-content li {
padding-bottom: 13px;
}

#main-content a {
color: #fc3;
text-decoration: none;
}

#main-content a:hover {
text-decoration: underline;
}

#main-content img {
padding-bottom: 20px;
}

#extra h3 {
color: #B28A12;
font-size: 1.3em;
}

#extra p {
color: #fff;
}

#extra a {
color: #fc3;
text-decoration: none;
}

#extra a:hover {
text-decoration: underline;
}

span {
float: left;
margin-right: 40px;
}

.grid_7, .grid_3, .grid_2 {
padding-top: 20px;
}

.fixedwidth
{ display: block;
	width:110px;
	float:left;
	 font-weight:bold;
	 color:white;}	
	
.fixedwidth1
{ float:left;}



/* CAROUSEL
---------------------------------------------*/

.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 960px; /*Width of Carousel Viewer itself*/
	height: 310px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left:0;
	top: 0;
}

.stepcarousel .panel{

	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 960px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:310px;
	position:relative;
}


.stepcarousel .panel .projectImg {
	position:absolute;
	top:10px;
}