/* 

Created by Chelsea Otakan for the Nevada Museum of Art 
Page Template: Homepage

*/

#header .logotype { margin:-32px 0 0 0}

/* MAIN NAVIGATION ========================================= */

#main-nav { clear: both; margin: 8px 0 0 0 }
#main-nav li { list-style: none; display: block; float: left; width: 159px; height: 155px; border-right: 1px #cdcdcd solid; }
#main-nav div { margin: 5px 8px; background: #f2f2f2; display: block; height: 145px;}

#main-nav li.visit div { margin-left: 0}
#main-nav li.shop { border: 0;}
#main-nav li.shop div { margin-right: 0}

#main-nav li div a { display: block; text-indent: -9999px; background-repeat: no-repeat; height: 70px; background-position: center 36px; border-bottom-style: solid; border-bottom-width: 6px }
#main-nav .visit div a { background-image: url(../images/homepage/nav_visit.gif) }
#main-nav .explore div a { background-image: url(../images/homepage/nav_explore.gif) }
#main-nav .learn div a { background-image: url(../images/homepage/nav_learn.gif) }
#main-nav .give div a { background-image: url(../images/homepage/nav_give.gif) }
#main-nav .art-environment div a { background-image: url(../images/homepage/nav_artenvironment.gif) }
#main-nav .shop div a { background-image: url(../images/homepage/nav_shop.gif) }

#main-nav li span { display: block; background-repeat: no-repeat; height: 100px; margin: 15px 0 0 0; background-position: center 0; font-size: 14px; color: #ababab; text-align: center }

/* HOVER MENUS */

#main-nav ul li { position: relative; height: auto; z-index: 10; text-align: center; width: 141px; margin: 0; border: 0 }
#main-nav ul { position: absolute; display: none; height: auto; margin: auto; width: 143px; margin: -85px 9px 0 8px; padding: 20px 0 8px 0; background: #f2f2f2; z-index: 10; }
#main-nav .visit ul { margin: -85px 0 0 0; width: 151px; padding: 20px 0 8px 0 }
#main-nav .visit ul li a { margin-left: 8px }
#main-nav .shop ul { margin: -85px 0 0 8px; width: 151px; padding: 20px 0 8px 0 }
#main-nav .shop ul li a { margin-left: 8px }
#main-nav ul li a { text-indent: 0; display: inline; border: 0; height: auto; font-size: 14px; color: #ababab; display: block; padding: 6px 8px 8px 10px}

/* MAIN CONTENT ============================================ */

#content { border-top: 1px #cdcdcd solid; padding: 8px 0 0 0;  display: block; clear: both; margin: 8px 0 35px 0;}

/* Image Slider */
.slideshow { width: 479px; border-right: 1px #cdcdcd solid; padding: 6px 0; float: left; position: relative; height: 310px}
.slides {  width: 479px; height: 310px; position: relative}
.slide { position: absolute; top: 9px; left:0}
.slide-desc { display: block; margin: 9px 9px 0 0; height: 30px; border-bottom: 1px #cdcdcd solid; border-top: 1px #cdcdcd solid; font-size: 11px; width: 469px;}
.slide-desc img { margin: 10px 0; float: left}
.slide-desc h3 {display: block; float: right; width: 370px; margin: 9px 0 0 0; font-weight: normal}
.slide-desc h3 a { color: #999; }
.slide-desc strong { font-weight: bold}
#slide-nav { margin: -22px 0 0 0; position: relative; z-index: 10 }
#slide-nav a { display: block; float: left; width: 12px; height: 12px; text-indent: -99999px; margin: 0 3px 0 0 }

/* Exhibits */
.exhibits { display: block; float: left; width:300px; margin: 6px 0 6px 10px }
.exhibits li { list-style: none; display: block; position: relative}
.exhibits li.first a { padding-top: 0; }
.exhibits li.last a { padding-bottom: 0; border: 0 }
.exhibits li img { float: left; margin: 0 18px 0 0}
.exhibits li a { display: block; padding: 15px 0; border-bottom: 1px #cdcdcd solid; text-decoration: none; color: #808080}
.exhibits li h3 { font-size: 12px; font-weight: bold; line-height: 16px; margin: 0 0 4px 0; width: 130px; display: block}
.exhibits span { position: absolute; bottom: 15px; font-size: 11px; width: 130px}
.exhibits li.last span { bottom: 0 }
.exhibits li a:hover { color: #505050 }

/* Take Note */
.take-note { display: inline; float: right; width: 160px; margin: 0; border-left: 1px #cdcdcd solid; height: 320px; overflow: none; font-size: 11px;}
.take-note li { list-style: none; margin:  0 0 0 9px }
.take-note h2 { margin: 6px 0 18px 9px; display: block; height: 37px; text-indent: -9999px; background: #f2f2f2 url(../images/homepage/header_takenote.gif) center 14px no-repeat; border-bottom-width: 6px; border-bottom-style: solid;}
.take-note h2 a { position: absolute; display: block; height: 37px; width: 150px; margin: 0;}
.take-note h3 { font-size: 11px; text-transform: uppercase; font-weight: normal; letter-spacing: 1px; color: #808080; margin-top:20px}
.take-note a {  margin-top: 10px; font-weight: bold; text-decoration: none; display: block; width: 130px; }
.take-note p { font-size: 11px; color:#808080; line-height: 14px}
.take-note li.more a {text-align: center }

/* Event info margin */ .take-note ul li ul li { margin: 0 0 0 18px}