body, html {
	margin:0;
	padding:0;
	background:#dbe9ab;
	font-family:Tahome, Arial, Helvetica, sans-serif
}

.container {
	width:848px;
	margin:0 auto;
	background:url(../images/bg.gif) repeat-y
}

.roundedCorner {
	width:26px
}

.topGray {
	background:url(../images/c.gif) repeat-x;
	text-align:right;
	padding:0 30px 0 0
}

.wrapper {
	padding:0 24px
}

.topLinks {
	text-align:right;
	float:right;
	color:#565656;
	padding:10px 43px 0 0;
	font:normal 10px Arial
}

.topLinks a{
	color:#565656;
	padding:0 5px;
	text-decoration:none
}

.topLinks a:hover{
	color:#565656;
	text-decoration:underline
}

#masthead {
	margin:0;
	padding:0;
	width:800px;
	height:192px
}

.nav {
	width:800px;
	background: url(../images/bgNav.gif) repeat-x;
	margin:0;
	padding:0;
	list-style:none;
	float:right
}

.nav li {
	margin:0;
	padding:0;
	float:left
}

.nav a {
	display:block;
	margin:0;
	padding:5px 21px 6px 20px;
	font:bold 12px Arial;
	color:#f1f1f1;
	background: url(../images/bgNavBorder.gif) top right no-repeat;
	text-decoration: none
}

.nav a:hover {
	background: url(../images/bgNavBorder.gif) top right no-repeat #505050;
	color:#9be353
}

.nav a.active {
	background: url(../images/bgNavBorder.gif) top right no-repeat #505050;
	color:#9be353
}

.contentContainer {
	clear:both;
	padding:15px 20px
}

.content {
	float:left;
	width:470px;
	padding:0 0 20px 0
}

.contentInside {
	padding:0 15px 20px 0;
	background: url(../images/bgQuickLinks2.gif) top right repeat-y
}

.crumbs {
	float:right;
	text-align:right;
	color:#565656;
	padding:5px 0 0 0;
	font:normal 12px Arial
}

.crumbs a{
	color:#565656;
	text-decoration:none
}

.crumbs a:hover{
	color:#565656;
	text-decoration:underline
}

.content h1 {
	color:#2b6921;
	font:normal 20pt Arial;
	margin:0 0 15px 0;
	border-bottom:1px solid #2b6921
}

.contentInside h1 {
	color:#2b6921;
	font:normal 16pt Arial;
	margin:0 0 15px 0;
	border-bottom:1px solid #2b6921
}

.contentInside h2 {
	font:bold 12pt Arial;
	text-align:center;
	color:#5b5b5d;
	border:none;
	margin:10px 0
}

.content p, .contentInside p{
	color:#5b5c5d;
	font-size:10pt;
	line-height:14pt
}

.sideNavInside {
	width:202px;
	padding:0 0 0 15px
}

.sideNav {
	width:261px;
	background:url(../images/bgResources.gif) 6px 0 repeat-x;
	float:right;
	padding:0 0 20px 0
}

.sideNav h1 {
	color:#fff;
	font:normal 16pt "Trebuchet MS";
	background:url(../images/arrow.jpg) no-repeat;
	padding:7px 0 3px 32px;
	margin:0 0 10px 0;
}

.sideNav p {
	color:#5b5c5d;
	font-size:10pt;
	padding:0 15px;
	margin:0;
	line-height:14pt
}

.more {
	text-align:right
}

.more a {
	color:#5b5c5d;
	text-decoration:none;
	font-size:8pt;
	font-weight: bold
}

.more a:hover {
	text-decoration:underline
}

.quickLinks {
	clear:both;
	background:url(../images/bgQuickLinks.gif) repeat-x;
	padding:20px 0 0 0
}

.services {
	width:241px;
	background:url(../images/bgServices.jpg) no-repeat;
	height:152px
}

.services2 {
	width:202px;
	background:url(../images/bgServices2.jpg) no-repeat;
	height:104px;
	margin:0 0 10px 0
}

.portfolio {
	width:241px;
	background:url(../images/bgPortfolio.jpg) no-repeat;
	height:152px
}

.portfolio2 {
	width:202px;
	background:url(../images/bgPortfolio2.jpg) no-repeat;
	height:104px;
	margin:0 0 10px 0
}

.contact {
	width:241px;
	background:url(../images/bgContact.jpg) no-repeat;
	height:152px
}

.contact2 {
	width:202px;
	background:url(../images/bgContact2.jpg) no-repeat;
	height:104px
}

.services2 h1, .portfolio2 h1, .contact2 h1 {
	color:#626262;
	text-align:right;
	font:bold 16pt "Trebuchet MS";
	padding:10px;
	margin:0 0 25px 0;
}

.readmore2 {
	text-align:right;
	padding:0 15px
}

.readmore2 a{
	color:#fff;
	height:16px;
	font:normal 10px "Trebuchet MS";
	background:url(../images/bgMore2.gif) top right no-repeat;
	padding:2px 5px 0 22px;
	text-decoration:none
}

.readmore2 a:hover{
	color:#e4ffce
}

.itemsServicesContainer {
	background:url(../images/bgServicesItems.jpg) top right no-repeat;
	margin:12px 3px 10px 0;
	padding:5px 0
}

.itemsPortfolioContainer {
	background:url(../images/bgPortfolioItems.jpg) top right no-repeat;
	margin:12px 3px 10px 0;
	padding:5px 0
}

.items {
	margin:0;
	padding:0 7px 0 0;
	list-style:none
}

.items li {
	margin:0;
	padding:0;
	display:block;
	text-align:right
}

.items a {
	width:210px;
	display:block;
	padding:3px 10px;
	font:bold 14px Arial;
	color:#f0fe9a;
	background:url(../images/dot.gif) center right no-repeat;
	text-decoration: none
}

.items a:hover {
	color:#ffffcc
}

.contact p{
	margin:10px 15px;
	font-size:10pt;
	color:#666666
}

.services h1, .portfolio h1, .contact h1 {
	color:#676767;
	text-align:right;
	font:normal 16pt "Trebuchet MS";
	border-bottom:1px solid #676767;
	margin:5px 15px
}

.readmore {
	text-align:right;
	padding:0 15px
}

.readmore a{
	color:#fff;
	height:16px;
	font:normal 10px "Trebuchet MS";
	background:url(../images/bgMore.gif) top right no-repeat;
	padding:2px 5px 0 22px;
	text-decoration:none
}

.readmore a:hover{
	color:#e4ffce
}

.footer {
	clear:both;
	background:url(../images/bgFooter.gif) repeat-x;
	padding:25px 20px 15px 20px
}

.navFooter {
	margin:0;
	padding:0;
	list-style:none
}

.navFooter li {
	margin:0;
	padding:0;
	float:left
}

.navFooter a {
	display:block;
	margin:0;
	padding:0 5px;
	font:bold 11px Arial;
	border-right:1px solid #868686;
	color:#868686;
	text-decoration: none;
	text-transform: uppercase
}

.navFooter a.last {
	border-right:none
}

.navFooter a:hover {
	color:#868686;
	text-decoration:underline
}


.bottom {
	background:url(../images/d.gif) repeat-x
}

a {
	color:#346709
}

a:hover {
	color:#5e972e
}

.copyright {
	font:normal 10px Arial;
	color:#868686;
	padding:0 5px
}


.portfolios img{
	float:left;
	margin:0 15px 0 0;
	padding:5px;
	border:1px solid #bfbfbf
}

.portfolios h1{
	font:bold 11pt Arial;
	color:#5b5b5d;
	border:none;
	margin:0 0 10px 0
}

.portfolios p{
	font-size:10pt;
	line-height:normal;
	margin:0
}

.rounded {
	width:22px
}

.rounded2 {
	width:10px
}

.i{
	background:url(../images/i.gif) repeat-x
}

.j{
	background:url(../images/j.gif) repeat-y
}

.k{
	background:url(../images/k.gif) repeat-x
}

.l{
	background:url(../images/l.gif) repeat-y
}

.q{
	background:url(../images/q.gif) repeat-x
}

.r{
	background:url(../images/r.gif) repeat-y
}

.s{
	background:url(../images/s.gif) repeat-x
}

.t{
	background:url(../images/t.gif) repeat-y
}

.imageRight {
	float:right;
	margin:0 0 15px 15px;
	padding:5px;
	border:1px solid #bfbfbf
}

.imageLeft {
	float:left;
	margin:0 15px 15px 0;
	padding:5px;
	border:1px solid #bfbfbf
}

.form{
	background:#eef7e6;
	padding:5px
}

.form td{
	font-size:10pt;
	padding:0 0 7px 0
}

.form .inputFields{
	border:1px solid #e1d7d6;
	width:200px
}