html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

body {
	font-size:14px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	*font-size:small;
	*font:x-small;
	line-height:1.22;
}
 
#home-body {
	background: #271526 url(../images/bg-1.jpg) no-repeat center 0px;
	background-attachment: fixed;
}

#home-wtp {
	background: #271526 url(../images/bg-9.jpg) no-repeat center 0px;
	background-attachment: fixed;
}
#home-about {
	background: #271526 url(../images/bg-8.jpg) no-repeat center 0px;
	background-attachment: fixed;
}
home-#wtptp {
	background: #271526 url(../images/bg-2.jpg) no-repeat center 0px;
	background-attachment: fixed;
}
#home-wthc {
	background: #271526 url(../images/bg-3.jpg) no-repeat center 0px;
	background-attachment: fixed;
}
#home-twis {
	background: #271526 url(../images/bg-4.jpg) no-repeat center 0px;
	background-attachment: fixed;
}
#home-free-downloads {
	background: #271526 url(../images/bg-5.jpg) no-repeat center 0px;
	background-attachment: fixed;
}
#home-bookstore {
	background: #271526 url(../images/bg-6.jpg) no-repeat center 0px;
	background-attachment: fixed;
}
#home-spiritual-journeys {
	background: #271526 url(../images/bg-7.jpg) no-repeat center 0px;
	background-attachment: fixed;
}


table { font-size:inherit; font:100%; }
select, input, textarea { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
 
body, select, input, textarea { color:#444; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
html { -webkit-font-smoothing: antialiased; }
a:hover, a:active { outline: none; }
a, a:active, a:visited { 
	color: #99030A; 
	text-decoration: none; 
	-webkit-transition-property: all;
	-webkit-transition-duration: 1s; 
	-moz-transition-property: all;
	-moz-transition-duration: 1s;
	}

a:hover {
	color: #000; 
	}
ul { margin-left:30px; }
ol { margin-left:30px; list-style-type: decimal; }
small { font-size:85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align:top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }

input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }

::-moz-selection{ background: #99030A; color:#fff; text-shadow: none; }
::selection { background:#99030A; color:#fff; text-shadow: none; } 

a:link { -webkit-tap-highlight-color: #99030A; } 


html { overflow-y: scroll; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }
.hidden { display:none; visibility:hidden; } 
.visuallyhidden { position:absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }



 /* Primary Styles
    Author: Paul Batey
 */
 
#container {
	margin: 0 auto;
	width: 960px;
}

#quote {
	position: absolute;
	top: 140px;
	margin-left: 500px;
}

header[title="Top navigation bar"] {
	height: 50px;
	background: transparent url(../images/bg-white-80.png)\9; 
	background: rgba(255, 255, 255, 0.8);
}

h1[title="FRANK J GRANT"] {
	position: absolute;
	top: 13px;
	margin-left: 0px;
	font-size: 150%;
	font-weight: 900;
	width: 320px;
	text-align: center;
	color: #000;
	text-shadow: 0px 1px 0px #fff;
}

nav[title="Top menu"] {
	position: absolute;
	top: 17px;
	margin-left: 650px;
	width: 310px;
}

nav[title="Top menu"] ul {
	list-style: none;
	width: 310px;
	margin: 0px
}

nav[title="Top menu"] ul li {
	margin: 0px
	list-style: none;
	float: left;
	font-weight: 900;
	margin-right: 25px;
	text-shadow: 0px 1px 0px #fff;
}
#container header nav ul .last {
	margin-right: 0px;
	padding-right: 0px;
}

nav[title="Top menu"] a:link, a:visited {
	color: #99030A;
	text-decoration:none;
	-webkit-transition-property: all;
	-webkit-transition-duration: 2s;
	-moz-transition-property: all;
	-moz-transition-duration: 2s;
}

nav[title="Top menu"] a:hover {
	color: #000;
	text-decoration: none;
}


#logo {
	position: absolute;
	list-style: none;
	z-index: 1000;
	position: absolute;
	margin-left: 0px;
	top: 65px;
}


/*
 * Logo animation
 */

#logo li {
	float: left;
}

#logo a * {
	display: none;
}

#logo a,
#logo a .hover {
	display: block;
	background: url(../images/logo.png) 0 0 no-repeat;
}

/* individual navigation items */
#logo a.triverse {
	background-position: 0px 0px;
	width: 323px;
	height: 323px;
}

#logo .highlight-logo a.triverse:hover,
#logo a.triverse .hover {
	background-position: 0px -323px;
	width: 323px;
	height: 323px;
}

/*
 * Logo animation END
 */
 
 

 
 
hgroup[title="WILDERNESS THERAPEUTIC PRACTITIONER"] {
	position: absolute;
	top: 95px;
	margin-left: 330px;
	font-size: 600%;
	line-height: 85%;
	font-weight:900;
	color: rgba(0, 0, 0, 0.7);
	color: #fff\9;
	text-shadow: 2px 2px 10px #fff, 0px 0px 5px #000;
	
}


h2[title="Frank J Grant"] {
	position: absolute;
	width: 500px;
	top: 205px;
	margin-left: 314px;
	font-size: 58%;
	font-weight:900;
	color: rgba(255, 255, 255, 0.7);
	color: #ffffff\9;
	text-shadow: 2px 2px 10px #000;
}


.ie8 h2[title="Frank J Grant"] {
	color: #ccc;
}

.ie7 h2[title="Frank J Grant"] {
	font-size: 57%;
	color: #ccc;
}


 #main {
	z-index: 10;
	margin-top: 352px;
	position: relative;
 }
 
article[title="Info about the Wilderness Therapeutic Training Programme"]{
	float: left;
	width: 640px;
	background: transparent url(../images/bg-white-80.png)\9;
	background: rgba(255, 255, 255, 0.8);
}

aside[title="Extra info for training dates"]{
	margin-top: 0px;
}

section[title="Training dates"] {
	margin-bottom: 0px;
}

article[title="Info about Wilderness Therapeutic Healing Ceremonies"]{
	float: left;
	width: 640px;
	background: transparent url(../images/bg-white-80.png)\9;
	background: rgba(255, 255, 255, 0.8);
}

article[title="Info about Wilderness Spiritual Journeys"]{
	float: left;
	width: 640px;
	background: transparent url(../images/bg-white-80.png)\9;
	background: rgba(255, 255, 255, 0.8);
}

article[title="Info about Therapeutic Wilderness Intervention Strategy"]{
	float: left;
	width: 640px;
	background: transparent url(../images/bg-white-80.png)\9;
	background: rgba(255, 255, 255, 0.8);
}

article[title="Info about free downloads"]{
	float: left;
	width: 640px;
	background: transparent url(../images/bg-white-80.png)\9;
	background: rgba(255, 255, 255, 0.8);
}

article[title="Info about the bookstore"]{
	float: left;
	width: 640px;
	background: transparent url(../images/bg-white-80.png)\9;
	background: rgba(255, 255, 255, 0.8);
}

article[title="Info about links"]{
	float: left;
	width: 640px;
	background: transparent url(../images/bg-white-80.png)\9;
	background: rgba(255, 255, 255, 0.8);
}

article[title="Info about us"]{
	float: left;
	width: 640px;
	background: transparent url(../images/bg-white-80.png)\9;
	background: rgba(255, 255, 255, 0.8);
}

article[title="Info about contacting us"]{
	float: left;
	width: 640px;
	background: transparent url(../images/bg-white-80.png)\9;
	background: rgba(255, 255, 255, 0.8);
}


#main p {
	font-size: 120%;
	line-height: 180%;
	margin: 1em;
	text-shadow: 0px 1px 0px #fff;
}
#main h1 {
	font-size: 250%;
	margin: 0.5em;
	text-shadow: 0px 1px 0px #fff;
}
#main h2 {
	font-size: 200%;
	margin: 1em 0.75em 0.75em 0.5em;
	text-shadow: 0px 1px 0px #fff;
	line-height: 1.2em;
}
#main h3 {
	font-size: 150%;
	margin: 1em 0.75em -0.75em 0.7em;
	text-shadow: 0px 1px 0px #fff;
}
#main h4 {
	font-size: 125%;
	margin: -0.85em 0.75em 0.75em 0.95em;
	text-shadow: 0px 1px 0px #fff;
}

.multi-column-2 {
	-moz-column-count: 2;
	-moz-column-gap: 0px;
	-webkit-column-count: 2;
	-webkit-column-gap: 10px;
	column-count: 2;
	column-gap: 10px;
}
.multi-column-2a {
	-moz-column-count: 2;
	-moz-column-gap: 0px;
	-webkit-column-count: 2;
	-webkit-column-gap: 10px;
	column-count: 2;
	column-gap: 10px;
}

.ie8 .multi-column-2, .ie7 .multi-column-2 {
	margin-bottom: -50px;
	padding-bottom: -50px;
}
.ie8 .multi-column-2a, .ie7 .multi-column-2a {
	/* [disabled]margin-bottom: -50px; */
	/* [disabled]padding-bottom: -50px; */
}


.book {
	padding: 15px 0px 15px 15px;
	width: 590px;
	position: relative;
	clear: both;
}
.book .book-pic {
	float: left;
	width: 170px;
	margin-right: 10px;
}
.book-description form {
	padding-left: 180px;
}
.book-description {
	margin-top: -15px;
}


.centred {
	text-align: center;
}

article[title="Info about the bookstore"] ul, article[title="Info about Wilderness Spiritual Journeys"] ul {
	/* [disabled]background: #000; */
	/* [disabled]background: rgba(0,0,0,0.4); */
	margin:5px 15px 5px 20px;
	padding: 10px 0px 10px 10px;
	width: 95%;
}

article[title="Info about the bookstore"] li, article[title="Info about Wilderness Spiritual Journeys"]  li {
	/* [disabled]background: rgba(2555,255,255,0.5); */
	list-style: none;
	margin-left: 18px;
	padding-left: 26px;
	line-height: 2em;
	background-image: url(../images/bullet.png);
	background-repeat: no-repeat;
	background-position: 0em 0.45em;
	width: 92%;
	color: #333;
}



/*
 * Right menu
 */

nav[title="Main menu"]{
	left: 640px;
	position: absolute;
	margin-left: 5px;
	width:315px;
	margin-top: -20px;
}

#right-menu{
	position: absolute;
	top: -7px;
	width: 315px;
	padding-top: 0px;
}

#right-menu.fixed {
	position: fixed;
	top: 0px;
}

#right-menu-top-bar {
	position: relative;
	z-index: 5000;
	padding-bottom: 0px;
	margin-bottom: -30px;
}

/*
 * Right menu END
 */
 
 
 
/*
 * Footer
 */
 
#footer_wrap {
	min-width: 960px;
	background-image: url(../images/footer-bg-gradient.png);
	background-repeat: repeat-x;
	background-color: #d8ead9;
	z-index: 1000;
	margin-top: 0px;
	width: 100%;
	position: relative;
}

footer {
	position: relative;
	width: 960px;
	padding: 1px 0px;
	line-height: 1.6em;
	margin: 0 auto;
	margin-top: 0px;
}



footer p {
	padding-bottom: 5px;
	padding-left: 5px;
}


#footer-logo  {
	padding-left: 380px;
	list-style: none;
	position: relative;
	top: -160px;
	margin-bottom: -150px;
}

#footer-logo li {
}

#footer-logo a * {
	display: none;
}

#footer-logo a,
#footer-logo a .hover {
	display: block;
	background: url(../images/footer-logo.png) 0 0 no-repeat;
}

#footer-logo a.footerlogo {
	background-position: 0 0;
	width: 140px;
	height: 140px;
}

#footer-logo .highlight-logo a.footerlogo:hover,
#footer-logo a.footerlogo .hover {
	background-position: 0 -140px;
	width: 140px;
	height: 140px;
}


.box {
	width: 480px;
	float: left;
	/* [disabled]margin-right: 20px; */
	/* [disabled]border-left: solid #666 2px; */
	/* [disabled]padding-left: 5px; */
	margin-top: 5px;
}

.box h1 {
	font-size: 150%;
	margin-bottom: 7px;
	color: #333;
	margin-top: 0px;
	padding-left: 5px;
}


.box ul {
	padding: 0px;
	margin: 0px;
}

.box li {
	padding-left: 1.8em;
	background-image: url(../images/bullet.png);
	background-repeat: no-repeat;
	background-position: 0.4em 0.45em;
	width: 445px;
	list-style: none;
}

.box li a:link , .box a:visited {
	color: #8D7754;
	text-decoration:none;
	padding: 2px 0 2px 5px;
	display: block;
	text-shadow: 0px 1px 0px #fff;
}

.box li a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #000;
	text-shadow: 0px 1px 0px #000;
}

.box li  a:active {
	color: #fffff;
	text-decoration:none;
}

footer .icons {
	width: 916px;
	margin: 0;
	padding: 10px 30px;
	text-align: right;
	top: 0px;
	position: relative;
	z-index: 1;
}

#relinear a {
	color: #D8EAD9;
}
#relinear a:hover {
	color: #F7941E;
	text-shadow: 0px 1px 0px #fff;
}


/*
 * Footer END
 */

 
 
  
/*
 * Contact
 */
 
 
 #contact label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 1.5em; -moz-border-radius:5px; -webkit-border-radius:5px; }
#contact input, textarea, select { width: 280px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; -moz-border-radius:5px; -webkit-border-radius:5px; }   
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; cursor: default; }
#contact fieldset { padding:20px; border:1px solid #eee; moz-border-radius:5px; -webkit-border-radius:5px; }
#contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; line-height: 22px; background: #FBE3E4 url('../assets/error.gif') no-repeat 10px 6px; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius:5px; -webkit-border-radius:5px; }

ul.error_messages { margin: 0 0 0 15px; padding: 0; }
ul.error_messages li { height: 22px; line-height: 22px; color:#333; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('../assets/success.gif') left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }

 
/*
 * Contact END
 */
 
 
 
 /*
 * Main picture nav
 */
 
 #navigation {
	z-index: 10;
	margin-top: 352px;
	*margin-top: 342px;
	position: relative;
}
 
 #navigation li {
	float: left;
}

#navigation a * {
	display: none;
}

#navigation a,
#navigation a .hover {
	display: block;
	background: url(../images/sprite.png) 0 0 no-repeat;
}



#logo a.triverse {
	background-position: 0px 0px;
	width: 323px;
	height: 323px;
}

#logo .highlight-logo a.triverse:hover,
#logo a.triverse .hover {
	background-position: 0px -323px;
	width: 323px;
	height: 323px;
}



#navigation a.wthc {
	background-position: 0px 0px;
	width: 640px;
	height: 320px;
}

#navigation .highlight a.wthc:hover,
#navigation a.wthc .hover {
	background-position: 0px -560px;
	width: 640px;
	height: 320px;
}

#navigation a.practitioner {
	background-position: -640px 0px;
	width: 320px;
	height: 160px;
}

#navigation .highlight a.practitioner:hover,
#navigation a.practitioner .hover {
	background-position: -640px -560px;
	width: 320px;
	height: 160px;
}

#navigation a.twis {
	background-position: -640px -160px;
	height: 160px;
	width: 320px;
}

#navigation .highlight a.twis:hover,
#navigation a.twis .hover {
	background-position: -640px -720px;
	height: 160px;
	width: 320px;
}

#navigation a.who {
	background-position: 0px -320px;
	height: 240px;
	width: 240px;
}

#navigation .highlight a.who:hover,
#navigation a.who .hover {
	background-position: 0px -880px;
	height: 240px;
	width: 240px;
}

#navigation a.downloads {
	background-position: -240px -320px;
	height: 240px;
	width: 240px;
}

#navigation .highlight a.downloads:hover,
#navigation a.downloads .hover {
	background-position: -240px -880px;
	height: 240px;
	width: 240px;
}


#navigation a.books {
	background-position: -480px -320px;
	height: 240px;
	width: 240px;
}

#navigation .highlight a.books:hover,
#navigation a.books .hover {
	background-position: -480px -880px;
	height: 240px;
	width: 240px;
}

#navigation a.journeys {
	background-position: -720px -320px;
	height: 240px;
	width: 240px;
}

#navigation .highlight a.journeys:hover,
#navigation a.journeys .hover {
	background-position: -720px -880px;
	height: 240px;
	width: 240px;
}

 /*
 * Main picture nav END
 */
 
 
 #container ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#image-gallery-button {
	position: absolute;
	top: 310px;
	margin-left: 660px;
	z-index: 2;
}
#amani {
	position: absolute;
	top: 326px;
	margin-left: 467px;
}

.ie7 #amani {
	position: absolute;
	top: 316px;
	margin-left: 467px;
}


#twiga {
	position: absolute;
	z-index: 20;
	top: 179px;
	margin-left: 310px;
}


.ie7 #twiga {
	position: absolute;
	z-index: 20;
	top: 172px;
	margin-left: 310px;
}

#contact{
	display: none;
	background-color: #FFF;
}

#contact form{
	background-color: #FFF;	
}
#launch {
	display: inline;
}

#download {
	width: 600px;
	padding: 5px 5px 10px 15px;
	margin-left: 10px;
	margin-bottom: 10px;
}
#download img {
	float: left;
	margin-right: 10px;
	margin-top: -9px;
}
#download p  {
	font-weight: 900;
	font-size: 130%;
	display: block;
}


#image-gallery-button ul.thumb {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0px;
	width: 286px;
}
#image-gallery-button ul.thumb li {
	margin: 0;
	padding: 0px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 286px;
	height: 171px;
}
#image-gallery-button ul.thumb li img {
	width: 286px;
	height: 171px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	position: absolute;
	left: 0;
	top: 0;
}
# image-gallery-button ul.thumb li img.hover {
	background:url(../images/image-gallery/image-library-button.png) no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}



#training-dates ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	width:640px;
	/* [disabled]margin-bottom:20px; */
	overflow:hidden;
	/* [disabled]border-top:1px solid #ccc; */
}
#training-dates li{
	list-style: none;
	margin: 0px;
	padding: 0px;
	/* [disabled]line-height:1.5em; */
	/* [disabled]border-bottom:1px solid #ccc; */
	float:left;
	display:inline;
	background: none;
}
#double li	{
	width:320px;
	list-style: url(none);
}




/* 
 * print styles
 */
@media print {

#double h2 {
	/* [disabled]margin-bottom: -1em; */
}

#double li p {
	margin-top: -0.7em;
}
figure {
}
  * { background: transparent !important; color: #444 !important; text-shadow: none; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}



@media all and (orientation:portrait) { 
  
}

@media all and (orientation:landscape) { 
  
}

/* Grade-A Mobile Browsers */
@media screen and (max-device-width: 480px) {
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 

}

#main article form {
	margin-left: 15px;
	margin-top: -10px;
}