@charset "utf-8";
/* CSS Document */

/* --------------------------------------------------------------------------------------------------------- */
/*  Defaults                                                                                                                       */
/* --------------------------------------------------------------------------------------------------------- */

/* Zero-out browser defaults */
body { background:#d0b792 center top url(../img/bg-main.jpg); background-repeat:repeat-x; margin:0px; padding:0px; height: 100%;}
html { font-family:"Lucida Sans",verdana,arial,helvetica,sans-serif; font-size:62.5%; margin:0px; padding:0px; height: 100%; color: #b79562; }
html * { font-size:1.03em; }

a { color: #b79562; }
a:hover { color: #FFFFFF; }
a:visited { color: #CCCCCC; }

//* --------------------------------------------------------------------------------------------------------- */
/*  Main pages                 								                                                                     */
/* --------------------------------------------------------------------------------------------------------- */

#home-body { background:#000000 center top url(../img/bg-hero.jpg); background-repeat:no-repeat; margin:0px; padding:0px; height: 100%;}

#container{
	width: 900px;  /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
		
}

#content-container{
	float: left;
	width: 100%;
	width: 900px;
	background: #000000;
}

#content{
	background: #000 url(../img/bg-content.jpg) repeat-y;
	line-height: 1.5em;
	color:#b79562;
	padding-left: 45px;
	padding-right:40px;
	padding-bottom:10px;
}

#content-home{
	background: #000000 url(../img/bg-bottom-home-ie.gif) no-repeat;
	background-color: #000000;
	/*border-bottom: 1px solid #b79562;*/
	line-height: 1.5em;
	color:#b79562;
	padding:0px;
	margin: 0px;
}

/*** Home columns ***/
#home-col1{
	width: 155px;
	float:left;
	margin-left: 319px;
	margin-top: -156px;

}

#home-col2{
	width: 220px;
	height: 155px;
	background:url(../img/bg-poll.gif) no-repeat;
	float:left;
	margin-top: -156px;
	margin-left: 482px;
}

#home-col3{
	width: 174px;
	height: 155px;
	background:url(../img/bg-exhibition.gif) no-repeat;
	float:right;
	margin-top: -156px;
}

#home-col1 img {padding-bottom:12px;}
#home-col2 img {padding-left: 100px; padding-bottom:12px;}
#home-col3 img {padding-bottom:10px; padding-left:10px;}

.home-divider1 {float:left; margin-top: -140px; margin-left:465px;}
.home-divider2 {float:left; margin-top: -140px; margin-left:705px;}
.hd-poll{padding-top: 8px;}
.hd-exhib{padding-top: 8px;}

#profile1 {height: 400px;}
#profile1 p {width: 450px;}
#profile1 img {float:right; margin-top:40px;}

#profile2 {height: 420px;}
#profile2 p, #profile2 h1 {width: 450px; float:right;}
#profile2 img {float:left; margin-top:35px;}


/*** Two column content layout ***/

#content-two-col {
	background: #000 url(../img/bg-content.jpg) repeat-y;
	line-height: 1.7em;
	color:#b79562;
		
}
#content-two-col-wrapper {
	float:left;
	width: 100%;
	background: #000 url(../img/bg-content.jpg) repeat-y;
}

#content-two-col-left {
	line-height: 1.7em;
	color:#b79562;
	margin-left: 45px;
	padding-right:40px;
	padding-bottom:10px;
	margin-right: 355px;
	
}

#content-two-col-right {
	background: #000 url(../img/bg-content.jpg) repeat-y;
	background-position:right;
	float: left;
	background-position: right;
	width: 355px;
	margin-left: -355px;
}


/*** Different header images here ***/
#content-header-home{
	background:url(../img/hero-home.jpg) #000;
	background-repeat:no-repeat;
	height: 324px;
	width: 900px;
	
}

#content-header-intro{
	background:url(../img/hero-intro.jpg) #000;;
	background-repeat:no-repeat;
	height: 340px;
	width: 900px; 
}

#content-header-mural{
	background:url(../img/hero-mural.jpg) #000;;
	background-repeat:no-repeat;
	height: 340px;
	width: 900px; 
}

#content-header-profiles{
	background:url(../img/hero-profiles.jpg) #000;;
	background-repeat:no-repeat;
	height: 340px;
	width: 900px; 
}

#content-header-tc{
	background:url(../img/hero-tc.jpg) #000;;
	background-repeat:no-repeat;
	height: 340px;
	width: 900px; 
}



/*** Intro headings, text and divider for all pages ***/
#intro-title {margin-left: 45px; margin-top: 220px;}
#intro-text{ margin-left: 43px; margin-top: 10px;}
#mural-title {margin-left: 45px; margin-top: 220px;}
#mural-text{ margin-left: 43px; margin-top: 10px;}
#tc-title {margin-left: 45px; margin-top: 215px;}

#divider {margin:0;}
#divider-mid {margin-left: 150px;}

.button-top{float:left; padding-top:18px; padding-bottom: 10px}
.button-bottom{float:right; padding-top:10px;}

h1 {color: #fff; font-size:1.5em; margin:0px; padding:0px; margin-bottom:-8px;}
h2 { color: #FFFFFF; font-size: 1.4em; }
h3 { font-size: 1.2em; }
ol.tc { /*margin-top: -30px;*/ }
ol.tc li { margin-bottom: 1em; }
ol.tc li ul { margin: 1em 0; padding: 0 1em; list-style: square; }

/*** Image Popups ***/
#img-popup{
	background:#000000;
	border: 1px solid #b79562;
	padding: 15px 15px 0px 15px;
	margin-top: -125px;
	width: 271px;
	height: 495px;	
	
}

#img-popup-2{
	background:#000000;
	border: 1px solid #b79562;
	padding: 15px 15px 0px 15px;
	width: 271px;
	height: 495px;
	
}

.zoom{float:right; margin-top: -30px;}

/*** Footer ***/
#footer-container{ 
	background:#d0b792 url(../img/bg-footer.jpg) no-repeat; 
	height: 74px; 
	background-color: #d0b792;
	clear:left; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	color: #806237;
}

#footer-container a, #footer-container a:link, #footer-container-home a, #footer-container-home a:link { color:#806237; font-size: 0.95em} 
#footer-container a:visited, #footer-container a:visited:link, #footer-container-home a:visited, #footer-container-home a:visited:link  { color:#806237; }
#footer-container a:hover, #footer-container a:visited:hover, #footer-container-home a:hover, #footer-container-home a:visited:hover { color:#000; }
#footer-left{float:left; margin-top: 77px;}

#footer-container-home{ 
	height: 24px; 
	background-color: #d0b792;
	clear:left; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	color: #806237;
}

#footer-left-home{float:left;}

/* home sections */

#home-sections { position: relative; background: #060503 url(../img/home-sections/bg-home.gif) repeat-y top left; height: 171px; }
#home-sections img.home-covers { position: absolute; top: 0; left: 0; }
#home-sections div.buy-online { position: absolute; top: 0; left: 319px; width: 146px; }
#home-sections div.poll { position: absolute; top: 0; left: 475px; width: 146px; }
#home-sections div.poll div { position: absolute; top: 0; left: 108px; }
#home-sections div.exhibition { position: absolute; top: 0; left: 715px; width: 146px; }
#home-sections div.exhibition div { position: absolute; top: 0; left: 19px; }


		option.disabled {color:#eee;}
a#reset img {border:0px;}