@charset "utf-8"; /* Do not remove */
@font-face {font-family: 'BoycottRegular';src: url('BOYCOTT_-webfont.eot');src: url('BOYCOTT_-webfont.eot?#iefix') format('embedded-opentype'),url('BOYCOTT_-webfont.woff') format('woff'),url('BOYCOTT_-webfont.ttf') format('truetype'),url('BOYCOTT_-webfont.svg#BoycottRegular') format('svg');font-weight: normal;font-style: normal;}
@media screen,tv,projection {

/* Styles */

/* Default CSS File */

* {
	margin: 0px;
	padding: 0px;
	}
body {
	background-color:#000;
	background-image:url('back-home.jpg');
	background-position:top center;
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	}
.volcanic-bg {background:rgb(0,0,0) url('volcanic-background.jpg') top center no-repeat !important;}


body#pHome {background-image:url('back-concerts2.jpg') !important;background-size:cover;}

body#pContact {
	background-image:url('back2.jpg');
}

body#pFuture {
	background-image:url('back-future.jpg');
}

body#pAbout {
	background-image:url('back-about.jpg');
}

body#pFacilities {
	background-image:url('back-facilities.jpg');
}

body#pConcerts {
	background-image:url('back-concerts.jpg');
}

body#pConcerts.indoor {
	background-image:url('back-concerts-indoor.jpg');
}

body#pConcerts.conventions {
	background-image:url('back-conventions.jpg');
}

body#pWeddings {
	background-image:url('back.jpg');
	}

body#pShops {
	background-image:url('back-shops.jpg');
}

body#pShops.goodlife {
	background-image:url('back-gl.jpg');
}

body#pShops.backporch{
	background-image:url('back-back.jpg');
}

body#pShops.salon {
	background-image:url('back-salon.jpg');
}

body#pShops.bank {
	background-image:url('back-bank.jpg');
}

body#pShops.complements {
	background-image:url('back-complements.jpg');
}

body#pShops.barre3 {
	background-image:url('back-barre3.jpg');
}

body#pShops.pack {
	background-image:url('back-pack.jpg');
}
body#pShops.fred-bg {
	background-image:url('back-fred.jpg');
	background-size: cover;
}
body#pShops.volcano {
	background-image:url('back-wine.jpg');
}

body#pQuin {
	background-image:url('back-q.jpg');
}

a {
	/* color:#930b0b; */
	color:#FFF;
	}

blockquote {
	margin-bottom:20px;
	}
#container {
	margin:0px auto 0px auto;
	width:1200px;
	height:790px;
	position:relative;

	}

#pFuture #container {
	height:950px;
	}

#logo {
	background-image:url('logo.png');
	width:400px;
	height:258px;
	position:relative;
	left:-15px;
	}

#pFuture #logo {
	width:200px;
	height:129px;
	background-image:url('logo-sm.png');
	}


#logo h1, #logo a {
	display:block;
	width:100%; height:100%;
	text-decoration:none;
	}

#logo a span {
	display:none;
	}


/* Century Center Navigation (upgrade) */
.navigation {background:rgb(0,0,0) url('navback.png') repeat-x;background:rgba(0,0,0,0.90);font-size:1.2em;font-weight:600;color:rgb(255,255,255);position:absolute;top:0;left:15.0em;list-style:none outside none;display:block;z-index:10;width:70%;text-align:left;margin:0;padding:0;}
.navigation .nav-item {display:inline;zoom:1;display:inline-block;position:relative;z-index:auto;text-align:center;list-style:inherit;margin:inherit;padding:inherit;}
.navigation .sub-nav {background:rgb(0,0,0);background:rgba(0,0,0,0.7);position:absolute;top:100%;text-align:left;list-style:inherit;display:none;border:0.094em solid rgb(111,111,111);border-top:none;}
.navigation .sub-nav .nav-item {text-align:inherit;display:block;white-space:normal;font-weight:100;}
.navigation .sub-nav .nav-link {padding:0.094em;}
.navigation .nav-link,.navigation .nav-link:link,.navigation .nav-link:visited {display:block;color:rgb(255,255,255);padding:0.7em;white-space:nowrap;text-decoration:none;border-left:0.5em solid transparent;}
.navigation .nav-link:hover,.navigation .nav-link:active {border-left:0.5em solid rgb(255,0,0);}
.navigation .nav-item:hover .sub-nav,.navigation .nav-item:hover .sub-nav .sub-nav {display:block}
.navigation .socialmedia:link,.navigation .socialmedia:visited,.navigation .socialmedia:hover,.navigation .socialmedia:active {border: medium none;padding: 0;position: relative;top: 0.3em;
}

/*
#navigation {
	background-image:url('navback.png');background-repeat:repeat-x;
	position:relative;
	display:block;
	left:320px;
	bottom:260px;
	height:50px;
	z-index:10;
	padding:0 0 0 20px;
	width:70%;
	text-align:center;
	}


ul#mainnav {
	list-style-type:none;
	z-index:10;
	padding:0 !important;


	}

ul#mainnav li {
	position:relative;
	white-space:nowrap;
	float:left;
	display:inline;
	margin-right:40px;
	font-size:14pt;
	font-weight:bold;
	line-height:50px;

	}

ul#mainnav li.btnFB {
	width:32px; height:32px;
	margin-top:8px;
	margin-right:15px;
	background-image:url('facebook.png');
	background-repeat:no-repeat;
	}

ul#mainnav li.btnFB span {
	visibility:hidden;
	}

ul#mainnav li.btnTwit {
	width:32px; height:32px;
	margin-top:8px;
	background-image:url('twitter.png');
	background-repeat:no-repeat;
	}

ul#mainnav li.btnTwit span {
	visibility:hidden;
	}
ul#mainnav li a {
	display:block;
	height:50px; width:100%;
	color:#FFF;
	text-decoration:none;


	}

ul#mainnav li a:hover, ul#mainnav li ul.sub1 li a:hover {
	color:#CF0000;
	height:100%;
	}

ul.sub1, ul.sub2 {
	background-image:url('navback3.png');
	background-color:#000;
	border:2px solid #4A443F;
	width:auto;
	z-index:10;
	background:rgb(0,0,0);background:rgba(0,0,0,0.9);
        text-align:left !important;
	}

.sub1 li,.sub2 li {float:none !important;display:block !important;margin:0 !important;padding:0 1.0em !important;line-height:34px !important;}

.sub1 {float:none;display:none;padding:0;position:absolute;top:100%;margin-left:-24.99%;background:rgb(0,0,0);background:rgba(0,0,0,0.9);text-align:center;}

.shop-nav-margin {margin-left:-120%;}
.news-nav-margin {margin-left:-110%;}

ul#mainnav li ul.sub2 {
	width:auto;
	float:none;
	display:none;
	padding-top:5px;
	position:absolute;
	left:96%;
	top:18%;
	border:1px solid #4A443F;
	text-align:right;
	}


ul#mainnav li ul.sub1 li ul.sub2 li {
	width:auto;
	line-height:30px;
	text-align:right;
	}




ul#mainnav li ul.sub1 li{
	width:auto;
	height:100%;
	text-align:center;
	display:block;
	}

ul#mainnav li ul.sub1 li a {
	color:#FFF;
	height:100%;
	display:block;
	}


ul.sub2 li a {
	color:#FFF;
	height:100%;
	display:block;
	}

ul#mainnav li:hover ul.sub1 {
	display:block;
	background:rgb(0,0,0);background:rgba(0,0,0,0.9);
	}


ul#mainnav li ul.sub1 li:hover ul.sub2  {
	display:block;
	background:rgb(0,0,0);background:rgba(0,0,0,0.9);
	}
*/

#content {width:700px;overflow:visible;position:absolute;right:0;top:100px;z-index:2;background:rgb(0,0,0) url('navback.png');background:rgba(0,0,0,0.84);color:#FFF;padding:20px;min-height:600px;_height:600px;}

#pContact #content  {
	width:670px;
	text-align:center;
	padding:20px 60px;
	}

#content h1 {
	text-align:center;
	margin-bottom:20px;
	}

#pContact #content p {
	margin-bottom:35px;


	}


#content p {
	font-size:12pt;
	margin-bottom:15px;
	}

#pShops #content p:first-child {
	margin-top:25px;
	}

#content img {
	float:right;

	}

#content img.shopfb {
	float:none;
	margin:0px 0px 0px 0px;
	position:absolute;
	top:320px; left:20px;
	}

#content img.btnOutdoor, img.btnIndoor {
	float:none;
	position:relative;
	border:1px solid white;
	}

#content img.btnOutdoor {
	top:100px; left:0px;
	}

#content img.btnIndoor {
	top:100px; right:0px;
	}




#iframe {
	margin:0px auto 0px auto;

	width:700px; height:600px;
	}
#content ul {
	margin-left:30px;
	margin-top:25px;
	margin-bottom:25px;

	}

#content ul li {
	font-size:12pt;
	}

ul#rotating {
	margin-bottom:25px;
	margin-top:0px;
}

#pHome #content ul#rotating {
	margin-top:25px;
	margin-bottom:25px;
	}

#pHome #content ul#rotating  li{

	font-size:14pt;
	}

#pShops ul#rotating {
	margin-top:25px;
	margin-bottom:25px;
	}

ul#rotating li {
	margin-bottom:10px;
	}

ul#rotating li a {
	text-decoration:none;
	}

#pShops ul#rotating li {
	margin-bottom:5px;
	}

#shops {
	margin:20px auto 0px auto;

	width:600px;
	}

ul#shoplist {
	list-style-type:none;
	}

ul#shoplist li {
	display:block;
	height:150px; width:155px;

	background-image:url('shops.png');
	float:left;
	margin-right:30px;
	margin-bottom:30px;
	}

#pEventResources ul#shoplist li {
	background-image:url('resources.png');
	}

#btnbarre3 {
	}

#btnGoodlife {
	background-position:-180px 0px;
	}

#btnBackporch {
	background-position:-355px 0px;
	}

#btnSalon {
	background-position:-535px 0px;
	}

#btnComplements {
	background-position:-730px 0px;
	}

#btnBackporch {
	background-position:-355px 0px;
	}

#btnPackShip {
	background-position:-922px 0px;
	}

#btnVolcano {
	background-position:-1095px 0px;
	}

#btnUSBank {
	background-position:-1278px 0px;
	}

#btnForLease {
	background-position:-1460px 0px;
	}

/* Event Resources */
#btnCaterers {
	background-position:-180px 0px;
	}

#btnFlowers {
	background-position:-355px 0px;
	}

#btnPartyRentals {
	background-position:-535px 0px;
	}

#btnBeer {
	background-position:-1463px 0px;
	}

#btnPhotographers {
	background-position:-730px 0px;
	}

#btnSound {
	background-position:-922px 0px;
	}

#btnEventPlanners {
	background-position:-1090px 0px;
	}


#btnSecurity {
	background-position:-1275px 0px;
	}




ul#shoplist li a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;

}

ul#shoplist li a span {
	visibility:hidden;
	}

#footer {
	text-align:center;
	color:#FFF;
	clear:both;
	padding-top:10.0em;
	position:relative;
	z-index:6;
	bottom:0;
	/*top:10%;
	left:400px;*/
	}

#footer a{
	color:#FFF;
	}

#content-left {
	position:relative;
	width:400px;

		}

#pShops #content-left {
	width:690px;

	}


#pEventResources #content-left {
	width:280px;
	}

#pFundraising #content-left, #pConcerts #content-left {
	width:690px;

	}

#pContact #content-left {
	left:-30px;
	height:400px;
		}

#pContact.directions #content-left {

	top:0px;
	left:40px;


		}

#pContact.directions #content-left img {

	}

#content-right {
	position:absolute;
	top:50px; right:-30px;
	text-align:center;
	}

#pFundraising  #content-right, #pConcerts #content-right {
	position:relative;
	top:0px; right:-20px;
	float:right;
	width:420px; height:400px;
	text-align:center;

	}

#pShops #content-right {
	width:450px; height:400px;
	top:0px; right:-20px;
	position:relative;
	text-align:center;
	float:right;

	}

#pShops.salon #content-right, #pShops.pack #content-right {
	height:420px;
	}

#pShops.volcano #content-right, #pShops.bank #content-right {
	height:450px;
	}



#pShops #content-right #rotate {
	position:relative;
	}
#pContact #content-right{
	top:125px;
	right:0px;
		}

#pContact #content-right h2 {
	font-size:14pt;
	}

#pContact.directions #content-right{
	top:120px;
	right:20px;
	width:250px;


		}





ul.directions {
		text-align:left;
		}




img.book {
	position:absolute;
	right:30px; top:430px;
	border:0px;
	}

#pConcerts img.book, #pFundraising img.book {
	top:325px; right:60px;
	}

#pFacilities img.book {
	top:470px;
	right:400px;
	}

#pFacilities img.book#print {
	top:470px;
	right:20px;
	}

h3.shopinfo {
	font-size:12pt;
	position:relative;
	top:20px;
	left:0px;
	}

iframe#news {
	width:695px; height:1200px;
	margin:0px auto 0px auto;
	}


ul#links {
	margin-left:85px;
	margin-top:40px;
	list-style-type:none;
	position:relative;
	}
ul#links li {
	margin-bottom:30px;
	}
ul#links li a {
	font-size:18pt;
	font-weight:bold;
	}

ul#links li a img {
	position:absolute;
	left:-110px;
	}

img#printonly {
	display:none;
	}

img.side {
	position:absolute;
	left:325px;
	bottom:30px;
	}




/* Gallery */

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin:50px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:550px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7;_filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(left.gif) left center no-repeat}
#imgnext {right:0; background:url(right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}

/* Flex Scroll Styles */

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: white;
}
.vscrollerbar {
width: 10px;
background-color: black;
}
.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: black;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

/* Banner Styles */

/* Styles for Java Banner */

#logoPart { background:#000; height:0px;}

#bannerTD { width:400px; height:300px; background-color:#333; background-repeat: no-repeat;}
#bannerTD #bannerContainer { width:400px; height:300px; text-align:center;}
#bannerTD #bannerContainerCover {width:400px; height:300px; text-align:center;}
#bannerTD #bannerBody { height:300px; text-align:center;}

#bannerTD #bannerFooter {
    background:#000; height:80px;
    display:none;
    width:700px;
}
#bannerTD #bannerFooterNav {
    position:absolute;
    top:335px;margin-top:0;
    left:50%;margin-left:-450px;
    width:825px;
}
.footerCell{ padding:5px; text-align:left; border:0px #F90 solid;}
.footerCell .footerTitle {font-family:tahoma, arial; font-size:11px; color:#fff; font-weight: bold;}
.footerCell .footerDesc {font-family:tahoma, arial; font-size:11px; color:#efefef;}
.footerCell ul {list-style: none; margin: 2px; margin-left: 75px; padding-left: 10px;}
.footerCell ul li {margin: 2px; line-height: 13px; padding: 0;}
.footerLink {text-align: right;}

.footerCell .imgDiv{ position:relative; float:left; width:80px; height:65px; margin: 2px 1px 0px 1px;}
.bttnMore {width:57px; height:19px; float: right;}
.bttnMore a{display: block; background:url(bttn_more_small.png) 0 0 no-repeat; line-height: 19px; text-decoration: none;}

.imgBgDiv_i {
    width:82px; height:67px;
    background: url(thumbBgBordered.png) 0 0 no-repeat;
    padding: 0;
    float:left;
}


#bannerCornerOverlayT{position:absolute; left:50%; margin-top:0; margin-left:-400px; top:90px; background:url(bg_bigbanner_trans.gif) 0 -5px no-repeat; width:830px; height:5px; z-index:1000;}
#bannerCornerOverlayB{
	position:absolute;
	left:50%;
	margin-top:0;
	margin-left:-400px;
	top:410px;
	background:url(bg_bigbanner_trans.gif) 0 0 no-repeat;
	width:830px;
	height:5px;
	z-index:1001;}

form {color:#efefef; margin:0;}

table#rotate {
	float:right;
	margin-right:30px;
	}

#pShops table#rotate {

}

/* Lightbox Styles */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#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; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* New Form Styling Code (2012-13-06) */
form {color:inherit !important;}
fieldset {border:none;}
legend {margin:10px !important;padding:5px;}
label {margin:3px 2px;}
/*#form form {margin:0 20%;}  Fixes Form Centering */
.sdx_form {display:block;list-style:none inside none;margin:0;}
.sdx_label,.sdx_input,input[type="text"] {font-family:Verdana !important;font-weight:lighter;color:rgb(0,0,0);}
.sdx_label {font-family:Verdana;font-weight:lighter;color:rgb(255,255,255)}
.sdx_input {padding-bottom:8px;margin:0 0 12px 5px;border:1.054px solid rgb(0,0,0);vertical-align:middle;} /* Vertical Align hack */
.sdx_form-item {padding:0 5px;margin:5px;list-style:none inside none;}
td {margin:0;}


/* Validation States CSS 3 Properties */
.sdx_input:focus {border:1.054px solid rgb(0,173,239);position:relative;}
.sdx_input:focus:after {content:"Required";position:relative;left:10px;background:rgb(0,0,0);}
.sdx_input:focus:required {border:1.504px double rgb(0,136,178);} /* Required State */
.sdx_input:required:valid {border:1.504px double rgb(0,167,109);} /* Required and Valid State */
.sdx_input:focus:required:invalid {border:1.504px double rgb(255,0,0);} /* Invalid Required State */

.sdx_button {margin:0;text-align:center;padding:5px;border:1.504px solid rgb(102,102,102);background:rgb(255,255,255);}

/* Floating System */
.sdx_left {float:left;}
.sdx_right {float:right;}

}

/* Volcanic Button */
.volcanic-button {font-family:BoycottRegular,'Bebas Neue',sans-serif;font-size:1.6em;color:rgb(61,212,207);}
#content img[class="image-fix"] {float:none !important;}


/* Print Style Sheet */
@media print {


* {
	margin: 0px;
	padding: 0px;
	}

#logo, #navigation, img.book, #content ul, #content h2, #content img {
	display:none;
	}

#content {
	width:1200px; height:1500px;
	border:2px solid black;
	top:0px;
	}

img#printonly {
	display:block;
	}
}

.resident-images {
background: none repeat scroll 0 0 rgb(255, 255, 255);
float: left !important;
height: 13em;
list-style: inherit;
margin: 0 0;
width: 30%;
padding:0.1em;
}

.resident-size	{
width: 100%;
overflow:hidden;
}

.resident-list	{
list-style:none outside none;
}