/* CSS Document */
/* MA - v0.1 - base layout */

/* body default styles*/

body 
{
padding:0px;
margin:0px;
background: #FFFFFF url(../images/main_bg.jpg) repeat-x fixed left top ;
}

body#home
{background-color:#FF0000}

/*p
{
font-size: 10pt; 
font-weight: normal;
color: #000000; 
line-height: 14pt;
font-family: arial, helvetica, sans-serif, times;
margin: 15px 0px;
}*/

a
{
color: #990000; 
font-family: "Arial", helvetica, sans-serif, times; 
font-size: 10pt; 
font-weight: bold;
text-decoration: underline;
}

a:hover
{
background-color:#dacdb3;
}

h1
{font-family: "Georgia","Times New Roman", Serif, Sans-serif, Arial;
color: #990000; 
font-size: 31pt; 
font-weight: normal;
margin: 10px 0px 15px 0px;
}

h2
{
font-family: "Georgia","Times New Roman", Serif, Sans-serif, Arial;color: #492801; 
font-size: 22pt; 
font-weight: normal;
margin: 0px;
}


/* primary nav class elements */
#tabs {
	float: left; 
	height: 45px; 
	padding: 4px 0px 0px 0px; 
	margin: 0px 0px 0px 38px; 
	font-size: 12pt;
	font-weight: normal;
	color: #492801;
	text-decoration: none;
	text-align: center;
}
#tabs ul {
	height: 45px; 
	float: left; 
	list-style: none; 
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}
#tabs ul li {
	display: inline; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#tabs ul li a {
	float: left;
	padding: 0px 12px 0px 12px;
	margin: 0px;
	font-size: 9pt;
	font-family: "Arial", sans-serif, arial, helvetica;
	font-weight: normal;
	text-decoration: none;
}
#tabs li#tab-type a {
	height: 32px; 
	padding-top: 14px; 
	color: #492801;
}

#tabs li#tab-type a:hover {
	height: 32px; 
	padding-top: 14px;
	background: url(../images/nav_hover.jpg) repeat-x top;
	color: #990000;
}

#tabs li#tab-type-selected a {
	height: 32px; 
	padding-top: 14px; 
	background: url(../images/nav_hover.jpg) repeat-x top;
	color: #990000;
}

.headertxt blockquote
{
font-size: 14pt;
color: #FFFFFF; 
line-height: 22pt;
font-family: "Georgia","Times New Roman", Serif, Sans-serif, Arial;font-weight: normal;
text-decoration: none;
}

.smalltxt
{
font-size: 8pt;
color: #FFFFFF; 
}

/* right nav class elements */

#recommend p
{
font-size: 10pt;
padding:0px;
font-family: "Arial", helvetica, sans-serif, times;
font-weight: normal;
color: #FFFFFF; 
}


.rightnavcontent
{
float:left;
padding: 40px 30px;
}

.rightnavtext
{
font-size: 8pt; 
color: #000; 
line-height: 12pt;
font-family: "Arial", helvetica, sans-serif, times;
}

.rightnavtexta
{
margin:10px 0px;
font-size: 8pt;
padding-right: 65px;
color: #000; 
line-height: 12pt;
font-family: "Arial", helvetica, sans-serif, times;
}

.rightnavcontent h3
{
font-size: 10pt; 
color: #990000; 
line-height: 14pt;
font-family: "Georgia","Times New Roman", Serif, Sans-serif, Arial;font-weight: normal;
text-transform: uppercase;
margin:10px 0px;
}

.rightnavcontent h4
{
font-size: 15pt; 
color: #492801; 
line-height: 20pt;
font-family: "Georgia","Times New Roman", Serif, Sans-serif, Arial;font-weight: normal;
margin:5px 0px;
}

.cta
{
margin: -2px;
padding: 3px;
line-height: 28px;
}

.rightnavcontentsub
{
float:left;
padding: 10px 20px 10px 15px;

}

.boxaround
{float:left;
width:300px;
height:140px;

}

.rightnavcontentsub form select
{
float:left;
padding: 2px;
width:130px;
}

.rightnavcontentsub input
{
display:inline;
float:left;
padding: 0px 0px 0px 18px;
margin-bottom:5px;
}

.rightnavcontentsub h3
{
font-size: 10pt; 
color: #990000; 
line-height: 14pt;
font-family: "Georgia","Times New Roman", Serif, Sans-serif, Arial;font-weight: normal;
text-transform: uppercase;
margin:5px 0px;
}

.rightnavcontentsub h4
{
font-size: 14pt; 
color: #492801; 
line-height: 18pt;
font-family: "Georgia","Times New Roman", Serif, Sans-serif, Arial;font-weight: normal;
margin:5px 0px;
}


.bottles
{
position:absolute;
margin-left:220px;
margin-top:7px;
width:70px;
height:130px;
background: url(../images/bottles.png) no-repeat scroll right;
z-index:10;
}

.hat
{
position:absolute;
margin-left:214px;
margin-top:2px;
width:70px;
height:130px;
background: url(../images/hat.png) no-repeat scroll right;
z-index:10;
}

.facebook
{
position:absolute;
margin-left:30px;
margin-top:0px;
width:40px;
height:40px;
background: url(../images/facebook_logo.png) no-repeat scroll right;
z-index:0;
float:left;
border:solid 1px;
}


.people
{
position:absolute;
margin-left:170px;
margin-top:16px;
width:120px;
height:130px;
background: url(../images/people.png) no-repeat scroll right;
z-index:10;
}

/* booking page class elements */

.bookinginfo
{
position: relative;
float:left; 
clear:both;
padding: 10px 0px 10px;
margin-bottom:20px;
border-width: 2px;
border-style: solid;
border-bottom-color: #cc6666; 
border-right-color: #cc9999;
border-top-color: #FFFFFF; 
border-left-color: #FFFFFF; 
width:100%;
white-space: nowrap;
background-color:#FFFFFF;
}

.bookinginfo img 
{
position: absolute;
right: 10px;
top: 2px;
white-space: nowrap;
border-style: none;
}

.bookinginfo p
{
font-size: 10pt; 
color: #492801; 
line-height: 15pt;
font-family:  "Arial", helvetica, sans-serif, times;
font-weight: bold;
margin:-10px 0 0 -2px;
}

.ctamain
{
margin: -2px;
padding: 3px;
line-height: 28px;
background-color:#FFFFFF;
text-decoration: underline;
}

.ctamain a:hover
{
background-color:#d8b877;
}

.courses img
{
float: right;
padding: 0px 0px 15px 15px;
line-height: 28px;
border-style:none;
}

.courses p
{
font-size: 10pt; 
font-weight: normal;
color: #000000; 
line-height: 15pt;
font-family:  "Arial", helvetica, sans-serif, times;
margin: 15px 0px;
}

.courses form p
{
font-size: 10pt; 
font-weight: normal;
color: #000000; 
line-height: 5pt;
font-family:  "Arial", helvetica, sans-serif, times;
margin: 15px 0px;
}
.courses input
{
font-size: 9pt; 
margin: 15px 5px 0 10px;
padding:3px;
color: #990000;
border:solid 1px;
border-color:#666666;
}

.courses select
{
font-size: 9pt;
margin: 15px 5px 0 10px;
color: #990000;
border:solid 1px;
border-color:#666666;
padding:3px;

}

.courses textarea
{
font-size: 9pt;
padding:3px;
margin: 15px 5px 0 0px;
color: #990000;
border:solid 1px;
border-color:#666666;
font-family:  "Arial", helvetica, sans-serif, times;
}

.formbutton
{
font-size: 10pt;
color: #000000; 
margin: 10px;
text-transform:uppercase;
}
.formcontainer
{
float: left;
margin:20px 0 30px 0;
width: 550px;
padding: 0px 20px;
border:solid 5px;
border-color:#CCCCCC;
}

.formcontainer1
{
float: left;
margin:20px 0 30px 0;
width: 450px;
padding: 0px 20px;
border:solid 5px;
border-color:#CCCCCC;
}

.formcontainertemplate
{
float: left;
margin:20px 0 30px 0;
width: 450px;
height: 650px;
padding: 0px 20px;
border:solid 0px;
border-color:#CCCCCC;
}

.formcontainertemplate
{
float: left;
margin:20px 0 30px 0;
width: 450px;
height: 650px;
padding: 0px 20px;
border:solid 0px;
border-color:#CCCCCC;
}

.formcontainer h3
{
font-size: 11pt; 
color: #990000; 
line-height: 16pt;
font-family: "Georgia","Times New Roman", Serif, Sans-serif, Arial;font-weight: normal;
}
/*home*/

#homeintro h1
{
font-size: 32pt;
}

#homeintro h2
{
width: 550px;
font-size: 13pt;
line-height: 23pt; 
}

#homeintro img
{
margin-top: 30px;
border-style: none;
}

/* footer class elements */

#footer p
{
font-size: 9pt;
font-family: "Arial", helvetica, sans-serif, times;
font-weight: normal;
color: #d9d4c9; 
text-align: center;
}

.whitetext a
{
text-decoration: none;
font-weight: normal;
}

.whitetext a:hover
{
background-color:transparent;
text-decoration: underline;
}

/* begin gallery styling */
#jgal { padding:0px;list-style: inline; width: 620px; height:600px; position:relative; }
#jgal li { opacity: .5; float: left; display: block; width: 60px; height: 60px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #d9d4c9; margin-right: 14px; margin-bottom: 14px; }
#jgal li img { padding:0px; position: absolute; top: 165px; left: 0px; display: none; }
#jgal li.active img { overflow:hidden; display: block; }
#jgal li.active, #jgal li:hover { outline-color: #492801; opacity: .99 /* safari bug */ }