@import "reset.css";

/* =CONTAINERS
-------------------------------------------------------------- */

body {
	background: #000 url('../img/layout/page-background.gif') repeat-x top left;
}

div#container { /* set as 'standard' width, centred container for 1024x768 site */
	background: #f0f0f0;
	color: #333;
	font-family: 'Lucida Sans Unicode','Lucida Grande','Lucida Sans','DejaVu Sans Condensed',sans-serif;
	font-size: 105%;
	margin: 0 auto;
	padding: 0 10px 10px 10px;
	width: 940px;
}

a#banner {
	background: #000 url('../img/layout/banner.gif') no-repeat top left;
	clear: both;
	display: block;
	height: 119px;
	min-height: 119px;
	text-indent: -9999px;
	width: 940px;
}


/* =SITE-TOOLS
-------------------------------------------------------------- */

ul#site-tools {
	list-style-type: none;
} 

div#site-search {

}


/* =NAV-PRIMARY
-------------------------------------------------------------- */

ul#nav-primary {
	background: #000 url('../img/layout/nav-primary-background.gif') repeat-x top left;
	line-height: 35px;
	list-style-type: none;
	margin: 1px 0 0 0;
	min-height: 35px;
} 

ul#nav-primary li {
	float: left;
	padding-left: 20px;
}

ul#nav-primary li a {
	color: #fafafa;
	text-decoration: none;
}

ul#nav-primary li a:hover {
	text-decoration: underline;
}


/* =NAV-SECONDARY
-------------------------------------------------------------- */

ul#nav-secondary {
	list-style-type: none;
} 


/* =NAV-TERTIRARY
-------------------------------------------------------------- */

ul#nav-tertiary {
	list-style-type: none;
} 

/* =BREADCRUMB
-------------------------------------------------------------- */

div.nav-breadcrumb {
	background: #f5f5f5 url('../img/layout/nav-breadcrumb-background.gif') repeat-x top left;
	border: 1px solid #ccc;
	clear: both;
	line-height: 33px;
	margin: 10px 0;
	padding: 0 0 0 10px;
	min-height: 33px;
}

ul.nav-breadcrumb {
	background: url('../img/layout/footprints.gif') no-repeat center left;
	list-style-type: none;
	margin: 0;
	padding: 0 50px;
} 

ul.nav-breadcrumb li {
	background: url('../img/layout/bullet-symbol.gif') no-repeat top left;
	padding-left: 20px;
}

ul.nav-breadcrumb li a {
	color: #333;
	text-decoration: none;
	text-transform: capitalize;
}

ul.nav-breadcrumb li a:hover {
	text-decoration: underline;
}


/* =CONTENT CONTAINERS
-------------------------------------------------------------- */

div#content {

}

div#content-primary {
	background: #fafafa;
	border: 1px dotted #ccc;	
	padding: 10px;
}

body.home div#content-primary {
	background: #fafafa url('../img/index/tickets.gif') no-repeat top right;
	min-height: 485px;
}

body.photos div#content-primary {
  min-height: 700px;
}

div#content-primary p {
  margin-right: 285px;
}

body.photos div#content-primary p {
  margin: 0;
}

div#content-secondary {

}

div#content-tertiary {

} 

div.feature {
	background: #f5f5f5;
	border: 1px solid #ccc;
	float: left;
	margin: 10px 20px 10px 0;
	min-height: 260px;
	padding: 9px;
	width: 200px;
}

div.feature.last {
	margin-right: 0;
}

div.feature p {
	margin: 0;
	min-height: 90px;
}

div.feature a {
	background: url('../img/layout/learn-more.gif') no-repeat top left;
	display: block;
	float: right;
	height: 23px;
	margin-top: 10px;
	text-indent: -100em;
	width: 92px;
}

div.feature a:hover {
	background: url('../img/layout/learn-more-down.gif') no-repeat top left;
}

div#mailing-list {
  float: left;
  padding: 10px 0;
}

div#update {
  background: #f0f0f0 url('../img/layout/update-background.gif') no-repeat top right;
  color: #fff;
  float: right;
  font-size: 100%;
  min-height: 40px;
  width: 460px;
}

div#update p {
  float: left;
  padding: 5px 5px 0 10px;
}

div#update ul {
  float: left;
  list-style-type: none;
  padding: 5px 0 0 0;
  margin: 0;
}

div#update ul li a {
  color: #fff;
  text-decoration: none;
}

div#update ul li strong {
  font-weight: bold;
}

div.testimonial-top {
  background: #fafafa url('../img/tours/openquote.gif') no-repeat top left;
  margin: 50px 0 0 10px;
  padding: 10px 0 0 52px;
  width: 600px;
}

div#content-primary div.testimonial-top p {
  margin-right: 0;
}

div.testimonial-bottom {
  background: #fafafa url('../img/tours/closequote.gif') no-repeat bottom right;
  padding: 0 44px 1px 0;
}

div.guide, div.item, div.link {
  border-top: 1px solid #efefef;
  clear: both;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-top: 25px;
}

div.guide img, div.item img, div.link img {
  margin-bottom: 30px;
}

div.guide.first, div.item.first, div.link.first {
  border-top: 0;
}

/* =SITE-INFO
-------------------------------------------------------------- */

ul#site-info {
	background: #000 url('../img/layout/nav-primary-background.gif') repeat-x top left;
	color: #fff;
	clear: both;
	line-height: 35px;
	list-style-type: none;
	margin: 0;
	padding: 0 10px;
	min-height: 35px;
} 

ul#site-info li#left {
	float: left;
}

ul#site-info li#right {
	float: right;
}

ul#site-info li a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

ul#site-info li a:hover {
	text-decoration: underline;
}


/* =BASIC TYPOGRAPHY
-------------------------------------------------------------- */

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%; /* Dont resize here, resize text elements below */
    line-height: 1.125em;
}

p, ul, ol, dl, table, form {
	font-size: 0.75em; /* 12px - changing this will mean you have to re-calculate all nested font-sizing - just leave it alone! */
}

p {
	margin: 0 0 1em 0;
}

h1, h2, h3, h4, h5, h6 {
	line-height:1.5em;
}

h1 {
	font-size: 1.13em; /* 18px */
	margin-bottom: 10px;
}

h2 {
	font-size: 0.75em; /* 12px */
	padding: 5px 0;
}

h3 {
	display: inline;
	font-size: 0.75em; /* 12px */
}

/* =NESTED HEADINGS */
ul h1, ol h1, table h1 {
	font-size: 2.67em;
}

ul h2, ol h2, table h2 {
	font-size: 2.34em;
}

ul h3, ol h3, table h3 {
	font-size: 2em;
}

ul h4, ol h4, table h4 {
	font-size: 1.67em;
}

ul h5, ol h5, table h5 {
	font-size: 1.33em;
}

ul h6, ol h6, table h6 {
	font-size: 1em;
}


/* =LINKS
-------------------------------------------------------------- */

a:link, a:visited, a:focus, a:active {

}

a:hover {
	
}

a#download {
  background: url('../img/shop/download.gif') no-repeat 0 0;
  display: block;
  height: 30px;
  width: 106px;
}

#skipLink { 
	position:absolute;
	left:-9000px;
	top:0; 
	z-index:20;
} 

/* icon links */

.pdf, a.pdf, a.pdf:hover {
	padding:2px 0 4px 20px;
	background:#fff url(../img/icons/pdf.gif) no-repeat 0 0;
}

.word, a.word, a.word:hover {
	padding:2px 0 4px 20px;
	background:#fff url(../img/icons/word.gif) no-repeat 0 0;
}

.excel, a.excel, a.excel:hover {
	padding:2px 0 4px 20px;
	background:#fff url(../img/icons/excel.gif) no-repeat 0 0;
}

.txt, a.txt, a.txt:hover {
	padding:2px 0 4px 20px;
	background:#fff url(../img/icons/txt.gif) no-repeat 0 0;
}

.flash, a.flash, a.flash:hover {
	padding:2px 0 4px 20px;
	background:#fff url(../img/icons/flash.gif) no-repeat 0 0;
}
.video, a.video, a.video:hover {
	padding:2px 0 4px 20px;
	background:#fff url(../img/icons/video.gif) no-repeat 0 0;
}

.podcast, a.podcast, a.podcast:hover {
	padding:2px 0 4px 20px;
	background:#fff url(../img/icons/podcast.gif) no-repeat 0 0;
}

.pub, a.pub, a.pub:hover {
	padding:2px 0 4px 20px;
	background:#fff url(../img/icons/pub.gif) no-repeat 0 0;
}

.rss, a.rss, a.rss:hover {
	padding:2px 0 4px 20px;
	background:#fff url(../img/icons/rss-feed.gif) no-repeat 0 0;
}

.print, a.print, a.print:hover {
	padding:2px 0 4px 20px;
	background:#fff url(../img/icons/print.gif) no-repeat 0 0;
}

.friend, a.friend, a.friend:hover {
	padding:2px 0 4px 20px;
	background:#fff url(../img/icons/friend.gif) no-repeat 0 0;
}

.help, a.help, a.help:hover {
	padding:2px 0 4px 20px;
	background:#fff url(../img/icons/help.gif) no-repeat 0 0;
}

.info, a.info, a.info:hover {
	padding:2px 0 4px 20px;
	background:#fff url(../img/icons/info.gif) no-repeat 0 0;
}
	
/* =LISTS
-------------------------------------------------------------- */

ul {
	margin: 0 0 1em 2em;
}

ol { 
	margin-left: 2.4em; /* larger left margin to line up numeral with bullets on unordered lists */
}

ol.alpha {
	list-style-type: lower-alpha;
}

dl {
	margin: 0 0 1em 2em;
}

dt {
	font-weight: bold;
}

dt, dd {
	margin: 0 0 0.5em 0 ;
}

/* =NESTED ELEMENTS - resetting the font-sizes */
ul ul, ol ol, ul ol, ol ul, dd ul, dd ol,
table ul, table ol, ul table, ol table,
ul p, ol p, dl p, table p, p code, p pre,
form ul, form ol, form dl, form table, form code, form pre, form p
{
	font-size: 100%;
}

ul ul, ol ol, ul ol, ol ul, dd ul, dd ol
{
	margin-bottom: 0;
}


/* =OTHER TEXT ELEMENTS
-------------------------------------------------------------- */

blockquote { 

}

pre, code {
	font-size: 0.85em;
	margin: 0 0 1em 0;
}

/* -------------------------------------------------------------- 
   -------------------------------------------------------------- 
	     				FORMS
   -------------------------------------------------------------- 
   -------------------------------------------------------------- */
   

/* =DEFAULT-FORM-STYLES
----------------------------------------------- */

form.default-form#contact {
    float: left;
    width: 500px;
}

form.default-form fieldset {	
  border: 0;
	display: inline;
	padding: 0;
}

form#contact-form fieldset {
  border: 0;
  display: inline;
  width: 470px;
}

form.default-form fieldset.actions {
	border: none;
}

form.default-form p {

}

form.default-form div {
	display: block;
	width: 100%;
	float: left;
	padding: 0.5em 0 0.5em 0;
	border-top: 1px solid #EEE;
}

form.default-form div.alt {
	background: #edf3fe; /* example background colour for optional 'zebra' effect */
}

form.default-form label {
	position: relative;
	top: 0.15em;
	padding: 0 0 0 1em;
	width: 15em; /* change this width according to your site design to line things up */
	float: left;
}

form#contact-form label {
  padding: 0 5px 0 0;
  width: auto;
}

form.default-form label em {
	position: absolute;
	right: 0.5em;
	color: red;
	font-weight: bold;
}

form.default-form .radio, form.default-form .checkbox {
	position: relative;
	top: 0.2em;
	float: left;
	margin: 0 0.5em 0 0.5em;
	width: auto;
}

form.default-form #day, form.default-form #month, form.default-form #year {
	position: relative;
	top: 0;
	width: 4.8em; /* small width set for date selection dropdowns */
}

form.default-form fieldset.actions {
	border: none;
	text-align:right; /* set right or left as suits your design */
}

form.default-form fieldset.actions p {
	display: inline;
}

form.default-form #subscribe-submit {
	width: auto;
}

form.default-form input, form.default-form textarea, form.default-form select {
	width: 16em;	
}

form.default-form .error { /* example highlighting style for form validation */
	border: 1px solid red;
	background: #FFCCCC;
}

div#mailing-list form {
	display: inline;
}



/* =ERROR MESSAGES
----------------------------------------------- */

div#error {
	padding: 18px 0 0 52px;
	margin: 1em 0 1em 0;
	border: 1px solid red;
	background: #FFCCCC url(../img/icons/icon-alert-warning.gif) no-repeat 10px 10px;
}

.clear {
	clear: both;
}

/* =IMAGES 
----------------------------------------------- */

div#content-primary div.image {
  float: right; 
  font-weight: bold;
  margin-right:25px;
  width: 130px;
}

div#content-primary div.image div p {
  font-size: 65%; 
  margin-right: 0;
  text-align: center;
}

div#alternative {
  background: #fafafa;
  margin: 2.2em 0 1em 1em;
	float: left;
	height: 217px;
	width: 335px;
}