/* TOC
Main
Header
Navigation
Body
Footer
*/


/* [Main] */

body {
	background-image: url('bg.jpg');
	font: menu;
}

#canvas {
	font-family: Arial, Verdanna, Sans-serif;
	font-size: 93%;
	letter-spacing:0.08em;
    text-align: center;
	min-height: 100%;
    background-image: url('bg.jpg');
	z-index: 1;
}

#canvas-header {
    background: transparent url('/graphics/frame_top.jpg') no-repeat center bottom;
	width: 760px;
	padding-bottom: 16px;
	margin: 0 auto;
	z-index: 10;
}

#canvas-header a {
	padding: 0;
	margin: 0;
	line-height: 1em;
}
#canvas-body {
	font-size: 130%;
    background: transparent url('/graphics/bgsides.gif') repeat-y center center;
	width: 724px;
	padding: 0 18px;
	margin: 0 auto;
	z-index: 10;
    text-align: center;
}
#canvas-body #body {
    background: transparent url('/graphics/frame_bottom.jpg') no-repeat left bottom;
	width: 724px;
	padding: 0 18px;
	max-width: 724px;
	margin: 0 -18px;
	z-index: 20;
	padding-bottom: 18px;
	overflow: hidden;
    text-align: center;
}
#canvas-body #body #content {
	z-index: 30;
	margin: 0 auto;
	width: 724px;
	max-width: 724px;
	min-height: 300px;
	_zoom: 1.0;
    text-align: left;
	overflow: hidden;
}

#canvas-footer {
	font-size: 130%;
	width: 760px;
	height: 2em;
	margin: 0 auto;
	z-index: 10;
}


a:link
, a:visited {
	color: #0062b4;
	cursor: pointer;
}
a:visited {
	color: #52687a;
}

a:hover
, a:active {
	color: #053761;
	background: url('/graphics/semi-white-blue.png');
}

#body h2, #body h3, #body h4 {
   	font-family: "Arial", "Helvetica", sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 0.5em;
}
#body h2 {
	font-size: 1.1em;
	font-weight: lighter;
	line-height: 1.1em;
	letter-spacing:0.15em;
}
#body h3 {
	font-size: 0.9em;
	font-weight: 300;
	letter-spacing:0.1em;
}
#body h4 {
   	font-size: 0.8em;
	font-weight: bold;
	text-transform: none;
}


/* [Header] */

#title-logo {
    background: transparent url('/graphics/title.jpg') no-repeat center;
	width: 760px;
	height: 75px;
	display: block;
}

/* [Navigation] */

#navigation-menu {
	display: block;
	position: relative;
	height: 82px;
	max-height: 82px;
	z-index: 1;
}

#navigation-menu li {
	display: block;
	float: left;
	/*display: table-cell;
	display: inline-table;
	display: inline-block;*/
	vertical-align: middle;
}

#navigation-menu li a {
	display: block;
	background: transparent url('/graphics/menu_sprites.jpg') no-repeat;
	height: 82px;
	z-index: 100;
}

#navigation-menu li a#menu-home {
	width: 126px;
	background-position: left top;
}
#navigation-menu li a#menu-gallery {
	width: 128px;
	background-position: -126px top;
}
#navigation-menu li a#menu-exhibitions {
	width: 136px;
	background-position: -254px top;
}
#navigation-menu li a#menu-about {
	width: 114px;
	background-position: -390px top;
}
#navigation-menu li a#menu-orders {
	width: 130px;
	background-position: -510px top;
}
#navigation-menu li a#menu-contact {
	width: 126px;
	background-position: right top;
}

#navigation-menu li a:hover#menu-home
, #navigation-menu li a:focus#menu-home
, #navigation-menu li a:active#menu-home
, body#page-home #navigation-menu li a#menu-home {
	background-position: left bottom;
}
#navigation-menu li a:hover#menu-gallery
, #navigation-menu li a:focus#menu-gallery
, #navigation-menu li a:active#menu-gallery
, body#page-gallery #navigation-menu li a#menu-gallery {
	background-position: -126px bottom;
}
#navigation-menu li a:hover#menu-exhibitions
, #navigation-menu li a:focus#menu-exhibitions
, #navigation-menu li a:active#menu-exhibitions
, body#page-exhibitions #navigation-menu li a#menu-exhibitions {
	background-position: -254px bottom;
}
#navigation-menu li a:hover#menu-about
, #navigation-menu li a:focus#menu-about
, #navigation-menu li a:active#menu-about
, body#page-about #navigation-menu li a#menu-about {
	background-position: -390px bottom;
}
#navigation-menu li a:hover#menu-orders
, #navigation-menu li a:focus#menu-orders
, #navigation-menu li a:active#menu-orders
, body#page-orders #navigation-menu li a#menu-orders {
	background-position: -510px bottom;
}
#navigation-menu li a:hover#menu-contact
, #navigation-menu li a:focus#menu-contact
, #navigation-menu li a:active#menu-contact
, body#page-contact #navigation-menu li a#menu-contact {
	background-position: right bottom;
}

/* [Body] */

#body .section-body {
	border: solid #dddddd 1px;
}

#body .section p {
   	font-family: Arial, Helvetica, sans-serif;
}
#body .section .panel
, #body .section .panel-links a {
	background: url('semi-white.png');
	display: block;
    text-decoration: none !important;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/graphics/semi-white.png', sizingMethod='scale');;;;
	_zoom: 1.0;
}
#body .section .panel-links a:link:hover
, #body .section .panel-links a:visited:hover {
	background-image: url('/graphics/semi-white-blue.png');
}

#body p {
	line-height: 1.3em;
	margin-bottom: 0.5em;
}

#body a:link
, #body a:visited {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
	position: relative;
}

#canvas #canvas-body #body a:link .plain
, #canvas #canvas-body #body a:visited .plain {
	color: black;
    text-decoration: none !important;
}
#canvas #canvas-body #body a:link .caption
, #canvas #canvas-body #body a:visited .caption {
	color: #0062b4;
}

#body form input.text
, #body form textarea
, #body form select {
	margin: 0 0 1ex 0;
	padding: 0px 0.4ex;
	font-size: 1em;
	line-height: 1.2em;
	height: 1.6em;
	vertical-align: middle;
	font-family: "Courier Final Draft", monospace;
	background: #e9eef2;
	border: solid #afc3d1 1px;
	width: 100%;
}

#body form textarea {
	height: auto;
}

#body form .button {
	padding: 8px;
	font-size: 1em;
	line-height: 1.2em;
	vertical-align: middle;
	width: auto;
}
#body form input.text:focus
, #body form textarea:focus
, #body form select:focus {
	background: #f4f8fa;
	border: solid #92b2c8 1px !important;
}
#body form input.read-only
, #body input.read-only:focus {
	background: #e9eef2 !important;
	border: solid #dae1e6 1px !important;
}


#body form .error {
	background: #f1e6e5;	/*fdd7d7;*/
}


/* [Footer] */

#footer {
	text-transform: uppercase;
	font-size: 1em;
	line-height: 2em;
	padding: 0 20px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
#footer #tagline {
	float: left;
}
#footer #copyright {
	float: right;
}