/*--------------------------------------------------------------

Common screen styles that are used in all static pages

--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	}
* {
	margin:0;
	padding:0;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	background:#eeeedf url(/img/body-back.gif) repeat-x;
	color:#383838;
	font-family:verdana, arial, sans-serif, serif;
	font-size:95%;
	line-height: 1;
	text-align:center;
	}
/*--------------------------------------------------------------
 Main Link Styles 
--------------------------------------------------------------*/
a {
	font-weight:bold;
	}
a:link {
	color:#6db60f;
	}
a:visited {
	color:#6db60f;
	}
a:hover {
	color:#383838;
	text-decoration:none;
	}
a:active {
	color:#6db60f;
	}
a img {
	border:0;
	}
/*--------------------------------------------------------------
 Common element styles 
--------------------------------------------------------------*/
p, td, th {
	font-size:80%;
	line-height:1.8em;
	color:#000;
	margin:0 0 1em 0;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande,'Lucida Sans', Geneva, Arial, sans-serif;
	}
td, th {
	margin:0;
	}
table {
	width:100%;
	}
th {
	background:#efefef;
	}
ol, ul {
	list-style:none;
	font-size:80%;
	line-height:1.6em;
	margin:0 0 1em 0;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande,'Lucida Sans', Geneva, Arial, sans-serif;	
	}
#sub-content ul {
	margin-left:1em;
	}
#sub-content ul li {
	background:transparent url(/img/bullet.gif) no-repeat 0 4px;
	padding-left: 20px;
	}
acronym, dfn, abbr {
	text-decoration:none;
	padding-bottom:2px;
	cursor:help;
	}
/*--------------------------------------------------------------
 Heading Styles 
--------------------------------------------------------------*/
h1, h2, h3, h4 {
	font-weight:normal;
	letter-spacing:0;
	color:#6db60f;
	background:transparent;
	}
h1 {
	margin:0 0 24px 17px;
	font-size:140%;
	/*background:transparent url(/img/heading-dots.gif) repeat-x bottom;*/
	}
h2 {
	margin:0 0 24px 0;
	font-size:110%;
	color:#383838;
	background:transparent url(/img/heading-dots.gif) repeat-x bottom;
	}
h3 {
	margin:0 0 0.8em 0;
	color:#6db60f;
	font-size:90%;
	line-height:1.4em;
	}
h4 {
	font-size:100%;
	font-weight:bold;
	}
/*--------------------------------------------------------------
 Layout element styles 
-------------------------------------------------------------*/
#fixed-width-wrapper {
	margin:0 auto 30px auto;
	width:871px;
	text-align:left;
	background:transparent url(/img/wrap-back.gif) repeat-y;
	line-height:1.1;
	}
#header {
	background:transparent url(/img/driftwood-logo.jpg) no-repeat;
	height:207px;
	position:relative;
	}
#content-wrap {
	background:transparent url(/img/wrap-graphics.jpg) no-repeat;
	width:871px;
	}
#left-content {
	clear:left;
	float:left;
	width:579px;
	background:transparent;
	}
#right-content {
	float:left;
	width:292px;
	background:transparent;
	}
#left-content .padFix {
	padding:40px 40px 0 69px;
	background:transparent;
	}
#right-content .padFix {
	padding:40px 70px 0 0;
	background:transparent;
	}
#sub-content {
	clear:both;
	width:871px;
	background:transparent;
	}
#sub-content .padFix {
	padding:40px 70px 0 69px;
	background:transparent;
	}
#bottom-corners {
	clear:both;
	background:transparent url(/img/bottom-corners.gif) no-repeat;
	overflow:hidden;
	height:91px;
	}
#footer {
	clear:both;
	background:#eeeedf url(/img/footer-shell.gif) no-repeat 0 7px;
	overflow:hidden;
	height:105px;
	}
#footer .padFix {
	padding:40px 60px 0 120px;
	}
/*--------------------------------------------------------------
 Header styles 
-------------------------------------------------------------*/
#header h1 {
	margin:0;
	}
#header h1 a {
	position:absolute;
	top:0; left:69px;
	display:block;
	width:372px;
	height:143px;
	background:trnaparent;
	}
#header a span {
	display:none;
	}
/*--------------------------------------------------------------
 Footer specific styles 
--------------------------------------------------------------*/
#footer p {
	color:#333333;
	margin:0;
	text-align:center;
	font-size:60%;
	}
/*--------------------------------------------------------------
 Top Nav styles 
--------------------------------------------------------------*/
#top-nav {
	float:left;
	list-style:none;
	margin:144px 0 0 43px;
	display:inline;
	}
#top-nav li {
	list-style:none;
	float:left;
	}
#top-nav li a {
	display:block;
	height:53px;
	}
#top-nav li a span {
	display:none;
	}
	
#top-nav li#home a {
	width:68px;
	background:transparent url(/img/nav/home.gif) no-repeat 0 -106px;
	}
#top-nav li#milne-bay-and-png a {
	width:92px;
	background:transparent url(/img/nav/milne-bay-and-png.gif) no-repeat 0 -106px;
	}
#top-nav li#boutique-resort a {
	width:92px;
	background:transparent url(/img/nav/boutique-resort.gif) no-repeat 0 -106px;
	}
#top-nav li#fishing-expeditions a {
	width:92px;
	background:transparent url(/img/nav/fishing-expeditions.gif) no-repeat 0 -106px;
	}
#top-nav li#adventure-tours a {
	width:92px;
	background:transparent url(/img/nav/adventure-tours.gif) no-repeat 0 -106px;
	}
#top-nav li#weddings-and-events a {
	width:92px;
	background:transparent url(/img/nav/weddings-and-events.gif) no-repeat 0 -106px;
	}
/*#top-nav li#rates-and-prices a {
	width:71px;
	background:transparent url(/img/nav/rates-and-prices.gif) no-repeat 0 -106px;
	}*/
#top-nav li#image-gallery a {
	width:74px;
	background:transparent url(/img/nav/image-gallery.gif) no-repeat 0 -106px;
	}
#top-nav li#travel-notes a {
	width:89px;
	background:transparent url(/img/nav/travel-notes.gif) no-repeat 0 -106px;
	}
#top-nav li#about-us a {
	width:87px;
	background:transparent url(/img/nav/contact-us.gif) no-repeat 0 -106px;
	}
#top-nav li#home a:hover, #top-nav li#milne-bay-and-png a:hover, #top-nav li#boutique-resort a:hover, #top-nav li#fishing-expeditions a:hover, #top-nav li#adventure-tours a:hover,
#top-nav li#weddings-and-events a:hover, /*#top-nav li#rates-and-prices a:hover,*/ #top-nav li#image-gallery a:hover, #top-nav li#travel-notes a:hover, #top-nav li#about-us a:hover {
	background-position:0 0;
	}
#top-nav li#home a.current, #top-nav li#milne-bay-and-png a.current, #top-nav li#boutique-resort a.current, #top-nav li#fishing-expeditions a.current, #top-nav li#adventure-tours a.current,
#top-nav li#weddings-and-events a.current, /*#top-nav li#rates-and-prices a.current,*/ #top-nav li#image-gallery a.current, #top-nav li#travel-notes a.current, #top-nav li#about-us a.current {
	background-position:0 -53px;
	}
/*--------------------------------------------------------------
 Right content styles 
--------------------------------------------------------------*/
#right-content ul#special-offers {
	list-style:none;
	margin-bottom:24px;
	border-top:1px solid #dadad0;
	}
#right-content ul#special-offers li {
	list-style:none;
	background:#f3f3ef;
	line-height:1em;
	border-bottom:1px solid #dadad0;
	}
#right-content ul#special-offers li.off {
	background:#dadad0;
	}
#right-content ul#special-offers li img {
	float:left;
	padding-right:8px;
	}
#right-content ul#special-offers li a {
	text-decoration:none;
	display:block;
	padding:8px;
	}
#right-content ul#special-offers li a:hover {
	background:#edede2;
	}
#right-content ul#special-offers li a span {
	font-size:80%;
	color:#8e9385;
	font-weight:normal;
	}
#right-content ul#special-offers li a span.title {
	font-weight:bold; font-size:12px;
	color:#313130; padding-bottom:2;
	}
/*--------------------------------------------------------------
 Product page styles 
--------------------------------------------------------------*/
.product-row {
	padding-bottom:30px;
	}
.product-col-1, .product-col-2, .product-col-3, .product-col-4 {
	float:left;
	width:189px;
	}
.product-col-4 {
	width:165px;
	}
#sub-content .product-row .padFix {
	padding:0 24px 0 0;
	}
#sub-content .product-row .product-col-3 .padFix {
	padding:0 24px 0 0;
	}
#sub-content .product-row .product-col-4 .padFix {
	padding:0;
	}
.product-row a {
	display:block;
	border:1px solid #e9d7b3;
	}
product-row a span {
	display:block;
	}
.product-row a span img {
	display:block;
	border:1px solid #fff;
	}
.product-row a:hover {
	display:block;
	border:1px solid #7d735e;
	}
.product-row a:hover span {
	display:block;
	}
.product-row a:hover span img {
	display:block;
	border:1px solid #fff;
	}
#sub-content .product-row a:link, #sub-content .product-row a:visited, #sub-content .product-row a:active {
	text-decoration:none;
	}
.product-row a:link span.prod-desc, 
.product-row a:visited span.prod-desc, 
.product-row a:active span.prod-desc {
	display:block;
	padding:4px;
	background:#F6F0E2;
	font-weight:normal;
	font-size:70%;
	color:#000;
	text-decoration:none;
	line-height:1.4em;
	}
.product-row a:hover span.prod-desc {
	text-decoration:none;
	}

/*--------------------------------------------------------------
 Form styles 
--------------------------------------------------------------*/
form.std-form {
	width:490px;
	overflow:hidden;	
	padding-top:6px;
	}
form.std-form fieldset {
	margin:0 0 13px 0;
	display:block;
	width:480px;
	overflow:hidden;
	border:0;
	}
form.std-form legend {
	margin:0 0 12px 0;
	padding:8px 0;
	padding-bottom:0;
	color:#658180;
	font-weight:normal;
	font-size:100%;
	text-transform:capitalize;
	}
form.std-form td {
	padding-bottom:6px;
	}
form.std-form tr {
	vertical-align:top;
	}
form.std-form label {
	display:block;
	color:#6db60f;
	font-size:100%;
	padding:0 0 6px 0;
	}
form.std-form input, form.std-form textarea, form.std-form select {
	display:block;
	color:#000;
	border-color:#333;
	background:#fff url(/img/input-back-white.gif) repeat-x bottom;
	padding:3px;
	}
form.std-form select option {
	padding:0 18px 0 0;
	}
form.std-form textarea {
	font-family:Arial, sans-serif, serif;
	font-size:110%;
	}
.input_text,
.input_password,
textarea,
select { 
	border-collapse:collapse;
	background:#fff url(/img/input-back-white.gif) repeat-x bottom;
	border:1px solid #333;
	padding:3px 0;
	}
form.std-form td.large input, form.std-form td.large textarea {
	width:380px;
	}
form.std-form td.large {
	}
form.std-form td select {
	width:auto;
	}
form.std-form td.sub {
	padding:8px 0 0 23px;
	}
form.std-form fieldset input.input_check, #members-login input.input_check {
	width:auto;
	}
label:hover, label.ie_hover {
	color:#666;
	}

form.std-form fieldset input.ie_hover, form.std-form fieldset textarea.ie_hover,
form.std-form fieldset input:hover, form.std-form fieldset textarea:hover,
input.input_text:hover, textarea.input_text:hover { 
	border:1px solid #d0c73d;
	background:#FDFDE2;
	}

/*.input_text:focus, .input_password:focus, textarea:focus,*/
form.std-form fieldset input.ie_focus, form.std-form fieldset textarea.ie_focus,
form.std-form fieldset input:focus, form.std-form fieldset textarea:focus,
input.input_text:focus, textarea.input_text:focus { 
	border:1px solid #d0c73d;
	background:#FDFDE2;
	}

form.std-form input.submit, form.std-form input.submit:hover, form.std-form fieldset input.submit {
	margin:0;
	padding:0;
	border:0;
	}
#error {
	border:1px solid #d0c73d;
	background:#FDFDE2;
	font-size:70%;
	padding:10px;
	}
#error p {
	font-size:100%;
	color:#9c9307;
	font-weight:bold;
	margin:0;
	line-height:1.8em;
	}
.hide {
	display:none;
	height:0;
	overflow:hidden;
	visibility:hidden;
	}

form.std-form label.label_check, form.std-form input.input_check {
	display:inline;
	clear:none;
	padding:0;
	margin:0;
	}
form.std-form fieldset input.input_check, #members-login input.input_check {
	width:auto;
	background:transparent;
	border:0;
	}
form.std-form input.input_check {
	margin-top:3px;
	display:inline;
	}
/*--------------------------------------------------------------
 Form Validation styles 
--------------------------------------------------------------*/
form.std-form fieldset input.validation-failed, form.std-form fieldset textarea.validation-failed {
  border: 1px solid #f00;
}
form.std-form fieldset input.validation-passed,form.std-form fieldset  textarea.validation-passed {
  border: 1px solid green;
}
.validation-advice {
  margin: 2px; 
  padding: 2px; 
  color:#fff; 
  background-color:#f00;
}
.warning {
	border: 1px solid #c66;
}
.warning-advice {
	margin: 2px;
	padding: 2px;
	color:#fff;
	background-color:#bbb;
}
/*--------------------------------------------------------------
 Miscellaneous styles 
--------------------------------------------------------------*/
.text-align-right {
	text-align:right;
	}
.text-align-left{
	text-align:left;
	}
.center {
	text-align:center;
	}
.float-right {
	float:right;
	padding:0 0 14px 24px;
	}
.float-left {
	float:left;
	padding:0 14px 14px 0;
	}
div.float-fix {
	overflow:hidden;
	clear:both;
	height:0;
	}
br.float-fix {
	clear:both;
	}
.bold {
	font-weight:bold;
	}
.map {
	display:block;
	margin-bottom:24px;
	}
/*--------------------------------------------------------------
 sIFR Replacements
--------------------------------------------------------------*/
.sIFR-active #left-content h1, 
.sIFR-active #right-content h2,
.sIFR-active #sub-content h1, 
.sIFR-active #sub-content h2 {
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
	}
.sIFR-active #left-content h1, .sIFR-active #sub-content h1 {
	font-size: 26px;
	}
.sIFR-active #right-content h2, .sIFR-active #sub-content h2 {
	font-size: 26px;
	}
/******************************************************************
*****New divisions for Fishing Expedition and Adventure Tours****** 
*******************************************************************/
#container {width:737; margin:0px; border:1px solid blue; line-height:150%;} 
#brochuregreen-top {width:737px; height:36px; background: url(/img/table_img/tgreen-fill-top.jpg); background-repeat:no}
#brochuregreen-content {width:737px; height: auto; background: url(/img/table_img/tgreen-fill-corners.jpg);}
#brochuregreen-bottom {width:737px; height:40px; background: url(/img/table_img/tgreen-fill-bottom.jpg); background-repeat:no; clear:left;}

#brochureblue-top {width:737px; height:36px; background: url(/img/table_img/tblue-fill-top.jpg); background-repeat:no}
#brochureblue-content {width:737px; height: auto; background: url(/img/table_img/tblue-fill-corners.jpg);}
#brochureblue-bottom {width:737px; height:40px; background: url(/img/table_img/tblue-fill-bottom.jpg); background-repeat:no}

#brochurelime-top {width:737px; height:36px; background: url(/img/table_img/tlime-fill-top.jpg); background-repeat:no}
#brochurelime-content {width:737px; height: auto; background: url(/img/table_img/tlime-fill-corners.jpg);}
#brochurelime-bottom {width:737px; height:40px; background: url(/img/table_img/tlime-fill-bottom.jpg); background-repeat:no}

#brochureblight-top {width:737px; height:36px; background: url(/img/table_img/tblight-fill-top.jpg); background-repeat:no}
#brochureblight-content {width:737px; height: auto; background: url(/img/table_img/tblight-fill-corners.jpg);}
#brochureblight-bottom {width:737px; height:40px; background: url(/img/table_img/tblight-fill-bottom.jpg); background-repeat:no}