/*  basic css for mocca lounge  */

body {
 background: #150407;
 color: #eee;
 font-size: 12px;
 font-family: Tahoma, sans-serif;
}

a,
a:link,
a:visited {
  border: none;
  color: #ffd133;
  text-decoration: none;
}

a.dl:link {
  color: #777;
}

a.dl:visited {
  color: #333;
}

a:hover,
a:focus {
  text-decoration: underline;
  color: #ffd133;
}

a img {
  border: none;
}

#wrap {
  width: 1023px;
  margin: 0 auto;
  background: url(images/moccagradient1.jpg) top left repeat-y;
  padding: 0 0 1px 0;
}

#topright {
  background: url(images/moccalogo.jpg) top left no-repeat;
  height: 180px;
  width: 903px;
  margin: 17px 0 0 120px;
}

.splash #topright {
  background: none;
  height: 120px;
}

#topright .logospace {
  float: left;
  width: 500px;
  height: 172px;
}

#nav {
  background: url(images/moccanavback.jpg) top left repeat-y;
  margin: 17px 0 17px 0;
  padding: 4px;
  min-height: 15px;
}

.splash #nav {
  margin-left: 120px;
  width: 783px;
  height: 15px;
}

#nav ul {
  padding: 0;
  margin: 0 0 0 154px;
}

#nav li {
	float: left;
	display: inline;
	padding: 0 17px 0 0;
}

#nav a,
#nav a:link,
#nav a:visited {
  color: #eee;
  text-decoration: none;
}

#nav .active a,
#nav .active a:link,
#nav .active a:visited {
  color: #8f0a29;
  text-decoration: none;
}

#nav a:hover,
#nav a:focus {
  color: #8f0a29;
}


#wrap .cap {
  background: url(images/moccamaincap.jpg) top left no-repeat;
  margin: 0 0 0 120px;
  padding: 0;
  width: 783px;
  height: 17px;
}

#main {
  background: url(images/moccamainback.jpg) top left repeat-y;
  margin: 0 0 0 120px;
  padding: 48px 39px 48px 39px;
  width: 705px;
}

.splash #main {
  background: url(images/moccaland.jpg) top left no-repeat;
  margin: 17px 0 24px 142px;
  padding: 48px 0 16px;
  height: 352px;
  width: 742px;
  cursor: pointer;
}

.splash a:link,
.splash a:visited {
 color: #eee;
}

.splash a:hover {
  text-decoration: underline;
}

.splash #main .enterer {
  text-align: center;
  margin-top: 220px;
}

.splash #main .enterer:hover {
  text-decoration: underline;
}

#main p {
  margin: 0;
  padding:  0;
  width: 636px;
  line-height: 1.52em;
  margin-bottom: .35em;
}

.menu #main p {
  width: 636px;
}

.contact #main {
  padding-bottom: 6px;
}

.contact #main p {
  font-size: 1.22em;
  line-height: 1.4em;
  float: left;
  margin: 34px 0 0 17px;
  width: 232px;
}

.moccamap {
  width: 448px;
  height: 242px;
  float: left;
  background: url(images/moccamap.jpg) top left no-repeat;
}

.moccamap img {
  width: 448px;
  height: 242px;
}

#footer {
  background: url(images/moccanavback.jpg) top left repeat-y;
  margin: 17px 0 0 0;
  padding: 0px;
}

#footer p {
  margin-left: 120px;
  font-size: .96em;
  padding: 2px 0px;
  color: #0d0204;
}

.clear {
  clear: both;
}