@import "reset.css";

body {
	background: #2c2421 url(../images/global/background.png) repeat-x top center;
	color:#575757;
	font-family:"Lucida Grande",LucidaGrande,Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:1.5em;
	/*border-top: 8px solid #78c3d6;*/
}

#container {
	width: 960px;
	margin: 0px auto 0 auto;
	background: #000;
}

#header {
	width: 960px;
	height: 60px;
	background: #000 url('../images/global/header-background.png') top left no-repeat;
	position: relative;
}

#banner {
	width: 740px;
	height: 160px;
}

#header a#logo {
	position: relative;
	display: block;
	width: 129px;
	height: 60px;
	top: 0px;
	left: 78px;
	background: url(../images/global/logo.png) no-repeat top left;
	overflow:hidden;
	text-indent:-999em;
}



#header-nav {
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
	left: 264px;
	top: 10px;
	width:690px;
	height: 48px;
}

li.nav-index a { width: 85px; }
li.nav-index a:hover, li.nav-index a.active { background-position:0 -48px; }

li.nav-about a { width: 96px; background-position: -85px 0;}
li.nav-about a:hover, li.nav-about a.active { background-position:-85px -48px; }

li.nav-our_buildings a { width:121px; background-position: -181px 0;}
li.nav-our_buildings a:hover, li.nav-our_buildings a.active { background-position:-181px -48px; }

li.nav-gallery a { width:83px; background-position: -302px 0;}
li.nav-gallery a:hover, li.nav-gallery a.active { background-position:-302px -48px; }

li.nav-faqs a { width:74px; background-position: -381px 0;}
li.nav-faqs a:hover, li.nav-faqs a.active { background-position:-385px -48px; }

li.nav-testimonials a { width:114px; background-position: -459px 0;}
li.nav-testimonials a:hover, li.nav-testimonials a.active { background-position:-459px -48px; }

li.nav-contact a { width:117px; background-position: -573px 0;}
li.nav-contact a:hover, li.nav-contact a.active { background-position:-573px -48px; }

.nav li {
	background:transparent none repeat scroll 0 0;
	display:block;
	float:left;
	margin:0;
	padding:0;
}

.nav li a {
	background-image: url(../images/global/navigation.png);
	display:block;
	height:48px;
	padding:0;
	text-indent:-1000em;
}

#banner {
	width: 940px;
	height: 124px;
	margin: 0 auto 0 auto;
}

#bannerwrapper {
	width: 940px;
	height: 124px;
	margin: 0 auto 0 auto;
}

#bannerwrapper_index {
	width: 940px;
	height: 250px;
	margin: 0 auto 0 auto;
}


#content {
	width: 940px;
	min-height: 424px;
	margin: 0 auto 0 auto;
	padding: 20px 0 0 0;
	background: #dddddd url(../images/global/content-background.png) repeat-x top left;
}

#tagline {
	height: 30px;
	width: 949px;
	background: url(../images/global/tagline-background.png) no-repeat top left;
	color: #23942c;
	text-align: right;
	padding: 19px 11px 0 0;
	font-style: italic;
}

#footer-background {
	width: 100%;
	height: 67px;
	margin: 11px 0 42px 0;
	background: url(../images/global/footer-background.png) repeat-x top center;
}

#footer-content {
	width: 960px;
	height: 67px;
	margin: 0 auto 0 auto;
	position: relative;
}

#footer-nav {
	position: absolute;
	top: 16px;
	left: 0px;
	color: #a7a3a2;
}

#footer-nav li {
	list-style-type: none;
	display: inline;
}

#footer-nav a {
	color: #a7a3a2;
	padding: 0 6px 0 6px;
	text-decoration: none;
}

#footer-nav a.active, #footer-nav a:hover {
	color: #3e732b;	
}

#copyright {
	position: absolute;
	top: 5px;
	right: 0px;
	color: #706c69;
}

#designer {
	position: absolute;
	top: 22px;
	right: 0px;
}

#designer a {
	color: #514946;
	text-decoration: none;
}

#designer a:hover {
	color: #423935;	
}

#content h1 {
	margin: 0 0 0 40px;	
	font-size: 20px;
	color: #326500;
}

#content h1.index {
	background: url(../images/titles/index.png) no-repeat top left;
	height: 34px;
	text-indent: -9999px;
}

#content h1.about {
	background: url(../images/titles/about.png) no-repeat top left;
	height: 34px;
	text-indent: -9999px;
}

#content h1.faqs {
	background: url(../images/titles/faqs.png) no-repeat top left;
	height: 34px;
	text-indent: -9999px;
}

#content h1.testimonials {
	background: url(../images/titles/testimonials.png) no-repeat top left;
	height: 34px;
	text-indent: -9999px;
}

#content h1.gallery {
	background: url(../images/titles/gallery.png) no-repeat top left;
	height: 34px;
	text-indent: -9999px;
}

#content h1.buildings {
	background: url(../images/titles/our_buildings.png) no-repeat top left;
	height: 34px;
	text-indent: -9999px;
}

#content h1.contact {
	background: url(../images/titles/contact.png) no-repeat top left;
	height: 34px;
	text-indent: -9999px;
}

#content h1.news {
	background: url(../images/titles/news.png) no-repeat top left;
	height: 34px;
	text-indent: -9999px;
}

#content .page {
	margin: 0 40px 0 40px;
}

#content .page p {
	padding: 5px 0 5px 0;
	margin: 10px 0 10px 0;
}

#content .faqs p {
	margin: 5px 0 5px 0;
	padding: 0 0 0 0;
}

#content .page p.faq-title {
	padding: 5px 0 0 0;
	margin: 10px 0 5px 0;
	font-weight: bold;
	color: #006600;
}

#content .page hr {
	border: none;
	height: 1px;
	background: url(../images/global/hr.png) repeat-x 0 0;
	margin: 20px 0 20px 0;
	clear: both;
}

.testimonial-image-div {
	float: left;
	width: 260px;
	margin: 20px 0 20px 0;
}

.testimonial-image {
	border: 2px solid #329900;	
}

.testimonial-content {
	float: right;
	width: 600px;
	margin: 20px 0 20px 0;
}

#content .page p.testimonial-title {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	font-weight: bold;
	color: #006600;
}

#content .testimonials hr {
	margin: 10px 0 10px 0;	
}

#content .testimonials p {
	padding: 0 0 0 0;	
}

div.gallery {
	width: 870px;
	height: 443px;
	margin: 0 auto 0 auto;
	background: url(../images/gallery/background.png) no-repeat top left;
	padding: 30px 15px 0 15px;
}

ul.gallery-items {
	
}

ul.gallery-items li {
	float: left;
	width: 150px;
	height: 210px;
	padding: 0 30px 0 30px;
	position: relative;
}

ul.gallery-items li a {
	text-decoration: none;	
}

ul.gallery-items li a img {
	border: 3px solid #5baa33;
}

ul.gallery-items .title {
	position: absolute;
	top: 120px;
	left: 30px;
	color: #1d731c;
	text-align: center;
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 150px;
}

ul.gallery-items .title a {
	color: #1d731c;
	text-decoration: none;
}
	
ul.gallery-items li a:hover .title {
	color: #0d530e;	
}

ul.gallery-items li a:hover img {
	border: 3px solid #3d831a;	
}

.gallery-paging {
	width: 820px;
	height: 29px;
	margin: 0 auto 20px auto;
	background: url(../images/gallery/gallery-paging-background.png) no-repeat top left;
	position: relative;
	padding: 7px 40px 0 40px;
}

.gallery-paging a, .gallery-paging span {
	color: #dddcda;
	font-weight: bold;
	letter-spacing: 0.4px;
}

.gallery-paging a:hover {
	color: #c8c4bb;	
}

.gallery-paging a.back {
	float:left;
}

.gallery-paging a.previous {
	
}

.gallery-paging .next {
	background: url(../images/gallery/next-button.png) no-repeat right 1px;
	padding: 0 22px 0 0;
}

.gallery-paging .previous {
	background: url(../images/gallery/prev-button.png) no-repeat left 1px;
	padding: 0 0 0 22px;
}

.pagingItems {
	float: right;	
}

.pagingItems a, .pagingItems span {
	float: left;
	margin: 0 0 0 10px;
}	

div.buildings {
	width: 870px;
	height: 387px;
	margin: 0 auto 0 auto;
	background: url(../images/buildings/buildings-browse-background.png) no-repeat top left;
	padding: 5px 15px 0 15px;
}

ul.building-items {
	
}

ul.building-items li {
	float: left;
	width: 150px;
	height: 170px;
	padding: 25px 30px 0 30px;
	position: relative;
}

ul.building-items li a img {
	border: 3px solid #5baa33;
}

ul.building-items .title {
	position: absolute;
	top: 150px;
	left: 30px;
	color: #1d731c;
	text-align: center;
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 150px;
}

ul.building-items .title a {
	color: #1d731c;
	text-decoration: none;
}
	
ul.building-items li a:hover .title {
	color: #0d530e;	
}

ul.building-items li a:hover img {
	border: 3px solid #3d831a;	
}

.building-view-image {
	width: 450px; 
	float: left;
	margin: 30px 0 0 0;
}

.building-view-details {
	width: 400px;
	float: left;
	margin: 30px 0 0 0;
}

h2 {
	color: #326500;
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 15px 0;
}

strong {
	font-weight: bold;	
}

ul.building-subgallery li {
	float: left;
	width: 150px;
	height: 120px;
	padding: 0 30px 0 0;
	position: relative;
}

ul.building-subgallery li a img {
	border: 3px solid #5baa33;
}

ul.building-subgallery .title {
	position: absolute;
	top: 120px;
	left: 30px;
	color: #1d731c;
	text-align: center;
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 150px;
}

ul.building-subgallery .title a {
	color: #1d731c;
	text-decoration: none;
}
	
ul.building-subgallery li a:hover .title {
	color: #0d530e;	
}

ul.building-subgallery li a:hover img {
	border: 3px solid #3d831a;	
}

.homeRight a {
	text-decoration: none;
}

.homeRight {
	float: left;
	width: 256px;	
}

.homeLeft {
	float: left;
	width: 570px;
	margin: 0 30px 0 0;
}

.contactFormLeft {
	float: left;
	width: 380px;
	padding: 0 0 10px 0; margin:0 55px 0 0;
	display:inline;
}
#buildingType.contactFormLeft {
	width:360px; 
	padding:0 10px 10px 10px; margin:5px 55px 0 0;
	background-image:url(../upload/page/contact-address-bg-wider.jpg); background-repeat:no-repeat; background-position:0 0;
	
}

.contactFormRight {
	float: left;
	width: 380px;
	padding: 0 0 10px 0; margin:0 75px 0 0;
	display:inline;
}
#referalType.contactFormRight {
	width:360px; 
	padding:0 10px 10px 10px; margin:5px 75px 0 0;
	background-image:url(../upload/page/contact-address-bg-wider.jpg); background-repeat:no-repeat; background-position:0 0;
}

.contactFormFull {
	float: left;
	width: 500px;
	padding:0 205px 0 185px;
	display:inline;
}

.contactFormText {
	width: 340px;
	padding: 3px;
	border: 1px solid #999999;
}

.contactFormTextShort {
	width: 130px;
	padding: 3px;
	border: 1px solid #999999;
}

.contactFormTextarea {
	width: 340px;
	padding: 3px;
	height: 69px;
	border: 1px solid #999999;
}

.contactFormTextarea2 {
	width: 304px;	
	padding: 3px;
	border: 1px solid #999999;
	height: 100px;
}
.contactFormTextarea_Comments {
	width: 492px;	height: 140px;
	padding: 3px;
	border: 1px solid #999999;
}

.contactFormLeft .contactFormRadioBox {
	float: left;
	width: 175px;
	font-size: 10px;
	margin: 0 5px 5px 0; padding:0;
	letter-spacing: -0.5px;
	display:inline;
}

.contactFormRight .contactFormRadioBox {
	float: left;
	width: 175px;
	font-size: 10px;
	margin: 0 5px 5px 0; padding:0;	
	letter-spacing: -0.5px;
	display:inline;
}

.contactFormRadioBox2 {
	float: left;
	font-size: 11px;
	margin: 0 3px 3px 0;	
}

.clearleft {
	clear: left;	
}

.contactFormRadioBox input {
	margin-right: 0px;
	margin-left: 0px;
	display:inline;
	padding:0;
}

.small {
	font-size: 10px;
	padding: 0 0 0 0;
	line-height: 1.2;
}

.contactFormSubmit {
	width: 170px;
	margin: 0 auto 0 auto;
	display: block;
}

.contactForm {
	width:890px;
	clear: both;
	margin: 20px 0 0 0;
}
body .contactForm .message {
	width:786px;
}
.contactForm fieldset {
	width:890px;
	float: left;
}
.contactForm form {
	width:890px;
	float: left;
}
.formRow {
	margin: 10px 0 10px 0;	
}
.contact-text {
	width:415px; height:auto;
	margin:0 20px 0 0; padding:0;
	float:left;
}
.contact-map {
	width:350px;
	float: left;
	margin: 40px 20px 10px 0;
	border:	1px solid #999999;
	padding: 10px;
	background: #eeeeee;
}

#content .page .news-small-title {
	font-weight: bold;	
	margin: 10px 20px 10px 20px;
	border-bottom: 1px solid #cccccc;

}

#content .page .news-small {
	margin: 0 0 0 20px;	
	font-size: 10px;
	color: #999999;
	line-height: 1.4;
}

#content .page .news-small li {
	margin: 0 0 5px 0;	
}

#content .page .news-small a {
	color: #666666;
	font-size: 11px;
	font-weight: bold;
}

#content .page .news-title {
		font-weight: bold;
		margin: 10px 0 0 0;
		padding: 5px 0 0 0;
}

#content .page .news-title span {
	font-size: 11px;
	color: #999999;
}

/* menu styles */
#jsddm
{	margin: 0;
	padding: 0}

	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial}

	#jsddm li a
	{	display: block;
		text-decoration: none;
		width: 70px;
		color: #EAFFED;
		white-space: nowrap;
	}

	#jsddm li a:hover
	{	}
		
		#header-nav li ul
		{	margin: -5px 0 0 9px;
			padding: 0;
			position: absolute;
			visibility: hidden;
			/*padding: 0 6px 6px 6px;*/
		}
		
			#header-nav li ul li
			{	float: none;
				display: block;
				border-top: 1px solid #167726;
				height: 40px;
				/*padding: 5px 0 0 0;*/
			}
			
			#header-nav li ul li.first {
				border-top: none;
				margin: 0;
				padding: 0;
			}
			
			
			#header-nav li ul li a
			{	width: auto;
				background: #000000;
				color: #ffffff;
				text-decoration: none;
				font: 13px Arial, Helvetica, sans-serif;
				width: 109px;
				height: 18px;
				padding: 12px 10px 10px 10px;
				text-indent: 0;
			}
			
			#header-nav li ul li a:hover
			{	
				background: #333333;
				color: #ffffff;
			}
			
#login {
	width: 930px;
	margin: 5px auto 5px auto;
	height: 25px;
	text-align: right;
}

#login a {
	text-decoration: none;
	color: #A7A3A2;
}

#login .loginField {
	border: none;
	font-size: 11px;
	background: #423935;
	padding: 3px;
	color: #666666;
}