/*@import url("picture-slide.css");*/

#container_index { margin:50px auto; text-align:center; width:840px;}
	
#container{ width:840px; margin-right: auto; margin-bottom: 30px; margin-left: auto; }

#header{ float:left; width:840px;}

/* ====== Header and navigation ======= */
.logo { float:left; display: block; width: 210px; height: 65px; background:url(../images/mareareedlogo.png)0 0 no-repeat; margin:0px 31px 0px 14px;}
a.logo span{display:none;}

.people { float:left; display: block; width: 100px; height: 27px; background: url("../images/people.gif") 0 0 no-repeat; margin-top:15px;}
a.people span{display:none;}
a.people:hover{float:left; display: block; width: 100px; height: 27px; background: url("../images/people_ovr.gif") 0 0 no-repeat; margin-top:15px;}

.little_people { float:left; display: block; width: 150px; height: 27px; background: url("../images/littlepeople.gif") 0 0 no-repeat; margin-top:15px;}
a.little_people span{display:none;}
a.little_people:hover { float:left; display: block; width: 150px; height: 27px; background: url("../images/littlepeople_ovr.gif") 0 0 no-repeat; margin-top:15px;}

.places { float:left; display: block; width: 91px; height: 27px; background: url("../images/places.gif") 0 0 no-repeat; margin-top:15px;}
a.places span{display:none;}
a.places:hover { float:left; display: block; width: 91px; height: 27px; background: url("../images/places_ovr.gif") 0 0 no-repeat; margin-top:15px;}

.events { float:left; display: block; width: 98px; height: 27px; background: url("../images/events.gif") 0 0 no-repeat; margin-top:15px;}
a.events span{display:none;}
a.events:hover { float:left; display: block; width: 98px; height: 27px; background: url("../images/events_ovr.gif") 0 0 no-repeat; margin-top:15px;}

.fineart { float:left; display: block; width: 121px; height: 27px; background: url("../images/fineart.gif") 0 0 no-repeat; margin-top:15px;}
a.fineart span{display:none;}
a.fineart:hover { float:left; display: block; width: 121px; height: 27px; background: url("../images/fineart_ovr.gif") 0 0 no-repeat; margin-top:15px;}

.aboutcontact { float:left; display: block; width: 90px; height: 14px; background: url("../images/about_contact.gif") 0 0 no-repeat;}
a.aboutcontact span{display:none;}
a.aboutcontact:hover { float:left; display: block; width: 90px; height: 14px; background: url("../images/about_contact_ovr.gif") 0 0 no-repeat; }
/* ====== /Header and navigation ======= */

/* ====== Header and navigation location ======= */
.location{	float:left;	width:835px;	padding-left:70px;	padding-right:55px;	height:1px;}
.location_logo { float:left; width: 235px; height:1px;}
.location_people { float:left; width: 110px; height:1px;}
.location_littlepeople { float:left; width: 160px; height:1px;}
.location_places { float:left; width: 100px; height:1px;}
.location_events  { float:left; width: 110px; height:1px;}
.location_fineart  { float:left;width: 120px; height:1px;}
/* ====== /Header and navigation location ======= */

/* ====== photos frame ======= */
.photo_container { float:left; width:840px;}
.photo_frame { float:left; width:586px; height:597px; background-image:url(../images/bg.png); background-repeat:no-repeat; margin-left:139px; margin-top:10px;}
/* ====== /photos frame ======= */

/* ====== slideshow controls ======= */
ul#navigation-controls{ float: left; width:120px; height:120px; list-style: none; margin-left: 0.5em; background-image:url(../img/photo_control_bg.png); background-repeat:no-repeat; }
ul#navigation-controls li{ line-height: 1.5em; margin-right: 0.5em; border-bottom:none; }
li.slideshow-item{	margin-left: 3em; }
ul#navigation-controls a.disabled{ 	color: #ccc; }
img{ border:none;}
/* ====== /slideshow controls ======= */

/* ====== Footer ======= */
.footer { float:left; width:400px; margin-left:250px; text-align:center;}
.about_space { width:20px; }
.footer_txt { float:left; width:260px; text-align:left; font-size:10px; }
/* ====== /Footer ======= */

/* ====== splash page ======= */
.splash_container { float:left; width:450px; height:150px; background-image:url(../images/mareareed_splash.png); margin-left:195px; margin-top:80px;}
.splash_quote { float:left; width:650px; height:110px; background-image:url(../images/quote.png);  background-repeat:no-repeat; margin-left:95px;}
.splash_txt {float:left; width:650px; margin-top:80px; margin-bottom:50px;  text-align:center; font-size:10px;margin-left:95px; }
.splash_footer { float:left; width:650px; margin-top:10px; text-align:center; }
/* ====== /splash page ======= */

/* ====== about page ======= */
.about { float:left; width:600px; margin-left:129px;}
.contact { float:left; width:350px; margin-top:10px;}
.about_photo { float:right; width:205px; height:230px; margin:10px;}
.about_quote { float:left; width:691px; height:140px; text-align:center; margin:30px 0px 20px 69px; border-bottom:solid 1px #eeeeee; }
/* ====== /about page ======= */