body {
	text-align:center;
	background-image: url("../images/tanback.jpg");
	background-repeat: repeat-x;
}

table td{
	padding: 0 5px 5px 5px;
	color: #585858;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12.5px;
}

h2 {
	margin-top:0px;
	margin-left:0px;
	font-size:24px;
	font-family:Tahoma;
	font-weight:normal;
	color:#666666;
}
#wrapper {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding-top:20px;
	text-align: left;
}
#header {
	width:960px;
	height:40px;
	margin-bottom:5px;
}
#mid {
	width:960px;
	height:250px;
	margin:0px;
	border-top:solid 2px #e6e6d9;
	border-bottom:solid 3px #555555;
	border-right:solid 1px #e6e6d9;
	border-left:solid 1px #e6e6d9;
}
#midHome{
	width:960px;
	height:250px;
	margin:0px;
	background-image:url(../images/green-midsection-back.jpg); 
	background-repeat:repeat-x;
	background-color:#526C45; 
	border-top:solid 2px #e6e6d9;
	border-bottom:solid 3px #555555;
	border-right:solid 1px #e6e6d9;
	border-left:solid 1px #e6e6d9;
}
#midHome img{
	position:absolute; 
	top:150px; 
	left:178px;
}
#midProjects{
	width:960px;
	height:250px;
	margin:0px;
	background-color: #892E2D; 
	background-image: url(../images/red-midsection-back.jpg); 
	background-repeat: repeat-x;
	border-top:solid 2px #e6e6d9;
	border-bottom:solid 3px #555555;
	border-right:solid 1px #e6e6d9;
	border-left:solid 1px #e6e6d9;
}
#midProjects img{
	position: absolute; 
	top: 150px; 
	left: 148px;
}
#midContact{
	width:960px;
	height:250px;
	margin:0px;
	background-color: #354F80; 
	background-image: url(../images/blue-midsection-back.jpg);
	background-repeat: repeat-x;
	border-top:solid 2px #e6e6d9;
	border-bottom:solid 3px #555555;
	border-right:solid 1px #e6e6d9;
	border-left:solid 1px #e6e6d9;
}
#midContact img{
	position: absolute; 
	top: 150px; 
	left: 216px;
}

.projectPhoto{
	margin-right: 20px; 
	border: solid 1px #999999;
}

#navigation {
	width:960px;
	height:37px;
	border-right:solid 1px #e6e6d9;
	border-left:solid 1px #e6e6d9;
	background-image:url(../images/navigation_back.png);
	background-repeat:repeat-x;
}
#content {
	width:920px;
	height:480px;
	min-height:200px;
	background-color:#fefefe;
	border-top:solid 3px #555555;
	border-left:solid 1px #e6e6d9;
	border-right:solid 1px #e6e6d9;
	border-bottom:solid 1px #e6e6d9;
	margin:0 auto;
	padding:20px;
}
#footer {
	border-top:solid 2px #333333;
	height:20px;
	padding:5px;
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#999999;
}
#footer a:link, #footer a:visited, #footer a:active {
	text-decoration:none;
	color:#999999;
}
#footer a:hover {
	text-decoration:underline;
	color:#6385A1;
}
#leftColumn {
	float: left;
	width:610px;
	height:200px;
	margin-top:0px;
	padding-left:40px;
}
#leftColumn img{
	padding-bottom: 10px; 
	padding-top: 8px;
}
#rightColumn {
	float: right;
	width:180px;
	height:400px;
	/*background-color:#f4f4f4;*/
	margin-top:0px;
	padding-left:30px;
	padding-right:20px;
	text-align:left;
}
#rightColumn img{
	padding-top: 20px; 
	margin-bottom: -5px;
}

ul#whatWeDo, ul#additionalServices {
	list-style-type:circle;
}
ul#whatWeDo li, ul#additionalServices li {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8D8D85;
	line-height:1.42em;
}

ul#footerList {
	list-style: none;
}

.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;
}
/* Navigation */
ul#topnav {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	border-top:solid 1px #f4f4f4;
	border-bottom:solid 1px #f4f4f4;
}
ul#topnav li {
	margin: 0;
	/*padding-top:1px;
	padding-bottom:1px;*/
	overflow: hidden;  /*--Important - Masking out the hover state by default--*/
	float: left;
	height:35px;
	width:240px;
	text-align:center;
	text-indent:-9999px;
}
ul#topnav a, ul#topnav span { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
	float: left;
	text-decoration: none;
	color: #fff;
	/*	background: url(../images/contact.png);*/
	clear: both;
	width: 240px;
	height: 35px;/*	line-height: 35px; /*--Vertical alignment of text--*/
}
ul#topnav li.contact a {
	background: url(../images/contact.png);
	background-position: left bottom;
}
ul#topnav li.projects a {
	background: url(../images/projects.png);
	background-position: left bottom;
}
ul#topnav li.about a {
	background: url(../images/about.png);
	background-position: left bottom;
}
ul#topnav li.clients a {
	background: url(../images/clients.png);
	background-position: left bottom;
}
ul#topnav li.contact span {
	background: url(../images/contact.png);
	background-position: left top;
}
ul#topnav li.projects span {
	background: url(../images/projects.png);
	background-position: left top;
}
ul#topnav li.about span {
	background: url(../images/about.png);
	background-position: left top;
}
ul#topnav li.clients span {
	background: url(../images/clients.png);
	background-position: left top;
}
/*--The usual active styling for css--*/
#about li.about span {
	margin-top: -35px;
	background: url(../images/about.png);
}
#contact li.contact span {
	margin-top: -35px;
	background: url(../images/contact.png);
}
#projects li.projects span {
	margin-top: -35px;
	background: url(../images/projects.png);
}
#clients li.clients span {
	margin-top: -35px;
	background: url(../images/clients.png);
}

.errors, .errors a:link, .errors a:visited, .errors a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12.5px;
	font-weight: bold;
	color: #b22222;
	line-height:1.5em;
	margin-left: 45px;
	margin-bottom: 5px;
}

.errors a:link, .errors a:visited, .errors a:hover, .errors a:active{
	text-decoration:underline;
	margin:0px;
}

.mainCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #585858;
	line-height:1.5em;
}

.mainCopy a:link, .mainCopy a:visited, .mainCopy a:active{
	text-decoration:none;
	color:#6385A1;
}

.mainCopy a:hover{
	text-decoration:underline;
	color:#6385A1;
}

.mailingAddress {
	float: left; 
	margin-top: 40px; 
	margin-left: 30px; 
	font-family: Arial, Helvetica, sans-serif;
	color: #8D8D85; 
	font-size: 11.5px; 
	line-height: 1.42;
}

#slideContainer{
	margin-left:40px;
}

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:850px;
		height:500px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:20px;
		top:500px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:920px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:39px;
		height:77px;
		background:url(../images/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.png) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
	.projectItem, .projectItem ol{
	
	list-style-type:circle;!important
	}
	
	/* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

	
	
/* // Easy Slider */