@charset "utf-8";

/* CSS Document */

img {

	border:none

}

body {

	margin:0;

	padding:0;

	background: url(../images/bodybg.jpg) repeat-x center top #F6FBFE

}

#wrapper {

	width:100%;

	height:auto;

	background:url(../images/topbodybg.jpg) no-repeat center/*-15px*/ top;

	min-height:180px

}

#wrapper_innerddiv {

	width:100%;

	min-height:960px;

	background:url(../images/innerbg.png) no-repeat center/*-11px*/ 128px;

	height:auto

}

#container {

	width:968px;

	height:auto;

	font-size:13px;

	font-family:Arial, Helvetica, sans-serif;

	color:#3A6774;

	margin:0 auto

}

#topheader {

	width:968px;

	float:left;

	position:relative;

	height:auto;

	padding-top:15px

}

a.logo {

	width:320px;

	height:170px;

	float:left;

	position:relative

}

.search_box {

	width:290px;

	height: auto;

	float:right;

	position:relative;

	padding-top:30px

}

.search_bg {

	background: url(../images/text_bg.png) no-repeat;

	width:262px;

	height:23px;

	float:left;

	position:relative;

	padding:8px 13px 10px 13px

}

.search_bg .input {

	height:16px;

	font-size:13px;

	color:#009DDC; width:200px;

}

.go_btn {

	background:url(../images/go_bg.png) no-repeat;

	width:41px;

	height:74px;

	border:none;

	float:right;

	margin-top:-10px;

	cursor:pointer;

	font-size:0;

	line-height:0;

}

#menu {

	width:968px;

	height:52px;

	float:left;

	position:relative;

}

#menu_left {

	background:url(../images/menu_leftbg.png) no-repeat;

	width:14px;

	height:52px;

	float:left;

	position:relative

}

#menu_right {

	background:url(../images/menu_rightbg.png) no-repeat;

	width:14px;

	height:52px;

	float:left;

	position:relative

}

.mattblackmenu li a { padding:9px 18px 0px 18px }

.mattblackmenu li a.menu1 {

	background:url(../images/home.png) no-repeat 18px 12px;

	width:59px;

	height:20px;

	float:left;

	position:relative;

}

.mattblackmenu li a.menu2 {

	width:87px;

	height:20px;

	float:left;

	position:relative;

	background: url(../images/aboutus.png) no-repeat  18px 12px

}

.mattblackmenu li a.menu3 {

	width:83px;

	height:20px;

	float:left;

	position:relative;

	background:url(../images/seevices.png) no-repeat 18px 12px;

	font-size:0; line-height:0;

}

.mattblackmenu li a.menu4 {

	width:130px;

	height:20px;

	float:left;

	position:relative;

	background: url(../images/testimonials_menu.png) no-repeat 18px 12px

}

.mattblackmenu li a.menu5 {

	width:143px;

	height:20px;

	float:left;

	position:relative;

	background: url(../images/news.png) no-repeat 18px 12px

}

.mattblackmenu li a.menu6 {

	width:75px;

	height:25px;

	float:left;

	position:relative;

	background: url(../images/gallery.png) no-repeat 18px 12px

}

.mattblackmenu li a.menu7 {

	width:105px;

	height:21px;

	float:left;

	position:relative;

	background: url(../images/contactus.png) no-repeat 18px 12px

}

.mattblackmenu li#last {

	background:none;

}

.mattblackmenu li a.menu1:hover,.mattblackmenu li a.menu1#selected {

	background:url(../images/home.png) no-repeat 18px bottom;

}

.mattblackmenu li a.menu2:hover,.mattblackmenu li a.menu2#selected {

	background: url(../images/aboutus.png) no-repeat 18px bottom;

}

.mattblackmenu li a.menu3:hover,.mattblackmenu li a.menu3#selected {

	background:url(../images/seevices.png) no-repeat 18px bottom;

}

.mattblackmenu li a.menu4:hover,.mattblackmenu li a.menu4#selected {

	background: url(../images/testimonials_menu.png) no-repeat 18px bottom;

}

.mattblackmenu li a.menu5:hover,.mattblackmenu li a.menu5#selected {

	background: url(../images/news.png) no-repeat 18px bottom;

}

.mattblackmenu li a.menu6:hover,.mattblackmenu li a.menu6#selected {

	background: url(../images/gallery.png) no-repeat 18px bottom;

}

.mattblackmenu li a.menu7:hover,.mattblackmenu li a.menu7#selected {

	background: url(../images/contactus.png) no-repeat 18px bottom;

}

#banner {

	width:956px;

	height:316px;

	float:left;

	position:relative;

	background:url(../images/banner_bg.png) no-repeat center top;

	padding:12px 0 0 12px;s

}

#content_box {

	width:968px;

	height:auto;

	float:left;

	position:relative;

	background:url(../images/content_topbg.png) no-repeat top;

	padding:28px 0 0 0;

}

.content_center {

	width:932px;

	height:auto;

	float:left;

	position:relative;

	padding:0 18px;

	background:url(../images/content_centerbg.png) repeat-y

}

.content_btm {

	background:url(../images/content_btmbg.png) no-repeat;

	width:968px;

	height:30px;

	float:left;

	position:relative;

	

	}

*+html .content_btm {z-index:-3 }	

.left_btmbg {

	background:  url(../images/left_btmbg.png) no-repeat;

	float:left;

	position:absolute;

	width:170px;

	height:123px;

	left:13px;

	bottom:-55px;

	z-index:1000;

}

.left {

	width:270px;

	height:auto;

	float:left;

	position:relative;

	background:url(../images/left_btmbg.jpg) no-repeat left bottom;

	padding-bottom:89px

}

.left_heading {

	width:222px;

	height: auto;

	float:left;

	position:relative;

	background:url(../images/left_headingbg.jpg) no-repeat left top #F5832C;

	padding:9px 14px 0 14px;

	color:#FFF;

	line-height:16px;

	margin-top:-10px

}

.left_heading span {

	width:222px;

	border-bottom:1px solid#FF9900;

	float:left;

	text-align:right;

	padding-bottom:7px

}

.left_heading span a{ color:#FFF; text-decoration:none;}

.left_heading span a:hover{ text-decoration:underline;}

h1 {

	font-size:32px;

	margin:0;

	padding:0

}

h1#test {

	background:url(../images/test_bg.jpg) no-repeat;

	padding:17px 28px

}

h1#goto {

	background:url(../images/goto_carbg.jpg) no-repeat;

	padding:8px 0 8px 50px

}

.upcoming_events a {

	color:#BB2026

}

.upcoming_events a:hover{ text-decoration:none;}

.upcoming_events strong {

	color:#709500

}

.right {

	width:662px;

	height:auto;

	float:left;

	position:relative;

}

.upcoming_events {

	width:297px;

	height:auto;

	float:left;

	position:relative

}

.our_services {

	width:343px;

	height:auto;

	float:right;

	position:relative;

	background:url(../images/ourservicesbg.jpg) no-repeat;

	padding:15px 0 15px 15px;

	color:#000

}

.our_services ul {

	padding:0;

	margin:0;

	list-style: disc ##101C1F;

	padding:7px 13px

}

.our_services li {

	color:#101C1F

}

#footer {

	width:100%;

	height:auto;

	background:url(../images/footer_bg.jpg) repeat-x bottom;

	float:left;

}

#footer_innerdiv {

	width:988px;

	height: auto;

	padding:0;

	background:url(../images/footer_treebg.png) no-repeat right top;

	float:left;

	position:relative

}

.footermain {

	width:968px;

	height:auto;

	float:left;

	position:relative;

	background: url(../images/footer_mainbg.png) no-repeat left -8px;

	padding-top:18px;

	padding-bottom:5px

}

.reachus {

	width:245px;

	height: auto;

	float:left;

	position:relative;

	background:url(../images/footer_reachusbg.png) no-repeat;

	padding:28px 0 0 81px;

	margin-top:-8px;

}

.reachus strong {

	color:#84AD23

}

.reachus strong span {

	color:#009DDC

}

.goto {

	width:325px;

	height: auto;

	float:left;

	position:relative; padding-left:10px;

	 border-left:1px solid #3A6774; border-right:1px solid #3A6774; margin-top:20px; margin-right:13px

}

.goto ul {

	margin:0;

	padding:0;

	list-style:none;

}

.goto li {

	float:left;

	position:relative;

	width:130px;

	background:url(../images/bluedot.png) no-repeat left 8px;

	padding:3px 7px 0 15px

}

.goto li a { font-size:12px; line-height:18px; color:#3A6774; text-decoration:none; }

.goto li a:hover { text-decoration:underline }

.trees {

	background:url(../images/trees.png) no-repeat;

	float:right;

	position: absolute;

	width:54px;

	height:105px;

	left: 230px;

	top: 41px;

}

.operating_hours {

	width:285px;

	height:110px;

	padding-top:44px;

	text-align:center;

	float:left;

	position:relative;

	background:url(../images/123.png) no-repeat

}

.footer_links {

	width:968px;

	height:54px;

	float:left;

	position:relative;  color:#3A6774

}

.footer_links a{color:#3A6774; text-decoration:none;}

.footer_links a:hover{ text-decoration:underline;}

.footer_links ul {

	margin:0;

	padding:0;

	list-style:none;

	float:right

}

.footer_links li {

	float:left;

	position:relative;

	padding:0 10px

}

.footer_links li a{ text-decoration:none; color:#3A6774 }

.footer_links li a:hover{ color:#F5832C; }





/* Dropdown */

.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/

font: normal 13px Verdana;

margin: 0;

padding: 0;

position: absolute;

left: -40px;

top: 127px;

list-style-type: none;

border-bottom-width: 0;

visibility: hidden;

z-index: 100;

background:url(../images/submenuBg.png) no-repeat left bottom;

width:162px;

padding:0 15px 12px 15px;

}



.ddsubmenustyle li { background:url(../images/submenu_split.jpg) repeat-x left bottom} 

.ddsubmenustyle li a{

display: block;

width: 160px; /*width of menu (not including side paddings)*/

color: white;

text-decoration: none;

padding: 10px 5px 8px 5px;

text-shadow:1px 1px #000;

font-size:13px;

font-weight:bold;

}



* html .ddsubmenustyle li{ /*IE6 CSS hack*/

display: inline-block;

width: 170px; /*width of menu (include side paddings of LI A*/

}



.ddsubmenustyle li a:hover{

color: #56BBF1;

}



/* ######### Neutral CSS  ######### */



.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/

padding-left: 4px;

border: 0;

}



.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/

position: absolute;

padding-top: 3px;

left: 100px;

border: 0;

}



.ddiframeshim{

position: absolute;

z-index: 500;

background: transparent;

border-width: 0;

width: 0;

height: 0;

display: block;

}



/* ######### Matt Black Strip Main Menu Bar CSS ######### */



.mattblackmenu ul{

	list-style:none;

	margin:0;

	padding:6px 0;

	background:url(../images/menucenter_bg.png) repeat-x;

	width:940px;

	height:52px;

	float:left;

	position:relative;

	/*border-bottom: 1px solid gray;*/

	/*background: #414141;*/

	overflow: hidden;

}



.mattblackmenu li{

	display: inline;

	margin: 0;



	font-size:20px;

	text-shadow:1px 1px 1px #8C3201;

	float:left;

	position:relative;

	color:#FFF;

	background:url(../images/menu_split.jpg) no-repeat right;

/*	padding:11px 18px 10px 18px*/

padding-bottom:10px;

}



.mattblackmenu li a{

float: left;

display: block;

text-decoration: none;

margin: 0;

/*padding: 6px 8px; padding inside each tab*/

/*border-right: 1px solid white; right divider between tabs

color: white;

background: #414141;*/

text-indent:-2500px;

line-height:0;

}



/* LIGHTBOX STYLES */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}

#lightbox img{ width: auto; height: auto;}

#lightbox a img{ border: none; }



#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer{ padding: 10px; }



#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }



#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }



#imageData{	padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	



#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }







/**** Inner page Styles ****/



.leftHead { width:222px; height:auto; float:left; position:relative; }

.leftBox { width:208px; height:auto; float:left; position:relative; padding:10px 0; border-bottom:1px solid #FF9900; padding:0 0 0 14px; }

.leftBox p { color:#FFF; font-size:13px; line-height:16px; }



.inner_content { width:662px; height:auto; float:left; position:relative; }

.inner_content_head { width:auto; height:auto; float:left; position:relative; padding:10px 0; }

.inner_content p { color:#3A6774; line-height:16px; font-size:13px; float:left; position:relative;padding-right:20px; }

.inner_content_col { width:331px; height:auto; float:left; position:relative;  }

.inner_content_colImage  { width:236px; height:134px; float:left; position:relative; padding:5px; background:url(../images/inner_image_bg.gif) no-repeat left top; }



.inner_contentImage { width:642px; height:auto; text-align:center; float:left; position:relative; padding:10px 0; }



ul.highlights { list-style:none; width:662px; float:left; position:relative; padding:0; }

ul.highlights li { padding:0 0 15px 25px; background:url(../images/star.gif) no-repeat left top; line-height:14px; font-size:11px; color:#3A6774;  }

ul.highlights li a {color:#3A6774; text-decoration:none;  }



.contactUS_btmImage { width:749px; height:226px; float:left; position:absolute; background:0; left:5px; bottom:-25px; background:url(../images/bg_contactUs.png) no-repeat left bottom; z-index:1 }



.contactForm { min-height:767px; height:auto; }

.inputbox { width:417px; height:auto; float:left; position:relative; padding-bottom:8px; }

.required { background:url(../images/required.gif) no-repeat right 5px; }

.inner_content input[type=text] { width:401px; height:24px; float:left; position:relative; padding:5px 3px; background:url(../images/textbox.gif) no-repeat left top; border:none; font-size:12px; color:#333; font-family:Arial, Helvetica, sans-serif }

.inner_content textarea { width:401px; height:90px; float:left; position:relative; padding:5px 3px; background:url(../images/textarea_bg.gif) no-repeat left top; border:none; }

.inner_content input[type=submit] { width:110px; height:38px; float:right; position:relative; background:url(../images/btnSubmit.jpg) no-repeat left top; font-size:0; line-height:0; border:none; cursor:pointer; margin-right:7px; }



.hok_addresses { width:292px; height:auto; float:left; position:relative; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#FFF; font-weight:bold; text-align:center; line-height:22px; }

.calloutBlue { background:url(../images/blue_callout.gif) no-repeat left top; text-shadow:1px 1px #47660F; padding:44px 0 60px 0  }

.calloutGreen { background:url(../images/green_callout.gif) no-repeat 57px 52px; text-shadow:1px 1px #47660F; padding:90px 0 80px 40px; }



.maps { width:327px; height:297px; float:left; position:relative; text-align:center; margin:0 1px }

.contactEmail { width:294px; height:56px; float:left; position:relative; font-weight:bold; color:#EF6C0C; font-size:15px; line-height:18px; text-align:center; padding:160px 0 0 446px }

*+html .contactEmail{ padding:175px 0 0 446px; }

.contactEmail a { color:#EF6C0C; text-decoration:none;}

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



.galleryRow { width:640px; height:auto; float:left; position:relative; border-bottom:1px dotted #4D8899; background:#E8F3F9; padding:23px 11px   }

.galleryImage { width:125px; height:108px; background:#ADDBF5; float:left; position:relative; border:1px solid #8FCFF1; padding:5px; margin:0 11px;  } 

.galleryImage a img { width:125px; height:108px; float:left; position:relative; }



.testimonialsRow {width:640px; height:auto; float:left; position:relative; border-bottom:1px dotted #4D8899; background:#E8F3F9; padding:18px 11px   }

.testimonialsImage {  width:125px; height:108px; background:#ADDBF5; float:left; position:relative; border:1px solid #8FCFF1; padding:5px; margin:0 11px 0 0; }

.testimonialsRow img { float:left; position:relative; }

.testimonialsRow p { width:610px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#3A6774; line-height:16px; float:left; position:relative; background:url(../images/quoteClose.gif) no-repeat right bottom; padding:0 24px 0 0; }

.testimonialsRow span.user { width:auto; float:right; position:relative; text-align:right; }



.upcomingEvents { width:129px; height:23px;  color:#3A6774; font-size:13px; font-family:Arial, Helvetica, sans-serif; /*float:left; position:relative;*/ background:url(../images/upcomingEventsBg.gif) no-repeat left top; text-align:center; font-weight:bold; padding:11px 0 0 0 }

.newsEventsRow { width:640px; height:auto; float:left; position:relative; border-bottom:1px dotted #4D8899; background: #E8F3F9; padding:20px 11px;}

.newsEventsRow p { width:610px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#3A6774; line-height:16px; float:left; position:relative; padding:0; margin:0;  }



.newsEventsRow p span { color:#E84147; font-weight:bold; }



.testimonialsRow p a,

.newsEventsRow p a {color:#3A6774;  }



#services { width:58%; color:#000; float:left; position:relative;}

#services p { color:#000;  margin:0; }

#services ul { float:left; position:relative; }

#services ul li a { color:#000; text-decoration:none; }

#services ul li a:hover { text-decoration:underline; }