@charset "UTF-8";
/* CSS Document */

/*----------------------------------------------

	STYLE STYLE.CSS
	Author:		Will Wright Bluestone Design
	Project:    Booth Revolution
----------------------------------------------*/


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: 'DINMedium'; color:#222222; }

body { margin: 0;
font-family: 'DINMedium';
 font-size: 1em;
 line-height: 1.4;
 font-weight: normal;
 font-style: normal;
 background:url(../images/bg-splice.png) repeat-x top !important;
 }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

li { list-style: url(../images/bulletRed.png);
color:#F00;
}

/* =============================================================================
   Embedded content
   ========================================================================== */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }

/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; color:#222222; }
button, input { line-height: normal; color:#90C7D8; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #fff; color:#90C7D8; }

/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* =============================================================================
   Print Styles
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}



/* =============================================================================
   Fonts
   ========================================================================== */


@font-face {
    font-family: 'DINMedium';
    src: url('din-medium-webfont.eot');
    src: url('din-medium-webfont.eot?#iefix') format('embedded-opentype'),
url('din-medium-webfont.woff') format('woff'),
url('din-medium-webfont.ttf') format('truetype'),
url('din-medium-webfont.svg#DINMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GillSansStdShadowed';
    src: url('gillsansstd-shadowed-webfont.eot');
    src: url('gillsansstd-shadowed-webfont.eot?#iefix') format('embedded-opentype'),
         url('gillsansstd-shadowed-webfont.woff') format('woff'),
         url('gillsansstd-shadowed-webfont.ttf') format('truetype'),
         url('gillsansstd-shadowed-webfont.svg#GillSansStdShadowed') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* =============================================================================
   Reset
   ========================================================================== */

*{
	margin:0;
	padding:0;
}

/* =============================================================================
   Primary Styles
   ========================================================================== */


#wrapper{
	
	display:block;
}


#container{
	width:960px;
	margin:0 auto;
}


/* =============================================================================
   Header
   ========================================================================== */

header{
	height:120px;
}

.contents{
	height:582px;
}
.logo{

	width:222px;
	height:226px;
	float:left;
	padding-top:30px;
	position:absolute;
}

.slogan{
	margin-top:20px;
}
.viewphotos{
	float:right;
	margin-left:25px;
	
}
.corptab{
	float:right
}

.buntop {
	background-image: url(../images/buntop.png);
	background-repeat: repeat-x;
	height:18px;
	width:100%;
	margin-top:15px;
}


/* =============================================================================
   Nav
   ========================================================================== */

#main_nav {

margin-top: 65px;
padding-left: 130px;
z-index: 99;
position: absolute;

}

#main_nav ul {
	width: 980px;
	text-align: center;
	margin: 0 auto;
}

#main_nav ul li {
	display: inline-block;
}

#main_nav ul li a {
	display: block;
	color: #24212b;
	text-transform: uppercase;
	text-decoration:none;
}

/* =============================================================================
   Sidebar
   ========================================================================== */

.sidebar{
	float:left;
	width:200px;
	margin-top:135px;
	position:absolute;
}

/* =============================================================================
   Footer
   ========================================================================== */

#footerContainer #footer{
	padding-top:20px;
}
   
.phone {
	color: #DC8683;
	font-family: 'DINMedium';
	float: left;
	width: 58px;
}


.tel {
	color: #DC8683;
	font-family: 'DINMedium';	
	float: left;
	width: 120px;
	padding-top: 25px;
	font-size:16px;
}

#footerContainer #footer .left .email {
	color: #99cca7;
	font-family: 'DINMedium';
	float: left;
	width: 120px;
	padding-top: 25px;
	font-size:16px;
}

#footerContainer #footer .right .cw {
	color: #969696;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	padding-bottom:15px;
}
#footerContainer #footer .right .cwb {
	color: #969696;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	padding-top:15px;
	padding-bottom:40px;
}


.blue_link {
	color: #b0b0b0;
	font-family: Arial;
	font-size: 11px;
        width:auto;
	padding-top:5px;
	padding-bottom:40px;
}

.blue_link p {
	color: #b0b0b0;
	text-decoration:none;
}


.blue_link a:link {
	color: #99CCA7;
	text-decoration:none;
}
.blue_link a:hover {
	color: #C00;
	text-decoration:none;
}




#footerContainer #footer .right{
	float:right;
	width:170px;
	text-align: right;
}

#footerContainer #footer .left{
	float:left;
	width:170px;
        padding-right:20px;
        padding-top:3px;
}

#footerContainer #footer .left_Col1a{
	float:left;
	width:215px;

}

#footerContainer #footer .left_Col2{
	float:left;
	width:250px !important;
	padding-left:20px;
        padding-top:7px;
}




#footerContainer #footer .left_Col1 {
	color: #969696;
        font-family: 'DINMedium';
	float: left;
	width:85px;
	font-size:11px;
        padding-right:10px;
}


.left_Col1 a {
	color: #969696;
        font-family: 'DINMedium';
	float: left;
	width:85px;
	font-size:11px;
	text-decoration:none;
}


.left_Col1 a:hover {
	color: #99CCA7;
        font-family: 'DINMedium';
	float: left;
	width:85px;
	font-size:11px;
	text-decoration:none;
}





#footerContainer #footer .middle{
	float:left;
	width:300px !important;
	padding-left:40px;
        padding-top:7px;
}

#footerContainer #footer .middle p{
	color:#b0b0b0;
	font-size:14px;
	font-family: 'DINMedium';

}

#footerContainer #footer .right p{
	
	font-family: 'DINMedium';
	
}

#footerContainer #footer .right p a{
	color:#9acba7;
	font-family: 'DINMedium';
	text-decoration:none;
	
}

#footerContainer #footer .right p a:hover{
	color:#DC8683;
	font-family: 'DINMedium';
	text-decoration:none;
	
}

.bottombunt {
	background-image: url(../images/buntbtm.png);
	background-repeat: repeat-x;
	height:18px;
	width:100%;
	margin-top:545px;
}


/* =============================================================================
   Home Styles
   ========================================================================== */

.contents .main {
	background: url(../images/home_body.png) no-repeat;
	width:320px;
	height:396px;
	margin-top:125px;
	float:left;
	margin-left:225px;
padding-top:15px;
}

.contents .main h1 {
	font-size: 20px;
	color: #6a8667;
	margin-left:35px;
	font-family: 'DINMedium';
	padding-top:5px;
}

.contents .main h2 {
	font-size: 20px;
	color: #6a8667;
	margin-left:35px;
	font-family: 'DINMedium';
}

.contents .main p {
	font-size: 12px;
	color: #24212b;
	margin-left:41px;
	font-family: DINMedium;
	width:260px;
	
	padding-bottom:7px;
}


.contents .main h3 {
	font-size: 13px;
	color: #6a8667;
	margin-left:35px;
	font-family: 'DINMedium';
}




.contents .main h4 {
	font-family: 'DINMedium';
	margin-left:35px;
}

.contents .main .img1 {
	margin-left:35px;
        padding-top:30px;
}



.book {
	float: left;
	margin-left:630px;
	margin-top:20px;
	z-index:10;
	position:absolute;
}
.heart {
	float: left;
	margin-left:810px;
	margin-top:120px;
	z-index:10;
	position:absolute;

}

.prop{
	position:absolute;
	float:right;
	margin-left:550px;
	margin-top:205px;
}

.social{
	position:absolute;
	float:right;
	margin-left:788px;
	margin-top:30px;
	background:url(../images/socialbackground.png) no-repeat;
	height:50px;
	width:144px;
	padding-left:11px;
}

.social img{
	padding-top:15px;
	padding-bottom:5px;
	}


/* =============================================================================
   About Styles
   ========================================================================== */


#about .contents{
	background:url(../images/about_bg.png) no-repeat;
	margin-top:15px;
}

.about_illustration{
	margin-top:-1px;
}

.welcomecopy{
	padding-left: 350px;
	width: 380px;
	padding-top: 50px;
	color:#cb2837;
	font-family: DINMedium;
	float:left;
}



.petercopy{
	padding-left: 350px;
	width: 380px;
	padding-top: 60px;
	color:#24212b;
	font-family: 'DINMedium';
	float:left;
	/*font-size:17px;*/
         font-size:15px;

}

.petercopybot{
	padding-left: 350px;
	width: 390px;
	color:#b0b0b0;
	font-family: 'DINMedium';
	float:left;
	font-size:15px;
        padding-top:5px;

}


.petercopybot a{
	color:#90c7d8;
	font-family: 'DINMedium';
	font-size:15px;
}

.petercopybot a:hover{
	color:#DC8683;
	font-family: 'DINMedium';
	font-size:15px;
}




.locationcopy {
	padding-left: 325px;
	width: 380px;
	padding-top: 0px;
	color: #24212B;
	font-family: 'DINMedium';
	float: left;
	font-size: 15px;
}



/* =============================================================================
   Gallery Styles
   ========================================================================== */


#gallery .contents{
	background:url(../images/gallery_bg.png) no-repeat;
	margin-top:15px;
}


.gallerybook {
    float: right;
    height: 243px;
    width: 155px;
    margin: 170px 0 0;
    position: relative;
    z-index: 10;
}


.gallery_ticker{
	padding-top: 140px;
	padding-left:20px;
}

/* =============================================================================
   Contact Styles
   ========================================================================== */


#contact .contents{
	background:url(../images/contactbg.png) no-repeat;
	margin-top:15px;
}

#contactForm{
	margin-top:10px
}


.contact_illustration{
	margin-top: -1px;
        position:absolute;
}

.contact_illustration img{
	padding-top:140px;
	
}
.bookingform{
	left: 810px;
	top: 0px;
	float: right;
	width: 155px;
	margin-top:0px;
}


/*
.bookingform{
	left: 810px;
	top: 0px;
	float: right;
	width: 120px;
	padding-right: 35px;
	margin-top:0px;
}
*/

.contactcopy {
	margin-left: 340px;
	width: 405px;
	margin-top: 75px;
	color: #24212B;
	font-family: 'DINMedium';
	float: left;
	font-size: 15px;
	background:url(../images/contactcopy.png) no-repeat;
	height:370px;
	
}


.ContactBoxCopy { width:auto;
                  height:53px;
                  padding:15px 10px 0px 15px;
                  float:left;
}


.contactThankyou {
	margin-left: 340px;
	width: 405px;
	margin-top: 15px;
	color: #24212B;
	font-family: 'DINMedium';
	float: left;
	font-size: 15px;
	/*background:url(../images/contactThankyou.png) no-repeat;*/
	height:370px;
	
}

.contactcopy form input{
	background: rgba(0, 0, 0, 0);
        color:#222222;
	width:155px;
	border:none;
	
}

.contactcopy form textarea{
	background: rgba(0, 0, 0, 0);
        color:#222222;
	width:155px;
	border:none;
}

.contactcopy form #name{
	margin-top:41px;
	margin-left:22px;
	height:20px;
	font-size:13px;
font-family: arial;

	
}

.contactcopy form #email{
	margin-top:10px;
	margin-left:22px;
	height:24px;
	font-size:13px;
font-family: arial;
}


.contactcopy form #telephone{
	margin-top:12px;
	margin-left:22px;
	height:20px;
	font-size:13px;
font-family: arial;
}

.contactcopy form #mobile{
	margin-top:11px;
	margin-left:22px;
	height:23px;
	font-size:13px;
font-family: arial;
}

.contactcopy form #how{
	margin-top:16px;
	margin-left:0px;
	width:165px;
	height:54px;
	font-size:13px;
font-family: arial;
color:#555555;
}


.contactcopy form #event{
	margin-top:73px;
	margin-left:15px;
	height:22px;
	font-size:13px;
font-family: arial;
color:#555555;
}

.contactcopy form #date{
	margin-top:12px;
	margin-left:15px;
	height:22px;
	font-size:13px;
font-family: arial;
}

.contactcopy form #venue{
	margin-top:12px;
	margin-left:15px;
	height:22px;
	font-size:13px;
font-family: arial;
}

.contactcopy form #message{
	margin-top:12px;
	margin-left:25px;
	width:165px;
	height:54px;
	font-size:13px;
font-family: arial;
color:#555555;
	
}


.consend{
        float: right;
        width: 58px !important;
        padding-right: 18px;
        padding-top: 7px;
}

.contact_thankyou h3 {
    color: #DE3941;
    font-family: 'GillSansStdShadowed';
    font-size: 32px;
    font-style: normal;
    font-weight: normal;
    padding-bottom: 10px;
    padding-top: 20px;
}


.contact_thankyou{
	float:left;
	width:370px;
        height:270px;
        margin-top:95px;
        padding-left:12px;
        
}



.contact_left{
	float:left;
	width:180px;
        height:auto;
}

.contact_right{
	float:right;
	width:200px;
        height:auto;
}



/* =============================================================================
   Why Us Styles
   ========================================================================== */


#whyus .contents{
	background:url(../images/whyusbg.png) no-repeat;
	margin-top:15px;
}


.contact_illustration{
	margin-top: -1px;
}


/*
.whyuscopy {
	padding-left: 350px;
	width: 380px;
	padding-top: 130px;
	color: #24212B;
	font-family: 'DINMedium';
	float: left;
	font-size: 16px;
	
}
*/


/* =============================================================================
   About Slider
   ========================================================================== */

#page_wrapper {
	position: relative;
	width: 100%;
	height: 500px;
}

#content_wrapper {
	position: relative;
	width: 960px;
	height: 581px !important;
	z-index: 100;
	overflow: hidden;
}

#slider {
	position: absolute;
	left: -16px;
	top: 0;
	width: 10000px;
	height: 581px;
	z-index: 110;
	
}

#content_wrapper .content {
	position: relative;
	float: left;
	width: 700px;
	padding: 55px 25px;
	overflow: hidden;
}

.welcometitle{
	padding-left:315px;
	padding-top:90px;
	
}

.peter{
	left: 820px;
	top: 0px;
	float: right;
	width: 120px;
}
.susie{
	left: 820px;
	padding-top:20px;
	float: right;
	width: 120px;
	
}

.peterlikes{
	left: 810px;
	top: 0px;
	float: right;
	width: 120px;
	padding-right:35px;
}


.susielikes{
	left: 810px;
	top: 0px;
	float: right;
	width: 120px;
	padding-right:35px;
        margin-top:-210px;
}

/*-------------------------------
	CONTENT AREAS
-------------------------------*/

#content_wrapper #welcome {
	width: 465px;
	padding-right: 485px;
	height:581px;
}

#welcome h2 {
	display: block;
	width: 338px;
	height: 38px;
	padding-top: 5px;
}






#controlContainer
{
	width:940px;
	padding:0px 20px;
	margin:0 auto;
	position:relative;	
}

#prevControl
{

}

#prevControl.noScroll
{

}

#nextControl
{
	
}

#nextControl.noScroll
{

}


#content
{
	width:960px;
	height:580px;
	overflow:hidden;
}

#secondaryLinks
{
	text-align:right;
}

.singleColumn
{
	float:left;
	width:100px;
	margin:0px 20px 0px 0px;
	display:inline; /* IE6 */
}

.doubleColumn
{
	float:left;
	width:220px;
	margin:0px 20px 0px 0px;
	display:inline; /* IE6 */
}

.quadColumn
{
	float:left;
	width:960px;
	margin:0px 20px 0px 0px;
	display:inline; /* IE6 */
}

.sixColumn
{
	float:left;
	width:700px;
	margin:0px 20px 0px 0px;
	display:inline; /* IE6 */
}

.endColumn
{
	margin:0px;
}

#contentScroller
{
	width:10000px;
}

.page
{
	float:left;
	width:940px;
	margin:0px 960px 0px 0px;
	min-height:300px;
}


.webDetail .back
{
	display:block;
	text-decoration:none;
	padding:5px 0px 5px 35px;
	color:#ffffff;
	background:url("../images/back.png") no-repeat 0px 0px;
}



.news{
	border:solid 3px #90c7d8;
	height:22px;
        width:185px;
        font-size:13px;
        font-family: Arial, Helvetica, sans-serif;
        color:#90c7d8 !important;
        padding:3px;
} 

.news1{
	border:solid 3px #90c7d8;
	vertical-align: bottom;
        font-size:13px;
        color:#90c7d8 !important;
        padding:3px;
}

.logoslo{
	background:url(../images/slogan.png) no-repeat bottom right;
	width:538px;
	height:226px;
	float:left;
	margin-top:30px;
	position:absolute;
}


#main_nav { width:950px; height:35px; margin-top:65px;}
#main_nav #nav-example { width:950px; height:50px; margin:0; padding:0; }
#main_nav #nav-example li { 	display: inline-block; }
#main_nav #nav-example li a {  }
#main_nav #nav-example li a {  }

#main_nav #nav-example li#nav00 a { background: url(../images/nav.png) 0 0 no-repeat; background-position: 0 -50px; height:50px; width:50px; text-indent:-9999px;}
#main_nav #nav-example li#nav01 a { background: url(../images/nav.png) 0 0 no-repeat; background-position: -60px -50px; height:50px; width:70px; text-indent:-9999px; }
#main_nav #nav-example li#nav02 a { background: url(../images/nav.png) 0 0 no-repeat; background-position: -140px -50px; height:50px; width:65px; text-indent:-9999px; }
#main_nav #nav-example li#nav03 a { background: url(../images/nav.png) 0 0 no-repeat; background-position: -210px -50px; height:50px; width:65px; text-indent:-9999px;}
#main_nav #nav-example li#nav04 a { background: url(../images/nav.png) 0 0 no-repeat; background-position: -280px -50px; height:50px; width:130px; text-indent:-9999px; }
#main_nav #nav-example li#nav05 a { background: url(../images/nav.png) 0 0 no-repeat; background-position: -415px -50px; height:50px; width:70px; text-indent:-9999px; }
#main_nav #nav-example li#nav06 a { background: url(../images/nav.png) 0 0 no-repeat; background-position: -490px -50px; height:50px; width:50px; text-indent:-9999px; }
#main_nav #nav-example li#nav07 a { background: url(../images/nav.png) 0 0 no-repeat; background-position: -550px -50px; height:50px; width:40px; text-indent:-9999px; }
#main_nav #nav-example li#nav08 a { background: url(../images/nav.png) 0 0 no-repeat; background-position: -600px -50px; height:50px; width:40px; text-indent:-9999px; }
#main_nav #nav-example li#nav09 a { background: url(../images/nav.png) 0 0 no-repeat; background-position: -650px -50px; height:50px; width:60px; text-indent:-9999px; }


#main_nav #nav-example li#nav00 a:hover { background: url(../images/nav.png) 0 0 no-repeat; background-position: 0 0; height:50px; width:50px; text-indent:-9999px;}
#main_nav #nav-example li#nav01 a:hover { background: url(../images/nav.png) 0 0 no-repeat; background-position: -60px 0; height:50px; width:70px; text-indent:-9999px; }
#main_nav #nav-example li#nav02 a:hover { background: url(../images/nav.png) 0 0 no-repeat; background-position: -140px 0; height:50px; width:65px; text-indent:-9999px; }
#main_nav #nav-example li#nav03 a:hover { background: url(../images/nav.png) 0 0 no-repeat; background-position: -210px 0; height:50px; width:65px; text-indent:-9999px; }
#main_nav #nav-example li#nav04 a:hover { background: url(../images/nav.png) 0 0 no-repeat; background-position: -280px 0; height:50px; width:130px; text-indent:-9999px; }
#main_nav #nav-example li#nav05 a:hover { background: url(../images/nav.png) 0 0 no-repeat; background-position: -415px 0; height:50px; width:70px; text-indent:-9999px; }
#main_nav #nav-example li#nav06 a:hover { background: url(../images/nav.png) 0 0 no-repeat; background-position: -490px 0; height:50px; width:50px; text-indent:-9999px; }
#main_nav #nav-example li#nav07 a:hover { background: url(../images/nav.png) 0 0 no-repeat; background-position: -550px 0; height:50px; width:40px; text-indent:-9999px; }
#main_nav #nav-example li#nav08 a:hover { background: url(../images/nav.png) 0 0 no-repeat; background-position: -600px 0; height:50px; width:40px; text-indent:-9999px; }
#main_nav #nav-example li#nav09 a:hover { background: url(../images/nav.png) 0 0 no-repeat; background-position: -650px 0; height:50px; width:60px; text-indent:-9999px; }

#main_nav #nav-example li#nav00 a.active { background: url(../images/nav.png) 0 0 no-repeat; background-position: 0 0; height:50px; width:50px; text-indent:-9999px;}
#main_nav #nav-example li#nav01 a.active { background: url(../images/nav.png) 0 0 no-repeat; background-position: -60px 0; height:50px; width:70px; text-indent:-9999px; }
#main_nav #nav-example li#nav02 a.active { background: url(../images/nav.png) 0 0 no-repeat; background-position: -140px 0; height:50px; width:65px; text-indent:-9999px; }
#main_nav #nav-example li#nav03 a.active { background: url(../images/nav.png) 0 0 no-repeat; background-position: -210px 0; height:50px; width:65px; text-indent:-9999px; }
#main_nav #nav-example li#nav04 a.active { background: url(../images/nav.png) 0 0 no-repeat; background-position: -280px 0; height:50px; width:130px; text-indent:-9999px; }
#main_nav #nav-example li#nav05 a.active { background: url(../images/nav.png) 0 0 no-repeat; background-position: -415px 0; height:50px; width:70px; text-indent:-9999px; }
#main_nav #nav-example li#nav06 a.active { background: url(../images/nav.png) 0 0 no-repeat; background-position: -490px 0; height:50px; width:50px; text-indent:-9999px; }
#main_nav #nav-example li#nav07 a.active { background: url(../images/nav.png) 0 0 no-repeat; background-position: -550px 0; height:50px; width:40px; text-indent:-9999px; }
#main_nav #nav-example li#nav08 a.active { background: url(../images/nav.png) 0 0 no-repeat; background-position: -600px 0; height:50px; width:40px; text-indent:-9999px; }
#main_nav #nav-example li#nav09 a.active { background: url(../images/nav.png) 0 0 no-repeat; background-position: -650px 0; height:50px; width:60px; text-indent:-9999px; }







/* =============================================================================
   Rollover Main logo - Peter Murray 2012
   ========================================================================== */


/* online booking */


.bookOnlineLogo {

	width:147px;
	height:248px;
        margin:20px 0px 0px 10px;
        position:relative;
	float:left;
	left:0;
	top:0;
	
	
        
}


a.rolloverbookOnlineLogo {
	display: block;
	width:147px;
	height:248px;
	text-decoration: none;
	background-image: url(../images/bookingform.png);
	}



a.rolloverbookOnlineLogo:hover {

	background-position: 0 -248px;

	}

.displace {

	position: absolute;
	left: -5000px;
	}


/* video pop up */


#videoTelevision {
width:134px;
height:116px;
float:right;
margin-top:-15px;
margin-right:25px;
padding: 0px;
}









.emailAddress,  a {
	font-family: 'DINMedium';
	font-size: 16px;
	color: #99cca7;
}
.emailAddress, a:link {
	text-decoration: none;
}
.emailAddress, a:visited {
	text-decoration: none;
	color: #DC8683;
}
.emailAddress, a:hover {
	text-decoration: none;
	color: #DC8683;
}
. emailAddress, a:active {
	text-decoration: none;
	color: #DC8683;
}



.readStoryLogo {

	width:94px;
	height:15px;
        margin-left:40px;
}

a.rolloverreadStoryLogo {

	display: block;
	width:94px;
	height:15px;
	text-decoration: none;
	background-image: url(../images/story.png);
	}

a.rolloverreadStoryLogo:hover {

	background-position: 0 -15px;

	}

.displace {

	position: absolute;
	left: -5000px;

	}



.mainBoothLogo {

	width:229px;
	height:230px;
	float:left;
	padding-top:30px;
	position:absolute;
}





a.rollovermainBoothLogo {

	display: block;
	width:229px;
	height:230px;
	text-decoration: none;
	background-image: url(../images/logo_nosol_v2.png);
	}



a.rollovermainBoothLogo:hover {

	background-position: 0 -230px;

	}



.displace {

	position: absolute;
	left: -5000px;

	}




.mainBoothHomeLogo {

	width:229px;
	height:230px;
	float:left;
	padding-top:0px;
	position:absolute;
	z-index:999;
}


a.rollovermainBoothHomeLogo {
	display: block;
	width:229px;
	height:230px;
	text-decoration: none;
	background-image: url(../images/logo_nosol_v2.png);
	}



a.rollovermainBoothHomeLogo:hover {

	background-position: 0 -230px;

	}

.displace {

	position: absolute;
	left: -5000px;
	}


/* Corporate Logo */

.corpTabLogo {

	width:174px;
	height:51px;
	float:right;
	
}

a#rollovercorpTabLogo {

	display: block;
	width:174px;
	height:51px;
	text-decoration: none;
	background-image: url(../images/corp_tab_.png);
	}

a#rollovercorpTabLogo:hover {

	background-position: 0 -51px;

	}
.displace {

	position: absolute;
	left: -5000px;

	}


/* View Photo Logo */

.viewPhotoLogo {

	width:174px;
	height:51px;
	float:right;
	margin-left:25px;
	
}

a.rolloverviewPhotoLogo {

	display: block;
	width:174px;
	height:51px;
	text-decoration: none;
	background-image: url(../images/viewourphotos_.png);
	}

a.rolloverviewPhotoLogo:hover {

	background-position: 0 -51px;

	}
.displace {

	position: absolute;
	left: -5000px;

	}

.addressBox {
	                 width:160px;
			 height:130px;
			 background:url(../images/address.png) top center no-repeat;
			 padding:0;
			 margin:290px 0px 0px 0px;
			 }

.addressBox p {
	
padding:40px 0px 0px 30px;
font-family:'DINMedium';
	font-size:11px;
	color:#999999;
	
			 }	


.addressBoxRed {
	color: #e98473;
}


.placeholder
{
  color: #90c7d8;
}