@charset "utf-8";
/* GENERAL */
html {
	padding: 0;
	margin: 0;
}
body {
	padding: 0;
	margin: 0;
	background: url('../images/f/bg.jpg') top right no-repeat;
	text-align: center;
	font-family: "Arial", sans-serif;
	font-size: 14px;
	color: #000000;
}
a, a:link, a:visited, a:hover, a:active  {
	text-decoration: none;
	color: #3a348a;
}
ul li a:hover {
	text-decoration: underline;
}
ul {
	margin: 0 15px;
	padding: 0;
}
ul li {
	list-style-type: none;
}
ul li a , ul li a:link, ul li a:visited, ul li a:hover, ul li a:active {
	display: inline;
}
h1 {
	position: relative;
	float: left;
	letter-spacing: -1px;
	font-size: 2.75em;	
	/*width: 950px;*/
	margin: -80px 0 -20px 0;
	padding: 0 5px 0 0;
	/*background: transparent url('../images/f/decoration.png') 312px 0px no-repeat;*/
	line-height: 100px;
	height: 100px;
	z-index: 2000;
}
h1 a, h1 a:link {color: #36869f;}
h2 {
	color: #2c6273;
	position: relative;
	float: right;
	margin:-40px 0 -20px;
}
#container {
	background: url('../images/f/wbg_area.png') repeat-y;
	margin: 0 auto; 
	padding: 0;
	width:970px;
	text-align:left; 
}
.clear {
	clear: both;
}
/* END GENERAL */

/* NAVIGATION */
ul.navigation {
	position: relative;
	right: 30px;
	/*border-bottom: 5px solid #E8681E;*/
	margin: 0;
	padding: 0;
	padding-left: 24px;
	height: 260px;
	width: 1031px;
	/*background: #02021d url('../images/f/header.jpg') center left no-repeat;*/
	background: url('../images/f/header_bg.gif') 0px -80px no-repeat;
}
ul.navigation li {
	position: relative;
	display: block;
	float: left;
	margin: 15px 0 0 10px;
}
ul.navigation li a, ul.navigation li a:link, ul.navigation li a:visited, ul.navigation li a:hover, ul.navigation li a:active {
	display: block;
	width: 120px;
	height: 180px;
	/*border: 5px solid #E8B972;*/
	border:3px solid #87acc9;
	text-decoration: none;
}
ul.navigation li.primary a, ul.navigation li.primary a:link, ul.navigation li.primary a:visited {
	width: 160px;
	border-color: #36869f;
	text-decoration: none;
}
ul.navigation li.secondary a, ul.navigation li.secondary a:link, ul.navigation li.secondary a:visited {
	width: 140px;
	border-color: #8271bf;
	text-decoration: none;
}
ul.navigation li#about a {
	background: url('../images/f/nav/nav-me.jpg') no-repeat;
}
ul.navigation li#chimes a {
	background: url('../images/f/nav/nav-chimes.jpg') no-repeat;
}
ul.navigation li#paintings a {
	background: url('../images/f/nav/nav-paint.jpg') no-repeat;
}
ul.navigation li#contact a {
	background: url('../images/f/nav/nav-contact.jpg') no-repeat;
}
ul.navigation li#jewellery a {
    background: url('../images/f/nav/nav-jewellery.jpg') no-repeat;
}
ul.navigation li#links a {
	background: url('../images/f/nav/nav-exhibitions.jpg') no-repeat;
}
ul.navigation li a:link span, ul.navigation li a:visited span {
	visibility: hidden;
	text-decoration: none;
}
ul.navigation li a:hover span, ul.navigation li a:active span {
	visibility: visible;
	position: relative;
	color: white;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: url('../images/f/nav_over.png') repeat-y;
	display: block;
	padding: 20px 0;
	width: auto;
	height: 140px;
}
ul.navigation li a:hover, ul.navigation li.primary a:hover, ul.navigation li.secondary a:hover {
	border-color: #5F9AB0;
}
ul.navigation li.primary a:hover span {
	width: auto;
}
ul.navigation li.secondary a:hover span {
	width: auto;
}
/* END NAVIGATION */
.headings {margin-left: 50px; width: 740px;}
/* CONTENT */
#swfContent {
	min-height: 500px;
	padding-bottom: 25px;
}
#swfContent p, #swfContent h2, #swfContent h3, #swfContent h4, #swfContent li, #swfContent dt, #swfContent dd {
	width: 740px;
	font-size: 1.15em;
	margin-left: 50px;
}
#swfContent #flashGallery {
	margin-left: 50px;
}
#swfContent table {
	width: 740px;
	margin-left: 50px;
	border: 2px solid #36869f;
	border-collapse: collapse;
}
#swfContent table th {
	border: 2px solid #36869f;
	color: white;
	text-align: left;
	padding: 3px 0px 3px 2px;
	background-color: #36869f;
}
#swfContent table td {
	border-left: 2px solid #36869f;
	border-right: 2px solid #36869f;
	text-align: left;
	padding: 3px 3px 3px 3px;
	background-color: #ffffff;
}
#swfContent table tr.even td{
	background-color: #ddddff;
}
#swfContent table tr.odd td {
	background-color: #ffffff;
}
#swfContent table td.centered{
	text-align: center;
}
#swfContent table td img {margin: 5px auto;}
#swfContent dd {
	padding-left: 20px;
	font-size: 1.1em;
}
#swfContent h2 {
	padding: 15px 10px 10px 15px;
	font-size: 1.5em;
}
#swfContent h3 {
	font-size: 1.3em;
}
#swfContent img {margin: 1em;	border:1px solid #3a348a;margin-left: 50px;}
#swfContent .left-img {float: left;}
ul.gallery li {
	width: 160px;
	float: left;
	margin: 1em;
}
ul.gallery li img {
	width: 100%;
}
ul.links li {
	padding: 5px 0;
}
dt {color: #36869f;}
/* END CONTENT */

/* FOOTER */
.footer {
	position: relative;
	right: 30px;
	width: 1031px;
	height: 100px;
	/*border-top: 5px solid #E8681E;*/
	/*background-color: #111115;*/
	/*background-color: #fdeaca;*/
	padding-top: 50px;
	padding-left: 60px;
	background: url('../images/f/header_bg.gif') 0px 0px no-repeat;
}
/* END FOOTER */