/* O.C. Hidden Gems */

body {
background: #fff url(../images/backdrop.jpg) top center no-repeat;
font-family: Arial, Helvetica, sans-serif;
}

a {
text-decoration: none;
color: #f8743a;
} 

p {
font-size: 11px;
}


/*h3 {
color: #f8743a;
}*/

hr {
margin-top: -16px;
}

#container {
background: #fff;
width: 700px;
margin: 0 auto;
border: 2px solid #f8743a;
margin-top: 50px;
}

#banner {
background: url(../images/banner2.gif) top left no-repeat;
width: 704px;
height: 301px;
margin: 0 auto;
margin-top: -36px;
margin-left: -2px;
position: relative;
z-index: 5;
}

#mainContent {
margin-top: -20px;
}

#leftContent {
width: 450px;
margin-left: 22px;
float: left;
}

#rightContent {
width: 188px;
float: left;
margin-left: 24px;
}

#home #leftContent {
width: 400px;
}

#home #rightContent {
width: 238px;
}

#clearingDiv {
clear: left;
}

#footer {
background: url(../images/footer.jpg) top left no-repeat;
width: 704px;
height: 210px;
margin: 0 auto;
margin-bottom: -10px;
margin-left: -2px;
z-index: 5;
}

#copyright {
text-align: center;
margin-top: 80px;
font-size: 10px;
padding-bottom: 5px;
}
/*-----------------------------end initial styling-------------------------------*/


/*----------------------------------- Main Navigation---------------------------------- */
#mainNav {
width: 500px;
height: 49px;
position: absolute;
margin-top: -112px;
margin-left: 254px;
z-index: 10;
}

#mainNav span {
display: none;
}

#mainNav li {
list-style: none;
float: left;
width: 100px;
}

#mainNav a {
display: block;
width: 100px;
height: 49px;
}

#mainNav .home {
background: url(../images/mainNav_01.png) no-repeat;
width: 101px;
height: 49px;
}

#mainNav .home a:hover {
background: url(../images/mainNavOver_01.png) no-repeat;
}

#mainNav .photo {
background: url(../images/mainNav_02.png) no-repeat;
width: 100px;
height: 49px;
}

#mainNav .photo a:hover {
background: url(../images/mainNavOver_02.png) no-repeat;
}

#mainNav .rec {
background: url(../images/mainNav_03.png) no-repeat;
width: 100px;
height: 49px;
}

#mainNav .rec a:hover {
background: url(../images/mainNavOver_03.png) no-repeat;
}

#mainNav .other {
background: url(../images/mainNav_04.png) no-repeat;
width: 99px;
height: 49px;
}

#mainNav .other a:hover {
background: url(../images/mainNavOver_04.png) no-repeat;
}


#home #mainNav .home {
background: url(../images/mainNavOver_01.png) no-repeat;
width: 101px;
height: 49px;
}

#recreation #mainNav .rec {
background: url(../images/mainNavOver_03.png) no-repeat;
width: 100px;
height: 49px;
}

#other #mainNav .other {
background: url(../images/mainNavOver_04.png) no-repeat;
width: 101px;
height: 49px;
}

#photo #mainNav .photo {
background: url(../images/mainNavOver_02.png) no-repeat;
width: 101px
height: 49px;
}
/*-----------------end main nav--------------------*/


/*-------------Utilities------------------*/
#utilities {
width: 700px;
margin: 0 auto;
}

.utilitiesLeft {
font-size: 12px;
background: #000000;
margin-top: -70px;
margin-left: -20px;
}

.utilitiesRight {
font-size: 12px;
margin-left: 500px;
}

.utilitiesLeft ul, .utilitiesRight ul {
list-style: none;
}

.utilitiesLeft li, .utilitiesRight li {
float: left;
padding-right: 15px;
}

.utilitiesLeft a, .utilitiesRight a {
text-decoration: none;
color: #000;
}

.utilitiesLeft a:hover, .utilitiesRight a:hover {
color: #f8743a;
}
/*---------------end ulilities-------------------*/

/*--------------image thumb containing and video-----------------*/
#imgThumb {
width: 101px;
margin-left: 20px;
margin-top: 10px;
float: left;
text-align: center;
}

.thumbImage {
border: 1px solid #f8743a;
}

#vidBox {
margin-top: 20px;
margin-left: 20px;
}

#homeimgThumb {
width: 101px;
margin-left: 20px;
margin-top: 2px;
float: left;
text-align: center;
}
/*--------------------end thumbs-----------------------------*/


#mapItem {
padding-left: 2px;
padding-right: 20px;
float: left;
}