@charset "utf-8";
/* CSS Document */

body  {
	font-family:"Times", "Helvetica", "serif";
	font-size:18px;
	margin: 0; 
    padding: 0;
	text-align: center;   
    color: #FFFFFF;
	background-image:url(background.jpg);
	background-repeat:inherit;
	float:left;
	}

#header a {
	position: absolute;
	height: 40px;
	width: 893px;
	top: -10px;
	color:#FFFFFF bold;
	font-family:"Lucida Handwriting", "Times", "serif";
	font-size: 50px;
	left: 34px;
   }

img {border: none;}

a {
	color: #660000;
	text-decoration:none;
	font-weight:bold;
	}
	
a:hover {
	color: #FFF;
	text-decoration:none;
	}

h1 {
	color: #FFF;
	font-size: 24px;
}

#content {
	clear: left;
	color: #ccc;
}

.mendana #container {
	width: 1050px;
	position:absolute;
	height: 737px;
	margin: 0 auto;
	padding: 5px 10px 10px 10px;
	text-align: left;
	float:left;
	left: 2px;
	top: 6px;
	} 

.mendana #quote { 
	width: 550px;
	margin: 70px 15px 0px 80px ; 
	padding: 5 10px 0px 0px;
	font-style:italic;
	color: #663333;
	font-size: 16px;
	font-family:"Times", "Helvetica", "serif";
	height: 40px;
	text-align: left;
	}
	
.mendana #main {
    position: absolute;
	z-index: 10; 
	float:left;
	width: 550px;
	margin: 125px 20px 15px 90px ; 
	padding: 0px 5px;
	color: #663333;
	font-family:"Times", "Helvetica", "serif";
	text-align: left;
	}
	
.mendana #nav {
	position:absolute;
	margin: 15px 0px 0px 25px ; 
	width: 600px;
	top: 50px;
	left: 650px;
	color: #ffffff;
	font-family:"Times", "Helvetica", "serif";
	font-size: 24px;
	line-height: 1.8;
		}	
	
.mendana #credit { 
	margin: 500px 0px 15px 0px ; 
	padding: 0px 0px 0px 0px ;
	color: #663333;
	font-size: 12px;
	position:absolute;
	width: 300px;
	left: 675px;
	color: #660000;
	font-family:"Arial", "Helvetica", "sans-serif";
	font-weight:lighter;
}

/* ---------Gallery Code----------*/

/* common styling for gallery */
a.gallery, a.gallery:visited {display:block; display:inline-block; border:1px solid #000; width:50px; height:50px; float:left; margin:1px; z-index:25;}

/* thumbnails on the right - add new images to the bottom of this list*/
a.slide1 {background:url(img/t_groupsculpture.jpg);}
a.slide2 {background:url(img/t_Bonnersepia.jpg);}
a.slide3 {background:url(img/t_duetjumpsepia.jpg);}
a.slide4 {background:url(img/t_Zahra.jpg);}
a.slide5 {background:url(img/t_jylian.jpg);}
a.slide6 {background:url(img/t_grouphug.jpg);}
a.slide7 {background:url(img/t_photo01.jpg);}
a.slide8 {background:url(img/t_photo04.jpg);}
a.slide9 {background:url(img/t_photo05.jpg);}
a.slide10 {background:url(img/t_photo06.jpg);}
a.slide11 {background:url(img/t_photo07.jpg);}
a.slide12 {background:url(img/t_photo08.jpg);}
a.slide13 {background:url(img/t_photo23.jpg);}
a.slide14 {background:url(img/t_photo09.jpg);}
a.slide15 {background:url(img/t_photo10.jpg);}
a.slide16 {background:url(img/t_photo14.jpg);}
a.slide17 {background:url(img/t_photo12.jpg);}
a.slide18 {background:url(img/t_photo13.jpg);}
a.slide19 {background:url(img/t_photo02.jpg);}
a.slide20 {background:url(img/t_photo03.jpg);}
a.slide21 {background:url(img/t_photo17.jpg);}
a.slide22 {background:url(img/t_photo18.jpg);}
a.slide23 {background:url(img/t_photo19.jpg);}
a.slide24 {background:url(img/t_photo20.jpg);}

/* hover attributes for images */
a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}
#gallery {position:relative; width:600px; height:400px; margin:1em auto;}
#gallery .thumbs {width:275px; position:absolute; right:35px; top:2px; height: 400px;}
#gallery a.gallery:hover span, span:first-line {display:block; position:absolute; width:300px; height:402px; top:1px; left:-310px; padding:1px; color:#fff; z-index:100; font-style:normal; font-weight:lighter; font-size:1.1em; font-size:12px;}
#gallery a.gallery:active, #gallery a.gallery:focus {border:1px solid #000;}