body {

	font-family: Trebuchet MS, Lucida Sans, Verdana, Arial;

	font-size: 12px;

	color: #6C6549;

	background-image: url(../Images/background_home.jpg);

	background-repeat: repeat-x;

	margin: 0px;

	padding: 0px;

	height: 100%;

}

a {

	color: #787157;

}

a:hover {

	color: #D0CC9D;

}

#header {
	margin-top: 11px;
	padding: 0px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	height: 156px;
	background-image: url(../Images/monitor.jpg);
	background-repeat: no-repeat;
	background-position: right -1px;

}

#topnav {
	position: relative;
	left: 0px;
	height: 69px;

}

#topnav ul

{

	float: left;

	width: 100%;

	font-family: arial, helvetica, sans-serif;

	margin: 0;

	padding: 0;

}

#topnav ul li {

	display: inline;

}

#topnav ul li a

{
	background-color: #FAFAFA;
	color: #787155;
	text-decoration: none;
	float: left;
	padding-top: 27px;
	padding-right: 14px;
	padding-bottom: 26px;
	padding-left: 14px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	font-weight: bold;

}

#topnav ul li a:hover {
	color: #787157;
	background-color: #E4E0C5;

}
#phonenumber {
	font-size: 24px;
	font-weight: bold;
	margin-top: -123px;
	padding: 0px;
	margin-bottom: 0px;
	margin-left: 550px;
	position: absolute;
}


#logo {
	position: relative;
	padding-top: 15px;

}

#wrapper {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	background-image: url(../Images/background_content.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: auto;

}

#content {
	width: 780px;
	float: left;
	padding-bottom: 20px;
	font-size: 13px;

}

#content p {

	padding-right: 20px;

	padding-left: 20px;

}

h1 {

	font-family: "Trebuchet MS", "Lucida Sans", Verdana, Arial;

	font-size: 22px;

	font-weight: bold;

	color: #cec693;

}

h2 {

	font-family: "Trebuchet MS", "Lucida Sans", Verdana, Arial;

	font-size: 18px;

	font-weight: bold;

}

h3 {

	font-family: "Trebuchet MS", "Lucida Sans", Verdana, Arial;

	font-size: 16px;

	font-weight: bold;

	color: #6c6549;

	background-image: url(../Images/icon_bullet.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 25px;

	margin-left: 0px;

	margin-bottom: 0px;

}

#featuredprojects {

	float: right;

	top: 0px;

	right: 0px;

}

#featuredprojects ul {

	list-style-type: none;

}

#featuredprojects li {

	list-style-type: none;

	padding-right: 20px;

	padding-bottom: 20px;

}

#subfooterwrapper {

	background-color: #F3F3F3;

	clear: both;

	height: auto;

}

#subfooter {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 0px;

}

.subfooterdiv {
	float: left;
	width: 229px;
	padding-right: 8px;
	padding-left: 8px;

}

#subfooter ul {

	list-style-type: disc;

	margin: 5px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 15px;

}

#clear1 {

	clear: both;

	margin: 0px;

	padding: 0px;

}

#clear2 {

	clear: both;

	margin: 0px;

	padding: 0px;

}

#footerwrapper {

	clear: both;

	background-color: #777159;

	height: auto;

	padding: 0px;

	color: #FFFFFF;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}

#footer {
	width: 980px;
	margin-right: auto;
	margin-left: auto;

}

#address {

	float: right;

	padding-top: 15px;

	padding-bottom: 15px;

}

#address p {

	margin: 0px;

	padding-top: 2px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	text-align: right;

}

#footer .logo {

	float: left;

	padding-top: 25px;

}

#footernav {

	color: #FFFFFF;

	margin: 0px;

	clear: both;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 8px;

	padding-left: 0px;

}

#footernav ul {

	list-style-type: none;

	text-align: center;

	margin: 0px;

	padding: 0px;

}

#footernav li {

	display: inline;

	padding-right: 5px;

	padding-left: 5px;

	padding-top: 10px;

	padding-bottom: 0px;

}

#copyright {

	clear: both;

	text-align: center;

}

#clear3 {



	clear: both;

	margin: 0px;

	padding: 0px;

}

#footer a {

	color: #F5F5F5;

}

#footer a:hover {

	color: #D0CC9C;

}

#subfooter ul {

	list-style-type: none;

	padding-top: 10px;

}

#subfooter li {

	padding-top: 0px;

	padding-bottom: 10px;

	margin: 0px;

}

#subcontent {
	float: right;
	width: 750px;
	padding-right: 15px;
	padding-left: 15px;
	position: relative;
	top: 0px;
	right: 0px;
	padding-bottom: 25px;
	font-size: 13px;
	line-height: 20px;

}

#sidebar {

	float: left;

	width: 200px;

	margin: 0px;

	position: relative;

	left: 0px;

	top: 0px;

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}



#sidebar ul

{

	padding: 0;

	list-style-type: none;

	font-family: "Trebuchet MS", "Lucida Sans", Verdana, Arial;

	margin-top: 10px;

	margin-right: 0;

	margin-bottom: 0px;

	margin-left: 0;

}



#sidebar li { margin: 0 0 1px 0; }



#sidebar a

{

	display: block;

	width: 160px;

	color: #6C6549;

	background-color: #FFFFFF;

	text-decoration: none;

	font-weight: bold;

	padding-top: 7px;

	padding-right: 10px;

	padding-bottom: 7px;

	padding-left: 10px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #716F64;

}

#sidebar a:link

{

color: #6C6549;

text-decoration: none;

}

#sidebar a:visited

{

color: #6C6549;

text-decoration: none;

}

#sidebar a:active

{

color: #6C6549;

background-color: #E9E5CC;

text-decoration: none;

}



#sidebar a:hover

{

color: #6C6549;

background-color: #E9E5CC;

text-decoration: none;

}

#sidebar ul ul li { margin: 0 0 1px 0; }



#sidebar ul ul a

{

	display: block;

	padding: 5px 5px 5px 30px;

	width: 145px;

	color: #6C6549;

	background-color: #FFFFFF;

	text-decoration: none;

	font-weight: normal;

}

#sidebar ul ul a:active {



color: #6C6549;

background-color: #E9E5CC;

text-decoration: none;

}

#sidebar ul ul a:hover

{

color: #6C6549;

background-color: #E9E5CC;

text-decoration: none;

}

.companyname {

	font-weight: bold;

}

.box {

	background-color: #E9E9E6;

	padding-top: 7px;

	padding-bottom: 7px;

	font-weight: bold;

	padding-right: 10px;

	padding-left: 10px;

}

#breadcrumbs {

	font-size: 11px;

}

.callus {
	background-image: url(../Images/call-us.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 55px;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 10px;
	margin: 0px;
	background-color: #F3F3F3;
	border: 1px dotted #767053;
}
.leftimg {
	float: left;
	padding-right: 8px;
}
.rightimg {
	float: right;
	padding-left: 8px;
}
.redtext {
	font-weight: bold;
	color: #FF0000;
}
.bluetext {
	font-weight: bold;
	color: #0000FF;
}
.services-images {
	padding-right: 5px;
	padding-left: 5px;
}
.portfolio {
	width: 100%;
	margin-bottom: 20px;
	height: 295px;
}
.portfolio_img {
	float: left;
}
.portfolio_name {
	margin-left: 265px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
}
.portfolio_description {
	margin-left: 265px;
	margin-bottom: 10px;
}
.portfolio_view_site {
	margin-left: 265px;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
}
.portfolio_url {
	margin-left: 265px;
	margin-bottom: 10px;
}
.featuredprojectimg {
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	padding-left: 15px;
}
