/* Joe Rossi Photography - http://joerossiphotography.com */
/* web design by Platypus Man - http://platypusman.com */

/* ELEMENTS */
/* cache bg images */
/*html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }*/
body { margin: 0 auto 50px; background-color: #262322; font-family: Gill Sans, Gill Sans Light, Lucida Grande, Lucida Sans, Trebuchet MS, Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #ccc;
 }
img, img a, img a:hover { border: none; }

h1, h2, h3, h4, h5, h6 { color: #fff; font-weight: lighter; }
h1 { font-size: 150%; }
h2 { font-size: 120%; }
h1:first-child { margin-top: 0; }

a { color: #fff; }
a:visited { color: #ccc; }
a:hover { color: #000; text-decoration: none; }
a:active { color: #fff; }

input, textarea { background: #ccc; }





/* LAYOUT */

#container { width: 900px; margin: 0 auto; background: #555; }
#header { position: relative; height: 93px; background: #353333 url(../images/Joe-Rossi-logo.gif) left top no-repeat; border-bottom: 1px solid #000; }
#main { }
#content { padding: 42px; }
#footer { position: relative; border-top: 1px solid #000; }







/* footer copy */
.copyright { font-size: 11px; text-align: center; padding-top: 100px; padding-bottom: 10px; }

/* main logo / link home */
a.logo { display: block; width: 215px; height: 93px; background: #353333 url(../images/Joe-Rossi-logo.gif) left top no-repeat; outline: none; text-decoration: none; text-indent: -9999px; }
a.logo:hover { background-image: url(../images/Joe-Rossi-logo-over.gif); }

/* NAV */
/* tab1 - bio */
.tab_bio { position: absolute; bottom: 0; right: 80px; background: url(../images/nav_bio.png) -30px bottom no-repeat; width: 130px; height: 28px; z-index: 1; }
.tab_bio:hover { background-image: url(../images/nav_bio_active.png); z-index: 3; }
.tab_bio a { display: block; width: 130px; height: 28px; outline: none; text-indent: -9999px; }
/* tab2 - contact */
.tab_contact { position: absolute; bottom: 0; right: 0; background: url(../images/nav_contact.png) right bottom no-repeat; width: 122px; height: 28px; z-index: 2; }
.tab_contact:hover { background-image: url(../images/nav_contact_active.png); z-index: 3; }
.tab_contact a { display: block; width: 122px; height: 28px; outline: none; text-indent: -9999px; }

/* NAV2 */
/* tab3 - nature's alphabet */
.tab_naturesAlphabet { position: absolute; top: 0; right: 176px; background: url(../images/nav_natures-alphabet.png) right bottom no-repeat; width: 190px; height: 40px; z-index: 1; }
.tab_naturesAlphabet:hover { background-image: url(../images/nav_natures-alphabet_active.png); z-index: 3; }
.tab_naturesAlphabet a { display: block; width: 216px; height: 40px; outline: none; text-indent: -9999px; }

/* tab4 - gallery */
.tab_gallery { position: absolute; top: 0; right: 86px; background: url(../images/nav_gallery.png) right bottom no-repeat; width: 122px; height: 40px; z-index: 1; }
.tab_gallery:hover { background-image: url(../images/nav_gallery_active.png); z-index: 3; }
.tab_gallery a { display: block; width: 122px; height: 40px; outline: none; text-indent: -9999px; }

/* tab5 - slideshow */
.tab_slideshow { position: absolute; top: 0; right: 0; background: url(../images/nav_slideshow.png) right bottom no-repeat; width: 120px; height: 40px; z-index: 2; }
.tab_slideshow:hover { background-image: url(../images/nav_slideshow_active.png); z-index: 3; }
.tab_slideshow a { display: block; width: 120px; height: 40px; outline: none; text-indent: -9999px; }

/* pre-load hover images */
.tab1_bg_hover { background: url(../images/nav_bio_active.png); display: none; }
.tab2_bg_hover { background: url(../images/nav_contact_active.png); display: none; }
.tab3_bg_hover { background: url(../images/nav_natures-alphabet_active.png); display: none; }
.tab4_bg_hover { background: url(../images/nav_gallery_active.png); display: none; }
.tab5_bg_hover { background: url(../images/nav_slideshow_active.png); display: none; }


/* gallery */

.tableGallery { text-align: center; margin: 0 auto; }
.tableGallery td { vertical-align: top; }
.tableGallery img { border: 2px solid #555; padding:20px; }
.tableGallery img:hover { border-color: #fff; }





/* CUSTOM STYLES */
.btnBack { text-decoration:  none; border: none; }
.btnBack:hover { text-decoration:  none; border: none; }
.backArrows { font-size: 160%; line-height: 60%; font-weight: normal; }




/* SPECIFIC PAGES */
body#home #content { padding: 24px 0 0; text-align: center; margin: 0 auto; }
body#home #footer { border: none; }
/* on the home page add 26px to the right position on each footer tab */
body#home .tab_naturesAlphabet { right: 202px;}
body#home .tab_gallery { right: 112px; }
body#home .tab_slideshow { right: 26px; }

#homeMainImageBox {
	background-color: #555555;
	border: 1px solid #999999;
	text-align: center;
	margin: 0 auto;
	background-image: url(photos/homepage-slides/01.jpg);
	width: 848px;
	padding: 0;
	height: 380px;
	border-collapse:collapse;
}


body#slideshow #content { height: 420px; padding: 24px; }

body#gallery #content { padding: 0; }

/* make tabs active on their respecive pages */
body#bio .tab_bio, body#bio .tab_bio:hover { background-image: url(../images/nav_bio_active.png); z-index: 10; }
body#bio .tab_contact:hover { z-index: 11; }
body#contact .tab_contact, body#contact .tab_contact:hover { background-image: url(../images/nav_contact_active.png); z-index: 10; }

body#naturesAlphabet .tab_naturesAlphabet, body#naturesAlphabet .tab_naturesAlphabet:hover { background-image: url(../images/nav_natures-alphabet_active.png); z-index: 10; }
body#naturesAlphabet .tab_gallery:hover { z-index: 15; }
body#gallery .tab_gallery, body#gallery .tab_gallery:hover { background-image: url(../images/nav_gallery_active.png); z-index: 10; }
body#gallery .tab_slideshow:hover { z-index: 11; }
body#slideshow .tab_slideshow, body#slideshow .tab_slideshow:hover { background-image: url(../images/nav_slideshow_active.png); z-index: 10; }

/* nature's alphabeet */
body#naturesAlphabet {}
body#naturesAlphabet #main { background: #1a191c; color: #FFF; font-size: 14px; line-height: 18px; }
body#naturesAlphabet #main a { color: #bfbfc2; }
body#naturesAlphabet #main a:visited { color: #bfbfc2; }
body#naturesAlphabet #main a:hover { color: #95a34d; }
body#naturesAlphabet #main a:active { color: #95a34d; }
div.carouselContainer { width: 900px; height: 544px; overflow: hidden; }
div.carousel { width: 900px; height: 544px; overflow: hidden; }
div.carousel ul { display: block; width: 900px; list-style: none; overflow: hidden; }
div.carousel li { display: block; width: 900px; height: 544px; list-style: none; float: left; }
.prevNextBtns { clear: both; padding: 10px; }
.prev, .next { font-size:80%; font-weight:bold; height:28px; line-height:26px; padding: 0 8px; cursor: pointer; outline: none; color: #a77a47; background: #000; border: 1px solid #353333; }
.prev:hover, .next:hover { background: #f4f4f4; outline: none; border-color: #554d4b; }
body#naturesAlphabet #main .naturesAlphabetNote { background:#92ae79; margin-top:30px; } /* table - Note to Teachers */
body#naturesAlphabet #main .naturesAlphabetNote a, body#naturesAlphabet #main .naturesAlphabetNote a:visited { color: #fff; text-decoration:underline; }
body#naturesAlphabet #main .naturesAlphabetNote a:hover, body#naturesAlphabet #main .naturesAlphabetNote a:active { color: #1A191C; text-decoration:underline; }
/* link on page 1 */
body#naturesAlphabet #main .carouselPageOne h2 a, body#naturesAlphabet #main .carouselPageOne h2 a:visited { color: #919e4c; }
body#naturesAlphabet #main .carouselPageOne h2 a:hover { color: #fff; }


/* contact form */
.contactForm { margin: 0 auto; }
body#contact #content h1 { margin-left: 85px; }
body#gallery #content .btnBack { margin-left: 42px; }