/*____________________________________________________________________  Body  */
body {
  margin: 0;
  padding: 0;
  font-family: 'Georgia', Tahoma, sans-serif;
  font-size: .7em;
  line-height: 21px;
  background-color: #CCC;
  background-image: URL(../images/cpbg.jpg);
  background-repeat: repeat-x;
  color: #fff;
}
.hidden {
  display: none;
}

/*_________________________________________________________________  Content  */

div#container {
  margin: 38px auto;
  text-align: center;
  width: 680px;
}

div#wrapper {
  margin: 0;
  padding: 0 10px;
  text-align: left;
  border-bottom: 1px solid #888;
  width: 680px;
  height: 420px;
  position: relative;
  padding: 20px 0 30px 0;
}

div#wrapper h1 span {
  font-size: 12px;
  color: #fff;
}

.title
{
width: 339px;
height: 37px;
display: block;
background-image: url(../images/clintonperry.gif);
background-repeat: no-repeat;
margin: 0 0 30px 0;
}

.navig
{
width: 60px;
float: left;
margin-top: 10px;
}

.navig_b
{
text-align: right;
width: 80px;
float: left;
margin-top: 10px;
margin-left: 50px;
}

div#footer {
  margin: 0;
  padding: 0 0 10px 0;
  text-align: center;
  width: 680px;
  height: 20px;
  float: left;
  color: #777;
  font-size: 10px;
}

#gallery_a a:link, #gallery_a a:visited, #gallery_b a:link, #gallery_b a:visited, #gallery_c a:link, #gallery_c a:visited, #gallery_d a:link, #gallery_d a:visited, #gallery_e a:link, #gallery_e a:visited
{
  border: 3px solid #DDD;
  width: 40px;
  height: 30px;
}

#gallery_a a:hover, #gallery_a a:active, #gallery_b a:hover, #gallery_b a:active, #gallery_c a:hover, #gallery_c a:active, #gallery_d a:hover, #gallery_d a:active, #gallery_e a:hover, #gallery_e a:active
{
  border: 3px solid #FFF;
  width: 40px;
  height: 30px;
}


#gallery_a, #gallery_b, #gallery_c, #gallery_d, #gallery_e, #about, #contact { position:absolute; visibility:hidden; left:10px; top:0px; width:440px; height:300px; z-index:100; padding-left: 10px;}

#ss { position:absolute; visibility:visible; left:10px; top:20px; width:440px; height:300px; z-index:101; padding-left: 30px;}

#helper { position:absolute; visibility:hidden; left:-18px; top:348px; width:184px; height:102px; z-index:102;}

.ttl
{
font-size: 16px;
display: block;
margin-bottom: 6px;
padding: 0 0 15px 0;
border-bottom: 1px solid #666;
color: #333;
}

.about
{
width: 50px;
height: 16px;
background-image: url(../images/nav/about.gif);
background-repeat: no-repeat;
background-position: 0 -16px;
margin: 0 0 6px 3px;
float: left;
}

a.about:hover
{
background-position: 0 0;
}

.contact
{
width: 58px;
height: 16px;
background-image: url(../images/nav/contact.gif);
background-position: 0 -16px;
background-repeat: no-repeat;
margin: 0 0 6px 3px;
float: left;
}

a.contact:hover
{
background-position: 0 0;
}

.people
{
width: 58px;
height: 16px;
background-image: url(../images/nav/people.gif);
background-repeat: no-repeat;
background-position: 0 -16px;
margin: 0 0 6px 0;
float: left;
}

a.people:hover
{
background-position: 0 0;
}


.places
{
width: 58px;
height: 16px;
background-image: url(../images/nav/places.gif);
background-repeat: no-repeat;
background-position: 0 -16px;
margin: 0 0 6px 0;
float: left;
}

a.places:hover
{
background-position: 0 0;
}


.things
{
width: 58px;
height: 16px;
background-image: url(../images/nav/things.gif);
background-repeat: no-repeat;
background-position: 0 -16px;
margin: 0 0 6px 0;
float: left;
}

a.things:hover
{
background-position: 0 0;
}

.ranch
{
width: 80px;
height: 16px;
background-image: url(../images/nav/the_ranch.gif);
background-repeat: no-repeat;
background-position: 0 -16px;
margin: 0 0 6px 0;
float: left;
}

a.ranch:hover
{
background-position: 0 0;
}

.salton_sea
{
width: 80px;
height: 16px;
background-image: url(../images/nav/salton_sea.gif);
background-repeat: no-repeat;
background-position: 0 -16px;
margin: 0 0 6px 0;
float: left;
}

a.salton_sea:hover
{
background-position: 0 0;
}

#base
{
position: relative;
margin-left: 200px;
width: 460px;
height: 383px;
background-image: URL(../images/shadow.png) !important;
background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/shadow.png', sizingMethod='crop');
background-repeat: no-repeat;
background-position: bottom left;
}

.help
{
width: 29px;
height: 16px;
background-image: url(../images/help.gif);
background-repeat: no-repeat;
background-position: 0 -16px;
top: 446px;
left: 10px;
position: absolute;
}

a.help:hover
{
background-position: 0 0;
}

/*___________________________________________________________________  Links  */
a:link,
a:visited {
  text-decoration: none;
  color: #FF9;
}
a:link:hover,
a:visited:hover {
  text-decoration: underline;
}
a.option:link,
a.option:visited {
  display: block;
  text-align: left;
  color: #000;
  background-color: #bed333;
  line-height: 140%;
  padding: 5px;
  margin: 6px 0;
  font-weight: bold;
}
a.option:link:hover,
a.option:visited:hover {
  background-color: #e62721;
  text-decoration: none;
  color: #fff;
}