html,body{margin:0;padding:0}
h1{margin:0 0 .7em 0;padding:0}
form {margin:0;padding:0}

BODY {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 0.8em;
	color : black;
	margin : 0;





	padding: : 0;
	background-image: url(images/bground.jpg);
	background-repeat: repeat-x;
	background-color: #389CF1;
	background-attachment: fixed;
}

TD {
	font-family : Arial, Helvetica, sans-serif;
	font-size : .8em;
}

TABLE {
	border : 0;
	border-collapse : collapse;
	border-spacing : 0;
}

INPUT, TEXTAREA {
	font-family : Arial, Helvetica, sans-serif;
}

.comic {
	font-family : "Comic Sans MS", comic;
	color: #000;
}
.formtext {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #F30;
	font-weight: bold;
}

.StandOut {
	font-size: 24pt;
	font-weight: lighter;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #7C9CCA;
}
.StandOutLess {
	font-size: 16pt;
	font-weight: lighter;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #7C9CCA;
}

/* Lists */

UL.seamore {
	padding : 0;
	margin : 1em 0 1em 1.5em;
	list-style-image : url(images/bullet.gif);
}

UL.soccer {
	padding : 0;
	margin : 1em 0 1em 1.5em;
	list-style-image : url(images/soccer.gif);
}

UL.seamore LI {
	margin : .25em 0;
}

UL.soccer LI {
	margin : .25em 0;
}

.weddingscroll {
	color : white;
	background-color : #ffa07a;
	border-width : 0 3px 3px 3px;
	border-color : white;
	border-style : solid;
	font-size : 1.2em;
	font-weight : bold;
	padding : .25em 0;
}

.tourscroll {
	color : white;
	background-color : #e35d04;
	width : 385px;
	border-width : .25em 0;
	border-color : #e35d04;
	border-style : solid;
	font-size : 1.2em;
	font-weight : bold;
}

.tourscroll A {
	text-decoration : none;
	color : white;
}

.fpscroll {
	color : white;
	background-color : #7C9CCA;
	border-width : .25em 0;
	border-color : #7C9CCA;
	border-style : solid;
	font-size : 1.2em;
	font-weight : bold;
}

.fpscroll A {
	text-decoration : none;
	color : white;
}



/* Navigation menu */

TABLE.menu {
	width : 135px;
	margin : 1em 0;
}

.menu TD A {
	padding : 1px 0 1px 5px;
	font-size : 15px;
	color : black;
	font-weight : bold;
	text-decoration : none;
	width : 100%;
	border-bottom : 2px solid #fff3ce;
}

.menu TD.l2 A {
	display : block;
	padding : 1px 0 1px 20px;
	background-image : url(images/bullet.gif);
	background-repeat : no-repeat;
	background-position : 5px 4px;
	font-size : 12px;
	font-weight : normal;
}

.menu TD A:hover {
	background-color : #45A4F4;
	border-bottom : 2px solid white;
}

.menu TD.tm A {
	display : block;
	padding : 1px 0 1px 5px;
	font-size : 15px;
	color : #FFF;
	font-weight : bold;
	text-decoration : none;
	width : 100%;
	height : 40px;
	border-bottom : 2px solid fff3ce;
	background-image : url(images/tm_bg.jpg);
	background-repeat : no-repeat;
	background-position : center center;
}

.menu TD.tm A:hover {
	background-image : url(images/tm_bg_hover.jpg);
	border-bottom : 2px solid white;
	color: #000;
}

.menu TD.whale A {
	display : block;
	padding : 1px 0 1px 20px;
	background-image : url(images/whale_bg.jpg);
	background-repeat : no-repeat;
	background-position : center center;
	font-size : 12px;
	font-weight : normal;
}

.menu TD.whale A:hover {
	background-image : url(images/whale_bg_hover.jpg);
	border-bottom : 2px solid white;
}

/* Accommodation table */

.accom {
	background-color : #CBE9FF;
}

.accom TD {
	padding : .5em;
	border : 3px solid white;
}

.accom TD.pic {
	padding : 0;
}

/* Bottom text */

.txtmenu, .txtmenu A {
	color : #00C;
	text-align : center;
}

/* Flags */

TABLE.wespeak {
	width : 135px;
	margin : 1.5em 0;
}

.wespeak TD {
	font-weight : bold;
	padding : 2px 5px;
}

TD.pole {
	vertical-align : top;
	background-image : url('images/flagpole.gif');
	padding : 0
}

TD.flag {
	padding-left : 0;
}

/* Side stamps */

DIV.sideblock {
	margin : 1.5em 0;
	text-align : center;
}

DIV.sidestamp {
	margin : 1.5em -3px;
	background-image : url('images/stamp-side.jpg');
	width : 156px;
	height : 128px;
	padding-left:10px; padding-right:0; padding-top:11px; padding-bottom:0
}

DIV.sidestampp {
	margin : 1.5em 11px;
	background-image : url('images/stamp-side-p.jpg');
	height : 156px;
	width : 128px;
	padding-left:11px; padding-right:0; padding-top:10px; padding-bottom:0
}

/* Links */

A.fp_tours {
	color : black;
	font-size : 1.25em;
	font-weight : bold;
	text-decoration : none;
}

 TABLE.links {
 	margin : 0 -10px;
	border-collapse : separate;
 }
 
.links A, .links TD A {
	font-weight: bold;
}

.pinkbox {
	border : outset 2px #f66;
	padding : 6px;
	background-color : #fcc;
}

.marble {
	border : outset 2px #D8BB81;
	padding : 6px;
	background-image : url(images/link_bg.jpg);
}

TD.h1 {
	font-size : 22px;
}

/* Image table */

TABLE.imgright, TABLE.imgleft, TABLE.imgstrip {
	border-collapse : collapse;
	border-spacing : 0;
	border-width : 0;
}

TABLE.imgright TD, TABLE.imgleft TD, TABLE.imgstrip TD, DIV.imgright, DIV.imgleft, DIV.imgstrip {
	padding : 0;
	text-align : center;
	background-color : #FFF2C8;
	font-weight : bold;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

DIV.imgrightnb {
	border : 0;
	padding : 0;
	text-align : center;
	background-color : #FFF2C8;
	font-weight : bold;
}

TABLE.imgright, DIV.imgright, DIV.imgrightnb {
	float : right;
	margin : 0 0 0 10px;
}

TABLE.imgleft, DIV.imgleft {
	float : left;
	margin : 0 10px 0 0;
}

TABLE.notb TD {
	border-top : 0;
	border-bottom :0;
}

/* Package tours */

DIV.header1 {
	color : white;
	background-color : #F0834C;
	font-size : 1.5em;
	font-weight : bold;
	text-align : center;
	border : 3px white solid;
	padding : .25em;
}

DIV.header2 {
	color : white;
	background-color : #F0834C;
	font-weight : bold;
	text-align : center;
	border : 3px white solid;
	padding : .25em;
}

/* Film strip */

TABLE.film {
	background-color : black;
}

TABLE.film TD {
	padding : 0;
}

TABLE.film TD.strip {
	background-image : url(images/filmstrip_ani.gif);
	background-position : top center;
	width : 24px;
}

TABLE.film TD.photo {
	padding : 3px 0;
}

TABLE.film TD.text {
	color : white;
	font-weight : bold;
	text-align : center;
	padding : .75em 0 .25em 0;
	text-transform : uppercase;
}

/* Tourism logos */

DIV.tourism, P.tourism {
	text-align : center;
	margin : 1.5em 30px;
}

TD.tourism {
	text-align : center;
	vertical-align : center;
	width : 150px;
}

.tourism A {
	color : black;
	font-weight : bold;
	font-size : 11px;
	text-decoration : none;
}

/* Contact */

.dark {
	background-color : FFE38C;
}

.light{
	background-color : FFEFAD;
}

.dark, .light, .dark TD, .light TD {
	padding : .25em;
}

TABLE.details {
	background-color : FFE38C;
}

TABLE.details TD {
	height : 30px;
	padding : .5em;
}

.submit {
	background-color : FFE38C;
	font-weight : bold;
}

/* Hidden text */

.cape, .town, .tour, .tours, .kapstadt, .touren {
	display : none;
	visibility : hidden;
	font-size : 1px;
	color : black;
	background-color : black;
}
#filmstrip {
	position: absolute;
	height: 100px;
	width: 350px;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {
	background-image: url(images/prevlabel.gif);
	background-repeat: no-repeat;
	background-position: left 15%;
}
#nextLink:hover, #nextLink:visited:hover {
	background-image: url(images/nextlabel.gif);
	background-repeat: no-repeat;
	background-position: right 15%;
}

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
#scroll {
	background-color: #389CF1;
	background-image: url(images/lightbox/bgroundscroll.jpg);
	background-repeat: repeat-x;
	height: 25px;
}
.orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #F60;
}