@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:435px; 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: url(../images/calendar.jpg) no-repeat 23px 20px #E8F3F9; padding:20px 11px;}
.newsEventsRow p { width:555px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#3A6774; line-height:16px; float:left; position:relative; padding:0 0 0 70px; 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; }