/* css
site: www.greatoutdoorstudios.com
author: jason stanbery, sugar design studio
colors: Dark Brown - 6a4c22 |
----- */

/* -----general----- */
html, body {height: 100%; overflow: hidden;}
body {margin: 0; padding: 0; text-align: center; color: #2e1e00; font-family: Arial, Verdana, Helvetica, Sans-Serif; background: #6a4c23;}
body.adsPage, body.collectionsPage {background: url('../images/parchment.jpg') center center no-repeat;}
img {border: none;}
a:focus {outline: none;}
.imgLeft {float: left; margin: 0 10px 10px 0; padding: 0;}
.imgRight {float: right; margin: 0 0 10px 10px; padding: 0;}

#pageContent {position: absolute; width: 450px; height: 460px; background: url('../images/contentBG.png') no-repeat; z-index: 500; text-align: left; left: 50%; top:40%; margin: -225px 0 0 -230px;}
#pageContent .compass {background: url('../images/compass.png') no-repeat; width: 430px; height: 430px; margin: 15px 10px;}
#pageContent .inner {padding: 10px 30px 10px 30px;}
#pageContent .inner h1 {font-size: 18px; font-weight: normal;}
#pageContent .inner p {font-size: 12px; line-height: 150%;}
#pageContent .address {float: right;}
#pageContent a, #pageContent a:visited {color: #2e1e00; text-decoration: underline;}

.shade {width: 100%; min-height: 100%; height: auto !important; height: 100%; position: absolute; top: 0; left: 0; background: url('../images/blackShade.png'); z-index:50;}

#bigImage {z-index: 1; position:absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0 0 -152px 0; overflow: hidden; background: url('../images/loader.gif') no-repeat center;}
#bigImage .cover{width: 100%; min-height: 100%; height: auto !important; height: 100%; position: absolute; top: 0; left: 0; background: url('../images/blank.gif'); z-index:50;}
#bigImage #mainImage {width: 100%;}

#flashMovie {position: absolute; top: 0; right: 0; left: 0; bottom: 150px;}

.push {height: 180px;}

#lower {width: 100%; height: 180px; margin: 0; padding: 0; position: absolute; bottom: 0; left: 0; background: url('../images/bottomBar.jpg') no-repeat bottom center; z-index: 100;}
#lower .logo {position: absolute; left: 100px; top: 50px;}
.bottomLeft {background: url('../images/leftBottomSlice.jpg') bottom left repeat-x; z-index: 99; width: 500px; height: 152px; position: absolute; left: 0; bottom: 0;}
.bottomRight {background: url('../images/rightBottomSlice.jpg') bottom right repeat-x; z-index: 99; width: 500px; height: 152px; position: absolute; right: 0; bottom: 0;}

.mainNav {list-style: none; padding: 0; margin: 0; position: absolute; top: 77px; left: 52%;}
.mainNav li {float: left; text-align: center; display: inline-block; width: 129px; margin: 0 10px 0 0;}
.mainNav li a.photos {background: url('../images/nav/photosOff.jpg') top left no-repeat; height: 28px; width: 129px; display: block; font-size: 15px; line-height: 15px; text-indent: -9999px;}
.mainNav li a.about {background: url('../images/nav/aboutOff.jpg') top left no-repeat; height: 28px; width: 129px; display: block; font-size: 15px; line-height: 15px; text-indent: -9999px;}
.mainNav li a.contact {background: url('../images/nav/contactOff.jpg') top left no-repeat; height: 28px; width: 129px; display: block; font-size: 15px; line-height: 15px; text-indent: -9999px;}
.photos .mainNav li a.photos {background: url('../images/nav/photosOn.jpg') top left no-repeat; height: 28px; width: 129px; display: block; font-size: 15px; line-height: 15px; text-indent: -9999px;}
#about .mainNav li a.about {background: url('../images/nav/aboutOn.jpg') top left no-repeat; height: 28px; width: 129px; display: block; font-size: 15px; line-height: 15px; text-indent: -9999px;}
#contact .mainNav li a.contact {background: url('../images/nav/contactOn.jpg') top left no-repeat; height: 28px; width: 129px; display: block; font-size: 15px; line-height: 15px; text-indent: -9999px;}

.photoNav {position: absolute; top: 28px; left: 52%; list-style: none; margin: 0; padding: 0;}
.photoNav li {float: left; margin: 0 20px 0 20px;}
.photoNav .wet {width: 26px; height: 40px; background: url('../images/imageBar/wetOff.jpg') top left no-repeat; text-indent: -9999px; display:block;}
.photoNav .dry {width: 24px; height: 40px; background: url('../images/imageBar/dryOff.jpg') top left no-repeat; text-indent: -9999px; display:block;}
.photoNav .ads {width: 23px; height: 40px; background: url('../images/imageBar/adsOff.jpg') top left no-repeat; text-indent: -9999px; display:block;}
.photoNav .collections {width: 95px; height: 40px;background: url('../images/imageBar/collectionsOff.jpg') top left no-repeat; text-indent: -9999px; display:block;}
.photoNav .specialProjects {width: 99px; height: 40px; background: url('../images/imageBar/specialProjectsOff.jpg') top left no-repeat; text-indent: -9999px; display:block;}
.wetPage .photoNav .wet {width: 26px; height: 40px; background: url('../images/imageBar/wetOn.jpg') top left no-repeat; text-indent: -9999px; display:block;}
.dryPage .photoNav .dry {width: 24px; height: 40px; background: url('../images/imageBar/dryOn.jpg') top left no-repeat; text-indent: -9999px; display:block;}
.adsPage .photoNav .ads {width: 23px; height: 40px; background: url('../images/imageBar/adsOn.jpg') top left no-repeat; text-indent: -9999px; display:block;}
.specialProjectsPage .photoNav .specialProjects {width: 99px; height: 40px; background: url('../images/imageBar/specialProjectsOn.jpg') top left no-repeat; text-indent: -9999px; display:block;}
.collectionsPage .photoNav .collections {width: 95px; height: 40px;background: url('../images/imageBar/collectionsOn.jpg') top left no-repeat; text-indent: -9999px; display:block;}

#imageBar {height: 28px; background: #6A4C22; position: absolute; top: 0; left: 30%; padding: 0; font-size: 30px; line-height: 28px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;}
#imageBar ul {margin: 0; padding: 0; list-style: none;}
#imageBar ul li {float: left; margin: 0 7px 0 7px;}
#imageBar a, a:visited {text-decoration: none; color: #FFF;}
#imageBar ul li.square {margin-top: -3px;}

.myAd {height: 60%; margin: 5% auto 0 auto; border: 10px solid #ddd;}

.collectionsList {list-style: none; padding: 0; width: 940px; height: 400px; position: absolute; top: 50%; left: 50%; margin-top: -300px; margin-left: -470px;}
.collectionsList li a, .collectionsList li a:visited {margin: 0 30px 0 30px; text-indent: -9999px;}
.collectionsList li .stj {float: left; width: 250px; height: 400px; display: block; background:url('../images/collectionsImages/stj.jpg') 250px 0; border: 1px solid #745f40;}
.collectionsList li .stj:hover {background: url('../images/collectionsImages/stj.jpg') 250px 0; border: 1px solid #fff;}
.collectionsList li .ok {float: left; width: 250px; height: 400px; display: block; background:url('../images/collectionsImages/ok.jpg') 250px 0; border: 1px solid #745f40;}
.collectionsList li .ok:hover {background: url('../images/collectionsImages/ok.jpg') 250px 0; border: 1px solid #fff;}
.collectionsList li .tswm {float: left; width: 250px; height: 400px; display: block; background:url('../images/collectionsImages/tswm.jpg') 250px 0; border: 1px solid #745f40;}
.collectionsList li .tswm:hover {background: url('../images/collectionsImages/tswm.jpg') 250px 0; border: 1px solid #fff;}

.collectionsExplanation {font-family: Arial, Verdana, Sans-Serif; font-size: 12px; line-height: 125%; color: #fff; background: #6A4C22; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; position: absolute; bottom: 150px; width: 900px; left: 50%; margin-left: -450px; padding: 5px; text-align: left;}