/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End of CSS Reset */

body {
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
line-height: 1.3em;
height: 100%;
margin:0;
padding:0;
background-color: #FFFFFF;
min-width: 1200px;
background:url(images/bg-tile.jpg) repeat;
}

	.iphone body { -webkit-text-size-adjust: none; }

#full-wrapper { width: 100%; margin: 0 auto; position: relative; background:url(images/bg-top.jpg) top center no-repeat; }
	.mobile #full-wrapper { background:url(images/bg-top-mobile.jpg) top center no-repeat; }
	
body#home #full-wrapper { width: 100%; margin: 0 auto; position: relative; background:url(images/bg-top-home.jpg) top center no-repeat; }
/*	.mobile body#home #full-wrapper { width: 100%; margin: 0 auto; position: relative; background:url(images/bg-top-home-mobile.jpg) top center no-repeat; } ****** causes image glitch with bright pink ribbon? */
	
#page { width: 1200px; margin: 0 auto; position: relative; padding-top: 22px; }
#main { width: 1200px; margin: 0 auto; position: relative; }

/* Web Fonts */
@font-face {
    font-family: 'AlexBrushRegular';
    src: url('fonts/AlexBrush-Regular-OTF-webfont.eot');
    src: url('fonts/AlexBrush-Regular-OTF-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/AlexBrush-Regular-OTF-webfont.woff') format('woff'),
         url('fonts/AlexBrush-Regular-OTF-webfont.ttf') format('truetype'),
         url('fonts/AlexBrush-Regular-OTF-webfont.svg#AlexBrushRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CamboRegular';
    src: url('fonts/Cambo-Regular-webfont.eot');
    src: url('fonts/Cambo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Cambo-Regular-webfont.woff') format('woff'),
         url('fonts/Cambo-Regular-webfont.ttf') format('truetype'),
         url('fonts/Cambo-Regular-webfont.svg#CamboRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* General */
p { margin-bottom: 10px; color: #444; }
.clear { clear: both; }
.no-margin-top { margin-top: 0 !important; }
.no-margin-left {margin-left: 0 !important;}
.no-margin-right {margin-right: 0 !important;}
.no-margin-bottom {margin-bottom: 0 !important;}
h1 { font-family: "AlexBrushRegular", Arial, Helvetica, sans-serif; font-size: 49px; color: #7E005D; text-shadow: 1px 1px 1px white, -1.5px -1.5px 1px #888; margin: 10px 0 20px 0; }
h2 { font-family: "CamboRegular", Arial, Helvetica, sans-serif; font-size: 16.5px; color: #7E005D; text-transform: uppercase; margin: 4px 0 7px 0; }
h3 { font-family: "AlexBrushRegular", Arial, Helvetica, sans-serif; font-size: 25px; }
.vanessa-text { color: #444; font-family: "AlexBrushRegular", Arial, Helvetica, sans-serif; display: block; font-size: 27px; padding-top: 20px; }
.email-capital { color: #7E005D; font-family: "AlexBrushRegular", Arial, Helvetica, sans-serif; display: inline; font-size: 27px; }
a { color: #AF4F80; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Header */
#header { width: 1200px; margin: 0 auto; position: relative; }
.logo { margin: 0 auto; width: 320px; height: 138px; display: block; }
.logo:hover { opacity: 0.8; }
#nav-left { position: absolute; top: 45px; left: 80px; }
#nav-right { position: absolute; top: 45px; right: 24px; }
ul.navigation { width: 370px; height: 60px; }
ul.navigation li { display: inline-block; text-align: center; text-transform: uppercase; font-family: "CamboRegular", "Times New Roman", Times, serif; font-size: 14px; padding-top: 12px; margin-top: 2px; }
ul.navigation li a { text-decoration: none; color: #3E3E3F; text-shadow: 1px 1px 1px rgba(150, 150, 150, 1); background:url(images/nav-divider.png) center right no-repeat; display: block; padding: 0 20px 0 15px; }
ul.navigation .current, ul.navigation li:hover { background:url(images/nav-ball.png) top center no-repeat; }
.no-background { background: none !important; }
.email-address-top { width: 220px; height: 30px; position: absolute; top: 15px; right: 99px; text-align: right; }
.email-address-top a:hover { text-decoration: underline !important; }
.stag-and-hen-flash { position: absolute; top: -26px; left: 84px; background: url(images/stag-and-hen-parties.png) left top no-repeat; width: 174px; height: 65px; }
.stag-and-hen-flash:hover { background-position: top right; }


/* Main */
#arrangement-container { width: 1200px; position: relative; min-height: 585px; }
#arrangement-container #main-content { position: absolute; left: 660px; top: 30px; width: 430px; }
.base-card { float: left; height: 233px; padding: 12px 23px 15px 15px; width: 200px; margin-bottom: 15px; }
.base-card-1 { background:url(images/bg-base-card-1.png) no-repeat; margin-left: 75px; }
.base-card-2 { background:url(images/bg-base-card-2.png) no-repeat; }
.base-card-3 { background:url(images/bg-base-card-3.png) no-repeat; }

.base-card-tall { float: left; height: 350px; padding: 12px 23px 15px 15px; width: 200px; margin-bottom: 15px; }
.base-card-tall-1 { background:url(images/bg-base-card-tall-1.png) no-repeat; margin-left: 75px; }
.base-card-tall-2 { background:url(images/bg-base-card-tall-2.png) no-repeat; }
.base-card-tall-3 { background:url(images/bg-base-card-tall-3.png) no-repeat; }

.base-card-tall-3 p { width: 185px; }


/* Home */
body#home #arrangement-container { background:url(images/bg-arrangement-home.png) top right no-repeat; }
#objects-confetti { position: absolute; top: 366px; left: 146px; z-index: 30; display: none; }

/* View Guide */
body#view-guide #arrangement-container { background:url(images/bg-arrangement-view-guide.png) top center no-repeat; }
#objects-rings { position: absolute; top: 467px; left: 450px; z-index: 30; display: none; }
.view-guide-thumbnails { float: left; margin-right: 10px; position: relative; left: -5px; top: -5px; margin-bottom: 15px; }
.view-guide-thumbnails:hover { opacity: 0.85; }
.request-a-guide-graphic:hover { opacity: 0.75; }

/* About Jersey */
body#about-jersey #arrangement-container { background:url(images/bg-arrangement-right-card.png) top right no-repeat; }
#objects-jersey-island-patch { position: absolute; top: 403px; left: 791px; z-index: 30; display: none; }

/* Get in Touch */
body#get-in-touch #arrangement-container { background:url(images/bg-arrangement-get-in-touch.png) top center no-repeat; }

/* Civil Partnerships */
body#civil-partnerships #arrangement-container { background:url(images/bg-arrangement-right-card.png) top right no-repeat; }
#objects-civil-confetti { position: absolute; top: 419px; left: 72px; z-index: 30; display: none; }
body#civil-partnerships .base-card { z-index: 130 !important; }

#arrangement-container .innerpage { position: absolute; top: 10; left: 100; visibility: hidden; }
#arrangement-container .highlight { background: #cabad5; color: #fff; text-shadow: 0 1px 1px #555; }
#arrangement-container #paging-navigation a { display: inline-block; width: 20px; height: 20px; text-align: center; text-decoration: none; margin-right: 10px; margin-bottom: 10px; padding-top: 3px; border-radius: 8px; }
#arrangement-container #paging-navigation a:hover { background: #cabad5; color: #fff; text-shadow: 0 1px 1px #555; }

body#civil-partnerships #arrangement-container #main-content { width: 462px; }
body#civil-partnerships #arrangement-container #main-content .back-button { position: absolute; top: 427px; left: 0; z-index: 200; }
body#civil-partnerships #arrangement-container #main-content .next-button { position: absolute; top: 427px; left: 214px; }


body#civil-partnerships #arrangement-container #page5 td { padding: 10px; border: 1px solid #bdadca; }





/* Stag and Hen Parties */
body#stag-and-hen-parties #arrangement-container { background:url(images/bg-arrangement-right-card.png) top right no-repeat; }

body#stag-and-hen-parties #full-wrapper { width: 100%; margin: 0 auto; position: relative; background:url(images/bg-top-stag-and-hen-parties.jpg) top center no-repeat; }
	.mobile body#stag-and-hen-parties #full-wrapper { width: 100%; margin: 0 auto; position: relative; background:url(images/bg-top-stag-and-hen-parties-mobile.jpg) top center no-repeat; }

#objects-learner-plate-confetti { position: absolute; top: 325px; left: 760px; z-index: 30; display: none; }
#objects-handcuffs { position: absolute; top: 310px; left: 568px; z-index: 30; display: none; }
#objects-stag-hen-confetti { position: absolute; top: 470px; left: 405px; z-index: 30; display: none; }



/* Privacy Policy */
body#privacy-policy #arrangement-container { background:url(images/bg-arrangement-right-card.png) top right no-repeat; }


/* Directory Pages */
body#directory-page #arrangement-container { background:url(images/bg-arrangement-directory-book.png) top center no-repeat; height: 655px; }
body#directory-page #arrangement-container #main-content { padding: 18px 0 0 14px; }
body#directory-page #arrangement-container .directory-page-left-page-text { position: absolute; top: 500px; left: 103px; font-size: 15px; line-height: 18px; font-family: "CamboRegular", Arial, Helvetica, sans-serif; width: 440px; }
body#directory-page #arrangement-container #main-content h1 { text-shadow: 1px 1px 1px #f9f9e6, -1.5px -1.5px 1px #888888; }
body#directory-page #arrangement-container #main-content ul { float: left; font-family: "CamboRegular", Arial, Helvetica, sans-serif; font-size: 15px; width: 175px; margin-top: 23px; }
body#directory-page #arrangement-container #main-content ul li { margin-bottom: 25px; line-height: 17px; }

.venue-book-ul { }
.venue-book-ul li { margin-bottom: 23px !important; }
.scroll-anchor { position: relative; top: -20px; }
.tier-divider { background: url(images/directories/tier-divider.png) top center no-repeat; width: 1200px; height: 24px; float: left; margin: 25px 0 25px 0; }

.free-advert-container { margin: 0 auto; width: 1070px; overflow: auto; }
.free-advert-cell { float: left; width: 190px; padding: 22px 22px 0 22px; height: 155px; margin: 0 44px 20px 0; background:url(images/directories/bg-free-advert.png) top left no-repeat; }
.free-advert-cell:nth-of-type(4n) { margin-right: 0 !important; }
.free-advert-cell h3 { line-height: 19px; margin-bottom: 11px; color: #333; }

.silver-advert-container { margin: 0 auto; width: 1070px; }
.silver-advert-cell { float: left; width: 192px; padding: 22px 22px 0 22px; height: 185px; margin: 0 42px 20px 0; background:url(images/directories/bg-silver-advert.png) top left no-repeat; }
.silver-advert-cell:nth-of-type(4n) { margin-right: 0 !important; }
.silver-advert-cell h3 { line-height: 19px; margin-bottom: 7px; color: #333; }

.golden-advert-row { margin: 0 auto; width: 1070px; }
.golden-advert-cell { float: left; width: 510px; margin: 0 44px 0 0; }
.golden-advert-cell:nth-of-type(2n) { margin-right: 0; }
.golden-advert-cell h3 { line-height: 19px; margin-bottom: 10px; color: #333; }
.golden-advert-cell img { margin-right: 12px; background:url(images/directories/bg-img.png) top center no-repeat; padding: 0 10px 0 10px; }
.golden-advert-cell img:nth-of-type(4n) { margin-right: 0; }
.golden-company-card { float: left; width: 195px; height: 160px; padding: 22px 21px 0 16px; background:url(images/directories/bg-golden-advert.png) no-repeat top left; margin: 0 24px 20px 7px; text-align: center; }
.golden-advert-description { float: left; width: 220px; margin-top: 0px; }
.golden-advert-row img:hover { opacity: 0.85; }



.platinum-advert-container { margin: 0 auto; width: 1070px; }
.platinum-cell-1 { float: left; width: 230px; height: 235px; margin-right: 29px; margin-left: 7px; text-align: center; }
.platinum-nest-23 { float: left; width: 390px; margin-right: 25px; }
.platinum-cell-2 { float: left; width: 390px; height: 140px; }
.platinum-cell-3 { float: left; width: 390px; height: 65px; background: #888; padding-top: 30px; text-align: center; color: #fff; }
.platinum-cell-4 { float: left; width: 389px; height: 235px; }
.platinum-logo { background:url(images/directories/bg-logo.png) no-repeat top left; text-align: center; height: 137px; width: 230px; margin-bottom: 17px; }
.social-media-icons { margin-top: 16px; }
.social-media-icons a { margin-right: 6px; }
.social-media-icons a:nth-last-child(1) { margin-right: 0; }
.social-media-icons img:hover { opacity: 0.7; }
.platinum-cell-4 img { margin-right: 12px; background:url(images/directories/bg-img.png) top center no-repeat; padding: 0 10px 0 10px; }
.platinum-cell-4 img:hover { opacity: 0.85; filter:alpha(opacity=85); }
.platinum-cell-4 img:nth-of-type(3n) { margin-right: 0; }
.platinum-cell-4 a:nth-child(1), .platinum-cell-4 a:nth-child(2), .platinum-cell-4 a:nth-child(3) { margin-bottom: 42px; display: inline-block; }


/* Footer */
#footer { height: 178px; width: 100%; margin-top: 0; background: url(images/bg-footer.jpg) top center no-repeat; padding-top: 42px; color: #fff; }
	.mobile #footer { background: url(images/bg-footer-mobile.jpg) top center no-repeat; }
#footer a { text-decoration: none; color: #fff; }
#footer a:hover { text-decoration: underline; }

#footer-inner { width: 1020px; margin: 0 auto; position: relative; padding: 35px 90px 0 90px; }
#footer-left { float: left; text-align: left; width: 50%; padding-top: 15px; }
#footer-right { float: left; text-align: right; width: 50%; padding-top: 15px; z-index: 30; }

#footer-header-1 { position: absolute; top: 10px; left: 90px; text-shadow: 0px 0px 3px rgba(0, 0, 0, 1); color: #fff; }
#footer-header-2 { position: absolute; top: 10px; left: 244px; text-shadow: 0px 0px 3px rgba(0, 0, 0, 1); color: #fff; }
#footer-header-3 { position: absolute; top: 10px; left: 607px; text-shadow: 0px 0px 3px rgba(0, 0, 0, 1); color: #fff; }
#footer-block-1 { width: 118px; height: 100px; float: left; border-right: 1px solid #fff; line-height: 1.53em; }
#footer-block-2 { width: 147px; height: 100px; float: left; margin-left: 35px; }
#footer-block-3 { width: 180px; height: 100px; float: left; border-right: 1px solid #fff; line-height: 1.53em; }
#footer-block-4 { width: 156px; height: 100px; float: left; margin-left: 35px; line-height: 1.53em; }
#footer-block-5 { width: 190px; height: 100px; float: left; line-height: 1.53em; }
#footer-block-6 { width: 155px; height: 100px; float: left; line-height: 1.53em; }



#footer-advert-container { position: absolute; bottom: -220px; right: 55px; width: 395px; height: 540px; background:url(images/bg-footer-advert-container.png) no-repeat; }




/* Advert Carousel */
#carousel-footer { position: relative; margin-top: 21px; margin-left: 19px; }
#slideshow-footer img { 
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 fix for white background glitch */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
    zoom: 1;
	background:none !important;filter:none !important;
}

#carousel-nav-footer { z-index: 50; position: absolute; top: 263px; left: 3px; }
#carousel-nav-footer a.activeSlide { background: #7E005D; border: 2px solid #7E005D; }
#carousel-nav-footer a:focus { outline: none; }

#carousel-nav-footer a:nth-child(1) { position: relative; top: 0px; }
#carousel-nav-footer a:nth-child(2) { position: relative; top: 1px; }
#carousel-nav-footer a:nth-child(3) { position: relative; top: 2px; }
#carousel-nav-footer a:nth-child(4) { position: relative; top: 3px; }
#carousel-nav-footer a:nth-child(5) { position: relative; top: 4px; }
#carousel-nav-footer a:nth-child(6) { position: relative; top: 5px; }
#carousel-nav-footer a:nth-child(7) { position: relative; top: 6px; }
#carousel-nav-footer a:nth-child(8) { position: relative; top: 7px; }


/* for css style buttons: */
#carousel-nav-footer a {
    background: #929292;
    border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px;
	border: 2px solid #929292;
    margin: 0 3px;
	display: inline-block;
	width: 6px;
	height: 6px;
}

/* for background image for buttons: */
#carousel-nav-footer a{
    display:inline-block;
    width: 6px; /* width of the image */
    height: 6px; /* height of the image */
    margin-right:5px; /* space between the images */
}
#carousel-nav-footer a:last-child{
    margin-right:0;
}
#carousel-nav-footer a.activeSlide{
}