/*  McCabe Pilgrimages
	Copyright © 2007
	www.reactive.com */


/* TOC

1  structure
	1.1  topnav
	1.2  hero photos
	1.3  destinations list
	1.4  panels
	1.5  left nav
	1.6  footer
	1.7  header

2  typography
	2.1  sifr

3  homepage specific
4  destination specific
5  standard-page specific
6  trust specific
7  forms
8  joining
9  slideshow
10 sitemap


*/  



/* 1-:-------- structure ------------ */

.clear {
	clear: both;
	}

body {
	padding: 15px 0 50px 0; margin: 0;
	text-align: center;
	background: #903529 url(../images/bg/body.jpg) repeat-x;
	}

#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 761px;
	padding: 3px;
	border: solid 1px #CC982A;
	}

#hero {
	width: 761px; height: 187px;
	}

#hero a {
	margin: 0;
	}

#siteContent {
	border-left: solid 1px #010101;
	border-right: solid 1px #010101;
	background: #fdebbb url(../images/bg/content-standard.jpg) repeat-y;
	overflow: auto;
	}

#toprow {
	background-image: url(../images/bg/standard.jpg);
	background-repeat: no-repeat;
	padding-bottom: 20px;
	}

#lowerRow {
	background-image: url(../images/bg/lowerRow-home.jpg);
	background-repeat: no-repeat;
	}

#intro {
	float: left;
	padding: 20px 20px 0 20px;
	width: 405px;
	}

#feature {
	float: left;
	padding: 20px;
	width: 405px;
	}

.sideColumn {
	width: 205px;
	padding-top: 64px;
	margin-left: 538px;
	}

#mainCol {
	width: 325px;
	padding: 22px 20px 40px 20px;
	float: left;
	}
	
.wideContent .sideColumn {
	width: 50px;
	}

.wideContent #mainCol {
	width: 480px;
	}

.designByReactive {
	width: 722px;
	margin: 5px auto;
	text-align: left;
	font-size: 0.75em;
	}

.designByReactive a {
	color: #521e17;
	text-decoration: none;
	}

.designByReactive a:visited {
	color: #521e17;
	}

.designByReactive a:hover {
	color: #fff;
	}

/* 1.1 -------- topnav ------------ */

#topnav {
	padding: 0; margin: 0;
	list-style: none;
	height: 58px;
	}

#topnav li {
	padding: 0; margin: 0;
	float: left
	}

#topnav a {
	background-image: url(../images/topnav.jpg);
	height: 58px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	color: #fff;
	}

#topnav .organising a { width: 156px; background-position: 0 0; }
#topnav .joining a { width: 133px; background-position: -156px 0; }
#topnav .oberammergau a { width: 154px; background-position: -289px 0; }
#topnav .trust a { width: 163px; background-position: -443px 0; }
#topnav .destinations a { width: 155px; background-position: -606px 0; }

/* selected */
#organising .organising a { background-position: 0 -58px !important; }
#joining .joining a { background-position: -156px -58px !important; }
#oberammergau .oberammergau a { background-position: -289px -58px !important; }
#trust .trust a { background-position: -443px -58px !important; }
#destinations .destinations a { background-position: -606px -58px !important; }

/* hover */
#topnav .organising a:hover { background-position: 0 58px; }
#topnav .joining a:hover { background-position: -156px 58px; }
#topnav .oberammergau a:hover { background-position: -289px 58px; }
#topnav .trust a:hover { background-position: -443px 58px; }
#topnav .destinations a:hover { background-position: -606px 58px; }

#topnav a:focus { -moz-outline-style: none; }


/* 1.2 -------- hero photos ------------ */

.hero- { background-image: url(../images/hero-default.jpg); }
.hero-home { background-image: url(../images/hero-home.jpg); }
.hero-holyland { background-image: url(../images/hero-holyland.jpg); }
.hero-oberammergau { background-image: url(../images/hero-oberammergau.jpg); }
.hero-turkey { background-image: url(../images/hero-turkey.jpg); }
.hero-egypt { background-image: url(../images/hero-egypt.jpg); }
.hero-escorted-tours { background-image: url(../images/hero-escorted-tours.jpg); }
.hero-italy { background-image: url(../images/hero-italy.jpg); }
.hero-joining { background-image: url(../images/hero-joining.jpg); }
.hero-jordan { background-image: url(../images/hero-jordan.jpg); }
.hero-organising { background-image: url(../images/hero-organising.jpg); }
.hero-santiago { background-image: url(../images/hero-santiago.jpg); }
.hero-syria { background-image: url(../images/hero-syria.jpg); }
.hero-trust { background-image: url(../images/hero-trust.jpg); }
.hero-greece { background-image: url(../images/hero-greece.jpg); }
.hero-destinations { background-image: url(../images/hero-destinations.jpg); }


/* 1.3 -------- destinations list ------------ */

#destinations-list {
	overflow: auto;
	}

#destinations-list ul {
	padding: 0; margin: 0;
	list-style: none;
	float: left;
	font-size: 0.75em;
	}

#destinations-list li {
	background: url(../images/bullet-cross.gif) 0 0.5em no-repeat;
	margin: 0; padding: 0 0 0 12px;
	line-height: 1.6em;
	width: 125px;
	float: left;
	}

#destinations-list a {
	color: #000;
	text-decoration: none;
	}

#destinations-list a:hover {
	text-decoration: underline;
	}


/* 1.4 -------- panels ------------ */

.sideColumn .panel {
	overflow: auto;
	border-bottom: solid 1px #cbab58;
	padding-bottom: 15px;
	margin-bottom: 10px;
	}

.sideColumn .panel span {
	display: block;
	font-size: 0.75em;
	background-repeat: no-repeat;
	}

.sideColumn #enquiries span {
	padding-left: 40px;
	background: url(../images/icons/envelope.gif) 0 2px no-repeat;
	line-height: 30px;
	}

.sideColumn #registration span {
	padding-left: 40px;
	background: url(../images/icons/envelope.gif) 0 2px no-repeat;
	}

.sideColumn #booking span {
	padding-left: 40px;
	background-image: url(../images/icons/book.gif);
	}

.sideColumn .panel a {
	float: right;
	}

.sideColumn .panel a:focus { -moz-outline-style: none; }

#newsletter {
	border-bottom: 0;
	}

#newsletter div {
	padding: 8px 0 3px 0; margin: 0;
	}

#newsletter input {
	border: 1px solid #e5cc8d;
	float: left;
	padding: 0; margin: 0 3px 0 0;
	width: 135px; height: 21px;
	}

#newsletter a.view {
	background: url(../images/bullet-arrow.gif) no-repeat 1px 5px;
	padding-left: 14px;
	float: none;
	font-size: 0.75em;
	}

#newsletter .submit {
	width: 62px !important;
	height: 25px !important;
	}

#bookonline {
	border-bottom: 0;
	}

#bookonline div {
	padding: 8px 0 3px 0; margin: 0;
	}

#bookonline input {
	border: 1px solid #e5cc8d;
	float: left;
	padding: 0; margin: 0 3px 0 0;
	width: 135px; height: 21px;
	}

#bookonline a.view {
	background: url(../images/bullet-arrow.gif) no-repeat 1px 5px;
	padding-left: 14px;
	float: none;
	font-size: 0.75em;
	}

#bookonline .submit {
	width: 62px !important;
	height: 25px !important;
	}

#home #bookonline {
	border-bottom: solid 1px #cbab58;
	padding-bottom: 15px;
	margin-bottom: 10px;
	}

#booking, #watch-listen {
	border-bottom: 0;
	}

#home #watch-listen ul {
	display: block;
	float: none;
	margin: 0; padding: 10px 0 0 2px;
	list-style: none;}

#home #watch-listen li.video {
	font-size: 0.75em;
	background: url(../images/icon-video.jpg) 0 0 no-repeat;
	padding-left: 30px;
	margin-bottom: 5px;
	height: 2em;
	}
	
#home #watch-listen li.audio {
	font-size: 0.75em;
	background: url(../images/icon-audio.jpg) 0 0 no-repeat;
	padding-left: 30px;
	padding-right: 20px;
	margin-bottom: 5px;
	height: 2em;
	}


#watch-listen a {
	float: none;
	}

#registration {
	border-bottom: 0;
	}

#trustees a {
	display: inline;
	float: none;
	}

/* 1.5 -------- left nav ------------ */

.leftCol {
	margin: 64px 0 0 0; padding: 0 17px;
	width: 135px;
	float: left;
	}

.leftnav01 {
	margin: 0; padding: 0;
	list-style: none;
	text-align: center;
	}

.leftnav01 li {
	font-size: 0.8em;
	border-bottom: solid 1px #cbab58;
	padding-bottom: 8px;
	margin-bottom: 6px;
	line-height: 1.3em;
	}

.leftnav01 li.on {
	font-weight: bold;
	}

.leftnav01 a {
	color: #000;
	text-decoration: none;
	}

.leftnav01 a:visited {
	color: #000;
	}

.leftnav01 a:visited:hover {
	color: #000;
	}

.leftnav01 li.on a {
	background: url(../images/bullet-diamond.gif) 0 5px no-repeat;
	}

.leftnav01 li.on a span {
	padding: 0 16px;
	background: url(../images/bullet-diamond.gif) right 5px no-repeat;
	}

.leftnav01 a:hover {
	text-decoration: underline;
	color: #000;
	}

.leftnav01 li.on a:hover {
	text-decoration: none;
	}

.leftnav02 {
	border: solid 1px red;
	margin: 0; padding: 0;
	list-style: none;
	}


/* 1.6 -------- footer ------------ */

#footer {
	background-color: #351504;
	padding: 10px 20px 13px 20px;
	text-align: left;
	color: #fff;
	}

#footer span {
	color: #fff;
	font-size: 0.75em;
	background: url(../images/bullet-diamond-sml.gif) no-repeat 0 6px;
	padding-left: 12px;
	margin-right: 10px;
	}

#footer span.first {
	background-image: none;
	padding-left: 0;
	}

#footer ul {
	padding: 8px 0 0 0; 
	margin: 0;
	list-style: none;
	}

#footer li {
	display: inline;
	background: url(../images/bullet-diamond-sml.gif) no-repeat 0 6px;
	padding-left: 16px;
	margin-right: 10px;
	font-size: 0.75em;
	line-height: 1.2em;
	}

#footer li.first {
	background-image: none;
	padding-left: 0;
	}

#footer a {
	color: #fff;
	}

#footer a:hover {
	color: #e5a622;
	}

#footer .logos {
	float: right;
	margin-top:10px;
	}

#footer .logos img {
	float: left;
	}


/* 1.7 -------- header ------------ */

#header {
	margin: 0 auto 6px auto;
	width: 767px;
	text-align: left;
	height: 25px;
	}

#header ul {
	padding: 4px 0 0 0; margin: 0 16px 0 0;
	list-style: none;
	float: right;
	}

#header li {
	display: inline;
	font-size: 0.75em;
	margin: 0 0 0 16px;
	padding: 0;
	line-height: 1em;
	}

#header a {
	color: #fff;
	text-decoration: none;
	}

#header a:hover {
	color: #e5a622;
	}

#header .search {
	float: right;
	padding: 0; margin: 0;
	}

#header input {
	border: 0;
	float: left;
	padding: 0; margin: 0 3px 0 0;
	width: 130px; height: 22px;
	}


/* 2 -------- typography ------------ */

body {
	font-family: candara, arial, sans-serif;
	}

h1, h2, h3, h4 {
	padding: 0; margin: 0;
	font-family: cambria, georgia, serif;
	color: #352504;
	}

h1 {
	font-size: 1.3em;
	margin-bottom: 0.8em;
	font-weight: normal;
	}

h2 {
	font-size: 1.2em;
	margin-bottom: 0.4em;
	font-weight: normal;
	}

h3 {
	font-size: 1em;
	margin-bottom: 0.2em;
	font-weight: normal;
	}

#mainCol h2 {
	font-size: 1em;
	font-weight: normal;
	margin: 1em 0;
	}

#mainCol h5 {
	font-size: 0.75em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 2em 0 0 0;
	}

p {
	margin: 0 0 1.5em 0;
	padding: 0;
	color: #000;
	font-size: 0.75em;
	line-height: 1.4em;
	}

h3.caption {
	margin-top: 0.6em;
	}

p.caption {
	margin-top: 8px;
	font-size: 0.75em;
	font-style: italic;
	line-height: 1.2em;
	text-indent: 0;
	border-bottom: solid 1px #cbab58;
	padding-bottom: 15px;
	margin-bottom: 10px;
	}

a {
	color: #b0482e;
	}

a:hover {
	color: #6f1d1a;
	}

a:visited {
	color: #7c6353;
	}

a:visited:hover {
	color: #5e4b3f;
	}


/*--- 11 : sIFR ---*/
		.sIFR-flash {
			visibility: visible !important;
			margin: 0;
		}

		.sIFR-replaced {
			visibility: visible !important;
		}

		span.sIFR-alternate {
			position: absolute;
			left: 0;
			top: 0;
			width: 0;
			height: 0;
			display: block;
			overflow: hidden;
		}

		.sIFR-hasFlash h1 {
			visibility: hidden;
			}
			


/* 3 -------- homepage specific ------------ */

#home {
	background-image: url(../images/bg/body-home.jpg)
	}

#home #hero {
	height: 315px;
	}

#home #siteContent {
	background-image: url(../images/bg/content.jpg);
	}

#home #toprow {
	background-image: url(../images/bg/toprow.jpg);
	}

#home .sideColumn {
	width: 280px;
	padding-left: 15px;
	padding-top: 29px;
	margin-left: 445px;
	}

#feature .inline {
	float: left;
	margin: 5px 15px 10px 0;
	border: solid 1px #cc982a;
	padding: 3px;
	width: 180px; height: 130px;
	background-position: 3px 3px;
	background-repeat: no-repeat;
	}

#home #newsletter {
	border-bottom: solid 1px #cbab58;
	padding-bottom: 15px;
	margin-bottom: 10px;
	}

#home #newsletter input {
	width: 200px;
	height: 23px;
	}

/* 4 -------- destination specific ------------ */

#destinations #hero {
}

#destinations #siteContent {
	background-image: url(../images/bg/content.jpg);
	}

#destinations #toprow {
	background-image: url(../images/bg/toprow.jpg);
	}

#destinations .sideColumn {
	width: 280px;
	padding-left: 15px;
	padding-top: 20px;
	margin-left: 445px;
	}

#destinations .sideColumn .caption {
	border-bottom: solid 1px #cbab58;
	padding-bottom: 15px;
	margin-bottom: 10px;
	}

#destinations .sideColumn .clientImage {
	margin-top: 46px;
	}

#slideshowThumb {
	width: 135px;
	float: left;
	margin: 4px 10px 0 0;
	}

#slideshowThumb img {
	margin-bottom: 10px;
	}

#brochures {
	margin: 0; padding: 0;
	list-style: none;
	}

#brochures li {
	background: url(../images/icons/brochures.gif) 0 3px no-repeat;
	padding-left: 30px;
	margin-bottom: 1.5em;
	}

#brochures h4 {
	color: #351504;
	font-size: 0.75em;
	}

#destinations #feature p {	
	text-indent: 0;
	line-height: 1.3em;
	}

#dates-prices {
	margin-right: 20px;
	margin-bottom: 10px;
	}

#holiday-extras {
	margin-right: 10px;
	margin-bottom: 20px;
	}

#holiday-extras p {
	margin-bottom: 8px;
	}

#skip 
{
	visibility: hidden;
}

#standardsNotice
{
	visibility: hidden;
}


/* 5 -------- standard-page specific ------------ */

.countdown {
	text-indent: 0;
	margin-bottom: 10px;
	}
	
.aboutImgRight{
	float: right;
	border: 1px solid black;
	margin: 0 0 20px 10px;
	}



/* 6 -------- forms ------------ */

#mainCol #registration {
	margin: 1em 0 0 0; padding: 0;
	}

#mainCol #registration p {
	font-style: italic;
	text-indent: 0;
	margin-bottom: 0.4em;
	}

#mainCol fieldset {
	margin: 10px 0 0 0; padding: 0;
	border: 0;
	}

#mainCol #registration div {
	clear: left;
	padding-bottom: 3px;
	border-bottom: solid 1px #cbab58;
	margin-bottom: 3px;
	}

#mainCol #registration div.clear {
	margin: 0; padding: 0;
	border: 0;
	}

#mainCol #registration label, #mainCol #registration span {
	font-size: 0.75em;
	margin-top: 2px;
	width: 140px;
	display: block;
	float: left;
	}

#mainCol #registration input {
	border: #e5cc8d solid 1px;
	font-size: 0.85em;
	margin-left: 10px;
	width: 165px;
	}

#mainCol #registration select {
	width: 165px;
	margin-left: 10px;
	}

#mainCol #registration textarea {
	width: 165px;
	margin-left: 10px;
	font-family: arial, sans-serif;
	font-size: 14px;
	}

#mainCol #registration table {
	margin: 0 0 0 10px;
	float: left;
	padding-top: 3px;
	}

#mainCol #registration td {
	padding-bottom: 3px;
	}

#mainCol #registration table input {
	width: auto;
	border: 0;
	margin: 0 5px 0 0;
	float: left;
	}

#mainCol #registration table label {
	font-size: 0.75em;
	margin: 0;
	width: auto;
	display: block;
	float: left;	
	}

#mainCol #registration .submit {
	width: auto;
	margin-left: 150px;
	}

#mainCol #registration .req {
	color: red;
	margin-left: 152px;
	width: auto;
	display: block;
	float: none;
	clear: left;
	}

#mainCol #registration .error input {
	border-color: red;
	}
	

/* 7 -------- trust specific ------------ */



#footer .trust-contact {
	float: right;
	display: block;
	width: 160px;
	}

#footer .trust-contact ul {
	margin: 0; padding: 4px 0 0 0;
	}

#footer .trust-contact li {
	text-align: right;
	display: list-item;
	color: #fff;
	background-image: none;
	padding: 0;
	margin-bottom: 5px;
	}

.projects span {
	display: block;
	}

.projects img {
	float: left;	
	border: solid 1px #cc982a;
	padding: 3px;
	}

.projects h5, .projects p {
	margin-left: 150px !important;
	margin-top: 0 !important;
	}


/* 8 -------- joining specific ------------ */

#joining #siteContent {
	background-image: url(../images/bg/content.jpg);
	}

#joining #toprow {
	background-image: url(../images/bg/toprow.jpg);
	}

#joining .sideColumn {
	width: 280px;
	padding-left: 15px;
	padding-top: 20px;
	margin-left: 445px;
	}

#joining .sideColumn .caption {
	border-bottom: solid 1px #cbab58;
	padding-bottom: 15px;
	margin-bottom: 10px;
	}

#joining .sideColumn .clientImage {
	margin-top: 46px;
	}


/* 9 -------- slideshow ------------ */

	
#destinations #siteContentShow {
	border-left: solid 1px #010101;
	border-right: solid 1px #010101;
	background: #fdebbb url(../images/bg/content-standard.jpg) repeat-y;
	overflow: auto;
	}

#destinations #siteContentShow #toprow {
	background-image: url(../images/bg/standard.jpg);
	background-repeat: no-repeat;
	padding-bottom: 20px;
	}

#slideshow {
	width: 520px;
	}

#slideshow img {
	margin: 5px 15px 10px 0;
	border: solid 1px #cc982a;
	}

#slideshow span {
	font-style: italic;
	font-size: 0.75em;
	}

#slideshow .pagination {
	float: right;
	}

.pagination a {
	width: 66px;
	height: 20px;
	}
	
.pagination img {
	margin: 0;
	border: solid 1px red;
}


/* 10 -------- sitemap ------------ */

#SiteMap ul.level01 {
	margin: 0; padding: 0;
	list-style: none;
	line-height: 1.6em;
	font-size: 0.9em;
	font-weight: bold;
	}

#SiteMap li.level01 {
	width: 230px;
	float: left;
	}

#SiteMap li.level01 a {
	text-decoration: none;
	}

#SiteMap li.level01 a:hover {
	text-decoration: underline;
	}

#SiteMap ul.level02 {
	font-weight: normal;
	list-style: none;
	line-height: 1.4em;
	font-size: 0.8em;
	margin: 0 0 16px 0; padding: 0;
	}

#SiteMap li.level02 {
	background: url(../images/bullet-diamond-sml.gif) 0 6px no-repeat;
	padding-left: 13px;
	}

#SiteMap li.level02 a {
	text-decoration: underline;
	}