/*******************  
*	DEFAULTS	#d1b17a 
********************/

A			{ color: #0f4f8a; text-decoration: none }
A:hover			{ color: #0f4f8a; text-decoration: underline }

BODY			{ }
TABLE			{ padding: 0px; margin: 0px; border-collapse: collapse; }
TABLE TD		{ padding: 0px; margin: 0px; border-collapse: collapse; font-family: arial, verdana, tahoma; font-size: 12px; vertical-align: top }
IMG			{ border: 0px }
P			{ margin-top: 8px }
FORM			{ margin: 0px }
FORM INPUT		{ border: 1px solid #4d0404; background: #ffe9af }
FORM SELECT		{ border: 1px solid #4d0404; background: #ffe9af }
FORM INPUT.checkbox	{ border: 0px }
FORM TEXTAREA		{ border: 1px solid #4d0404; background: #ffe9af; font: 14px arial }
FORM INPUT.submit, A.submit	{ background: url(images/button-send.gif) no-repeat; width: 69px; height: 26px; border: 0px; cursor: pointer; float: right }
FORM INPUT.reserve	{ background: url(images/button-reserve.gif) no-repeat; width: 90px; height: 37px; border: 0px; cursor: pointer; float: right }

H1			{ font-size: 24px; font-weight: normal; line-height: 100%; margin-bottom: 10px }
H2			{ color: #654922; font-size: 18px; font-weight: normal; margin-bottom: 10px }

H1.contentTitle		{ margin: 0px 0px 15px 0px; }
H1.contentTitle IMG	{ border: 0px }

H1 A			{ float: right; font-size: 12px; font-weight: bold; text-decoration: none; padding-top: 3px;  }
H1 A:hover		{ text-decoration: underline }


FORM TABLE TD, TABLE.display TD	{ padding: 5px }
FORM TABLE TH, TABLE.display TH	{ width: 100px; text-align: right; vertical-align: top; font-size: 12px; padding-top: 7px; color: #4D0404 }
TABLE.display TH	{ padding-top: 4px }


/*******************  
*	STRUCTURE
********************/

#container		{ width: 727px; background: url(images/container-bg.jpg) repeat-y top left; margin: 0px auto; text-align: left; }
#content		{ float: right; width: 600px }
.innerContent		{ color: #4D0404; font-family: arial, verdana, tahoma; font-size: 12px; line-height: 140%; padding: 0px 55px 0px 45px }
.innerContent IMG	{ border: 2px solid white }

#header			{ height: 20px; background: url(images/page-bg.gif); color: #d1b17a; font-family: tahoma; font-size: 10px; text-align: right }
#header UL		{ padding: 3px 0px 0px 0px; margin: 0px 20px; list-style-type: none }
#header UL LI		{ display: inline; padding: 0px 7px }
#header A		{ color: #d1b17a; font-weight: bold; }
#header A:hover		{ color: #d1b17a; text-decoration: underline }

#sidepanel		{ width: 127px; float: left; background: url(images/menu-top.jpg) no-repeat top }
#sidepanel UL		{ height: 681px; width: 120px; background: url(images/menu.jpg) no-repeat top; margin: 34px 0px 0px 7px; padding: 0px; list-style: none }
#sidepanel UL LI	{ margin: 0px; padding: 0px }
#sidepanel A		{ width: 120px; display: block; text-indent: -9000px; text-decoration: none; overflow: hidden }

/*******************  
*	MENU
********************/

#activities		{ height: 88px }
#activities:hover, .activities { background: url(images/menu-activities.jpg) no-repeat 15px 17px }

#reservations		{ height: 82px; margin-top: 34px }
#reservations:hover, .reservations { background: url(images/menu-reservations.jpg) no-repeat 21px 10px }

#aboutus		{ height: 80px; margin-top: 37px }
#aboutus:hover, .aboutus { background: url(images/menu-aboutus.jpg) no-repeat 10px 10px }

#testimonials		{ height: 90px; margin-top: 31px }
#testimonials:hover, .testimonials { background: url(images/menu-testimonials.jpg) no-repeat 17px 16px }

#products			{ height: 100px; margin-top: 19px }
#products:hover, .products	{ background: url(images/menu-products.jpg) no-repeat 12px 22px }

#faq			{ height: 100px; margin-top: 19px }
#faq:hover, .faq	{ background: url(images/menu-faq.jpg) no-repeat 16px 21px }


/*** DIV FLOAT CLEAR ***/
.clearfix:after 	{ content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix 	{ height: 1% }
/* End hide from IE-mac */

/*******************  
*	LISTS
********************/

.list1			{ width: 487px; height: 104px; margin-bottom: 20px; background: url(images/tab-bg.jpg) no-repeat top left; line-height: 100% }
.list1Inner		{ padding: 11px 10px 10px 38px }
.list1 IMG		{ float: left; margin-right: 10px }
.list1 H4		{ margin: 0px; font: bold 14px tahoma }
.list1 .description	{ height: 38px; font-size: 11px; overflow: hidden; text-overflow: ellipsis }
.list1 A.more		{ float: right; font-size: 11px; padding-top: 4px }
.list1 A.more IMG	{ margin: 0px }

.list2			{ padding: 0px 0px 5px 0px; border-bottom: 2px dotted #b0894c; margin-bottom: 12px }
.list2 .imageBox	{ float: left; margin-right: 10px; text-align: center; font: bold 10px tahoma }
.list2 H4		{ margin: 0px; font: bold 14px tahoma }
.list2 .description	{ overflow: hidden }
.list2 A.more		{ float: right }

/*******************  
*	FAQ
********************/

OL.faqList LI H4	{ margin-bottom: 5px; font-size: 14px }

/*******************  
*   SINGLE IMAGE GALLERY
********************/

.GallerySingle		{ float: left; width: 220px; margin-right: 10px; margin-bottom: 5px; text-align: center; border: 2px solid #b0894c; font: bold 11px arial }
.GallerySingle DIV, .GallerySingle A
			{ padding: 3px 5px 4px 5px }
.GSdisplay		{ background: #b0894c; padding: 2px 0px; margin-bottom: 8px }
#GSnext			{ background: #b0894c; float: right  }
#GSnextOff		{ background: #b0894c; float: right; display: none }
#GSprev			{ background: #b0894c; float: left; display: none }
#GSprevOff		{ background: #b0894c; float: left }
.GSenlarge		{ font: 10px arial; padding-top: 0px }

/*******************  
*	FADING
********************/

/* default opacity for IE */
img 		{ filter: alpha(opacity=100) }

/* duplicate image positioning */
img.idupe 	{ position: absolute; z-index: 30000; visibility: hidden }

/*******************  
*	FOOTER
********************/

#footer		{ height: 37px; background: url(images/footer.jpg) no-repeat top left; clear: both }

#footerMenu 	{ margin: 0px; padding: 3px 0px 10px 0px; background: url(images/page-bg.gif); color: #b0894c; font: normal 11px tahoma; text-align: center }
#footerMenu LI	{ display: inline; padding: 0px 7px }
#footerMenu A		{ color: #b0894c; text-decoration: underline }
#footerMenu A:hover	{ color: #b0894c; text-decoration: none }
A#dynadesign:hover	{ color: red; text-decoration: none }


.noTop			{ margin-top: 0px }
.small			{ font-size: 11px }
.noBorder		{ border: 0px }
IMG.noBorder		{ border: 0px }

UL.partners		{ margin: 0px 0px 10px 15px; padding: 0px; width: 161px; background: url(images/box1-tile.jpg) repeat-y center; float: right; list-style: none }
UL.partners LI		{ text-align: center; margin: 0px; padding: 5px 0px; }
UL.partners .top	{ height: 32px; background: url(images/box1-top.jpg) no-repeat top left; padding: 0px 0px 10px 0px }
UL.partners .bottom	{ height: 10px; background: url(images/box1-bottom.jpg) no-repeat bottom left; padding: 5px 0px 0px 0px }