/* CSS Document */
#tabpages{
	margin:20px 0px 40px 0px;
}

/* root element for tabs */
#flowtabs {

/* dimensions */
width:620px;
height:33px !important;
 margin:0 !important;
 padding:0;

 /* IE6 specific branch (prefixed with "_") */
 _margin-bottom:-2px;
}

/* single tab */
#flowtabs li {
 float:left;
 margin:0;
 padding:0;
 text-indent:0;
 list-style-type:none;
}

/* a- tag inside single tab */
#flowtabs li a {
 display:block;
 padding:0px;
 margin:0px;
	color:#fff;
 line-height:33px;
 text-align:center;
 text-decoration:none;
	font-weight:bold;
}

/* mouseover state */
#flowtabs a:hover { color:#ffc906; }

/* currently selected tabs */
#flowtabs a.current { cursor:default; color:#ffc906; line-height:33px; }

/* panes */
/* everything is constructed with a single background image */
#flowpanes {
 background: url(../images/tabs/visitor-tab-bg.jpg) no-repeat 0 0;
	background-color:#f2f2f3;
 width:620px;
 height:760px; /* ###### NEED TO SET HEIGHT OF TAB PAGE  ####### */
	position:relative;
	overflow:hidden;
	clear:both;
}
#flowpanes .page {
	float:left;
	display:block;
	width:620px;
	cursor:pointer;
}
#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}
/* single pane */
#flowpanes .pagecontainer{
	margin:25px;  /* ###### THIS MARGIN CHANGES THE MARGINS ON THE WHOLE PAGE CONTENT  ####### */
}

/* some decorations for elements inside single pane */
#flowpanes .pagecontainer h2 {
	margin:10px 0 0 0;
}
#flowpanes .pagecontainer h3 {
	margin:20px 0px 20px 0px;
}
#t1{
	background-image:url(../images/tabs/visitor-tab-facilities.jpg);
	background-position:left;
	background-repeat:no-repeat;
	width:100px;  /* ###### NEED TO SET WIDTH AND HEIGHT OF EACH TAB BACKGROUND  ####### */
	height:33px;
}
#t2{
	background-image:url(../images/tabs/visitor-tab-directions.jpg);
	background-position:left;
	background-repeat:no-repeat;
	width:200px;
	height:33px;
}
#t3{
	background-image:url(../images/tabs/visitor-tab-accommodation.jpg);
	background-position:left;
	background-repeat:no-repeat;
	width:150px;
	height:33px;
}
#t4{
	background-image:url(../images/tabs/visitor-tab-faq.jpg);
	background-position:left;
	background-repeat:no-repeat;
	width:75px;
	height:33px;
}