/* CSS Document */
html {
margin: 0;
padding: 0;
}
body {
margin: 0;
padding: 0;
background: #F6EEDD url(../images/gradient.jpg) repeat-x top left;
}
#container {
margin-left:auto;
margin-right:auto;
width: 769px; 
min-height:100%;
text-align: left;
position:relative;
padding: 0;
margin-bottom: 0;
background: #fff url(../images/bgcon.gif) repeat-y top left;
}
#wrap {
margin:0 auto;
width:769px;
}

h1 {
margin: 0 0 0 0;
padding: 0 0 10px 0;
font: normal 190% georgia, times, times-roman, serif; 
color: #006699; 
letter-spacing: -1px;
}
h2 {
margin: 0 0 0 0;
padding: 10px 0 10px 0;
font: bold 80% Verdana, Arial, sans-serif; 
color: #228822;
letter-spacing: 0px;
line-height: 18px;
text-align: left;
}
h3 {
margin: 0;
padding: 5px 0 10px 0px;
font: normal 75% Verdana, Arial, sans-serif; 
line-height: 20px;
color: #333; 
text-align: left;
}
p {
margin: 0;
padding: 5px 0 10px 0px;
font: normal 70% Verdana, Arial, sans-serif; 
line-height: 17px;
color: #333; 
text-align: left;
}
a {
color: #cc6600;
text-decoration: none;
}
a:hover {
color: #ff6600;
text-decoration: underline;
}
.title {
margin: 0 0 7px 0;
padding: 4px 0px 2px 0px;
/*font: normal 130% Arial, Verdana, sans-serif;*/ 
font: normal 130% georgia, times, times-roman, serif; 
line-height: 28px;
background: url(../images/bgtitle.jpg) repeat-x top left;
color: #333;
height: 30px;
}
.title3 {
margin: 0 0 7px 0;
padding: 4px 0px 2px 0px;
/*font: normal 130% Arial, Verdana, sans-serif;*/ 
font: normal 130% georgia, times, times-roman, serif; 
line-height: 28px;
background: url(../images/bgtitle.jpg) repeat top left;
color: #333;
height: 60px;
}
.title3 a {
line-height: 28px;
}
.title2 {
margin: 25px 0 15px 0;
padding: 4px 0px 2px 0px;
/*font: normal 130% Arial, Verdana, sans-serif;*/ 
font: normal 130% georgia, times, times-roman, serif; 
line-height: 28px;
background: url(../images/bgtitle.jpg) repeat-x top left;
color: #333;
height: 30px;
}

.title-art {
margin: 0 0 0px 0;
padding: 4px 0px 2px 0px;
/*font: normal 130% Arial, Verdana, sans-serif;*/ 
font: normal 130% georgia, times, times-roman, serif; 
line-height: 28px;
background: url(../images/bgtitle.jpg) repeat-x top left;
color: #333;
height: 30px;
}

.happy p.title {
margin: 0 0 7px 0;
padding: 4px 0px 2px 0px;
/*font: normal 130% Arial, Verdana, sans-serif;*/ 
font: normal 130% georgia, times, times-roman, serif; 
line-height: 28px;
background: url(../images/bgtitle.jpg) repeat-x top left;
color: #333;
height: 30px;
text-transform: capitalize;
}
.space {
margin: 7px 0 7px 0;
padding: 0 0 0 0;
}
.bold {
font-weight: bold;
text-align: left;
}
.totop {
margin: 10px 0 5px 0;
text-align: right;
padding: 0;
}
.nob {
border: none
}
.hline {
margin: -15px 0 20px 0;
border-bottom: 1px solid #ccddcc;
}
.hline2 {
margin: -5px 0 10px 0;
border-bottom: 1px solid #ccddcc;
}
.floatleft {
float: left;
margin: 0;
padding: 0 0 10px 0;
}
.floatleft2 {
float: left;
margin: 0;
padding: 0 0 10px 0;
width: 150px;
}
.floatleft3 {
float: left;
margin: 0 0 0 10px;
padding: 0 0 10px 0;
width: 100px;
}
.clear {
clear: both;
}

/*-----------------------------------------------------------------------------------------------------HEADER*/
#header {
height: 140px;
width: 769px;
background: url(../images/bgheader.gif) no-repeat top left;
margin-top: 20px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 0px 0px 0px 0px;
position:relative;
z-index:2;
overflow:hidden;
}
* html #header {height:140px;he\ight:140px}
.logo {
margin: 0 0 0 0;
padding: 20px 0 0 40px;
border: none;
float: left;
}
#navtop a {
color: #cc6600;
text-decoration: none;
padding: 1px 2px 1px 2px;
margin: 0 0px 0 0px;
}
#navtop a:hover {
color: #fff;
text-decoration: none;
background: url(../images/bghnav.jpg) repeat-x top left;
padding: 1px 2px 1px 2px;
margin: 0 0px 0 0px;
}
#navtop a.active {
color: #fff;
text-decoration: none;
background: url(../images/bghnav.jpg) repeat-x top left;
padding: 1px 2px 1px 2px;
margin: 0 0px 0 0px;
}
#navtop {
margin: 0px 0 0 0;
padding: 40px 0 0px 90px;
float: left;
font: normal 13px georgia, verdana, Arial, sans-serif; 
text-transform: lowercase;
}
#navtop li {
display: inline;
padding: 0px 5px 0px 0px;
margin: 0 5px 0 0px;
border-right: 1px solid #eeddaa;
}
#navtop li.last {
padding: 0px 0px 0px 0px;
margin: 0;
border-right: none;
}
#navcontact {
margin: 0px 0 0 0;
padding: 50px 0 0px 180px;
float: left;
font: bold 11px verdana, Arial, sans-serif; 
text-transform: lowercase;
color: #228822;
}
body#about a#about,
body#tours a#tours,
body#customers a#customers,
body#calendar a#tourcal,
body#photos a#tourpho,
body#contact a#contact,
body#blog a#blog
{
color: #fff;
text-decoration: none;
background: url(../images/bghnav.jpg) repeat-x top left;
}
.socialgroup {
margin: 0px 0 0 0;
padding: 48px 0 0px 10px;
float: left;
}
.social {
margin: 0px 5px 0 0px;
padding: 0;
float: left;
vertical-align: middle;
}
.socialicon {
margin: 0px 5px 0px 0;
padding: 1px 0 0 0;
float: left;
vertical-align: middle;
}
.twit {
margin: 5px 0 0 0;
padding: 0;
display: block;
}
/*-----------------------------------------------------------------------------------------------------HOME*/
#hnav {
text-align: center;
background: url(../images/hometest.jpg) no-repeat top left;
margin: 0 0 2px 4px;
padding: 0;
height: 350px;
}
#hnav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#hnav li, #hnav a {height: 350px; display: block; margin: 2px 0 0 0;}
#hnav span {display: none;}
#panel1b {left: 4px; width: 188px;}
#panel2b {left: 194px; width: 189px;}
#panel3b {left: 385px; width: 189px;}
#panel4b {left: 576px; width: 189px;}
#panel1b a:hover {background: transparent url(../images/hometest.jpg) 0px -352px no-repeat;}
#panel2b a:hover {background: transparent url(../images/hometest.jpg) -190px -352px no-repeat;}
#panel3b a:hover {background: transparent url(../images/hometest.jpg) -381px -352px no-repeat;}
#panel4b a:hover {background: transparent url(../images/hometest.jpg) -572px -352px no-repeat;}
#hphoto {
height: 352px;
position:relative;
z-index:2;
margin: 0px 0px 0px 0px;
padding: 2px 0 0px 0;
text-align: center;
}
* html #hphoto{height:352px;he\ight:352px}
#hcontent {
margin: 0 2px 0 2px;
padding: 0px 0 20px 0px;
/*height: 450px;*/
background: #fff url(../images/bghcontent.gif) repeat-x top left;
}
#hleft {
float: left;
margin: 40px 30px 0px 40px;
padding: 0 0 0 0px;
width: 410px;
}
#hrightcol {
float: left;
width: 180px;
margin: 0;
padding: 0px;
}
.hnews {
width: 190px;
margin: 50px 0 0 0;
padding: 0px 20px 15px 30px;
background: url(../images/bghnews.jpg) repeat-y top left;
border-top: 1px solid #ccddcc;
border-bottom: 1px solid #ccddcc;
}
.hright {
width: 180px;
margin: 20px 0 0 0;
padding: 0px 30px 15px 30px;
background: url(../images/bgrdates.jpg) repeat-y top left;
border-top: 1px solid #ccddcc;
border-bottom: 1px solid #ccddcc;
}
#hcontent h1 {
margin: 0 0 0 0;
padding: 0 0 18px 0;
font: normal 150% georgia, times, times-roman, serif; 
color: #228822; 
letter-spacing: -0.05em;
line-height: 33px;
}
#hcontent h2 {
margin: 0px 0 0px 0;
padding: 20px 0 10px 0;
font: normal 75% Verdana, Arial, sans-serif; 
color: #333; 
letter-spacing: 0px;
line-height: 20px;
border-top: 1px solid #ccddcc;
text-align: left;
}
#hcontent h3 {
margin: 0px 0 0px 0;
padding: 10px 0 10px 0;
font: bold 75% georgia, times, times-roman, serif; 
line-height: 20px;
text-transform: uppercase;
letter-spacing: 1px;
}
#hcontent h4 {
margin: 0 0 0 0;
padding: 0px 0 8px 0;
font: normal 70% georgia, times, times-roman, serif;
color: #336633; 
letter-spacing: 0px;
line-height: 18px;
text-align: left;
}
#hcontent h5 {
margin: 0;
padding: 0px 0 10px 0px;
font: bold 70% Verdana, Arial, sans-serif; 
color: #336633; 
text-align: left;
}
.bigspecial {
font-weight: bold;
color: #cc0000;
font-size: 20px;
line-height: 22px;
}
.special {
font-weight: bold;
color: #cc0000;
}
/*-----------------------------------------------------------------------------------------------------CONTENT*/
#photo {
height: 202px;
position:relative;
z-index:2;
margin: 0px 0px 0px 0px;
padding: 2px 0 0px 0;
text-align: center;
}
* html #photo{height:202px;he\ight:202px}
#content {
margin: 0 2px 0 2px;
padding: 73px 0px 0px 0px;
background: #fff url(../images/bghcontent.gif) repeat-x top left;
position: relative;
width: 765px;
}
#content ul {
margin: 0 ;
padding: 0px 0 0 20px;
list-style-type: disc; 
}
.limg {
padding: 0px 0px 0 0px;
margin: 25px 0 25px 0;
border: 0;
}
#lnav {
float: left;
width: 165px;
padding: 0px 0px 0 30px;
margin: -30px 0 0 0;
}
#lnav ul {
margin: 0;
padding: 0;
font: bold 80% georgia, times, times-roman, serif; 
line-height: 17px;
list-style-type: none; 
/*text-transform: uppercase;*/
}
#lnav ul li {
display: block;
padding: 10px 0px 10px 5px;
margin: 0;
background: url(../images/linelnav.jpg) no-repeat bottom left;
}
#lnav a {
color: #cc6600;
text-decoration: none;
}
#lnav a:hover {
color: #ff9900;
text-decoration: none;
}
#lnav a.active {
color: #ff9900;
text-decoration: none;
}
#lnav a.special {
color: #ff3300;
text-decoration: none;
}
#anav {
width: 155px;
padding: 0px 0px 5px 0px;
margin: 60px 0 0 0;
}
#anav ul {
margin: 0;
padding: 0;
font: normal 11px verdana, arial, sans-serif; 
line-height: 17px;
list-style-type: none; 
/*text-transform: uppercase;*/
}
#anav ul li {
display: block;
padding: 0px 0px 10px 18px;
margin: 0;
background: url(../images/arrow2.gif) no-repeat 0 0;
}
#anav p {
font: bold 11px georgia, times, times-roman, serif; 
line-height: 17px;
margin: 0 0 15px 0px;
padding: 5px 0 5px 8px;
color: #fff;
background: #cc6600;
text-transform: uppercase;
}
#rtext {
width: 490px;
padding: 0px 40px 0 0px;
margin: -30px 0 0 0;
float: right;
}
#rtext li {
margin: 0;
padding: 0;
font: normal 70% Verdana, Arial, sans-serif; 
line-height: 17px;
color: #333; 
}
.mapdates {
margin: 0;
padding: 0;
border-bottom: 1px solid #ccddcc;
border-top: 1px solid #ccddcc;
padding: 3px 0 3px 0;
margin: 30px 0 50px 0;
}
.newdates {
float: left;
width: 220px;
margin: 0;
padding: 0px 10px 10px 20px;
background: #f8fff0;
/*background: url(../images/bgrdates.jpg) repeat-y top left;*/
}
.topmap2 {
padding: 3px 0 3px 0;
margin: 30px 0 50px 0;
height: 360px;
border-bottom: 1px solid #ccddcc;
border-top: 1px solid #ccddcc;
}
.topmap {
padding: 3px 0 3px 0;
margin: 30px 0 50px 0;
height: 410px;
border-bottom: 1px solid #ccddcc;
border-top: 1px solid #ccddcc;
}
.lmap {
float: left;
padding: 0;
margin: 10px 20px 0 10px;
width: 210px;
}
.rdates2 {
float: left;
width: 220px;
height: 350px;
margin: 0;
padding: 0px 10px 10px 20px;
background: #f8fff0;
/*background: url(../images/bgrdates.jpg) repeat-y top left;*/
}
.rdates2 p{
text-align: left;
}
.rdates {
float: left;
width: 220px;
height: 400px;
margin: 0;
padding: 0px 10px 10px 20px;
background: #f8fff0;
/*background: url(../images/bgrdates.jpg) repeat-y top left;*/
}
.rdates p{
text-align: left;
}
.icon {
vertical-align: middle;
padding: 0 7px 0px 0;
margin: 0 0 0px 0;
border: 0;
}
.icon2 {
vertical-align: top;
padding: 3px 7px 0px 0;
margin: 0 0 5px 0;
border: 0;
float: left;
}
.rtitle {
margin: 0px 0 10px 0;
padding: 20px 0 0 0;
font: bold 75% georgia, times, times-roman, serif; 
line-height: 20px;
text-transform: uppercase;
letter-spacing: 1px;
border-bottom: 1px solid #ccddcc;
text-align: left;
}
.rprice {
font: bold 70% verdana;
line-height: 18px;
padding: 20px 0 0 0;
/*letter-spacing: 1px;*/
}
.rlink {
padding: 3px 0 5px 0;
margin: 0;
}
.rlink2 {
font-weight: bold;
border-bottom: 1px solid #ffcc99;
padding: 5px 0 5px 0;
margin: 0px 0 0 0;
}
.botlink {
font-weight: bold;
border-top: 1px solid #ffcc99;
border-bottom: 1px solid #ffcc99;
padding: 5px 0 5px 0;
margin: 10px 0 0 0;
}
.tinfo {
padding: 10px 0 10px 5px;
margin: 0px 0 0px 0;
border-bottom: 1px solid #ddd;
font: normal 70% Verdana, sans-serif;
line-height: 15px;
}
.tinfoc {
padding: 10px 0 10px 5px;
margin: 0px 0 0px 0;
border-bottom: 1px solid #ddd;
font: normal 70% Verdana, sans-serif;
line-height: 15px;
background: #ffffee;
}
.tinfor {
float: left;
margin:0 0 0 5px;
padding: 0 0 5px 0px;
}
.tinfolred {
float: left;
margin:0;
padding: 0 0 5px 0px;
width: 260px;
color: red;
}
.tinfol {
float: left;
margin:0;
padding: 0 0 5px 0px;
width: 260px;
}
.tinfol2 {
float: left;
margin:0;
padding: 0 0 5px 0px;
width: 350px;
}
.imgr {
float: right;
padding: 0px 0px 5px 10px;
margin: 0;
}
.imgl {
float: left;
padding: 0px 20px 5px 0px;
margin: 0;
}
.happy {
padding: 0px 0 0px 0;
margin: 0px 0 0px 0;
/*height: 270px;*/
}
.happynophoto {
padding: 0px 0 0px 0;
margin: 0px 0 0px 0;
/*height: 180px;*/
}
.rhappy {
float: left;
width: 280px;
/*height: 350px;*/
margin: 0;
padding: 0px 0px 0px 0px;
}
.h1sub {
margin: 0 0 0 0;
padding: 0 0 25px 2px;
font: bold 90% georgia, times, times-roman, serif; 
color: #006699; 
letter-spacing: 1px;
text-transform: uppercase;
}
.calendar {
font: bold 60% Verdana, sans-serif;
padding: 0 20px 0 10px;
text-align: left;
}
.galleryth {
border: none;
margin: 5px 0 3px 0;
padding: 0;
}
#popups {
margin: 0;
padding: 0;
background: #fff;
}
a.popgallery {
border: 1px solid #cc6600;
margin: 0px 0px 0px 0;
padding: 2px;
}
a.popgallery:hover {
border: 1px solid #ff9900;
margin: 0px 0px 0px 0;
padding: 2px;
background: none;
}
.signup {
float: right;
margin: 0 0 15px 0;
padding: 0 0 0px 0;
background: #eee;
border: none;
height: 72px;
}
.botbtn {
float: right;
margin: 0 0 15px 0;
padding: 0 0 0px 0;
border: none;
height: 42px;
}
img {
border: none;
}
.subdate {
font: 30px "times new roman", Arial, sans-serif;
}
.subdatesmall {
font: bold italic 10px verdana, Arial, sans-serif;
color: red;
}
.faq {
margin: 0 0 0 0;
padding: 0px 0 5px 0;
font: bold 12px Verdana, Arial, sans-serif; 
color: #228822;
letter-spacing: 0px;
line-height: 18px;
text-align: left;
}
.faq1 {
margin: 0 0 0 0;
padding: 10px 0 5px 0;
font: bold 12px Verdana, Arial, sans-serif; 
color: #228822;
letter-spacing: 0px;
line-height: 18px;
text-align: left;
}
a.print {
font: bold 11px Verdana, sans-serif;
padding: 0 0 0 145px;
margin: 0;
text-align: left;
text-transform: none;
}
a.addthis_button {
padding: 0px 0 0 0;
margin: 0px 0 0 290px;
display: block;
float: left;
}
.backarea {
float: left;
padding: 0;
margin: 0;
background: #eee;
width: 200px;
}
.meet {
float: left;
padding: 0;
margin: 5px 15px 10px 0;
}

/*-----------------------------------------------------------------------------------------------------GALLERY*/
.thumbmain {
width: 200px;
margin: 0px 25px 20px 0;
padding: 0px 0px 0px 0px;
float: left;
font: 11px Verdana, Arial, sans-serif;
line-height: 16px;
height: 230px;
}
.thumbmain a:hover {
border: none;
text-decoration: none;
}
.clearboth { clear: both; }
.width200 {
width: 200px;
padding: 1px;
margin: 0 0 10px 0;
}
.gallery {
padding: 0;
margin: 0;
}
.row {
padding: 0;
margin: 0;
width: 490px;
}
.gallery a:link {padding: 1px; border: 1px solid #cc6600; margin: 0px 5px 5px 0; display: block; width: 51px;}  
.gallery a:visited {padding: 1px; border: 1px solid #cc6600;  margin: 0px 5px 5px 0; display: block; width: 51px;}
.gallery a:hover {padding: 1px; border: 1px solid #ff9900;  margin: 0px 5px 5px 0; display: block; width: 51px;}
.gallery a:focus {padding: 1px; border: 1px solid #ff9900;  margin: 0px 5px 5px 0; display: block; width: 51px;}
.gallery a:active {padding: 1px; border: 1px solid #ff9900;  margin: 0px 5px 5px 0; display: block; width: 51px;}
.gallery li {
margin: 0px;
padding: 0px 0px 0 0;
list-style-type: none;
float: left;
clear: none;
}
.thumb {
height: 40px;
width: 51px;
margin: 0px;
padding: 0px;
}
#placeholder {
margin: 15px 0 15px 0;
padding: 0;
}
#desc {
font: 11px Verdana, Arial, sans-serif;
line-height: 16px;
margin: 0;
padding: 0;
}
.desc2 {
font: italic 11px Verdana, Arial, sans-serif;
line-height: 16px;
margin: 0;
padding: 0;
}

/*-----------------------------------------------------------------------------------------------------FOOTER*/
#footer	{
position:relative;
bottom:0;
width:749px;
height: 155px;
background: #F6EEDD url(../images/bgfooter.gif) no-repeat top left;
padding: 0px 10px;
margin: 0 0 0px 0;
}
* html #footer {height:155px;he\ight:155px;}
.ftext {
margin:0px 0 0 0;
padding:40px 0 0 50px;
font: normal 60% Verdana, Arial, sans-serif; 
color: #666; 
line-height: 17px;
float: left;
width: 330px;
}
#clearfooter {height:50px;width:100%;clear:both}
#clearfooter2 {height:150px;width:100%;clear:both}
.flogo {
padding: 30px 0 0px 40px;
margin: 0;
float: left;
border: none;
font: normal 55% Verdana, Arial, sans-serif; 
color: #666; 
line-height: 14px;
}
.flinks {
margin:0px 0 0 0;
padding:40px 0 0 20px;
font: normal 60% Verdana, Arial, sans-serif; 
color: #666; 
line-height: 17px;
float: left;
width: 200px;
}
.flogoimg {
border: none;
margin: 0px 0 10px 20px;
padding: 0;
}
input {
font: normal 100% Verdana, Arial, sans-serif; 
color: #333; 
vertical-align: middle;
margin: 5px 0 0 0;
}
form {
margin: 0;
padding: 0;
}