@charset "UTF-8";
/* CSS Document */

/*body & main font settings*/

body {
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #FFFFFF;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #666666;
	font-size: 0.8em;
	text-decoration: none;
	text-align: center;
}

h1 { font-size: .9em; line-height: 1.7em; margin-bottom: 35px;}

h3 { color:#999999; font-size: 1em;}
	
p {
	line-height: 1.7em;
}

/*general links*/

a:link, a:visited { color: #666666;text-decoration: none; }

a:hover, a:active { color: #CCCCCC;text-decoration: none; }

/*navbar links*/

ul#navlist { padding-left: 5; white-space: nowrap; }

#navlist li, #navlist ul { display: inline; list-style-type: none; }

#navlist a { padding: 2px 8px; font-size: .9em}

#navlist a:link, #navlist a:visited { color: #666666; text-decoration: none; 
									  letter-spacing: 1px;}

#navlist a:link#current, #navlist a:visited#current { color: #CCCCCC; text-decoration: none; }

#navlist a:hover { color: #CCCCCC; text-decoration: none; }

ul#navlist2 { padding-left: 5; white-space: nowrap; }

#navlist2 li, #navlist2 ul { display: inline; list-style-type: none; }

#navlist2 a { padding: 2px 10px; font-size: 1em}

#navlist2 a:link, #navlist2 a:visited { color: #666666; text-decoration: none; 
									  letter-spacing: 1px;}

#navlist2 a:link#current, #navlist2 a:visited#current { color: #CCCCCC; text-decoration: none; }

#navlist2 a:hover { color: #CCCCCC; text-decoration: none; }

/*header & main menu*/

#logo { position: absolute; top: 10px; left: 2%; width: 487px; height: 56px;}

#navcontainer{margin-left: 450px; margin-top: 27px; right:2%; position: relative; text-align: right;}

#navcontainer2{ background: #CCCCCC; margin-top: 32px;position: relative; padding: 0px; text-align: center; 
line-height: 0em;border-top:double 3px #999999;border-bottom: double 3px #999999;height:25px;}

#navcontainer3{
	margin-top: 25px;
	margin-bottom: 0px;
	position: relative;
	padding: 0px;
	text-align: center;
	line-height: 0em;
	height:15px;
	
	
}

/*main content area*/

#container {   height: 88%; margin-top: 30px; width: 100%; display: table; }

#position { display: table-cell; margin-top: -15px; vertical-align: middle; width: 100%; text-align: center;}


#container2 {  margin-top: 38px; width: 100%; height: 82%; display: table;background-image: url(Menu/sprangles2.jpg) ; border-top:solid 1px #999999;border-bottom:solid 1px #999999;}

#position2 { display: table-cell; vertical-align: middle; width: 100%; text-align: center;}

#container4 {   height: 88%; margin-top: 30px; width: 100%; display: table; }

#position4 { display: table-cell; margin-top: -15px; vertical-align: middle; width: 100%; text-align: center;}


#container3 {   border-top:solid 1px #999999;border-bottom:solid 1px #999999; height: 600; width: 100%; display: table; }

#position3 { background-image: url(Menu/sprangles2.jpg) ; display: table-cell; margin-top: -15px; vertical-align: middle; width: 100%; text-align: center;}

#slideshowhtm {
	width:100%;
	background-color: #FFFFFF;
	padding-top:25px;
	padding-bottom:25px;
	margin-top:15px;
	margin-bottom: 15px;
	position: relative;
	border-top:solid 1px #999999;
	border-bottom:solid 1px #999999;
}

#flashcontent{ margin-top: 15px; margin-bottom: 15px;position: relative;border-top:solid 1px #CCCCCC;border-bottom:solid 1px #CCCCCC;}

#flashcontent2{vertical-align: bottom;
	margin-top: 15px; margin-bottom: 15px;position: relative;border-top:solid 1px #999999;border-bottom:solid 1px #999999;
}

#footer {
	clear: both;
	margin: 0;
	height:15px;
	width: 100%;
	position: relative;
	font-size: .7em;
}

#homeinfo { margin-top:900px; width: 70%; margin-left:15%; margin-right:15%; position: relative; font-size: .8em; }

p.siteinfo{ text-align: justify; }

/*sitemap*/

p.sitemaptitle{
	font-size: 1.2em;
	position: relative;
	margin-bottom: 35px;
	margin-top: 40px;
}

p.sitemaplinks{font-size: 1em;  position: relative;}

p.bttmlinks{font-size: .6em;}

#errortext{font-size: 1.1em;position: relative; line-height: 2.3em;}

/*email page*/

form {
	width:535;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	margin-bottom:50px;
	text-align: left;
	border: 1px solid #666666;
	background-color: #FFFFFF;
}

#login {
	 width:50%; margin-left:25%; margin-right:25%; padding: 15px; padding-top: 5px;margin-top:25px; 
	   text-align: left; 
	border: 1px solid #666666;
	background-color: #FFFFFF;
}
	   
#contactimg { margin-top: 15px;  margin-bottom: 15px;}

#testimonialsimg {padding: 0px;margin-top: 20px; margin-bottom:25px;}
	   
label{ width: 110px; margin-top: 5px; margin-right: 5px; font-size: .8em; text-align: right; float: left;  }

input, textarea{ margin-top: 5px; width:365px; }

textarea{ margin-top: 5px; width:365px; height: 150px; }

.boxes{ width: 1em; }

#submitbutton{ margin-top: 15px; width: 120px; font-size: .9em;text-align: center;}

br{ clear: left; }

#infotxt{ 
	padding: 25px; 
	padding-top: 0px; 
	position: relative;
	text-align: justify;
	font-size: .9em ;
	}

#testimonialstxt{
	padding: 35px;
	padding-top: 15px;
	position: relative;
	text-align: justify;
	font-size: .9em;
}

img.floatLeft { padding: 4px;
    float: left; 
    margin: 4px;
	margin-right:10px;
	margin-top:4px;
	 border: 1px solid #999999; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}

img.faqimgs{margin: -1px;border: 1px solid #999999; }

#faqtxt{
	padding: 65px;
	padding-top: 0px;
	position: relative;
	text-align: justify;
	font-size: .9em;
}

#servicestxt{
	padding: 20px;
	padding-top: 15px;
	position: relative;
	text-align: justify;
	font-size: .9em;
}

#faqheadtxt{
	padding-top: 15px;
	padding-left: 25px;
	padding-right: 25px;
	position: relative;
	text-align: justify;
	font-size: .9em;
}

#linkstxt{
	padding: 25px;
	padding-top: 0px;
	position: relative;
	text-align: center;
	font-size: .9em;
}

	
#infopane{ 
	border:1px gray solid;
	width:575;
	height:inherit;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	margin-bottom:50px;
	border: solid 1px #999999;
	background-color: #FFFFFF;
	}
	
	
#bookingtxt2{ 
	margin-left:25px;
	margin-right:25px;
	padding: 25px;
	padding-top: 10px;
	position: relative;
	text-align: left;
	text-align: justify;
	font-size: .9em;
	}
	
p.links{text-decoration: underline;}


p.address{ margin-left: 40px; text-align: center;font-size: .9em; line-height:.3em;}

p.comment{ margin: 10px;margin-top: 0px;position: relative;text-align: justify;font-size: 1.1em;line-height:1.5em;}

p.contacttxt{ margin-top: -10px; margin-bottom: 15px; padding-left: 5px; padding-right: 5px; text-align: center;font-size: .9em;}

p.contacttxt2{ margin-left: 15px; font-size: 1em;}

p.contacttxt3{ margin-top: 20px; margin-bottom: 5px; }

#boxentry{ position: relative; top: 20px; height:300px; width: 70%; margin-left:15%; margin-right:15%; }

#outline{position: absolute; height:240px;margin-left: 1%;margin-right: 1%; width: 98%;border: 1px solid grey; }


h1 sup
{
	color: #ddd;
}

h1 a
{
	color: #fff;
	text-decoration: none;
}



h2
{
	color: #ddd;
	font-size: 2.5em;
}



.content
{
	margin: 0 20px;
}

.content2
{
	margin: 15 15px;
}

.content a
{
	color: #fff;
}


.content p.linkage
{
	margin-top: 2em;
	text-align: right;
	font-size: 1.7em;
	color: #ddd;
}

.content p.linkage a { color: #fff; }
/*.content p.linkage a
{
	color: #fff;
	background: url('../images/bg/biglink_off.gif') center right no-repeat;
	padding: 10px 20px;
	text-decoration: none;
}

.content p.linkage a:hover
{
	background: url('../images/bg/biglink_on.gif') center right no-repeat;
	font-style: italic;
}*/

#myGallery
{
	text-align: left;
	margin: 0 auto;
	
;}

#myCarousel
{
    text-align: center;
    margin: 0 auto;
	margin-top:10px;
    width:575px; /* Adjust this to your picture width + 2 */
    height:116px;
    overflow:hidden;
    background: #FFFFFF;
}
#myCarousel2
{
    text-align: center;
    margin: 0 auto;
	margin-top:10px;
    width:575px; /* Adjust this to your picture width + 2 */
    height:56px;
    overflow:hidden;
    background: #FFFFFF;
}