html{
	height:100%;}
body {
	height:100%;
		
	background: #0f0f0f url(../images/body-bg.png) repeat-x left top;
	font:16px "Century Gothic", Arial, Helvetica, sans-serif;
}
#container{
	width:100%;
	height:100%;
}
#main{
	width:951px;
	
	margin:0 auto;
	overflow:auto;
}
a{color:#cccccc;}
a:hover{color:#FFF;}
/* #flash{width:935px;height:467px;margin:40px 0 .5em 0;}*/
#banner{clear:both;}
#noflash{
	width:903px;
	height:330px;
	border:16px solid #FFF;
	
}
/*#logo{
	height:40px;
	margin:.25em 0 0 0;
	padding:0;
	font:bold 3.5em  "Century Gothic", Arial, Helvetica, sans-serif;
	color:#1F1F1F;
	text-transform:uppercase;
	letter-spacing:.2em;
	text-align:center;}*/
	
	#logo{
	width:100%;display:block;
	height:70px;	
	margin:.25em 0 0 0;
	padding:0;
	font:bold 3.5em  "Century Gothic", Arial, Helvetica, sans-serif;
	color:#cccccc;
	text-transform:uppercase;
	letter-spacing:.2em;
	text-align:center;}
	
#titlebar{
	width:871px;
	height:20px;
	margin:0 auto .5em auto;
	padding:1em 1.5em;
	color:#CCC;
	font:.7em "Century Gothic", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	background:#1a1a1a url(../images/titlebar-bg-right.png) no-repeat right top;
	/*
	-moz-border-radius:0 0 12px 12px;
	-webkit-border-radius:0 0 12px 12px;
	*/
}
#titlebar h2{
	margin:0 0 .25em 0;
	font:bold 3em "Century Gothic", Arial, Helvetica, sans-serif;
	color:#B57D33;
	}
#aboutbox{
	width:855px;
	margin:0 auto .5em auto;	
	padding:0 1.5em;
	background:url(../images/aboutbox-bg.png) repeat-x 0 -188px;
	border:1px solid #333;
	/*
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	*/
	color:#CCC;
	clear:both;
	text-align:center;
	}
#aboutbox h2{
	font:bold 1.4em "Century Gothic", Arial, Helvetica, sans-serif;
	color:#BCBB36;
	padding:0;margin:0;
}	
#mainnav{
	width:951px;
	height:50px;
	margin:0;
	padding:3px 0 0 0;
	float:left;
	clear:left;
	background:#666;
	position:relative;
	z-index:100;
}
#mainnav ul{
	margin:0 auto;
	padding:0 0 0 1em;
	text-align:center;	
	list-style-type:none;
	text-transform:uppercase;
}
#mainnav ul li{
	
	margin:0 0 0 0;
	padding:0;
	list-style-type:none;
	float:left;
	display:block;
	position:relative;
	
}
#nav ul li.first{}
#mainnav ul li.last{ }

#mainnav ul li a{
	font:bold .75em "Century Gothic", Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	padding:1.25em 1em;/*
	background:url(../images/nav-arrow.png) no-repeat center top;*/

}
#mainnav ul li a:hover{
	color:#999;
/*	background:url(../images/nav-arrowhover.png) no-repeat center top;*/}
#mainnav ul li a.last{}
#mainnav ul li ul{
	display:none;
	text-align:left;
	margin:0;
	padding:1em 0 1em 0;
	/*
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	*/
}
#mainnav ul li:hover ul, #mainnav ul li:hover ul#events, #mainnav ul li:hover ul#gallery, #mainnav ul li:hover ul#christmas{
	position:absolute; 
	left:0px; 
	top:16px;
	z-index:2;
	width:160px;	
	display:block;
	font:bold .65em "Century Gothic", Arial, Helvetica, sans-serif;
	background:#141414;
}
#mainnav ul li:hover ul#events{width:190px;}
#mainnav ul li:hover ul#gallery{width:170px;}
#mainnav ul li:hover ul#christmas{width:170px;}
#mainnav ul li ul li{float:none;
	background:none;
	height:auto;
	margin:0;
	padding:0;
}
#mainnav ul li ul a{
	border-bottom:1px solid #333;
	display:block;
	margin:0;
	padding: .5em 0 .5em 1.8em;
	color:#FFF;
}
#mainnav ul li ul a:hover{
	background:#1F1D1D;
	color:#CCC;
}
#content{
	width:922px;
	height:auto;
	overflow:auto;
	padding:1em 1em;
	float:left;
	font:.85em "Century Gothic", Arial, Helvetica, sans-serif;
	color:#cccccc;
	background:#000000 repeat-x left bottom;
	/*
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	*/
	border:1px solid #666;
} 
#content h2{
	margin:0;
	padding:0;
	font:bold 1.5em "Century Gothic", Arial, Helvetica, sans-serif;
}
#leftColumn, #rightColumn{width:440px; float:left;margin:0 .5em;}
#leftColumn img, #rightColumn img{
	margin:o auto;
	border:1px solid #FFF;
}
#leftColumn ul, #rightColumn ul {padding:0 1em;}
#leftColumn ul li,  #rightColumn ul li{padding:.25em 0;}
h2.romance, h2.fantasy{
	width:302px;
	height:56px;
	background:url(../images/romancepackage.png) no-repeat left top;
	text-indent:-9999px;
	padding:0;margin:0;
}
h2.fantasy{background:url(../images/fantasypackage.png) no-repeat left top;}
.fineprint{font:.8em "Century Gothic", Arial, Helvetica, sans-serif;}
h3{
	color:#CCC;
	text-transform:uppercase;}
h4{
	font:bold 1em "Century Gothic", Arial, Helvetica, sans-serif;
	color:#FFF;
	text-transform:uppercase;
}
a.photo{
	width:872px;
	height:600px;
	display:block;
	margin:0 auto;
	background:url(../images/vasko1.jpg) no-repeat left top;
}
a:hover.photo{
	width:872px;
	height:600px;
	background:url(../images/vasko2.jpg) no-repeat left top;
}
.odd, .even{display:block;border-bottom:1px dashed #CCC;padding-bottom:1em;}
.odd{color:#FFF}
.even{color:#999;}
p.heading{
	font:bold 1em "Century Gothic", Arial, Helvetica, sans-serif;
	color:#999;
}	
#centre{
	font:1.25em "Century Gothic", Arial, Helvetica, sans-serif;
	text-align:center;
}
#footer{
	width:919px;
	margin:0 auto;
	background:#333;
	overflow:auto;
	padding:1em;
}

#footer ul{
	width:730px;
	float:left;
	margin:0 0 0 40px;
	padding:0;
	font:.75em "Century Gothic", Arial, Helvetica, sans-serif;text-align:center;
	}
#footer ul li{color:#FFF; font:bold 1em "Century Gothic", Arial, Helvetica, sans-serif;float:left;padding:.25em 0;margin:0 1em ;}
#footer ul li a{}
#footer ul li.last{border:none;}
#footer ul ul{ margin:.25em 0;}
#footer ul li li{font:normal 1.2em "Century Gothic", Arial, Helvetica, sans-serif;}
.copyright{
	clear:both;
	padding:1em 0 0 0;
	margin:0;
	font:.7em "Century Gothic", Arial, Helvetica, sans-serif;
	color:#999;
	text-align:center;
	}
#share{	width:20px;
	position:absolute;
	top:.25em;
	right:50px;
	}
#share img, #sharecontact img{border:0;}
#sharecontact img{margin-top:.5em;}
#share a{
	width:36px;
	height:36px;
	display:block;
	margin:.5em;

}
div.vessel{
	width:855px;
	float:left;
	clear:left;
	margin-bottom:1em;
	padding-bottom:1em;
	border-bottom:1px solid #CCC;
}
.vessel p{
	width:540px;
	margin-top:0;
}
.reserve {
	width:270px;
	float:right;
}
.reserve img{
	float:right;
	margin:.25em 0;
	border:6px solid #FFF;
}
.reserve a{
width:270px;
	float:right;
	font:.9em "Century Gothic", Arial, Helvetica, sans-serif;
	text-align:center;
}
#nye{float:right; margin:0 0 .5em.5em;}
.package, .ozpackage{
	width:240px;
	height:151px;
	font:.85em "Century Gothic", Arial, Helvetica, sans-serif;
	margin:0 0 1em 1em;padding:0 1em;
	border:1px solid #CCC;
	float:left;
}
.ozpackage{
	height:280px;
}
.ozpackage ul{padding:0 1em;
list-style-position:outside;}
a.enquire{clear:both;float:left;}
#packageB, #ozpackageB{margin: 0 4em 1em 4em;}
.package p.heading, .ozpackage p.heading{text-transform:uppercase;}
.unipackageprice{color:#CCC;}
.package ul{margin:0 0 0 1.5em; padding:0;
	list-style-position:outside;}
#contactinfo{
	float:left;
	width:400px;
	padding:0 1em;
}
#form{
	width:400px;
	float:right;
	
}
#mainimg{
	float:right;
	margin:0 .5em;
	border:1px solid #FFF;
}
#text{float:left;}
/*#links{
	width:140px;
	float:left;
	padding:1.5em 1em;
	margin:0 1em .5em 0;
	font:.85em "Century Gothic", Arial, Helvetica, sans-serif;
	color:#FFF;
	background:#0F0F0F;
}
#links ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#links ul li{	padding:.2em 0;}*/
#sitemap ul{
	float:left;list-style-type:none;
	width:130px;margin:1em  0 0 1.5em;padding:.25em;}
#sitemap ul li{font:bold 1.2em Arial, Helvetica, sans-serif;float:left;clear:left;
	color:#FFF;}
	#sitemap a:hover{ text-decoration:none;}
#sitemap ul li ul li ul il{padding:0;margin:0;}
#sitemap ul li a{font:.8em Arial, Helvetica, sans-serif; }
#sitemap ul li li a{font:.6em Arial, Helvetica, sans-serif;}

#sitemap ul li li li a{font:.5em Arial, Helvetica, sans-serif;}
#sitemap ul ul{width:auto;margin:0;padding:0;}
#sitemap ul ul ul{width:auto;margin:0 1em;padding:0;}
#sitemap ul.vessels{}
#sitemap ul.events{width:200px;}
#sitemap ul.christmas{width:160px;}
#sitemap ul li  li.level3 a{font:bold .7em Arial, Helvetica, sans-serif;color:#FFF;}
#sitemap ul li  li.level3 a:hover{color:#CCC;}
#sitemap ul li  li.level3 ul{margin:0 .5em ;padding:0;}
#sitemap ul li  li.level3 li a{
	font:bold .45em Arial, Helvetica, sans-serif;
	color:#CCC;
}
.bannerBlack, .bannerWhite{
	width:719px;
	margin:0 auto 1em auto;
	display:block;
	padding:0 100px;
	background:#000;
}
.bannerWhite{
	background:#FFF;
}

/* rollover img*/

/* The containing box for the gallery. */
#imagebox {
    position:relative; 
    width:544px; 
    height:225px; 
    margin:10px auto 0 auto;     
	background:#fff url(../images/rolloverpics/main.jpg) 2px 1px no-repeat;
	
}
/* Removing the list bullets and indentation */
#imagebox ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    }
/* Remove the images and text from sight */
#imagebox a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:1px; 
    left:250px; 
    overflow:hidden; 
    background:#fff;
    }
/* Adding the thumbnail images */
#imagebox a.gallery, #imagebox a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;padding:0px;
    }
#imagebox a.slidea {
    background:url(../images/rolloverpics/001small.gif); 
    height:71px; 
    width:102px;
    }
#imagebox a.slideb {
    background:url(../images/rolloverpics/002small.gif); 
    height:71px; 
    width:102px;	
    }
#imagebox a.slidec {
    background:url(../images/rolloverpics/003small.gif); 
    height:71px; 
    width:102px;
    }
#imagebox a.slided {
    background:url(../images/rolloverpics/004small.gif); 
    height:71px; 
    width:102px;	
    }
* html #imagebox a.slided {
    width:71px; 
    w\idth:102px;
    }
#imagebox a.slidee {
    background:url(../images/rolloverpics/005small.gif); 
    height:71px; 
    width:102px;
    }
#imagebox a.slidef {
    background:url(../images/rolloverpics/006small.gif); 
    height:71px; 
    width:102px;
    }
	/* set the size of the unordered list to neatly house the thumbnails */
#imagebox ul {
    width:216px; 
    height:auto;border:0px solid #000;
	}
#imagebox li {
    float:left;	
    }
/* move the thumbnails into the correct position */
#imagebox ul {
       float:right;
    }
	/* move the thumbnails into the correct position */
#imagebox  .list2 ul{
    top:1px;
	width:600px;
	right:400px;
    float:left;
	
    }	
	/* change the thumbnail border color */
#imagebox a.gallery:hover {
    border:1px solid #0066FF; 
    }
/* styling the :hover span */
#imagebox a.gallery:hover span {
    position:absolute; 
    width:322px; 
    height:221px; 
    top:1px; 
    left:2px;
	color:#000; 
    background:#fff;
	padding:0px;
	border:1px solid #000000;
    }
.rami {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #CCCCCC;
	font-weight: normal;
	font-variant: normal;

}
/*-- REAL WEDDINGS --*/
h2#realwedding{margin:.5em 0;}
.realwedding{
	width:919px;
	height:auto;
	overflow:auto;
	padding-bottom:1em;
	background: #000 url(../images/real-weddings/bg.jpg) no-repeat left top;
}
.realtext{border:1px solid #666;
	float:left;
	width:612px;
	padding: 0 .5em ;
		margin:24px 0 0 6px;
	font: .95em Arial, Helvetica, sans-serif;
	background:url(../images/real-weddings/box-alpha.png) repeat left top;}
.realtext p{
	margin:.5em 0;}
.realwedding h3{
	margin:1em  0;
	font:bold 1.25em Arial, Helvetica, sans-serif;}
	
.realwedding h4{margin:1em 0;
	font:bold .95em Arial, Helvetica, sans-serif;}
.realimages{
	width:280px;
	float:left;
	text-align:center;
	margin:24px 0;
	}
.realimages img{
	margin:0 0 8px 0;
	border:1px solid #FFF;
}
#yourwedding{
width:892px;
	padding:1.5em 1em;
	background:#000;}
#yourwedding h2, #yourwedding p{margin:0;padding:0;}