body, html
{
	color:#F0EAE1;	
	font-family:Verdana;font-size:10.5pt;
	
}

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

.slideshow { position:relative}
.slideshow img { width:470px }

.slideshow2 img { width:410px; margin-top:240px}


.block1
{
	width: 50%;
	height:100%;
	background-image: url('Images/Block1.png');
	background-repeat:no-repeat;
	background-position:right top;
}

.block2
{

	width: 50%;
	height:100%;
	min-width:210px;
	min-height:210px;
	background-image: url('Images/Block2.png');
	background-repeat:no-repeat;
	background-position:right top;
	
}

 
#mainPanel
{
	position:absolute;
	top:0;
	left:0;
	min-height:700px;
	background:#000000 url('Images/background.jpg') no-repeat;
	width:100%;
	height:100%;	
}


#container
{	
	margin-top:35px;
	height:700px;
	background:#000000;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	border-width:2px;
	border-color:#8C8E9C;
	border-style:solid;
	min-width:980px;
	max-width:1150px;
}

#header
{
	position:absolute;
	float:left;
}
	
.calendartable
{
	border-color: #030000;
	
	margin:5px 5px 5px 0px;
}

.calendartable tr
{
	height:25px;
	
}

.calendartable td
{
	width:25px;
}

.weddingbooking
{
	background:#3A813A;
}

.unavailable
{
	background:#813A3A;
}

.videothumbnail
{

	width:108px;
	border-style:none;
}

	
div#headertop {
	
	height:35px;
	position:relative;
	border-style:solid;border-width: 0px 0px 5px 0px;
	border-color: #CCCCCC;
}

div#headertop h1 {
	font-family:Arial, Helvetica, sans-serif;font-size:1.4em;
	color: #f3b862;
}


h1 {
	font-family:Arial, Helvetica, sans-serif;font-size:1.3em;
	text-transform: uppercase;
	letter-spacing: 15px;
	color: #FFFFFF;
	padding: 0px;
	}
h2 {
	font-family:Arial, Helvetica, sans-serif;font-size:1.0em;
	text-transform: uppercase;
	letter-spacing: 4px;
	padding: 0 0 0px 0;
	color: #e2d6c6;
	}	
	
	.videocliptext {
		font-family:Arial, Helvetica, sans-serif;font-size:0.9em;
		
	}
	



/* TEXT LINKS */
	
a {
	color: #999999;
	text-decoration: none;
	

}

a:hover {
	color: #FFFFFF;
	}
	
a.previous {
	border-left: 1px solid #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-transform: uppercase;
	margin: 0 40px 2px 0;
	padding: 0 0 0 5px;
	background-image:none;background-repeat:no-repeat;background-position:0 50%;
}
	
a.next {
	border-right: 1px solid #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-transform: uppercase;
	margin: 0 0 2px 0;
	padding: 0 5px 0 0;
	background-image:none;background-repeat:no-repeat;background-position:100% 50%;
}		

#subheader { position:relative;
		left:634px;
		top:-22px;
		}


/* LISTS */

ul#mainNav {
	position:relative;
	text-align:center;
	list-style-type: none;
	margin: 140px 0 0 0;
	border
	padding: 0;
	font-family:Verdana;font-size:0.85em;
	border-width: 0px 0px 1px 0px;
	border-color:#666666;
	border-style:solid;
}
	
ul#mainNav li {
	display: inline;
	margin: 0;
	padding: 0;letter-spacing: 4px;
	background-image:none;background-repeat:no-repeat;background-position:0 50%;
}

ul#mainNav a {
	text-transform: uppercase;
	
	padding: 0px 6px 0px 12px;
	border-style:solid;border-width: 0px 0px 0px 1px;
	border-color: #666666;
	color: #999999;
	background-color: none;
}

	
ul#mainNav li.start a{
	border-left: 0px;
	padding-left: 1px;
	
}

ul#mainNav a.highlight {
	color: #FFFFFF;
	background-image:none;background-repeat:no-repeat;background-position:0 50%;
	background-color: none;
}
	
ul#mainNav a:hover{
	color: #FFFFFF;
	background-image:none;background-repeat:no-repeat;background-position:0 50%;
	background-color: none;
}
	
ul#subNav {
	list-style-type: none;
	margin: 12px 0 0px 0px;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.9em;
	position:absolute;
	top:1em; left:6.5em;;
	
}
	
ul#subNav li {
	
	float: left;
	margin-left:1px;
	padding: 0px 8px 0px 12px;
	border-style:solid;border-width: 0px 0px 0px 1px;
	border-color: #666666;
}

ul#subNav li.first {
	padding: 0 8px 0 0px;
	border: 0px;
	margin:0px;
}
	
ul#subNav a {
	text-transform: uppercase;
	letter-spacing: 7px;
	border-left: 0;
	padding:0px;
	margin-right: 5px;
	color: #999999;
}
	
ul#subNav a:hover {
	color: #FFFFFF;
}
	
ul#subNav a.highlight {
	color: #FFFFFF;
}

#content
{
	padding:13px;

}

#photogalBadge
{

	max-height:235px;
	height:235px;
	overflow:hidden;
	text-align:center;
	margin-top:3px;
}

#photogalBadge img
{
	border-style:none;


}

#bigimg
{
	margin-top:-4px;
	text-align:center;
}


#gallery img
{
	border-style:none;
}

#gallery
{
	text-align:center;
}


.galleryactive
{
	width:180px;
	border-style:solid;
	border:2px;
	border-color:#FFFFFF;
}



#calendarlegend
{
	position:absolute;
	
	left:760px;
	top:240px;
	font-size:1.2em;
}


.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 91%;
	height:100px;
	text-align:center;
	margin-top:5px;
		
	/* custom decorations */

	background:url(/img/global/gradient/h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable .items div {
	float:left;
	margin:5px 5px 5px 5px;
	background-color:#000;
	padding:3px;
	border:1px solid #ccc;
	cursor:pointer;
	width:115px;
	text-align:center;
	font-size:0.8em;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:3px solid #b8c1c8 !important;
	z-index:9999;
	position:relative;
}	



/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(Images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}