/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus 				{ outline:0; }
body 				{ line-height:1; color:black; background:white; font-size:1em; font-family:Arial, Helvetica, sans-serif; line-height:1.3}
ol, ul 				{ list-style:none; }
table 				{ border-collapse:collapse; border-spacing:0; }
caption, th, td 	{ text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content:""; } blockquote, q { quotes:"" ""; }

body				{ background:url(../img/background/content-bg.gif) repeat-x 0 0; font-size:1em; }
.inner-bg			{ background:url(../img/background/inner-bg.png) repeat-x 0 0;}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {clear: both;display: block;	overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {clear: both;content:' ';display:block;font-size:0;line-height: 0;visibility: hidden;width:0;height:0;}
.clearfix {	display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {	display: block;}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container 			{ margin-left: auto; margin-right: auto; width: 960px; overflow:hidden; }
.row 				{ display:block; clear:both; width:100%; overflow:hidden; }
.page				{ height:768px; position:relative; display:block; }

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16 	{ display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; }

/* Grid >> Children ( First, Last)
----------------------------------------------------------------------------------------------------*/
.col-first 			{ margin-left: 0; }
.col-last 			{ margin-right: 0; }

/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.col-1 				{ width:40px; }
.col-2 				{ width:100px; }
.col-3 				{ width:160px; }
.col-4 				{ width:220px; }
.col-5 				{ width:280px; }
.col-6 				{ width:340px; }
.col-7 				{ width:400px; }
.col-8 				{ width:460px; }
.col-9 				{ width:520px; }
.col-10 			{ width:580px; }
.col-11 			{ width:640px; }
.col-12 			{ width:700px; }
.col-13 			{ width:760px; }
.col-14 			{ width:820px; }
.col-15 			{ width:880px; }
.col-16 			{ width:940px; }
	
/* Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.prefix-1 			{ padding-left:60px; }
.prefix-2 			{ padding-left:120px; }
.prefix-3 			{ padding-left:180px; }
.prefix-4 			{ padding-left:240px; }
.prefix-5 			{ padding-left:300px; }
.prefix-6 			{ padding-left:360px; }
.prefix-7 			{ padding-left:420px; }
.prefix-8 			{ padding-left:480px; }
.prefix-9 			{ padding-left:540px; }
.prefix-10 			{ padding-left:600px; }
.prefix-11 			{ padding-left:660px; }
.prefix-12 			{ padding-left:720px; }
.prefix-13 			{ padding-left:780px; }
.prefix-14 			{ padding-left:840px; }
.prefix-15 			{ padding-left:900px; }

/* Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.suffix-1 			{ padding-right:60px; }
.suffix-2 			{ padding-right:120px; }
.suffix-3 			{ padding-right:180px;}
.suffix-4 			{ padding-right:240px;}
.suffix-5 			{ padding-right:300px;}
.suffix-6 			{ padding-right:360px; }
.suffix-7 			{ padding-right:420px;}
.suffix-8 			{ padding-right:480px;}
.suffix-9 			{ padding-right:540px;}
.suffix-10 			{ padding-right:600px;}
.suffix-11 			{ padding-right:660px;}
.suffix-12 			{ padding-right:720px;}
.suffix-13 			{ padding-right:780px;}
.suffix-14 			{ padding-right:840px;}
.suffix-15 			{ padding-right:900px;}

/* Content
----------------------------------------------------------------------------------------------------*/
.bg01				{ background:url(../img/background/bg01.png) no-repeat 10px 0; }
.bg02				{ background:url(../img/background/bg02.png) no-repeat 10px 0; }
.bgthemes			{ background:url(../img/background/bgthemes.png) no-repeat 10px 0; }
.bg-crossings		{ background:url(../img/background/crossings.png) no-repeat 10px 0; }
.bg-models			{ background:url(../img/background/models.png) no-repeat 10px 0; }
.bg-religious		{ background:url(../img/background/religious.png) no-repeat 10px 0; }
.bg-romance			{ background:url(../img/background/romance.png) no-repeat 10px 0; }
.hidden				{ display:none; }

.intro				{ display:block; font-family:Georgia, "Times New Roman", Times, serif; }
	.intro p		{ color:#587a7b; font-size:0.75em; line-height:1.5; margin:0 0 20px 0; display:block; }
	.intro em		{ font-style:italic; font-weight:normal; }
	.intro-heading	{ border-bottom:1px solid #cecdcf; display:block; margin:0 0 30px 0; padding-bottom:10px; }
	.intro h2		{ font-size:2em; font-weight:normal; display:block; }

.homepage			{ position:relative; top:360px; }
.inside-homepage	{ margin-top:230px; }

.button						{ display:block; margin-top:10px; margin-bottom:10px; }
.inline-buttons				{ display:block; padding:40px 0px; }
	.inline-buttons a		{ display:block; float:left; margin-right:20px; }
	.inline-buttons .last	{ margin-right:0px; }

.top-space			{ padding-top:20px; }
	
.fl-left			{ float:left; }
.fl-right			{ float:right; }

/* Headings
----------------------------------------------------------------------------------------------------*/

.intro-heading h2.red, .cat-title h2.red 		{ color:#934346; }
.intro-heading h2.gold, .cat-title h2.gold 		{ color:#eeb059; }
.intro-heading h2.blue, .cat-title h2.blue 		{ color:#485f7f; }
.intro-heading h2.green, .cat-title h2.green 	{ color:#7d9356; }
.top-title h2.red em		{ color:#934346; }
.top-title h2.gold em		{ color:#eeb059; }
.top-title h2.blue em		{ color:#485f7f; }
.top-title h2.green em		{ color:#7d9356; }

.browse-by-theme			{ width:300px; height:40px; background:url(../img/buttons/browse-by-theme.png) no-repeat 0 0; text-indent:-9999em; }
	.browse-by-theme:hover	{ background-position:0px -40px;}
.view-by-number				{ width:300px; height:40px; background:url(../img/buttons/view-works-by-number.png) no-repeat 0 0; text-indent:-9999em; }
	.view-by-number:hover	{ background-position:0px -40px;}
.back-to-start				{ width:160px; height:40px; background:url(../img/buttons/back-to-start.png) no-repeat 0 0; text-indent:-9999em; }
	.back-to-start:hover	{ background-position:0px -40px;}
.return-theme-select		{ width:280px; height:35px; background:url(../img/buttons/return-to-theme.png) no-repeat 0 0; text-indent:-9999em; }
	.return-theme-select:hover	{ background-position:0px -35px; }
.view-works-red				{ width:280px; height:35px; background:url(../img/buttons/view-works-red.png) no-repeat 0 0; text-indent:-9999em; }
.view-works-green			{ width:280px; height:35px; background:url(../img/buttons/view-works-green.png) no-repeat 0 0; text-indent:-9999em; }
.view-works-blue			{ width:280px; height:35px; background:url(../img/buttons/view-works-blue.png) no-repeat 0 0; text-indent:-9999em; }
.view-works-gold			{ width:280px; height:35px; background:url(../img/buttons/view-works-gold.png) no-repeat 0 0; text-indent:-9999em; }
	.view-works-red:hover,.view-works-green:hover, .view-works-blue:hover, .view-works-gold:hover		{ background-position:0px -35px; }
.previous					{ display:block; width:114px; height:40px; background:url(../img/buttons/previous.gif) no-repeat 0 0; text-indent:-9999em; }
	.previous:hover			{ background-position:0 -40px;}
.next						{ display:block; width:85px; height:40px; background:url(../img/buttons/next.gif) no-repeat 0 0; text-indent:-9999em;}	
	.next:hover				{ background-position:0 -40px;}
.read-more					{ display:block; width:126px; height:35px; background:url(../img/buttons/read-more.png) no-repeat 0 0; text-indent:-9999em;}	
	.read-more:hover		{ background-position:0 -35px;}
.back						{ display:block; width:80px; height:35px; background:url(../img/buttons/back.png) no-repeat 0 0; text-indent:-9999em;}	
	.back:hover				{ background-position:0 -35px;}
.zoom-blue					{ width:230px; height:35px; background:url(../img/buttons/zoom-img-blue.png) no-repeat 0 0; text-indent:-9999em; }
	.zoom-blue:hover, .zoom-gold:hover, .zoom-red:hover, .zoom-greeb:hover		{ background-position:0 -35px; }
.zoom-gold					{ width:230px; height:35px; background:url(../img/buttons/zoom-img-gold.png) no-repeat 0 0; text-indent:-9999em; }
.zoom-red					{ width:230px; height:35px; background:url(../img/buttons/zoom-img-red.png) no-repeat 0 0; text-indent:-9999em; }
.zoom-green					{ width:230px; height:35px; background:url(../img/buttons/zoom-img-green.png) no-repeat 0 0; text-indent:-9999em; }
.return-blue				{ width:230px; height:35px; background:url(../img/buttons/return-to-list-blue.png) no-repeat 0 0; text-indent:-9999em; }
	.return-blue:hover, .return-gold:hover, .return-red:hover, .return-greeb:hover		{ background-position:0 -35px; }
.return-gold				{ width:230px; height:35px; background:url(../img/buttons/return-to-list-gold.png) no-repeat 0 0; text-indent:-9999em; }
.return-red					{ width:230px; height:35px; background:url(../img/buttons/return-to-list-red.png) no-repeat 0 0; text-indent:-9999em; }
.return-green				{ width:230px; height:35px; background:url(../img/buttons/return-to-list-green.png) no-repeat 0 0; text-indent:-9999em; }


/* Themes Menu
----------------------------------------------------------------------------------------------------*/
.exhibition-themes				{ display:block; width:240px; height:22px; background:url(../img/content/exhibition-themes.png) no-repeat 0 0; position:relative; top:195px; text-indent:-9999em; }
.theme-menu						{ display:block; margin-top:210px; height:430px; }
	.theme-menu ul				{ margin:0; padding:0;}
	.theme-menu ul li			{ list-style:none; padding:0; margin:0 0 10px 0; }
	.theme-menu ul li a			{ display:block; width:340px; height:100px; background-image:url(../img/buttons/theme-menu.png); background-repeat:no-repeat; text-indent:-9999em; }
	.theme-menu ul li#crossings-go a			{ background-position:0 0; }
	.theme-menu ul li#religious-go a			{ background-position:0 -110px; }
	.theme-menu ul li#culture-go a				{ background-position:0 -220px; }
	.theme-menu ul li#romance-go a				{ background-position:0 -330px; }
	.theme-menu ul li#crossings-go a:hover		{ background-position:-340px 0px; }
	.theme-menu ul li#religious-go a:hover		{ background-position:-340px -110px; }
	.theme-menu ul li#culture-go a:hover		{ background-position:-340px -220px; }
	.theme-menu ul li#romance-go a:hover		{ background-position:-340px -330px; }

/* Top Menus
----------------------------------------------------------------------------------------------------*/
.header						{ background:#587a7b url(../img/background/banner.png) no-repeat 0 0; height:120px; }	
.top-menu					{ width:940px; height:40px; padding:10px 0; }	
	.top-menu ul li			{ list-style:none; height:40px; float:left; }
	.top-menu ul li a		{ width:220px; height:40px; display:block; background-repeat:no-repeat; text-indent:-9999em; }
	/* cateogires */
	.top-menu ul.category li a			{ background-image:url(../img/buttons/top-nav.png);}
	.top-menu ul li#crossings-top, .top-menu ul li#religious-top, .top-menu ul li#models-top { margin-right:20px; }
	.top-menu ul li#crossings-top a		{ background-position:0px 0px; }
	.top-menu ul li#religious-top a		{ background-position:-240px 0px;}
	.top-menu ul li#models-top a		{ background-position:-480px 0px;}
	.top-menu ul li#romance-top a		{ background-position:-720px 0px;}
	.top-menu ul li#crossings-top a:hover		{ background-position:0px -40px; }
	.top-menu ul li#religious-top a:hover		{ background-position:-240px -40px;}
	.top-menu ul li#models-top a:hover			{ background-position:-480px -40px;}
	.top-menu ul li#romance-top a:hover			{ background-position:-720px -40px;}	
	.top-menu ul li#crossings-top a.active		{ background-position:0px -80px; }
	.top-menu ul li#religious-top a.active		{ background-position:-240px -80px;}
	.top-menu ul li#models-top a.active			{ background-position:-480px -80px;}
	.top-menu ul li#romance-top a.active		{ background-position:-720px -80px;}
	/* numbers */
	.top-menu ul.numbers li a			{ background-image:url(../img/buttons/number-menu.gif);}
	.top-menu ul li#range1, .top-menu ul li#range2, .top-menu ul li#range3 { margin-right:20px; }
	.top-menu ul li#range1 a		{ background-position:0px 0px; }
	.top-menu ul li#range2 a		{ background-position:-240px 0px;}
	.top-menu ul li#range3 a		{ background-position:-480px 0px;}
	.top-menu ul li#range4 a		{ background-position:-720px 0px;}
	.top-menu ul li#range1 a:hover	{ background-position:0px -40px; }
	.top-menu ul li#range2 a:hover	{ background-position:-240px -40px;}
	.top-menu ul li#range3 a:hover	{ background-position:-480px -40px;}
	.top-menu ul li#range4 a:hover	{ background-position:-720px -40px;}	
	.top-menu ul li#range1 a.active	{ background-position:0px -80px; }
	.top-menu ul li#range2 a.active	{ background-position:-240px -80px;}
	.top-menu ul li#range3 a.active	{ background-position:-480px -80px;}
	.top-menu ul li#range4 a.active	{ background-position:-720px -80px;}

/* Footer
----------------------------------------------------------------------------------------------------*/
.footer				{ display:block; position:absolute; bottom:0px;  }
	.footer-col		{ background-color:#e6e7e9; padding:10px 0px; height:20px; }
	.footer-left	{ display:block; width:160px; height:70px; }
	.footer-left a	{ margin:0 !important; position:absolute; top:-10px; left:0px; }
	.footer-copy	{ float:left; font-size:0.6875em; font-family:Georgia, "Times New Roman", Times, serif; color:#666666; text-align:left; padding:5px 20px 0 0; }
	.footer-right	{ font-size:0.6875em; font-family:Georgia, "Times New Roman", Times, serif; color:#666666; text-align:right; padding:5px 20px 0 0; }
	.footer-right span		{ margin-left:20px; }
	.footer-right a:link, .footer-right a:active, .footer-right a:visited { color:#be0f34; text-decoration:none; }
	.footer p 		{ line-height:1; }
	
/* Category Menu
----------------------------------------------------------------------------------------------------*/
.cat-title			{ display:block; padding:15px 0px; }
	.cat-title h2	{ font-family:Georgia, "Times New Roman", Times, serif; font-size:2em; font-weight:normal; }
.cat-box			{ display:block; position:relative; padding:10px; margin:0 0 20px 0; background-color:#fff; }	
	.cat-box-num	{ width:45px; height:30px; padding:5px 0 0 3px; position:absolute; top:10px; left:5px; z-index:100; background-color:#fff }
	.cat-box-num em	{ font-size:1em; font-family:Georgia, "Times New Roman", Times, serif; color:#2a4330; display:block; text-align:center; line-height:1; font-style:normal; }
	.cat-box img	{ display:block; position:relative; z-index:0; margin:0 0 20px 0; }
	.cat-box dl		{ display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:0.75em; line-height:1.3; }
	.cat-box dl dt	{ font-weight:bold; font-style:italic; color:#000; }
	.cat-box dl dt, .cat-box dl dd	{ display:block; margin:0 0 5px 0;}
	.cat-box dl dd.push		{ margin:0 0 20px 0;}
	.cat-box dl dd.grey		{ color:#666666; }

.end-nav			{ display:block; padding:10px 0; border-top:1px solid #cecdcf; margin:0 0 10px 0; }

/* Item
----------------------------------------------------------------------------------------------------*/
.top-title			{ width:940px; height:40px; padding:10px 0; margin:0 0 20px 0; }
	.top-title h2	{ font-size:2em; color:#000; line-height:1; display:block; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}	
	.top-title h2 em			{ font-style:normal; padding-right:10px; }
	.top-title .blue h2 em		{ color:#485f7f; }
	.top-title .red h2 em		{ color:#934346; }
	.top-title .gold h2 em		{ color:#eeb059; }
	.top-title .green h2 em		{ color:#7d9356; }

.item-image			{ display:block; padding:10px; background-color:#fff; width:460px; }
.wide .item-image	{ width:920px !important; margin:0 0 20px 0; }
.item-content		{ display:block; height:430px;}
.wide .item-content	{ display:block; height:auto;}
	.item-number, .item-meta	{ font-family:Georgia, "Times New Roman", Times, serif; font-size:0.75em; }
	.item-number	{ display:block; margin:0 0 20px 0; }
	.item-number em	{ color:#be0f34; font-style:normal; }
	.item-meta 		{ display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:0.75em; line-height:1.3; margin:0 0 20px 0; }
	.item-meta dt	{ font-weight:bold; font-style:italic; color:#000; }
	.item-meta dt, .item-meta dd	{ display:block; margin:0 0 5px 0;}
	.item-meta dd.push		{ margin:0 0 20px 0;}
	.item-meta dd.grey		{ color:#666666; }
	.item-text p			{ font-size:0.6875em; line-height:1.5; display:block; margin:0 0 20px 0; }

/* Listed by number
----------------------------------------------------------------------------------------------------*/
.list-box			{ display:block; border-bottom:1px solid #cecdcf; display:block; margin:0; position:relative; }
	.first			{ border-top:1px solid #cecdcf;}
	.list-box-num	{ min-width:24px; height:25px; padding:5px 3px 0 0; position:absolute; top:0px; left:0px; z-index:100; background-color:#fff }
	.list-box-num em{ font-size:1em; font-family:Georgia, "Times New Roman", Times, serif; color:#2a4330; display:block; text-align:center; line-height:1; font-style:normal; }
	.list-box img	{ float:left; margin-right:10px; }
	.list-box dl		{ display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:0.75em; line-height:1.3; padding-top:5px; }
	.list-box dl dt	{ font-weight:bold; font-style:italic; color:#000; display:block; margin:0 0 5px 0; }

