/* ---------------------------------------------
Experience Columbia Screen Style Sheet
author: Cyberwoven
version:  2009.07
----------------------------------------------- */

body {
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0;
	padding:0;
	background:#000 url(../images/vennbubbles.jpg) repeat-x center top fixed;
	text-align:center;}

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




p {margin:0 0 15px 0; padding:0;}


/* Reusables
----------------------------------------------- */

a.morelink {display:block; height:30px; margin:5px 0; padding-right:34px; line-height:30px; color:#6bc4df; text-decoration:none; text-transform:uppercase; text-align:right; clear:both; background-image:url(../images/social-sprite-tall.gif); background-repeat:no-repeat; outline:none;}
a.morelink:hover {text-decoration:none; color:#d6f3fc;}
a.morelink strong {display:none;}
a.morelink:hover strong {display:inline; text-decoration:underline; padding-right:3px;}
a.flickrlink {background-position:265px -60px;}
a.flickrlink:hover {background-position:265px -90px;}
a.deliciouslink {background-position:265px -540px;}
a.deliciouslink:hover {background-position:265px -570px;}
a.aboutlink {background-position:265px -480px;}
a.aboutlink:hover {background-position:265px -510px;}
a.youtubelink {background-position:590px -240px;}
a.youtubelink:hover {background-position:590px -270px;}
a.twitterlink {background-position:590px -180px;}
a.twitterlink:hover {background-position:590px -210px;}
a.bloglink {background-position:590px -600px;}
a.bloglink:hover {background-position:590px -630px;}
a.calendarlink {background-position:590px -660px;}
a.calendarlink:hover {background-position:590px -690px;}

h2 {display:block; width:620px; height:60px; margin:0 0 20px 0; padding:0; color:#152906; text-indent:20px; background:url(../images/header-internal.jpg); font:bold 20px/60px Georgia, "Times New Roman", times, serif;}
	h2 a {display:block; height:60px; color:#4b2d03; text-decoration:none;}

a.linkbutton {display:inline-block; padding:5px 15px; text-decoration:none; background:url(../images/header-internal.jpg) center center; text-transform:uppercase; border:2px solid #152906; color:#152906; margin:10px 0; font-size:14px; font-weight:bold;}
a.linkbutton:hover {color:#0c1a02; border-color:#bced97;}

div.hr {display:block; clear:both; margin:10px 0; background:url(../images/hrbg.gif) no-repeat center center; height:38px;}
	div.hr hr {display:none;}
	
p.intro {color:#dcefbd; font-family:palatino,'palatino linotype',georgia,serif; font-size:20px; font-style:italic;	line-height:26px; padding:0; margin:0;}
	p.intro strong {text-transform:uppercase; font-weight:bold; color:#fff; font-size:18px;}
	a.topten {display:block; padding:10px 0; width:225px; margin:15px auto; text-decoration:none; text-align:center; background:url(../images/header-internal.jpg) center center; text-transform:uppercase; border:2px solid #152906; color:#152906; font-size:16px; font-weight:bold;}
	a.topten:hover {color:#0c1a02; border-color:#bced97;}


/* Layout Blocks
----------------------------------------------- */

.wrapper {width:960px; margin:0 auto; text-align:left; background:url(../images/patternfade.png) 3px 0 repeat-x;}
.container {padding:0 10px 15px 10px; min-height:800px; background:url(../images/containerbg.jpg) no-repeat center top;}
h1 {margin:0; padding:0;}
h1 a {display:block; height:171px; font-size:1px; text-indent:-9999px; outline:none;}

/*
Old Mainnav...
#mainnav {display:block; margin:3px 0 0 0; padding:0; list-style:none; height:70px;}
	#mainnav li {margin:0; padding:0; display:inline;}
	#mainnav li a {display:block; height:60px; float:left; margin-right:10px; background:url(../images/navsprite.jpg) no-repeat; font-size:1px; text-indent:-9999px; outline:none;} 
		#mainnav li.videos a {background-position:0 0; width:124px; margin-left:16px;}
		#mainnav li.videos a:hover, #mainnav li.videos a.active {background-position:0 -60px;}
		#mainnav li.tweets a {background-position:-134px 0; width:128px; margin-right:9px;}
		#mainnav li.tweets a:hover, #mainnav li.tweets a.active {background-position:-134px -60px;}
		#mainnav li.blog a {background-position:-271px 0; width:95px;}
		#mainnav li.blog a:hover, #mainnav li.blog a.active {background-position:-271px -60px;}
		#mainnav li.events a {background-position:-376px 0; width:119px;}
		#mainnav li.events a:hover, #mainnav li.events a.active {background-position:-376px -60px;}
*/		

#mainnav {display:block; margin:6px 0 0 0; padding:0; list-style:none; height:70px;}
	#mainnav li {margin:0; padding:0; display:inline;}
	#mainnav li a {display:block; height:52px; width:100px; float:left; margin-right:10px; background:url(../images/navsprite-equal.gif) no-repeat; font:16px/52px Georgia, "Times New Roman", times, serif; text-align:center; text-transform:uppercase; font-weight:bold; text-decoration:none; outline:none;} 
		#mainnav li.videos a {background-position:0 0; margin-left:16px; color:#063f36;}
		#mainnav li.videos a:hover, #mainnav li.videos a.active {background-position:0 -52px;}
		#mainnav li.tweets a {background-position:-100px 0; color:#413500;}
		#mainnav li.tweets a:hover, #mainnav li.tweets a.active {background-position:-100px -52px;}
		#mainnav li.blog a {background-position:-200px 0; color:#592005;}
		#mainnav li.blog a:hover, #mainnav li.blog a.active {background-position:-200px -52px;}
		#mainnav li.events a {background-position:-300px 0; color:#481003;}
		#mainnav li.events a:hover, #mainnav li.events a.active {background-position:-300px -52px;}
		#mainnav li.deals a {background-position:-400px 0; color:#172c07;}
		#mainnav li.deals a:hover, #mainnav li.deals a.active {background-position:-400px -52px;}

	
#sidebar {float:right; width:319px; position:relative; padding:0; position:relative; z-index:10;}
	#sidetop {display:block; height:264px; padding-top:9px; background:url(../images/sidebartopbg.gif) no-repeat right top;}
		#sidetop a {display:block; height:264px; width:300px; margin-left:19px; background:url(../images/ad.jpg) no-repeat right top; font-size:1px; text-indent:-9999px; outline:none;}
	ul#accordian {margin:0; padding:0; list-style:none;}
	ul#accordian li {display:inline; margin:0; padding:0;}
	ul#accordian li a.toggleswitch {display:block; margin:5px 0 0 0; padding-left:32px; height:45px; line-height:45px; font-weight:bold; font-family:georgia, "Times New Roman", times, serif; text-transform:uppercase; letter-spacing:1px; font-size:14px; color:#29170d; text-decoration:none; background:url(../images/sidebarnavlinkbg.jpg) no-repeat;}
	ul#accordian li a.toggleswitch:hover, ul#accordian li a.active {background-position:left bottom;}
	ul#accordian div.tab {margin-left:20px; padding:5px 0; background:url(../images/black-80.png);}

	ul.socialmedia {display:block; position:relative; margin:45px 0 0 20px; padding:0; list-style:none; height:35px;}
		ul.socialmedia li {display:inline; margin:0; padding:0;}
		ul.socialmedia li a {display:block; width:30px; height:30px; margin:4px 5px 0 0; float:right; background:url(../images/social-sprite.gif) no-repeat 0 0; font-size:1px; text-decoration:none; text-indent:-9999px; outline:none;}
		ul.socialmedia li a span {display:none; color:#fff; position:absolute; text-transform:uppercase; top:0; right:0; width:300px; text-align:right; margin:-35px 0 0 0; letter-spacing:1px; font-size:11px; line-height:30px; text-indent:0;}
		ul.socialmedia li a:hover span {display:block;}
		ul.socialmedia li a span strong {font-size:24px; font-weight:bold; text-transform:none;}
		ul.socialmedia li.fb a {background-position:0 0;} ul.socialmedia li.fb a:hover {background-position:-30px 0;}
		ul.socialmedia li.fl a {background-position:0 -30px;} ul.socialmedia li.fl a:hover {background-position:-30px -30px;}
		ul.socialmedia li.li a {background-position:0 -60px;} ul.socialmedia li.li a:hover {background-position:-30px -60px;}
		ul.socialmedia li.tw a {background-position:0 -90px;} ul.socialmedia li.tw a:hover {background-position:-30px -90px;}
		ul.socialmedia li.yt a {background-position:0 -120px;} ul.socialmedia li.yt a:hover {background-position:-30px -120px;}
		ul.socialmedia li.rs a {background-position:0 -150px;} ul.socialmedia li.rs a:hover {background-position:-30px -150px;}
		ul.socialmedia li.it a {background-position:0 -180px;} ul.socialmedia li.it a:hover {background-position:-30px -180px;}
		ul.socialmedia li.co a {background-position:0 -210px;} ul.socialmedia li.co a:hover {background-position:-30px -210px;}
		ul.socialmedia li.ab a {background-position:0 -240px;} ul.socialmedia li.ab a:hover {background-position:-30px -240px;}
			ul.socialmedia li.fb a span strong {color:#3579b4;}
			ul.socialmedia li.fl a span strong {color:#f92980;}
			ul.socialmedia li.li a span strong {color:#319dff;}
			ul.socialmedia li.tw a span strong {color:#7ccaff;}
			ul.socialmedia li.yt a span strong {color:#ff4949;}
			ul.socialmedia li.rs a span strong {color:#ffae49;}
			ul.socialmedia li.it a span strong {color:#73aae7;}
			ul.socialmedia li.co a span strong {color:#9c998a;}
			ul.socialmedia li.ab a span strong {color:#e4641c;}
	
	ul#accordian div.firsttab {background:none;}
	ul#flickr {display:block; margin:0; padding:0; list-style:none; width:301px;}
		ul#flickr li {display:block; float:left; width:73px; height:73px; margin:0 2px 2px 0; padding:0;}
		ul#flickr li a {display:block; width:73px; height:73px; background:#000; margin:0; padding:0;}
		ul#flickr li a:hover {background:#fff;}
		ul#flickr li a img {display:block; width:72px; height:72px; margin:0; border:none;}

	
	ul#delicious {margin:0; padding:10px 0 10px 0; list-style:none;}
		ul#delicious li {display:block; margin:0 0 0 0; padding:0 15px 15px 25px; line-height:16px;}
		ul#delicious li p {margin:0; padding:0; font-size:11px; line-height:16px;}
		ul#delicious li a {font-size:12px; color:#6bc4df; text-decoration:none;}
		ul#delicious li a:hover {text-decoration:underline;}

	ul#deals {margin:0; padding:10px 0 10px 0; list-style:none;}
		ul#deals li {display:block; margin:0 0 0 0; padding:0 15px 15px 25px; line-height:16px;}
		ul#deals li p {margin:0; padding:0; font-size:11px; line-height:16px;}
		ul#deals li a {font-size:12px; color:#6bc4df; text-decoration:none;}
		ul#deals li a:hover {text-decoration:underline;}

	#sidebar .flame {display:block; position:relative; width:200px; height:250px; margin:0 0 0 -60px; background:url(../images/footerfire.png);}
		#sidebar .flame a {display:none !important;}


#content {float:right; width:620px; position:relative; z-index:20; background:url(../images/black-80.png); padding-bottom:150px;}
#content img {float:right; margin:0 0 10px 10px;}
	#videos {position:relative; display:block; margin:0; padding:0;}
		#youtubeplaying {height:473px; overflow:hidden;}
		ul#youtube {display:block; margin:0; padding:0;}
		ul#youtube li {display:block; position:relative; width:194px; height:73px; float:left; margin:0; padding:15px 15px 0 100px; color:#488090; text-transform:uppercase; background:url(../images/blue-2c525e-40.png) no-repeat -99px -99px;}
		ul#youtube li a {text-transform:none; color:#fff; text-decoration:underline;}
		ul#youtube li strong a {display:block; line-height:16px; max-height:54px; text-decoration:none; font-family:georgia, "Times New Roman", times, serif;}
		ul#youtube li:hover {background-repeat:repeat;}
		ul#youtube li.active {background:url(../images/blue-2c525e-60.png) repeat 0 0;}
		ul#youtube li img {display:block; position:absolute; top:15px; left:15px; width:75px; height:56px; float:none; margin:0;}


	#tweets {position:relative; display:block; margin:0; padding:0;}
		h2.twitterheader {background:url(../images/header-twitter.jpg);}
			h2.twitterheader a {color:#4b2d03;}

		ol.tweetlist {margin:0 0 20px 0; padding:0; list-style:none;}
			ol.tweetlist li {display:block; border-bottom:1px dashed #222; padding:10px 20px; color:#f3edcb;}
			ol.tweetlist li p {font-size:14px; line-height:16px; margin:0; padding:0 0 3px 0;}
			ol.tweetlist li a {color:#c5881d;}

	#blog {position:relative; display:block; margin:0; padding:0;}
		h2.blogheader {background:url(../images/header-blog.jpg);}
			h2.blogheader a {color:#461507;}
		.blogpost {border-bottom:1px dashed #222; padding:0 0 10px 0; margin:0 20px 10px 80px; color:#fae3cb; position:relative;}
		.blogpost h4 {font-size:16px; margin:0; padding:0 0 5px 0; line-height:20px;}
		.blogpost h4 a {display:block; text-decoration:none; color:#d8923a;}
		.blogpost h4 a:hover {text-decoration:underline;}
		.blogpost p.postsummary {line-height:16px;}
		.blogpost p.postdate {position:absolute; top:0; left:0; margin:0 0 0 -60px; color:#f2b576; padding:0; text-align:center; width:40px; font-size:30px; line-height:35px; font-family:georgia, "Times New Roman", times, serif;}
		.blogpost p.postdate .month {display:block; width:40px; color:#d8923a; text-align:center; letter-spacing:1px; position:absolute; top:35px; left:0; font-size:14px; line-height:16px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
		.blogpost p.postdate .year {display:none;}


	#events {position:relative; display:block; margin:0; padding:0;}
		
		h2.eventsheader {background:url(../images/header-events.jpg);}
			h2.eventsheader a {color:#380f03;}
		.eventpost {border-bottom:1px dashed #222; padding:0 0 10px 0; margin:0 20px 10px 80px; color:#fcd3bb; position:relative;}
		.eventpost h4 {font-size:16px; margin:0; padding:0 0 5px 0; line-height:20px;}
		.eventpost h4 a {display:block; text-decoration:none; color:#e34c2e;}
		.eventpost h4 a:hover {text-decoration:underline;}
		.eventpost p.eventsummary {line-height:16px;}
		.eventpost p.eventdate {position:absolute; top:0; left:0; margin:0 0 0 -60px; color:#ef7e64; padding:0; text-align:center; width:40px; font-size:30px; line-height:35px; font-family:georgia, "Times New Roman", times, serif;}
		.eventpost p.eventdate .month {display:block; width:40px; color:#e34c2e; text-align:center; letter-spacing:1px; position:absolute; top:35px; left:0; font-size:14px; line-height:16px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
		.eventpost p.eventdate .year {display:none;}

	ul.footerlaunch {display:block; position:relative; height:110px; padding:0; margin:0; background:url(../images/footerstripe.png) repeat-x; list-style:none;}
		ul.footerlaunch li {display:block; position:absolute; top:7px; right:0; width:305px; height:100px; margin:0; padding:0; float:right;}
		ul.footerlaunch li.first {position:absolute; top:7px; left:0; right:auto;}
		ul.footerlaunch li a {position:relative; display:inline; margin:0; padding:0;}
		ul.footerlaunch li a img {border:none; position:relative; margin:0 !important; padding:0; float:none !important;}

	#footer {margin:10px 0 20px 0; padding:0 0 0 68px; position:relative; color:#6c6450; font-size:11px; line-height:15px;}
		a.vcard {display:block; position:absolute; top:2px; right:569px; width:52px; height:40px; background:url(../images/vcard.jpg) no-repeat; font-size:1px; text-indent:-9999px; outline:none;}
		a.vcard:hover {background-position:bottom;}
		a.cyberwoven {color:#6c6450; text-decoration:none;}
			a.cyberwoven:hover {color:#6c6450; text-decoration:underline;}
			a.cyberwoven:hover span {color:#ff5400;}

/* Internal & Hotel Packages
----------------------------------------------- */

#internal {display:block; margin:0;}
	#internal form {display:block; margin:0 20px 20px 20px; padding:0;}
	#internal h2 {margin-left:-20px;}
	#internal h3 {font:normal 18px/20px georgia, "Times New Roman", times, serif; margin:20px 0 4px 0; padding:0; color:#8bac53;}
	#internal h4 {font:bold 14px/20px georgia, "Times New Roman", times, serif; margin:15px 0 2px 0; padding:0; color:#aac976;}


ul.dealspagelist {display:block; margin:15px 0; padding:0; list-style:none;}
	ul.dealspagelist li {display:block; margin:10px 0;}
	ul.dealspagelist li h4 {margin:0; padding:0;}
	ul.dealspagelist li h4 a {color:#8bac53; text-decoration:none;}
	ul.dealspagelist li h4 a:hover {color:#aac976; text-decoration:underline;}

h3.hotelname {font-family:georgia, "Times New Roman", times, serif; width:310px;}
h3.hotelname a {text-decoration:none; color:#8bac53;}
h3.hotelname a:hover {text-decoration:underline; color:#b3d874;}
p.hotelphone {display:block; padding-bottom:20px; border-bottom:1px solid #333;}
p.hoteladdress {position:absolute; top:85px; line-height:16px; left:390px; color:#aac976;}
	a.maplink {display:block; position:absolute; width:200px; height:40px; top:0; left:0; margin:0 0 0 -55px; background:url(../images/maplink.gif) no-repeat 0 0; font-size:1px; text-indent:-9999px; outline:none;}
	a.maplink:hover {background-position:0 -60px;}
p.packagedetails {}
p.packagedates {}
p.packageprice {}


/* Forms
----------------------------------------------- */

fieldset {margin:0; padding:0; display:inline; border:none;}
.textbox {border:1px solid #333; background:none; padding:2px 5px;}
textarea {border:1px solid #333; background:none; padding:2px 5px;}

div.formrow {display:block; overflow:auto; margin:0 0 10px 0; clear:both;}
div.formrow label {display:block; width:170px; text-align:right; float:left; margin:0 5px 0 0; padding:5px 8px 5px 12px; line-height:17px; font-size:13px; color:#fff; background:#1c1c1c;}
div.formrow label.required {background-image:url(../images/required-stripe.gif); background-repeat:no-repeat;}
div.formrow input, 
div.formrow textarea {color:#eee; font-family:Arial, Helvetica, sans-serif;}
div.formrow input.textbox {display:block; width:200px; border:1px solid #555; margin:0 10px 0 0; font-size:13px; line-height:14px; padding:5px 5px;}
	div.formrow input.shorttextbox {width:50px;}
	div.formrow input.mediumtextbox {width:150px;}
div.formrow textarea {display:block; width:322px; height:125px; border:1px solid #555; margin:0 10px 0 0; color:#fff; overflow:auto;}
	div.formrow textarea:focus,
	div.formrow input.textbox:focus {background:#111;}
div.formrow span {display:block; padding-left:195px; margin:0; clear:left; font-size:11px; color:#555; font-style:italic;}
div.formrow span.error {display:inline; padding-left:0; font-style:normal;}
	div.formrow span.error div {display:block; padding-left:195px;}
div.formrow select {margin:4px 0 0 0;}

input.formsubmit {clear:left; margin:20px 0; padding:5px 0; position:relative; left:195px; display:block; text-align:center; width:210px; font-size:14px; line-height:20px; background:#320c0c; color:#eee; border:1px solid #320c0c;}
input.formsubmit:hover {border:1px solid #6a1919; background:#4a1111;}

div.formrow table {position:relative; left:-4px; margin:0; padding:0; text-align:left; border-spacing:0;}
div.formrow table tr.even td {background:none;}
div.formrow table tr td {padding:0 0 2px 0; line-height:14px; border:none; margin:0;}
div.formrow table tr td label {display:inline; width:auto; text-align:left; float:none; margin:0; padding:0 0 0 5px; background:none; color:#ccc; font-size:12px;}

input.otheramount {display:block; width:150px; border:1px solid #555; background:none; margin:5px 0 0 30px; font-size:13px; line-height:14px; padding:5px 5px;}

input.underlinetextbox {display:inline; width:100px; padding:0 4px; border:1px solid #555; border-width:0 0 1px 0; background:none;}
input.hinted {color:#555 !important;}


/* Lightbox (Flickr)
----------------------------------------------- */
#lightbox{position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0; color:#333;}
#lightbox a img{border:none;}
#outerImageContainer{position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;}
#imageContainer{padding: 10px;}
#loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
#hoverNav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#imageContainer>#hoverNav{left:0;}
#imageContainer img {float:none; margin:0; padding:0; border:none;}
#hoverNav a{outline: none;}
#prevLink, #nextLink{width:49%; height:100%; background:transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block;}
#prevLink {left:0; float:left;}
#nextLink {right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover {background:url(../images/lightbox/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover {background:url(../images/lightbox/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{color:#FF9834; font-weight:bold; text-decoration: none;}
#nextLinkText{padding-left:20px;}
#prevLinkText{padding-right: 20px;}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/
.ontop #imageData {padding-top:5px;}
/*** END : added padding when navbar is on top ***/

#imageDataContainer{font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto;	line-height:1.4em;}
#imageData{padding:0 10px;}
#imageData #imageDetails{width: 70%; float:left; text-align:left; }	
#imageData #caption{font-weight:bold;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{position: absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; opacity:0.6; display:none;}
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}

* html>body .clearfix {display:inline-block; width:100%;}
* html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }