BODY { 	font-family : verdana,arial,helvetica,sans-serif;
	padding	: 0;
	margin	: 0 auto 2em 5em;
	background : #fff;
	color	: #004;
 }
a 	{ text-decoration : none;  }
a:hover { text-decoration : underline; }

#wrapper {
	text-align: left;
	margin: 0;
	border: 0px solid #fff;
	position:relative;
	z-index:10;
	width	: 51em;
 }
#wrapper:after { 
	content: ".";
	display: block;
	line-height: 0em;
	font-size: .1em;
	clear: both;
	color: #fff;
 }			
div#left-col { 
	font-size: .75em; 
	float:left; 
	width: 14em; 
	margin-top: 7.5em;
	position:relative;
 }
div#left-col div { 
	width: 15.75em; 
 } 

img 	{ border: 0 }
h1 	{ font: 2em verdana,sans-serif }
h1#ident {
	width: 200px;
	height: 54px;	
	margin:0 0 .75em 0;
	position:relative;	
 }
h1#ident span {	
	background: url(../images/fiesta-bistro-small.png) top left no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
 }
div.background {
	position: absolute;
	top:0; left:0;
	background: #304;
	width: 100%;
	height: 75px;
	z-index:0;
	border-bottom: 2px solid #c08FfE;
}

#main-top  { background: url(../images/homepage-bg.jpg) top left repeat-x; }
#about	   { background: url(../images/main-top.jpg) repeat-x; }
#service   { background: url(../images/service-top.jpg) repeat-x; }



div#main { 
	font-size: .8em; 
	float:right; 
	width:45em;
	border:0 solid red;
	color: #555;
	position:relative;
	/* workaround for annoying "extra padding" problem after the bottom-image at end of 
	the div (it also works to style the image display:block instead of this workaround)*/
 }
div.top	   { 
	position:relative;
	height: 75px; 
	border-bottom: 1px solid #c08ffe; 
	color:#fff
}
div.top h3 { 
	padding:2em 0 0 0; 
	margin:0;
	color: #fff;
}

div#main img#bottom-image {
	margin: 2em 0 0 0;
	padding-bottom:0;
	width:100%;
	height: 200px;
 }

div#main P	{ line-height: 1.4em;}
div#main P#homepage-intro { 
	width: 90%;
}

div#main H3	{ line-height: 1.4em;}

h3 {	margin:0;
	padding: 1.2em 0 0 0;
	color: #905FBE;
	font: normal 1.4em/1em arial,verdana,sans-serif;
 }


h4#news-header {	
	margin:0;
	padding:0;
	color: #304;
	font: bold 1.4em/1em arial,verdana,sans-serif;
	
 } 
p#news-date {	
	margin: 0;
	color: #333;
	font: normal .8em verdana,sans-serif;
	display:inline;
 } 
div#news-box {
	border: 1px solid #c08FfE;
	border-width: 1px 1px 1px 0px;
	margin: 1.5em 1.8em 2em 0;
	padding:.75em 1em 1em 0em;
 }
div#news-box P {
	width:100%;
 }
div#attachment a {
	font: normal 1em arial;	
	color: #fff;
	display:block;
	padding: .5em 1em;
	margin:-.75em -1em 1em 1em;
	background: #304;	
	max-width:30em;	
	float:right;
	position:relative;
 } 
div#attachment a:hover {
	color: #000;
	text-decoration:none;
	background:#c08fee;	
 }  



div#homepage-image-previews { 
	background: #fff; 
	padding: 1em 0 0em 1em;
	font: bold 1em arial;
	border:1px solid #999;
 }
div#homepage-image-previews H4{ 
	font: normal 1em/1.4em arial;
	border-bottom:1px solid #999;
	padding:.5em;
	margin:-1em 0em 1em -1em;
	color: #304;
	
 }
div#homepage-image-previews H4 a{ 
	font: bold .8em arial;
	display:block;
	text-decoration:underline;
	margin-top:.5em;
	color: #fff;
 }
div#homepage-image-previews IMG {
	padding:1em;
	border: 1px solid #fff;
	margin:.3em 0 1em 0;
 } 
div#homepage-image-previews IMG:hover {
	outline: 2px solid #c08fee;
 }
div#homepage-image-previews p{  
	margin:0;
} 
div#homepage-image-previews p a {
	display:block;
	color: #fff;
	font:normal .9em verdana;
	padding:.5em 0 .5em 1em;
	margin: 1em 0 0 -1em;
	background: #304;
 } 
div#homepage-image-previews p a:hover {
	text-decoration:none;
	background: #c08fee;
	color:#304;
 }    


#footer	{ 
	clear:both;
	font-size: .70em;
	margin: 5em 0 0 0;
	padding: 1em 0 2em 0;
	border-top: 1px solid #c08FfE
 }

/* NAVIGATION */

div#menu { 
	font-family: tahoma, verdana, sans-serif;
	font-size: 1.2em; 
 }
div#menu ul {	
	padding: 0;
	margin: 0 2em 2em 0;
	width: 14em;
 }
div#menu li {
	background: #fff url() right top no-repeat;	
	overflow: hidden;
	border: 1px solid #c08FfE;
	border-width: 0 1px 1px 0;
	white-space: nowrap;
 }
div#menu a {
	display: block;				
	padding: .5em 1em;
	text-decoration: none;
	color: #333;
 }
div#menu a:hover { 
	background: #c08fee url();
	color: #fff;
}
div#menu a.active { 
	color: #fff;
	font-weight: bold;
	background: #905fbe;
}
div#menu a.active:hover { 
	cursor: text;
}
div#menu a.active-menu { 
	color: #fff;
	font-weight: bold;
	background: #905fbe;
}
div#menu a.active-menu:hover { 
	cursor: hand;
	background: #c08fee;
}


div#gallery-nav { 
	margin:0 0 3em 0;
	padding:1px;
}

div#gallery-nav ul {	
	padding: 0;
	margin: 0 2em 2em 0;
}
div#gallery-nav li {
	background: #fff;	
	border: 1px solid #c08FfE;
	border-width: 0 1px 1px 0;
	white-space: nowrap;
	display:inline;
	float:left;
}
div#gallery-nav a {
	display: block;				
	padding: .3em 1em;
	text-decoration: none;
	color: #666;
	display:block;
	float:left;
}
div#gallery-nav a:hover { 
	background: #c08FeE;
	color: #333;
}
div#gallery-nav a.active {
	color: #fff;
	font-weight: bold;
	background: #905FBE;
}

div#gallery-nav a.null {
	color: #999;
	background: #fff;
	cursor: default;
}

/* DBMAN (Menu) breadcrumbs */
div#breadcrumbs {
	color: #777;
	background: #fff;
	margin:0;
}
div#breadcrumbs:after {
	content: ".";
	display: block;
	line-height: 0em;
	font-size: .1em;
	clear: both;
	color: #fff;
 }
div#breadcrumbs ul { 
	list-style: none;
	margin:1em 0;
	padding:0;
}
div#breadcrumbs li { 
	float:left;
	margin:0 1em 0 0;
}
div#breadcrumbs li.active { 
	float:left;
	margin:0 1em 0 0;
}


/* DBMAN category pages */
#DBMAN-cats {
}
#DBMAN-cats .row {
	width: 100%;
	clear:both;
	margin: 3em 0 3em 0;
}
#DBMAN-cats .row:after {
	content: ".";
	display: block;
	line-height: 0em;
	font-size: .1em;
	clear: both;
	color: #fff;
}
#DBMAN-cats .item {
	float:left;
	width:150px;
	text-align:center;
	padding-bottom:0em;
}
#DBMAN-cats .spacer {
	display:block;
	width:4em;
	height: 5em;
	float:left;
}
#DBMAN-cats .item H4{
	margin: 0;
	padding:0;
	font:bold 1em verdana,sans-serif;
}
#DBMAN-cats .item H4 A{
	line-height: 2em;
	background:#444;
	color:#fff;
	border-bottom:3px solid #999;
	text-indent:1em;
	text-align:left;
	margin: 0 0 0em 0;
	display:block;
}
#DBMAN-cats .item H4 A:hover{
	background:#c08fee;
	color:white;
	text-decoration: none;
}

#DBMAN-cats .item IMG {
	clear:both;
	width: 150px	
}
#DBMAN-cats DIV.homepage {
	margin-top:2em;	
}

#DBMAN-cats DIV.homepage img:hover {
	outline:2px solid #c08fee;
}
#DBMAN-cats DIV.homepage IMG {
	width: 150px;
	float:left;
}



div#gallery-index {
	clear:both;
	margin-top: 2em;
}
div#gallery-index IMG{
	padding:5px; 
	margin:10px;
	border: 1px solid #ccc;
}
div#gallery-index img:hover{
	outline: 1px solid #c08fee;
}


div#quality-control { margin-top:0; }
div#kj 		{ float:right; text-align:right; width:50%; border:0px solid #468; padding:.3em; }
div#kj 	div	{ padding:.6em; }
img#dbk-icon	{ vertical-align: middle; float:right; margin-left:1em; }
div.separator	{ width:100%; clear:both; font:.1em/.1em menu; border:0 solid #fff }
span.highlight	{ color: #c60 }



#main .inf-header, .inf-header {
	width:100%;
	text-align:left;
	margin-bottom:0;
	font: .85em arial,verdana;
	border-bottom: 1px dotted #c08ffe;
	padding-bottom:.5em;
 }
 
div#news-announce a {
	font: bold 8pt arial;
 }

a.null, a.null:active, a.null:visited, a.null:hover { 
	text-decoration: none; 
	color:#bbb; 
	background: #fff url();
}

OL#gv-textlist li {
 	margin-bottom:.2em;
}


ul#menu-subnav{
	margin:2em 0 0 0;
	padding: 0;
	font-size: .9em;
	font-weight:bold;
	line-height:1.3em;
	overflow:hidden;
	color: #fff;
	text-align:center;
}
ul#menu-subnav li{
	display:inline;
	list-style-type: none;
	float:left;
}
ul#menu-subnav li a { 
	padding: .6em 2em;
	border-right: 1px solid #fff;
	text-decoration: none;
	float: left;
	background : #36393A;
	color: #fff;
}
ul#menu-subnav li a:hover { 
	background : #330044;
	color: #fff;
}
ul#menu-subnav li a.active, ul#menu-subnav li a.active:hover  { 
	background : #C08FFE;
	color: #fff;
}



 /* PRE-DEFINED SYSTEM COLOURS
ActiveBorder
ActiveCaption
AppWorkspace
Background
ButtonFace
ButtonHighlight
ButtonShadow
ButtonText
CaptionText
GrayText
Highlight
HighlightText
InactiveBorder
InactiveCaption
InactiveCaptionText
InfoBackground
InfoText
Menu
MenuText
Scrollbar
ThreeDDarkShadow
ThreeDFace
ThreeDHighlight
ThreeDLightShadow
ThreeDShadow
Window
WindowFrame
WindowText 
*/