* {
	margin: 0;
	padding: 0;
	-moz-outline: 0;
}

body {
	background: #056839;
	/*background: #8fbfac;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 20px;
}

html {
	height: 100%;
}

body.intro {
	margin: 0 !important;
	height: 100%;
	background: #fff;
}

body, html {height: 100%;}



#pagewrapper {
	width: 940px;
	margin: 0 auto;	
	text-align: left;
	background: #fff;
	padding: 10px;
	clear: both;
}

#header {
	width: 940px;
	height: 90px;
	margin: 0 0 10px 0;
	display: block;
	float: left;
}

#branding {
	float: left;
	width: 220px;
	height: 90px;
}

#navigation {
	float: left;
	width: 720px;
	height: 90px;
}
#navigation ul {
	list-style: none;
}
#navigation li {
	float: left;
	width: 240px;
	height: 90px;
}
#navigation li.tnHome a {
	text-indent: -9000px;
	display: block;
	width: 240px;
	height: 90px;
	background: url(../images/tnHome.gif) no-repeat top left;
}
#navigation li.tnHome a:hover {
	text-indent: -9000px;
	display: block;
	width: 240px;
	height: 90px;
	background: url(../images/tnHome.gif) no-repeat top right;
}
body.home #navigation li.tnHome a {
	text-indent: -9000px;
	display: block;
	width: 240px;
	height: 90px;
	background: url(../images/tnHome.gif) no-repeat top right;
}
#navigation li.tnAbout a {
	text-indent: -9000px;
	display: block;
	width: 240px;
	height: 90px;
	background: url(../images/tnAbout.gif) no-repeat top left;
}
#navigation li.tnAbout a:hover {
	text-indent: -9000px;
	display: block;
	width: 240px;
	height: 90px;
	background: url(../images/tnAbout.gif) no-repeat top right;
}
body.about #navigation li.tnAbout a {
	text-indent: -9000px;
	display: block;
	width: 240px;
	height: 90px;
	background: url(../images/tnAbout.gif) no-repeat top right;
}
#navigation li.tnContact a {
	text-indent: -9000px;
	display: block;
	width: 240px;
	height: 90px;
	background: url(../images/tnContact.gif) no-repeat top left;
}
#navigation li.tnContact a:hover {
	text-indent: -9000px;
	display: block;
	width: 240px;
	height: 90px;
	background: url(../images/tnContact.gif) no-repeat top right;
}
body.contact #navigation li.tnContact a {
	text-indent: -9000px;
	display: block;
	width: 240px;
	height: 90px;
	background: url(../images/tnContact.gif) no-repeat top right;
}

h1 {
	margin: 0;
	* margin: 0 0 7px 0;
}

#featureArea {
	width: 455px;
	height: 365px;
	float: left;
	text-align: right;
	display: block;
}
#featureGallery {
	float: left;
	width: 455px;
	height: 345px;
}
#col1 #featureGallery {
	float: left;
	width: 455px;
	height: 365px;
}
#featureProperty {
	float: right;
	width: 450px;
	height: 407px;
	/*background: #7f963b;*/
	background: #3c9f78;
	color: #fff;
	padding: 2px 10px 10px 10px;
}

#featureProperty p {
	font-size: 12px;
}

#featurePropertyText {
	float: left;
	width: 220px;
	margin: 0;
	padding: 0;
}
#featureProperty h2 {
	padding: 0;
	display: block;
	height: 24px;
	float: left;
}
#featureProperty h3 {
	padding: 0 0 10px 0;
	display: block;
	float: left;
	margin: 0;
	height: 10px;
}
#featureProperty h3 img {
	padding: 0;
	margin: 0;
}
#featureProperty p {
	padding: 10px 0 0 0;
	display: block;
	line-height: 150%;
	float: left;
	font-size: 12px;
}
#featurePropertyImage {
	float: right;
	width: 220px;
}
.featureImage {
	/*border: solid 10px #63842d;*/
	/*border: solid 10px #00794a;*/
	float: right;
	display: block;
	/*height: 177px;*/
	padding: 0;
}

#contentwrapper {
	background: #fff;
	float: left;
	width: 940px;
	display: block;
}

#col1 {
	text-align: right;
	float: left;
	width: 460px;
}
#col1 h1 {
	padding: 0 0 0 0;
}
#col2 {
	float: right;
	width: 450px;
	padding: 0 10px;
}
#col2 p {
	font-size: 12px;
	color: #333;
	text-align: justify;
	margin: 0 0 10px 0;
}
#col2 a {
	color: #6e842d;
}
#col2 a:hover {
	color: #000;
}

#footer {
	width: 920px;
	margin: 0 auto;
	padding: 10px 20px;
	font-size: 12px;
	color: #6e842d;
}
#footer a {
	/*color: #6e842d;*/
	color: #3c9f78;
}
#footer a:hover {
	color: #fff;
}
#footerLeft {
	float: left;
	display: block;
}
#footer p {
	/*color: #6e842d;*/
	color: #3c9f78;
}
#footerRight {
	float: right;
	text-align: right;
}

hr.clear {
	display: block;
    height: 0;
    clear: both;
    visibility: hidden;

}	

a img {
	border: 0;
}

#contactOffice {
	/*background: #7f963b;*/
	background: #3c9f78;
	padding: 5px 15px;
	* padding: 15px;
	float: left;
	margin: 0 0 20px 0;
}
#contactOffice h3 {
	float: left;
	display: block;
	height: 30px;
	width: 420px;
}
#contactOffice p {
	color: #fff;
}
#contactOffice a {
	color: #fff;
}
#contactOffice .col1 {
	float: left;
	width: 210px;
}
#contactOffice .col2 {
	float: left;
	width: 210px;
}

#contactDirectors {
	/*background: #7f963b;*/
	background: #3c9f78;
	padding: 5px 15px;
	* padding: 15px;
	float: left;
	margin: 0 0 20px 0;
}
#contactDirectors h3 {
	float: left;
	display: block;
	height: 30px;
	width: 420px;
}
#contactDirectors p {
	color: #fff;
	font-size: 11px;
}
#contactDirectors a {
	color: #fff;
}
#contactDirectors .col1 {
	width: 140px;
	float: left;
	display: block;
}
#contactDirectors .col2 {
	width: 140px;
	float: left;
}
#contactDirectors .col3 {
	width: 120px;
	float: left;
	padding: 0 0 0 20px;
}

.logoLeft {
float: left;
text-align: left;
}
.logoRight {
float: right;
text-align: right;
}


body.intro table p {
	font-size: 11px;
	color: #3c9f78;
	text-align: center;
}

body.intro table {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-collapse:collapse;
}
body.intro tr {
}
body.intro td {
	width: 100%;
	height: 100%;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
}
