@charset "UTF-8";
/* reset browser inconsistencies - originally by eric meyer */

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}
	
:focus {
	outline: 0;
}
	
ol, ul {
	list-style: none;
}

label,
button {
    cursor: pointer;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}
	
html {
    width: 100%;
	height: 100%;
}


body {
	font: 62.5%/1em Helvetica, Arial, sans-serif;
	width: 100%;
	height:100%;
	color:#808080;
	/* firefox 2 mac bug flickering text */
	-moz-opacity: 0.99;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;

	
	
}

/* MAIN PAGE LAYOUT */




#main-container {
    width: 1140px;
    height: 864px;
    position: relative;
    margin: 0 auto;
    background: url(../images/layout/background.jpg) no-repeat;
}

#header {
	width: 220px;
	height: 310px;
	position: absolute;
	top: 0;
	left: 170px;
	z-index: 100;
}

#header h1,
#header h1 a {
	display: block;
	width: 100%;
	height: 100%;
}

#header h1 a {
	text-indent: -9999px;
}


#menu ul li {
	position: absolute;
}

#menu ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}

#menu-home {
	width: 80px;
	height: 70px;
	top: 122px;
	left: 0;	
}

#menu-about-us {
	width: 104px;
	height: 46px;
	top: 20px;
	right: 70px;
}

#menu-adventure-tours {
	width: 90px;
	top: 110px;
	right: 66px;
}

#menu-charters {
	width: 75px;
	top: 228px;
	right: 45px;
}

#menu-yacht-support {
	width: 150px;
	height: 35px;
	top: 260px;
	right: 32px;
}


#menu-enquire-now-contact-us {
	width: 170px;
	height: 180px;
	top: 664px;
	left: 366px;
	
}

#menu ul li strong {
	display: none;
}

#menu ul li ul li {
	width: 100%;
	height: 13px;
	margin-bottom: 2px;
	position: static;
}

#primary-container a {
	color: #39f;
	text-decoration: none;
}

#primary-page {
	width: 375px;
	height: 565px;
	position: absolute;
	top: 90px;
	left: 185px;
}



#header-placeholder,
#compass-placeholder {
	display: inline;
	float: left;
	margin: 0 1em 1em 0;
}

#header-placeholder {
	width: 205px;
	height: 220px;
}

#compass-placeholder {
	width: 20px;
	height: 75px;
	clear: left;
}

#secondary-page {
	width: 355px;
	height: 545px;
	position: absolute;
	top: 138px;
	right: 145px;
	overflow: auto;
}

.javascript #secondary-page {
	overflow: hidden;
}

#page-controls {
	width: 48px;
	height: 103px;
	position: absolute;
	bottom: 160px;
	right: 95px;
}

#page-controls button {
	display: block;
	width: 100%;
	height: 51px;
	position: absolute;
	left: 0;
	background-image: url(../images/layout/page-controls.png);
	background-repeat: no-repeat;
	background-color: transparent;
	border: 0;
	text-indent: -9999px;
	padding: 0;
	outline: 0;
}

#page-controls button:focus {
	outline: 0;
}

#page-prev {
	top: 0;
	background-position: center top;
}

#page-next {
	bottom: 0;
	background-position: center bottom;
}

#menu-placeholder {
	display: inline;
	width: 10px;
	height: 170px;
	float: right;
	margin: 0 75px 1em 1em;
}

#introduction {
    color: #01356a;
    font-size: 90%;
}   


#primary-container {
	font-size: 1.3em;
	line-height: 1.3em;
	color: #666;
}

#primary-container p {
	margin-bottom: 1.2em;
}

#primary-container h3 {
    font-family: "Helvetica, Arial, sans-serif;
    color: #111;
    font-size: 1.4em;
    margin-bottom: 1.2em;
}

#safari {
	display: block;
	width: 116px;
	height: 118px;
	position: absolute;
	top: 205px;
	left: -91px;
	background: url(../images/layout/safari.png) no-repeat;
}

#bird {
	display: block;
	width: 57px;
	height: 77px;
	position: absolute;
	top: 53px;
	left: 5px;
	background: url(../images/layout/birdie.png) no-repeat;
}


#gallery {
	width: 388px;
	height: 330px;
	position: absolute;
	top: 230px;
	left: -30px;
	background-repeat: no-repeat;
	background-position: center center;
	border: 3px solid #ccc;
	padding: 3px;
	margin-top: 0.5em;


}

.javascript #gallery {
	cursor: pointer;
} 

#gallery .container {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#gallery img {
	display: block;
	width: 100%;
	height: 100%;
}

#gallery ul {
	display: none;
}

#view-all {
	display: block;
	width: 129px;
	height: 28px;
	position: absolute;
	bottom: -30px;
	left: 0;
	padding: 0;
	background: url(../images/layout/view-all-images.png) no-repeat transparent;
	border: 0;
	text-indent: -9999px;
}




#footer ul {
	position: absolute;
	top: 784px;
	left: 675px;
}

#footer ul li {
	display: inline;
	width: 45px;
	height: 43px;
	float: left;
	margin-right: 3px;
}

#footer ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}

#acura {
    display: block;
    width: 181px;
    height: 8px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: url(../images/layout/powered-by-acura.png) no-repeat;
    text-indent: -9999px;
}



/* pages */

/* home */

.home #main-container {
	background: url(../images/layout/background-home.jpg) no-repeat;
}

#photo-gallery h3 {
    text-align: center;
}

#photo-gallery li {
    display: inline;
    width: 160px;
    height: 60px;
    float: left;
    margin: 0 5px 5px 0;
    border: 4px solid #d3cfa3;
}

/* contact */

#contact-form {
    width: 90%;
    margin: 1em auto;
}

fieldset {
    width: 100%;
}

#contact-form legend {
    display: none;
}

#contact-form .input-row  {
    margin-bottom: 1em;
    clear: both;
}

#contact-form .input-row .input-container {
    overflow: hidden;
}

#contact-form .input-row .input-container label {
    width: 17%;
    float: left;
    margin-bottom: 1em;

}



#contact-form .input-row .input-container input, 
#contact-form .input-row .input-container textarea {
    width: 74%;
    float: right;
    border: none;
    background: #f4ebe2;
    font: inherit;
    color: #333;
    border: 1px solid #ccc;
    padding: 0.2em;
    margin-bottom: 1em;

}

#contact-form .input-row .input-container input:focus, 
# 17%;
    float: left;
    margin-bottom: 1em;

}



#contact-form .input-row .input-container input, 
#contact-form .input-row .input-container textarea {
    width: 74%;
    float: right;
    border: none;
    background: #f4ebe2;
    font: inherit;
    color: #333;
    border: 1px solid #ccc;
    padding: 0.2em;
    margin-bottom: 1em;

}

#contact-form .input-row .input-container input:focus, 
#contact-form .input-row .input-container textarea:focus {
    color: #111;
}

#contact-form .user-message,
#contact-form label.error {
    padding: 0.4em 0.2em 0.4em 28px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#contact-form button {
    float: right;
    clear: both;
    color: #013469;
    border: none;
    background: transparent;
    text-transform: lowercase;
    font-size: 1.4em;
    font-weight: bold;
    letter-spacing: -1px;
}

#contact-form .user-message {
	background: url(../images/layout/information.png) #f6f8fa no-repeat 3px center;
}

#contact-form label.error {
    background: url(../images/layout/error.png) no-repeat 4px center #f6cbca;
    margin-top: 0.6em;
}

/* user messages */

.user-message,
label.error {
    padding: 0.4em 0 0.4em 30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

p.error,
label.error {
    background: url(../images/layout/error.png) no-repeat 4px center #f6cbca;

}

label.error {
    display: block;
    width: 90%;
    float: none;
}

p.information {
	background: url(../images/layout/information.png) #f6f8fa no-repeat 3px center;
}

p.success {
	background: url(../images/layout/accept.png) #e7ffdf no-repeat 3px center;
}