/*  
	Welcome to the stylesheet for water by nature
*/

/* I love doing this - it just removes margin and padding from everything */
* {
	margin:0;
	padding:0;
} 
/* IE FIX */
* html div {
	height:1%;
} 
/* the body tag  */
body {
	background:url(../gfx/bg.jpg) #FFFFFF repeat-x fixed;
	color:#ffffff/*#575757*/;
	font-family:"Arial","Verdana",sans-serif;
	font-size:62.5%; /* this makes 10px = 1em... usually */
	margin:15px auto ;
	overflow: -moz-scrollbars-vertical; /* possibly invalid, but it adds scrollbars in Firefox when the page is short */
	text-align:center;
}

/*	wbn - main wrappers */

#wbn {
	background:url(../gfx/top.gif) #ffffff no-repeat;
	color:#444444;
	margin:0 auto;
	width:960px;
	position:relative;
	text-align:left;
	padding:18px 0  0 0;
}
#basement {
	margin-top:10px;
	background:url(../gfx/foot.gif) #ffffff bottom left no-repeat;
}
#basement div {background:url(../gfx/line_footer.gif) top center no-repeat;padding:10px 40px;;text-align:center;color:#999;}
#basement div p {font-size:1.1em;line-height:1.6;margin:0;}
#basement a {color:#666666;padding:0 3px;}

/*	wbn - the roof */

#roof {
	background:url(../gfx/h1.jpg) center top no-repeat;
	height:183px;
	padding:0;
	position:relative;
	border-bottom:3px solid #FFFFFF;
	margin:0 15px;
}
#roof div {
	height:183px;
	padding:0;
	position:relative;
}


/*	wbn - the basement */

#nav {	background:url(../gfx/nav.gif)  0 0 no-repeat #303433;margin:0 18px 3px 18px;height:27px;;}

#basement {
	clear:both;
	padding:1px;
	font-size:10px;
}

/*	wbn
	the main content and stuff goes on the floor
	non-main stuff can go on the side (on the side, like) */

/*	wbn - single column */

#wbn div#floor {width:793px;height:1%;float:right;;;padding-bottom:15px;;}
#wbn div#side {width:160px;height:1%;float:left;padding-bottom:15px;}

#side .sideimg {margin:0 0 0 18px;}
.sideimg img {padding:10px 0;}

#sidenav {margin:0 0px 0 18px;background:url(../gfx/side_top.gif) top left no-repeat #333333 ;}
#sidenav div {background:url(../gfx/side_foot.gif) bottom left no-repeat ;}

#sidenav ul {margin:0;padding:10px 10px;}
#sidenav ul li {display:block;line-height:2.3em;font-size:1.1em;color:#fff;border-bottom:1px solid #494949;}

#sidenav ul li ul{margin:0;padding:7px 10px;border-top:1px solid #494949;}
#sidenav ul li ul li {display:block;line-height:1.6;font-size:1em;color:#fff;border-bottom:0px solid #494949;}

/*	wbn - the navigation */

#nav ul   {border:0px solid red;padding:9px 8px 8px 8px ;margin:0;;font-family:"Arial";font-weight:bold;}
/*#nav ul li {list-style: none;padding:0px 0px 0 0px;margin:0 0px;display:inline;;font-size:1.1em;text-transform:uppercase;}
#nav ul li a {text-decoration:none;color:#ccc;border:0;padding:0 3px}
*/
#nav ul li {display:block;float:left;height:10px;padding:0;margin:0 5px;background-position:top left;line-height:10px;overflow:hidden;font-size:13px;color:#666666;background-repeat:no-repeat;}
#nav ul li a {display:block;height:11px;background-position:top left;padding:0;margin:0;background-repeat:no-repeat;}
#wbn #nav ul li a:hover {background-position:0 -24px;background-repeat:no-repeat;}
#nav ul li a span {display:none;}
#nav .navdiv {border-left:1px solid #666666;}
#nav .navdiv span {display:none;}

/* these are the navigation buttons - remember to change the widths so they match */

#nav #nq , #nav #nq a {background:url(../gfx/nav/home.gif);width:32px;}
#nav #nw , #nav #nw a {background:url(../gfx/nav/aboutus.gif);width:107px;}
#nav #ne , #nav #ne a {background:url(../gfx/nav/type_holiday.gif);width:71px;}
#nav #nr , #nav #nr a {background:url(../gfx/nav/destinations.gif);width:74px;}
#nav #nt , #nav #nt a {background:url(../gfx/nav/riverlife.gif);width:55px;}
#nav #ny , #nav #ny a {background:url(../gfx/nav/bookings.gif);width:55px;}
#nav #nu , #nav #nu a {background:url(../gfx/nav/media_centre.gif);width:77px;}
#nav #ni , #nav #ni a {background:url(../gfx/nav/whyus.gif);width:41px;}
#nav #np , #nav #np a {background:url(../gfx/nav/brochures.gif);width:64px;}
#nav #na , #nav #na a {background:url(../gfx/nav/contact.gif);width:91px;}


body#body_home #wbn #nav #nq a  ,
body#body_about_us #wbn #nav #nw a  ,
body#body_trip_types #wbn #nav #ne a  ,
body#body_destinations #wbn #nav #nr a , 
body#body_river_life #wbn #nav #nt a  ,
body#body_bookings #wbn #nav #ny a  ,
body#body_media_centre #wbn #nav #nu a  ,
body#body_brochures #wbn #nav #np a  ,
body#body_contact_us #wbn #nav #na a  


{background-position:0 -24px;background-repeat:no-repeat;}





#sidenav ul li.active a,
#sidenav ul li.active li.active a,
#sidenav ul li.active li a:hover,
#sidenav ul li a:hover {color:#4391b8;}
#nav ul li a:hover {color:#ffffff;}

#sidenav ul li.active li a,
#sidenav a {color:#cccccc;font-weight:100;}

/* days */
#daysdiv {background:url(../gfx/box_757.gif) #e1e3ce bottom left no-repeat;padding-bottom:8px;margin:0 10px 0 17px;position:relative;}
#days {margin:0;padding:17px 200px 17px 17px;;}
#days .day {margin:6px 0px;display:block;background:url(../gfx/ib.gif) #fff bottom left no-repeat;}
#days .day div {background:url(../gfx/it.gif) top left no-repeat;padding:10px;}
#days .day h3 {margin:0 12px 8px 12px;padding-top:5px}
#days .day p {margin:0 12px;}
#notgot {background-color:#fff;padding:13px 0px;margin:17px}
/*	wbn - really default stuff like paragraphs and links */
#daysdiv #snaps {float:right;width:190px;;;position:absolute;top:10px;right:5px}
a {text-decoration:none;color:#ca6c04;}
a:hover {text-decoration:underline;color:#000000;}

abbr,acronym {cursor:help;}

h2 {font-family:"Trebuchet MS";color:#15729e;;font-weight:100;}
h3 {font-family:"Trebuchet MS";color:#4992B3;;font-weight:100;}
h3 a{color:#4992B3;}
h2 {font-size:2.6em;padding:8px 0px 1px 0;margin:5px 17px 5px 17px;clear:left;}
.days h4,
h3 {font-size:2em;padding:0px 20px 0 0 ;margin:0px 17px;clear:left;}
h2 em,
h3 em,
h5 em {color:#ddf;font-style:normal;}
h4 {font-size:1.4em;padding:0;margin:0 17px 0 17px;font-weight:100;color:#0365a4;}
h5 {font-size:1.2em;padding:0px 00px;margin:-3px 17px 3px 17px;color:#66f;}

#side h3 {color:#9e9e9e;}
h3 + p {margin-top:0em;}
p.img {margin:1em 25px 0 17px;}
p { font-size:1.2em;;line-height:150%;margin:1em 25px 1em 17px;padding:0;}
p.check {margin:.5em 25px 0.5em 17px;padding-left:20px;background:url(/assets/gfx/checkbox.gif) no-repeat top left;}

h2 a {color:#30f;border-bottom:1px solid #009;}
h2 a:hover {color:#ffffff;border-bottom:1px solid #ffffff;background-color:#000;}

ul {margin:0 17px 1em 17px;padding:0;}
li {list-style:none;margin:0;padding:0;}

/*	wbn - hiding stuff */
	
.hide,
hr,
h1 strong	{display:none;}


/*	wbn - a form to fill in (for comments etc) */

input, textarea {padding:2px;font-family:Arial;font-size:1.3empx;margin:3px 0;left:0;color:#000000;}

fieldset {height:1%;margin:6px 20px 0px 17px;border:0px solid white;background:url(../gfxx/form_foot.gif) bottom center no-repeat #c6d6d6;padding: 17px;}
legend  {display:none;}

fieldset label  {font-weight:bold;margin:7px 0 0 0;display:block;float:left;width:150px;font-size:1.1em;}
fieldset label.slim {width:80px;}
fieldset label.fat {width:200px;}

fieldset select,
fieldset input {border:1px solid #aaaaaa;float:left;width:180px;margin:2px 20px 2px 10px;}
fieldset textarea {border:1px solid #aaaaaa;float:left;width:97%;;}

fieldset br {clear:both;}
fieldset .fs input {margin:10px 0 0 0;}
fieldset#dazform {width:641px}
fieldset#dazform h4 {border-top:1px solid white;padding:15px 0;margin:10px 0;color:#000;}
body div input#f_submit {margin:10px 0px 0 0px;}
 fieldset input#f_submit {border:0;padding:0;margin:0;width:60px;height:21px;float:none;}

.set fieldset {background-color:#e1e3ce;width:333px;}

.set fieldset label  {width:100px;}

.set fieldset select,
.set fieldset input,
.set fieldset textarea {width:189px;float:left;}
.set fieldset input#f_submit {border:0;padding:0;margin:0;width:189px;height:21px;margin-left:12px;;}
.set #leftside {width:360px;float:left;}
.set #rightside {width:222px;text-align:left;float:right;background:url(../gfx/line_vertmid.gif) 0 20px  repeat-y;padding-top:10px}
#rightside a {margin-left:30px;}
fieldset#dazform div {;width:97%;;background:url(../gfxx/form_top.gif) top center no-repeat;text-align:right;}




/*	wbn - clearing
	odd that I had three. No idea why.  
	I'm not gunna remove them in case I forget to remove from site */

.clear, 
.clearh,
.clearx {clear:both;height:1px;font-size:1px;line-height:1px;}




p#copyright {text-align:center;font-size:1.1em;font-weight:bold;line-height:125%;}

.floater {float:left;margin:0;padding:1em 10px 0px 35px;}

/* country flags */

.countries li {display:block;float:left;width:254px;padding:5px 0 0 0;margin-bottom:20px;}
.countries li li a {font-size:1.2em;line-height:130%;}
.countries ul {margin:0;padding:0;}
.countries li ul {margin:0  14px 0 0;padding:10px;background:url(../gfx/ul.gif) bottom left no-repeat #e1e3ce;height:6em;}
.countries li ul li {float:none;width:auto;padding:0 0 0 0px!important;margin:0!important;}
.countries h3 {margin:0px 0 0 0;background:url(../gfx/h3.gif) #fff bottom left no-repeat;}
.countries h3 img {padding-right:10px;}

.li1 {clear:both;}
.countries {margin:0 0 0 17px;;clear:both;}

/* triptypes */
.triptypes li {display:block;float:left;width:254px;padding:5px 0 0 0;margin-bottom:20px;}
.triptypes li li a {font-size:1.2em;line-height:1.4;}
.triptypes li p {font-size:1.2em;line-height:130%;margin:10px 20px 10px 0;padding:0;}
.triptypes ul {margin:0;padding:0;}
.triptypes li ul {margin:0  14px 0 0;padding:10px;background:url(../gfx/ul.gif) bottom left  no-repeat #e1e3ce;height:10em;}
.triptypes li ul li {float:none;width:auto;padding:0 0 0 40px!important;margin:0!important;}
.triptypes h3 {margin:0px 0 10px 0;xbackground:url(../gfx/h3.gif) #fff bottom left no-repeat;}
.triptypes {margin:0 0 0 17px;;clear:both;}

/* hometrips */

.hometrips li {display:block;float:left;width:229px;padding:5px 0 0px 0;}
.hometrips li li a {font-size:1.2em;line-height:130%;}
.hometrips li p {font-size:1.1em;line-height:1.4;margin:0 20px 0 0;padding:10px 0 10px 0; }
.hometrips li p.types {background:url(../gfx/homep.gif) top left  no-repeat ;padding-left:35px;}
.hometrips li p.types a {font-weight:100;line-height:1.4;}
.hometrips ul {margin:0;padding:0;}
.hometrips h3 {margin:0px 0 10px 0;xbackground:url(../gfx/h3.gif) #fff bottom left no-repeat;}
.hometrips {margin:0 0 0 0px;clear:both;}

.hometrips.x5 {background:url(../gfx/line_679.gif) -7px 0 no-repeat;border:1px solid white;width:689px;height:3px;display:block;}
.hometrips.x5 li {padding-top:15px;}
/* hometrips */

.contact li {display:block;float:left;width:250px;padding:5px 0 10px 0;}
.contact li p {font-size:1.2em;line-height:120%;margin:0 ;padding: 0; }
.contact ul {margin:0;padding:0;}
.contact h3 {margin:0px 10px 10px 0;padding:15px 0 5px 40px;background:url(../gfx/line_type.gif) #fff top left no-repeat;font-size:1.8em;}
.contact .lix h3 {margin:0px 10px 10px 0;padding:15px 0 5px 0px;background:url(../gfx/line_footer.gif) #fff top left no-repeat;font-size:1.8em;}
.contact .lix {display:block;float:left;width:750px;padding:5px 0 10px 0;}
.contact {margin:0 0 0 17px;clear:both;}

/* tabs */
#set_europe,
#set_asia,
#set_aus,
#set_samerica,
#set_africa,
#set_dates,
#set_days,
#set_river,
#set_bring {display:none;}
#set_bring,
#set_river,
#set_days,
#set_dates {margin:0px 30px 10px 16px;padding:10px 0;background:url(../gfx/box_757.gif) #e1e3ce bottom left no-repeat;}
#set_summary {margin:0px 20px 10px 0px;padding:10px 0;}

#guide,
#set_usa,
#set_africa,
#set_samerica,
#set_aus,
#set_europe,
#set_asia {margin:0px 30px 10px 16px;padding:10px 0;background:url(../gfx/box_757.gif) #e1e3ce bottom left no-repeat;}
.set#guide h3,
.set#set_usa h3,
.set#set_aus h3,
.set#set_africa h3,
.set#set_europe h3,
.set#set_samerica h3,
.set#set_asia h3 {display:block;margin-bottom:1em;}

.set h3 {display:none;}
.set div h3 {display:block;}
#tabs {margin:10px 30px 0px 17px ;padding:0;display:block;height:27px;background:url(../gfx/line_757.gif) #fff bottom left no-repeat;}
ul#tabs li {list-style:none;display:block;margin:0;background:url(../gfx/tab.gif) top left no-repeat;height:22px;float:left;}
ul#tabs li a span {display:none;}
ul#tabs li#tab_summary {background:url(../gfx/tabs/summary.gif) bottom left no-repeat;width:99px;}
ul#tabs li#tab_bring {background:url(../gfx/tabs/bring.gif) top left no-repeat;width:153px;}
ul#tabs li#tab_river {background:url(../gfx/tabs/river.gif) top left no-repeat;width:114px;}
ul#tabs li#tab_days {background:url(../gfx/tabs/itenerary.gif) top left no-repeat;width:127px;}
ul#tabs li#tab_dates {background:url(../gfx/tabs/dates.gif) top left no-repeat;width:103px;}
ul#tabs li#tab_asia {background:url(../gfx/tabs/asia.gif) top left no-repeat;width:44px;}
ul#tabs li#tab_europe {background:url(../gfx/tabs/europe.gif) top left no-repeat;width:62px;}
ul#tabs li#tab_usa {background:url(../gfx/tabs/usa.gif) bottom left no-repeat;width:41px;}
ul#tabs li#tab_africa {background:url(../gfx/tabs/africa.gif) top left no-repeat;width:57px;}
ul#tabs li#tab_samerica {background:url(../gfx/tabs/samerica.jpg) top left no-repeat;width:103px;}
ul#tabs li#tab_aus {background:url(../gfx/tabs/aus.jpg) top left no-repeat;width:90px;}

ul#tabs li a {color:#ffffff;text-transform:uppercase;font-weight:bold;text-align:center;display:block;width:100%;height:22px;}
ul#tabs li a:hover {background-position:bottom left;}

#tabsets {margin:0;padding:0;clear:both;;}

/* No more comments frmo here */

ul#daz {font-size:1.4em;font-weight:bold;padding:10px;}
ul#daz ul {display:block;margin:0 10px}
ul#daz ul li {display:inline;padding:5px;font-weight:100;}
ul#daz li {padding-bottom:15px;}

fieldset#daz {height:1%;margin:17px;border:1px solid black;background:#c6d6d6;padding:17px;position:relative;}
legend  {display:none;}
fieldset#daz label  {font-weight:bold;margin:7px 0 0 0;display:block;float:left;width:150px;font-size:1.1em;}

fieldset#daz select,
fieldset#daz input,
fieldset#daz textarea {border:1px solid black;float:left;width:500px;font-size:1.2em;font-family:arial;}
fieldset#daz textarea {height:300px;}
fieldset#daz textarea.tahalf {height:110px;}

fieldset#daz fieldset {;position:absolute;top:150px;}

fieldset#daz fieldset input {width:25px;}

body div input#f_submit {margin:10px 0px 0 0px;}

img.timage,
img#timage {float:left;margin:10px 20px;}
img#himage {float:left;margin:10px 5px 5px 20px;}

ul.destlist {clear:both;background:url(../gfx/line_type.gif) top center no-repeat;padding:15px 40px;font-size:1.2em;}

#home-left {float:left;width:251px;}
#home-left p {font-size:1.1em;margin:0 13px 0 17px;padding:0;line-height:1.4}
#home-right {float:right;width:692px;}
#home-full { background:url(../gfx/line_vertmid.gif) 253px 10px repeat-y;margin-top:10px;}


#bits {background:url(../gfx/line_footer.gif) top center no-repeat;padding:10px; margin:0 17px;clear:both;}
#facts li ,
#morefacts li {line-height:350%;padding-left:35px}
#facts li#lgs {background:url(../gfx/icons/group.gif) 0 50% no-repeat;}
#facts li#ltr {background:url(../gfx/icons/cal.gif) 0 050% no-repeat;}
#facts li#ltt {background:url(../gfx/icons/globe.gif) 0 050% no-repeat;}
#morefacts li#lpr {background:url(../gfx/icons/price.gif) 0 050% no-repeat;}
#morefacts li#lxt {background:url(../gfx/icons/extras.gif) 0 10% no-repeat;}

#flaggo {float:left;width:120px;} 
#facts {float:left;width:200px;}
#morefacts {float:left;width:250px;}

a img {border:0;}

ul.guides {margin:0 ;padding:0;}
ul.guides li {width:24%;text-align:center;float:left;display:block;}



 #gpic {width:250px;text-align:center;float:left;padding-top:17px;;}
 #gblurb {width:470px;text-align:left;float:left;padding-top:17px}


#tell {margin:0;padding:17px 200px 17px 17px;background:url(../gfx/tellus_box.jpg)  no-repeat;}
#tell p {width:440px;line-height:170%;}
h3.testimony {background:url(../gfx/line_footer.gif) top center no-repeat;padding-top:10px;margin-top:10px;}
div.ttt {width:300px;float:left;}
div.tql {background:url(../gfx/quote_left.gif) top left no-repeat;padding-left:25px;margin:0 20px 10px 20px;width:400px;float:right;}
div.tqr {background:url(../gfx/quote_right.gif) bottom right no-repeat;padding-right:25px;}

#footimg{padding:10px 20px;}
#footimg img {margin-right:5px;}

#curve {background:url(../gfx/curve-b.gif) bottom left no-repeat #fff;margin:15px;}
#curve div {background:url(../gfx/curve-t.gif) top left no-repeat;padding:20px 15px 10px 15px;text-align:right;}
#curve p {font-size:1.5em;margin:0 0 0.9em 0;line-height:1.4;text-align:left;}
table#prices {font-size:1.1em;width:100%;text-align:left;color:#000;}
table#prices th {text-align:left;font-weight:bold;padding:4px 10px;}
table#prices td {border-bottom:4px solid #ffffff;background-color:#e1e3ce;padding:4px 10px;}
#curve a {padding-top:3px;}
.destmap {text-align:center;}

#home-full h3  {height:28px;background-position:bottom left;background-repeat:no-repeat;margin:0 0 4px 0;padding:0;}
#home-full h3 em {display:none;}
#home-full h3#h0  {background-image:url(/assets/gfx/titles/why_wbn.gif);margin:10px 0 4px 17px}
#home-full h3#h1  {background-image:url(/assets/gfx/titles/classic_rivers.gif);}
#home-full h3#h2  {background-image:url(/assets/gfx/titles/expeditions.gif);}
#home-full h3#h3  {background-image:url(/assets/gfx/titles/river_journeys.gif);}
#home-full h3#h4  {background-image:url(/assets/gfx/titles/family_adventures.gif);}
#home-full h3#h5  {background-image:url(/assets/gfx/titles/multi_activity.gif);}
#home-full h3#h9  {background-image:url(/assets/gfx/titles/riverlife.gif);}
#home-full h3#hx  {background-image:url(/assets/gfx/titles/lastminute_deals.gif);}


#lmd {background:url(/assets/gfx/dealsbox_middle.gif) top center repeat-y;margin-top:15px;}
#lmd div {background:url(/assets/gfx/dealsbox_top.gif) top center no-repeat;}
#lmd div div {background:url(/assets/gfx/dealsbox_bottom.gif) bottom center no-repeat;padding-top:4px;padding-bottom:10px;;}
#home-full #lmd h3 {margin:10px 0 0 35px;}
#lmd p {padding:1px 20px 10px 20px;}
#lmd a {color:#900;}
fieldset#broch {padding-left:170px;background:url(/assets/gfx/b1.jpg) 15px 10px no-repeat;}
img.ir {float:right;margin:1em 17px;}
img.il {float:left;margin:01em 17px;}

p i {font-style:normal;color:#15729e;font-size:1.3em;}