@charset "utf-8";
/* CSS Document    CSS3 - The future now - 'Slideout' menu           */
body { height:100%;max-height:100%;overflow:hidden;padding:0;margin:0;border:0;background:#0000CD;
     scrollbar-3dlight-color:;  scrollbar-arrow-color:#FE0000; scrollbar-base-color:#FFD401; scrollbar-track-color:;
       scrollbar-darkshadow-color:;   scrollbar-face-color:#0CC20D;   scrollbar-highlight-color:;   scrollbar-shadow-color:;}
html {height:100%;max-height:100%;padding:0;margin:0;border:0;background:#0000CD;font-size:13px;
/*	font-family:Verdana, Arial, Helvetica, sans-serif; */
	/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: auto;/* */ }
#content {position:absolute;z-index:3;padding:10px;top:180px;bottom:50px;left:198px;right:0;background:#0000CD;width:78%;
	overflow:visible;height:100%;font-family:"Comic Sans MS";font-size:18px;font-weight:normal;color: #ffffff;}
#content_grey {position:absolute;z-index:3;padding:10px;top:180px;bottom:50px;left:198px;right:0;background:#0000CD;width:78%;
	overflow:visible;height:100%;font-family:"Comic Sans MS";font-size:18px;font-weight:normal;color: #D3CFCF;}
#content_blue {position:absolute;z-index:3;padding:10px;top:180px;bottom:50px;left:198px;right:0;background:#0000CD;width:78%;
	overflow:visible;height:100%;font-family:"Comic Sans MS";font-size:18px;font-weight:normal;color: #00FFFF;}
#content_photos {position:absolute;z-index:3;padding:0px;top:146px;bottom:50px;left:193px;right:0;background:#0000CD;width:78%;
	overflow:visible;height:100%;font-family:"Comic Sans MS";font-size:18px;font-weight:normal;color: #00FFFF;}
#head {position:absolute;margin:0;top:0px;left:0px;display:block;width:958px;height:148px;background:#0000CD;background-position:0 0;background-repeat:no-repeat;font-size:4em;z-index:5;overflow:hidden;color:#008000;}
#head_photos {position:absolute;margin:0;top:0px;left:0px;display:block;width:968px;height:120px;background:#0000CD;
	background-position:0 0;background-repeat:no-repeat;font-size:4em;z-index:5;overflow:hidden;color:#008000;}
#foot {position:absolute;margin:0;bottom:11px;left:5px;display:block;width:100%;height:50px;font-size:1em;z-index:5;overflow:hidden;
	background:#F9D1D1;color:#ffffff;}
#newsdiv {position:absolute;width:142px;height:123px;z-index:7;left: 650px;top: -26px;border:0px solid #C0FFFF;}
#img_logo {display:block; width:880px;margin:0 0 0 180px; }
#img_title {display:block; width:550px;margin:0 auto; }
#img_title_afgelasting {display:block; width:550px;margin:0 20px 0 30px; }
#img_title_index {display:block; width:500px;margin:0 auto auto 120px; } 
/* chunky corners ********************************************************************/
#container {background:#0CC20D; width:600px; margin:15px 15px 15px 80px; padding:20px;}
.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 10px; letter-spacing:1px;}
.xsnazzy h1 {font-size:2.0em; color:#000;}
.xsnazzy h2 {font-size:1.5em; color:#000; border:0;}
.xsnazzy p {padding-bottom:0.5em; color:#eee;}
.xsnazzy h2 {padding-top:0.5em; padding-left:10px;}
.xsnazzy {background: transparent; margin:1em;}
.xsnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #fff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.xsnazzy span {display:block; width:0; height:0; color:#fff; overflow:hidden; border-top:10px solid #7f7f9c; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #fff;}
.xb1 {margin:0 8px; background:#fff;}
.xb2 {margin:0 6px; background:#fff;}
.xb3 {margin:0 4px; background:#fff;}
.xb4 {margin:0 3px; background:#FFD401; border-width:0 5px;}
.xb5 {margin:0 2px; background:#FFD401; border-width:0 4px;}
.xb6 {margin:0 2px; background:#FFD401; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#FFD401; border-width:0 3px; height:2px;} 

.xboxcontent {display:block; background:#FFD401; border:3px solid #fff; border-width:0 3px;}
/* end chunky corners */
a:link {font-family:"Comic Sans MS";font-size:18px;font-weight:normal;font-weight: normal;	color: #FF0000;text-decoration: underline;}
a:visited {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 16px;font-weight: bold;	color: #FF0000;text-decoration: none;text-decoration: none;}
a:active {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 16px;font-weight: bold;	color: #FF0000;text-decoration: none;text-decoration: none;}

/* drop capital letter */
#cap {font-size:50px; color:#FE0000; font-weight:bold; float:left; height:34px; line-height:34px; margin-top:2px; margin-right:1px;}
* html #cap {margin-right:-2px; margin-top:3px;}

/*******MENU START************************************************888**/
.holder {width:930px;}
.holder img.vogue {float:left; padding-right:20px;}
.navigation {width:130px; height:300px; padding:110px 0 0 20px; margin-right:20px; float:left;}
.backing {padding:0; margin:0; list-style:none; position:relative; z-index:50; width:130px;}
.backing li:hover div.page {width:970px;} /*** width of righthand lists   was 470 ***********8*/
.backing li a.lv1-a:hover {direction:ltr;}
.backing li a.lv1-a:hover div.page {width:970px;} /*** width of righthand lists   was 470 ***********8*/
.backing li:hover .slide li:hover {background:url(trans.gif);}
.backing li:hover .slide li:hover a {width:130px;}
.backing li a.lv1-a:hover .slide li a:hover {width:130px;}
.backing table {border-collapse:collapse; padding:0; margin:-1px 0 -5px -1px;}
.pageHolder .page {width:0px;height:169px;background:url(backit.jpg) no-repeat left top;position:absolute;z-index:-1;top:-69px;
	border:2px solid #80FFFF;
	-webkit-transition-duration: .4s;
	-moz-transition-duration: .4s;
	-o-transition-duration: .4s;
	visibility: visible;
	left: 2px;}
.slide {padding:0; margin:0; list-style:none; width:130px; position:relative; z-index:100;}
.slide li.nosub {height:25px; position:relative;}
.slide li div.section {position:absolute;left:127px;top:-82px;width:0;overflow:hidden;height:300px;}
.slide li a {display:block; width:110px; height:25px; line-height:22px; padding:0 20px 0 0; text-align:right; text-decoration:none; font-family:arial, sans-serif; color:#fff; font-size:14px;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-o-transition-duration: .2s;}
.slide li a b {display:block; width:130px; height:25px; position:absolute; left:0; background:url(tab.png) no-repeat right top; z-index:-1;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-o-transition-duration: .2s;}
.slide li div.section dl {width:0; float:left; padding:40px 0 0 20px; margin:0 130px 0 0; overflow:hidden; height:420px;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;s
-o-transition-duration: .3s;}     /* the height above is for the righthand lists **** was 220 **************/
.slide dt {padding:0 0 0 1px; margin:0; font-family:arial, sans-serif; font-size:12px; font-weight:bold; white-space:nowrap; height:20px; line-height:20px; color:#fc0;} /*** list header colour ****/
.slide dd {padding:0; margin:0; text-align:left;}
.slide dd a {width:80px; height:20px; line-height:20px; text-align:left; background:transparent; font-size:12px; color:#fff; padding:0 0 0 10px; white-space:nowrap;} 
.slide dd a:hover {color:#F62626} /***sub menu text colour*********#C0FFFF**************888***/
.slide li:hover a {width:130px;}
.slide li:hover a b {width:150px;}
.slide li a:hover {width:130px;}
.slide li a:hover b {width:150px;}
.slide li:hover div.section {width:930px; background:url(trans.gif);}  
.slide li a:hover div.section {width:330px; background:url(trans.gif);}
.slide li:hover div dl {width:100px; margin-right:20px;   /**width of each column***/
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;}
p.txt {padding:5px 0; margin:0; line-height:20px; font-family:"trebuchet ms", sans-serif; font-size:12px; color:#456}
p.txt span {display:block; font-size:55px; padding:0; font-family:georgia, serif; color:#456}
/***********menue end ******************/
/*    GALLERY ******************************/
#gallery {width:728px; height:380px; padding:10px; border:1px solid #333; background: #FFD401; position:relative;}
#gallery b.default {position:absolute;left:10px;top:12px;width:465px;height:280px;text-align:left;}
#gallery b.default img {display:block; margin:0 auto 10px auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}
#gallery b.default span {display:block; color:#FE0000; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:18px; width:350px; margin:0 auto;}

#gallery ul {list-style:none; padding:0; margin:0; width:240px; position:relative; float:right;} /*** width of all wee pics ***/
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:#FE0000;} /* little pics ****/
#gallery ul li a:hover b {position:absolute; left:-488px; top:0; width:488px; height:360px; text-align:left; background:#FE0000; z-index:20;} /* big pics with text under **********/
#gallery ul li a:hover span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:460px; margin:0 auto;}  /*  text width   */
#gallery ul li a:hover img {margin:10px auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-548px; top:0; width:548px; height:380px; text-align:center; background:#888; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}
/****************   gallery ends************/

/**** Mailme popup starts ****************************/
a#popup:visited {color:#fff; text-decoration:none;}
a#popup {
	color:#fff;
	text-decoration:none;
	position:relative;
	left:15px;
	top:90px;
	font-weight:bold;
	width:500px;
	height:200px;
}
a#popup b {display:block; position:absolute; left:0; top:0;}
a#popup span {display:none;}
a#popup:hover {color:#FFC0FF; cursor:default;}
a#popup:hover #popbox {display:block; position:absolute; top:-80px; left:-55px; width:300px; height:40s0px; background-color:#fff; color:#C00000; border:2px solid #04e; text-align:left; font-family:verdana; font-size:11px; padding-left:20px; padding-top:10px;}
/* above is the details */
a#popup:hover #poptop {display:block; position:absolute; top:0; left:0; width:190px; height:18px; color:#00c; background-color:#04e; color:#40FFFF; text-align:left; font-weight:bold; border-bottom:4px ridge #00f; line-height:20px;}
/* above is the header  */
/*a#popup:hover #warningbox {display:block; position:absolute; top:29px; left:5px; width:30px; height:27px; background-color:transparent; text-align:center; font-size:25px; font-weight:bold; font-family:serif; overflow:hidden;}
a#popup:hover #warning {display:block; position:absolute; top:30px; left:5px; width:0px; height:0px; border-left:15px solid #fff;border-right:15px solid #fff;border-bottom:25px solid #ee0; border-top:0px; overflow:hidden;}*/

/**** mail me popup ends *****************************/

h1 {color: #FFFFFF;	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;font-size: 20px;font-weight: bold;text-align:center;}
h2 {color: #FFFFFF;	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;font-size: 18px;font-weight: normal;text-align:left;}
h3 {color: #FF0000;	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;font-size: 18px;font-weight: normal;text-align:left;}
h4 {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;font-weight: bold;	color: #FFFFFF;background:#990000;}
h5 {color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px; font-weight: bold;	}
h6 {color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; font-weight: bold;	}s
.verdana_bold_red {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 16px;font-weight: bold;	color: #FF0000;}
.verdana_bold_blue {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 20px;font-weight: bold;	color: #00FFFF;}
.verdana_bold_blue_normal {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;font-weight: bold;	color: #00FFFF;}
.verdana_bold_white_normal {font-family:"Comic Sans MS";font-size:18px;font-weight:normal;font-weight: normal;	color: #FFFFFF;}
.verdana_white_normal {ffont-family:"Comic Sans MS";font-size:18px;font-weight:normal;font-weight: normal;	color: #FFFFFF;}
.verdana_normal_black {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #000000;}
.verdana_bold_black {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #000000;}
.verdana_bold_yellow_normal {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;font-weight: bold;	color: #FFFF00;}

.verdana_big_red_backgr {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;font-weight: bold;	color: #FFFFFF;background:#990000;}
.kristen {font-family: "Kristen ITC";font-size: 24px; color: #FFD401;}