/* SCREEN STYLES */

/* @group GLOBAL */

body, input, select, textarea, button {font-family: Tahoma, Arial, serif;}

body {
	background: transparent url(../img/background-wood.jpg) repeat fixed;
	color: #003366;
	padding-bottom: 60px;
  font-size: 11px;
}

#pageContainer {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 10px;
  background-color: #FFF;
  box-shadow: 0 0 7px 3px #444;
  -moz-box-shadow: 0 0 7px 3px #444;
  -webkit-box-shadow: 0 0 7px 3px #444;
}

a {
	color: #1091cc;
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

h2, h3 {
	/* color: #799413;*/
}

/* @end GLOBAL */

/* @group #header */

#header {
	margin: 0 10px;
	z-index:9999;
}

#header h1,
#header p {
	margin: 0;
}

#header a {
	display: block;
	text-indent: -9999em;
}

#header #logo {
	width: 600px;
	height: 164px;
	background: url(../img/logo-janespond.jpeg);
	z-index: 10;
}

#header #poweredBy {
	width: 184px;
	height: 63px;
	position: absolute;
	bottom: 0;
	left: 250px;
	background: url(../img/powered-by-tab.png);
	z-index: 5;
}

#header .lnkBookNow {
	width: 343px;
	height: 95px;
	position: absolute;
	bottom: 0;
	right: -6px;
	background: url(../img/book-online-tab.png);
}

/* @end #header */

#contentContainer {
	/* background: url(../img/bg-shadow.png) repeat-y;*/
	padding: 0 10px 40px 10px;
	*zoom: 1; /* hasLayout */
	z-index:1;
}

/* @group #banner */

#banner {
    background-color: #799413;
	border-bottom: 6px solid #799413;
	margin-bottom: 25px;
    overflow: hidden; /* Clearfix */
    min-height: 340px;
}
#banner .tree {
    background: transparent url(../img/bg-tree.png) no-repeat;
    /**
     * @workaround min-height Fast Hack
     *
     * IE6 doesn't support min-height, but treats elements with
     * height and overflow:visible as min-height.
     *
     * @affected IE5, IE6
     * @see http://www.dustindiaz.com/min-height-fast-hack/
     */
    height: auto !important;
    height: 340px;
    min-height: 340px;
    width: 340px;
    position: absolute;
    z-index:99;
}
#banner #video {
	float: right;
	background: url(../img/bg-poster.jpg) no-repeat top center;
	min-height: 340px;
	min-width: 621px;
}
/* @end #banner */

/* @group #content */

#content {
	float: left;
	width: 515px;
	padding: 0 0 20px 45px;
	padding-bottom: 0;
}

#content h2 {
	margin: 0.4em 0 1em;
	/* text-indent: -9999em;*/
	/* background: url(../img/h-off-beaten-track.gif);*/
  font-size: 3em;
	width: 501px;
	height: 89px;
}

/* @group #featWhere */

#content #featWhere {
	1background: #f26d1d url(../img/bg-feature-bottom.gif) repeat-y bottom left;

	position: relative;
	margin-bottom: 30px;
}

#content #featWhere .inner {
	/* padding: 10px 20px 20px;*/
	/* overflow: hidden; [> Clearfix <]*/
	/* background: url(../img/bg-feature-top.gif) repeat-y;*/

}

#content #featWhere h3 {
	/* margin: 0 0 8px -7px;*/
	/* text-indent: -9999em;*/
	/* width: 193px;*/
	/* height: 38px;*/
	/* background: url(../img/h-where.png);*/
}

#content #featWhere .map {
	width: 515px;
	float: left;
	height: 296px;
}

#content #featWhere .info {
	float: left;
	background: #fff;
	color: #f47317;
	width: 125px;
	min-height: 213px;
	padding: 10px;	
}

#content #featWhere .info p {
	font-size: 1.4em;
	margin-top: 0;
}

/* @end #featWhere */

#content .section {
	margin-bottom: 20px;
}

/* @group #sectNews */

#content #sectNews {
/*  position: relative;*/
	padding-bottom: 63px;
}
#content #sectNews .inner .moduleContent {
  position: relative;
}
#content #sectNews h3 {
	background: url(../img/h-whats-been-happening.gif);
	width: 433px;
	height: 27px;
	margin: 0 0 20px;
	text-indent: -9999em;
}

#content #sectNews h3 a {
	display: block;
	height: 100%;
	text-indent: -9999em;
}

#content #sectNews .article {
	margin-bottom: 20px;
}

#content #sectNews .lnkBookNow {
	margin: 0;
	position: absolute;
	bottom: -85px;
	right: -10px;
	width: 305px;
	height: 114px;
	background: url(../img/book-online-button.png);
}

#content #sectNews .lnkBookNow a {
	display: block;
	height: 100%;
	text-indent: -9999em;
}

/* @end #sectNews */

/* @group #sectGoApe */

#content #sectGoApe {
	border-top: 6px solid #799413;
	*padding-top: 15px;
	*margin-bottom: 0;
}

#content #sectGoApe h3 {
	/* background: url(../img/h-powered-by.gif);*/
	width: 248px;
	height: 58px;
	text-indent: -9999em;
	position: relative;
}

#content #sectGoApe h3 a {
	display: block;
	position: absolute;
	width: 120px;
	height: 57px;
	top: 0;
	right: 0;
}

/* @end #sectGoApe */

/* @end #content */

/* @group #subContent */

#subContent {
	float: right;
	width: 290px;
	padding: 0 45px;
	/* background: url(../img/bg-splodge.jpg) no-repeat 4px 415px;*/
}

#subContent .section {
	margin-bottom: 28px;
}

#subContent .section .inner {
	/* background: url(../img/bg-subsection-top.gif) no-repeat;*/
	padding: 10px;
	*height: 1%; /* hasLayout */
}

#subContent .section h4 {
	margin-top: 0;
}

/* @group #sectNewsletter */

#subContent #sectNewsletter h4 {
	background: url(../img/icon-envelope.png) no-repeat;
	padding: 3px 0 0 35px;
	min-height: 18px;
	margin: 0;
}

#subContent #sectNewsletter p {
	margin: 0;
	padding-left: 35px;
}

#subContent #sectNewsletter #formNewsletter {
	margin-top: 10px;
}

#subContent #sectNewsletter .field,
#subContent #sectNewsletter .action {
	float: left;
	margin: 0;
}

#subContent #sectNewsletter #fEmail {
	border: 0;
	padding: 8px;
	color: #799413;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	min-height: 14px;
	margin-right: 6px;
	width: 12.5em;
}

#subContent #sectNewsletter #sSubscribe {
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #fff;
	color: #fff;
	padding: 6px;
	*width: 8em;
	background: #7da241 url(../img/bg-gradient-green-sml.gif) repeat-x;
	cursor: pointer;
}

/* @end #sectNewsletter */

/* @group #sectShare */

#subContent #sectShare {
	position: relative;
}

#subContent #sectShare ul {
	margin: 0 0 -5px -15px;
	overflow: hidden; /* Clearfix */
	*margin-bottom: 0;
}

#subContent #sectShare li {
	margin: 0 0 5px 15px;
	float: left;
	list-style: none;
	width: 40px;
	height: 40px;
}

#subContent #sectShare li a {
	display: block;
	height: 100%;
	text-indent: -9999em;
	background: no-repeat;
}

#subContent #sectShare .lnkFacebook a {background-image: url(../img/share/icon-facebook.png);}
#subContent #sectShare .lnkTwitter a {background-image: url(../img/share/icon-twitter.png);}
#subContent #sectShare .lnkStumpleUpon a {background-image: url(../img/share/icon-stumbleupon.png);}
#subContent #sectShare .lnkGoogleBuzz a {background-image: url(../img/share/icon-buzz.png);}
#subContent #sectShare .lnkDigg a {background-image: url(../img/share/icon-digg.png);}
#subContent #sectShare .lnkDelicious a {background-image: url(../img/share/icon-delicious.png);}
#subContent #sectShare .lnkYouTube a {background-image: url(../img/share/icon-youtube.png);}
#subContent #sectShare .lnkLinkedIn a {background-image: url(../img/share/icon-linkedin.png);}

/* @end #sectShare */

/* @group #sectFacebook */

#subContent #sectFacebook .inner {
	background: url(../img/bg-subsection-top-fold.jpg) no-repeat;
}

#subContent #sectFacebook h4 {
	margin: -10px 0 0 0;
	width: 247px;
	height: 94px;
	text-indent: -9999em;
	background-image: url(../img/h-hot-or-not.png);
}	

#subContent #sectFacebook .facebookFeed {
	background: #fff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	min-height: 400px;
}

/* @end #sectFacebook */

/* @group #sectLatestPhotos */

#subContent #sectLatestPhotos {
	position: relative;
	margin-bottom: 32px;
}

#subContent #sectLatestPhotos .inner {
	background: url(../img/bg-subsection-top-xfade.jpg) no-repeat;
}

#subContent #sectLatestPhotos h4 {
	margin: 4px 0 0;
	width: 183px;
	height: 42px;
	text-indent: -9999em;
	background-image: url(../img/h-latest-photos.png);
}

#subContent #sectLatestPhotos ul {
	margin: 0 0 0 -8px;
	overflow: hidden; /* Clearfix */
	*margin-bottom: 10px;
}

#subContent #sectLatestPhotos li {
	list-style: none;
	margin: 0 0 15px 15px;
	float: left;
}

#subContent #sectLatestPhotos .lnkMorePhotos {
	margin: 0;
	position: absolute;
	bottom: -22px;
	right: 15px;
	background: url(../img/more-on-flickr.png);
	width: 154px;
	height: 36px;
}

#content #sectFlickr ul {
  margin: 0;
}

#content #sectFlickr ul li {
  list-style: none;
  margin: 0 24px 24px 0;
  float: left;
}

#subContent #sectLatestPhotos .lnkMorePhotos a {
	display: block;
	height: 100%;
	text-indent: -9999em;
}

#content .locationList {
  clear: both;
  overflow: auto;
}

/* @end #sectLatestPhotos */

/* @group #sectLatestVideos */

#subContent #sectLatestVideos {
	position: relative;
}

#subContent #sectLatestVideos .inner {
	background: url(../img/bg-subsection-top-xfade.jpg) no-repeat;
}

#subContent #sectLatestVideos h4 {
	margin: 4px 0 0;
	width: 178px;
	height: 42px;
	text-indent: -9999em;
	background-image: url(../img/h-latest-videos.png);
}

#subContent #sectLatestVideos ul {
	margin: 0 0 0 -8px;
	overflow: hidden; /* Clearfix */
	*margin-bottom: 10px;
}

#subContent #sectLatestVideos li {
	list-style: none;
	margin: 0 0 15px 15px;
	float: left;
}

#subContent #sectLatestVideos .lnkMoreVideos {
	margin: 0;
	position: absolute;
	bottom: -22px;
	right: 15px;
	background: url(../img/more-on-youtube.png);
	width: 188px;
	height: 38px;
}

#subContent #sectLatestVideos .lnkMoreVideos a {
	display: block;
	height: 100%;
	text-indent: -9999em;
}

/* @end #sectLatestVideos */

/* @end #subContent */

/* @group #footer */

#footer {
	clear: both;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 12px 10px 10px;
	*zoom: 1; /* hasLayout */
}

#footer p {
	margin: 0 0 0 35px;
  clear: both;
}

#footer a {
}

#footer .logos {
  float: right;
}

#footer .logos img {
  display: inline;
}

/* @end #footer */
div.item {
	clear: both;
	margin-bottom: 2em;
	padding-left: 45px;
	border-bottom: 1px dotted #ccc;
}
div.item.twitter {
	background: url(/images/social-icons/twitter-32x32.png) no-repeat top left;
}
div.item.youtube {
	background: url(/images/social-icons/youtube-32x32.png) no-repeat top left;
}
div.item.rss {
	background: url(/images/social-icons/rss-32x32.png) no-repeat top left;
}
div.item.flickr {
	background: url(/images/social-icons/flickr-32x32.png) no-repeat top left;
}
div.item.twitter div.description {
	display: none;
}
div.item p.postDate {
	clear: both;
	font-weight: bold;
}
div.item.youtube div div {
	margin-left: 130px;
}
div.item.youtube div a {
	float: left;
	padding: 0 1em 1em 0;
}
a#loadMore {
	display: block;
	width: auto;
	text-align: center;
	height: 50px;
	font-size: 2em;
	
}
