/* CSS Document */

body { background-color : #a29061; font-family : Arial, Helvetica, sans-serif; padding:0; margin: 0; background-image:url(../images/bg.gif); background-repeat: repeat-x; background-position: left top; font-weight:normal;}

h1 { font-family : "Times New Roman", Times, serif; font-size : 20px; line-height: 22px; font-weight : lighter; margin:10px 0 0 0;}
h2 { font-size : 17px; line-height: 19px; font-weight : normal; margin:0;}
h3 { font-size : 15px; line-height: 17px; font-weight : normal; margin:0;}

ul, li { font-family : Arial, Helvetica, sans-serif; font-size : 13px; line-height : 22px; font-style : normal; text-decoration : none; color : #FFFFFF; }
a { color:#a29061; text-decoration:underline; }
a:hover { color:#FFFFFF; text-decoration:underline; }

.orange { color : #a29061;}
.center { text-align:center; } 
.img-boat-award { border:none:}
.credit { font-size:9px; color: #989482}

#stretch { width : 100%; }
#wrapper-index { width : 841px; height : 541px; margin : 0 auto 0 auto; background-image:url(../images/bg-cross.gif); background-repeat: no-repeat; background-position: left top; padding: 129px 56px 0 56px; }
#wrapper { width : 841px; height : 670px; margin : 0 auto 0 auto; background-image:url(../images/bg-cross.gif); background-repeat: no-repeat; background-position: left top; padding: 0 56px 0 56px; }
#container { width : 840px; height : 470px; float:left; display:inline; }
.contanier-bg {background-image:url(../images/bg-container2.gif); background-repeat: no-repeat; background-position: left top; }

#logo-index { width : 226px; height : 212px; margin : 117px 306px 0 308px; background-image:url(../images/logo-index.gif); background-repeat: no-repeat; background-position: left top; float:left; display:inline; }
#logo-top { width : 226px; height : 130px; margin : 0 306px 0 308px; background-image:url(../images/logo-top.gif); background-repeat: no-repeat; background-position: left top; float:left; display:inline; }
#logo-topbutton { width : 517px; height : 130px; margin : 0 306px 0 17px; background-image:url(../images/booking.html); background-repeat: no-repeat; background-position: left top; float:left; display:inline; }

#enter { width : 71px; height : 32px; margin : 52px auto 0 auto; }

#navigation { width : 800px; height : 34px; margin:30px 0 3px 20px; float:left; display:inline; padding: 0 0 2px 0; }
#menu { width : auto; height : 25px; background-image:url(../images/orange-sq.gif); background-repeat: repeat-x; background-position: left bottom; text-align: center; }
#menu a { height : 23px; text-align : center; display : block; float : left; padding : 5px 11px 0 11px; margin:0 3px 0 0; font-family : "Times New Roman", Times, serif; font-size : 11px; font-weight : normal; color : #FFFFFF; text-align : center; text-decoration : none;  background-image:url(../images/menu-bg.gif); background-repeat: repeat-x; background-position: left top; letter-spacing: 0px;}
#menu a.current { text-decoration : none; color : #FFFFFF;  background-image:url(../images/menu-bg-over.gif); background-repeat: repeat-x; background-position: left top; }
#menu a:hover { text-decoration : none; color : #FFFFFF;  background-image:url(../images/menu-bg-over.gif); background-repeat: repeat-x; background-position: left top; }

#main-contents { width : 850px; height : 380px; margin:0 20px 0 20px; float:left; display:inline;}
#wide-col { width : 423px; height : 330px; float:left; display:inline; padding: 10px 20px 10px 0; }
#narrow-col { width : 370px; height : 320px; float:left; display:inline; padding: 10px 10px 0 20px; }

#links {
	width : 789px;
	height : 20px;
	margin:0 0 0 0;
	text-align:left;
	color : #FFFFFF;
	float:left;
	padding: 10px 0 0 10px;
	background-image:url(../images/orange-sq.gif);
	background-repeat: repeat-x;
	background-position: left top;
	display:inline;
}
.links { text-decoration : none; font-size : 12px; line-height : 11px; color : #FFFFFF;  }
.links a { text-decoration : none; color : #FFFFFF; }
.links a:hover { text-decoration : none; color : #a29061; }

.links-orange { text-decoration : none; font-size : 12px; line-height : 11px; }
.links-orange a { text-decoration : none; color : #a29061; }
.links-orange a:hover { text-decoration : none; color : #a29061; }


#footer{ width : 840px; height : 50px; margin : 0 auto 0 auto; float:left; font-family : Arial, Helvetica, sans-serif; font-size : 12px; line-height : 18px; font-style : normal; text-decoration : none; }
.footer { text-decoration : none; text-align:center; color : #FFFFFF; } 
.footer a { text-decoration : none; color : #a29061; }
.footer a:hover { text-decoration : none; color : #FFFFFF; }

#flash { float : left; height : 330px; width : 433px; margin : 0; display : inline; }
#google_map{ float : left; height : 330px; width : 433px; margin : 0; display : inline; }
#directions { margin-top:10px; }
		
.form { margin:0px; padding:0px; margin-top:20px; font-family : Arial, Helvetica, sans-serif; font-size : 11px; line-height : 18px; font-style : normal; text-decoration : none; color:#FFFFFF; }
.form-field { vertical-align:middle; border:1px solid #999999; background-color:#EEEEEE; }
.form-submit { font-family : Arial, Helvetica, sans-serif; border:1px solid #999999; background-color:#FFFFFF; font-size:7pt; font-weight:bold; }
.titles {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	color: #A19062;
}
.othertext {
	font-family: "Arial", Times, serif;
	font-size: 12px;
	color: #FFFFFF;
}
label {
    font-size: 12px;
    color: white;
    width: 80px;
    display: block;
    float: left;
    margin-top: 9px;
}
form input {
    margin-top: 5px;
    width: 70%;
}
#brochore_submit{
    float: right;
    margin-right: 1%;
    width: 70%;
}
#greystones_banner {
    width: 440px;
    height: 330px;
}
#slider_caption {
    text-transform: uppercase;
    font-weight:bold;
    width:440px;
    height:20px;
    color:white;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mPorU5IAwAE0AHPMS8x8QAAAABJRU5ErkJggg==);
    font-size: 9px;
    display: inline-table;
    padding-top: 10px;
    padding-left: 10px;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
}

ul.share-buttons{
  list-style: none;
  padding: 0;
}

ul.share-buttons li{
  display: inline;
}