/*** Global Styles ***/

html,
body {
	background-color: #2d2922;
	font-size: 12pt;
	margin: 0;
	padding: 0;
	height: 100%;
}

#side_left {
	background-image: url(./gfx/wing-left.jpg);
	background-color: #8f440b;
	background-position: right top;
	background-repeat: no-repeat;
}

#side_right {
	background-image: url(./gfx/wing-right.jpg);
	background-color: #8f440b;
	background-position: left top;
	background-repeat: no-repeat;
}

a:link, a:visited, a:active {
	background-color: transparent;
	color: #e28f25;
	text-decoration: none;
	outline: none;
}

a:hover {
	background-color: transparent;
	color: #f1b84b;
	text-decoration: none;
	outline: none;
}

.img {
	border: 0;
	padding: 0;
}

p, ul {
	margin-top: 0;
}

#header {
	background-color: #000000;
	width: 900px;
	height: 162px;
	overflow: auto;
	border-bottom: #635346 1px solid;
}

h1 {
	margin: 0;
	padding: 0;
}

h1 img {
	vertical-align: top;
}



/*** Styles for the main (top) nav items ***/

ul#navbar {
	background-color: #000000;
	height: 22px;
	list-style: none;
	margin: 0;
	padding: 0 40px 0 10px;
	float: right;
}

ul#navbar li {
	float: left;
	padding-left: 2px;
}



/*** Funky main nav mouseover Styles ***/

ul#navbar a {
	height: 20px;
	display: block;
	background-position: top;
}

ul#navbar a.current {
	display: block;
	background-position: left -20px;
}

ul#navbar a:hover {
	background-position: bottom;
}

ul#navbar a span {
	visibility: hidden;
}

#nav_home {
	background-image: url(./gfx/nav_home.gif);
	width: 51px;
}

#nav_about {
	background-image: url(./gfx/nav_about.gif);
	width: 53px;
}

#nav_news {
	background-image: url(./gfx/nav_news.gif);
	width: 50px;
}

#nav_live {
	background-image: url(./gfx/nav_live.gif);
	width: 37px;
}

#nav_shop {
	background-image: url(./gfx/nav_shop.gif);
	width: 48px;
}

#nav_gallery {
	background-image: url(./gfx/nav_gallery.gif);
	width: 60px;
}

#nav_contact {
	background-image: url(./gfx/nav_contact.gif);
	width: 52px;
}



/*** Table holder Styles (Yes I used a table to do this because CSS cannot do it correctly on it's own!) ***/

.homepage {
	background-color: #413b30;
	vertical-align: top;
}

.container {
	background-color: #413b30;
	vertical-align: top;
}



/*** Title (iframe: title) Styles ***/

#titleholder {
	background-color: #413b30;
	width: 570px;
	height: 50px;
	vertical-align: top;
	text-align: left;
	padding-left: 50px;
	padding-right: 280px;
}

.ititle {
	width: 570px;
	height: 50px;
	border: none;
}

div.title {
	background-color: #413b30;
	width: 570px;
	height: 50px;
	vertical-align: bottom;
	text-align: left;
	padding-top: 16px;
}



/*** Divider line between title and main content ***/

#undertitle {
	background-image: url(./gfx/line.png);
	width: 900px;
	height: 1px;
	font-size: 1px;
}



/*** Main content material ***/

#main {
	background-color: #413b30;
	width: 900px;
	height: 100%;
	vertical-align: top;
	text-align: left;
}

#stuff {
	background-color: #413b30;
	width: 630px;
	height: 400px;
	border: #2d2922 solid;
	border-width: 2px 0;
}

#body {
	background-color: #2d2922;
	vertical-align: top;
	text-align: left;
	font-family: arial, sans-serif, tahoma;
	font-size: 0.9em;
	color: #cfae78;
	width: auto;
	height: auto;
	padding: 16px 25px 20px 50px;
	border-bottom: #2d2922 20px solid;
}

.head {
	background-color: transparent;
	font-family: arial, sans-serif, tahoma;
	font-size: 1.0em;
	font-weight: bold;
	color: #f0e0ca;
}

.note {
	background-color: transparent;
	font-family: arial, sans-serif, tahoma;
	font-size: 0.8em;
	color: #f0e0ca;
}

.alert {
	background-color: transparent;
	font-family: arial, sans-serif, tahoma;
	font-size: 1.0em;
	color: #b8441a;
}
	


/*** Side Nav (SubNav) Styles ***/

#subnavholder {
	background-color: #413b30;
	width: 230px;
	height: 100%;
	vertical-align: top;
	text-align: left;
	padding-right: 40px;
	float: right;
}

#subnavholder ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#subnavholder ul li {
	width: 198px;
}

#subnavholder ul li a,
#subnavholder ul li a:visited {
	list-style: none;
	list-style-type: none;
	background-color: #544f45;
	font-family: arial, sans-serif, tahoma;
	font-size: 0.8em;
	color: #e28f25;
	text-decoration: none;
	width: 198px;
	display: block;
	padding: 7px 10px 10px 22px;
	border-bottom: #837b6d 1px solid;
	text-indent: -12px;
}

#subnavholder ul li a:hover {
	list-style: none;
	list-style-type: none;
	background-color: #5e5948;
	font-family: arial, sans-serif, tahoma;
	font-size: 0.8em;
	color: #f1b84b;
	text-decoration: none;
}

#subnavholder ul li.selected a {
	background-color: #2d2922;
}

#subnavholder ul li#last a {
	border: 0;
}

.subnavhead {
	font-family: arial, sans-serif, tahoma;
	font-size: 1.0em;
	font-weight: bold;
	color: #f0e0ca;
}



/*** Advertising (Footer) Styles ***/

#footer {
	background-color: #413b30;
	width: 900px;
	height: 50px;
	vertical-align: bottom;
	text-align: center;
	padding: 0px 0px 10px 0px;
}

ul#ads {
	float: right;
	height: 50px;
	list-style: none;
	margin: 0px 55px 0px 0px;
	white-space: nowrap;
}

ul#ads li {
	float: left;
	padding: 0px 10px;
	border: #635d48 solid;
	border-width: 0px 1px 0px 0px;
}

ul#ads li#lastad {
	border: 0;
}

ul#ads li a {
	height: 50px;
	display: block;
	background-position: top;
}

ul#ads li a:hover {
	background-position: bottom;
}

ul#ads li a span {
	visibility: hidden;
}

#f1 {
	background-image: url(./gfx/ads_nod.png);
	width: 123px;
}

#f2 {
	background-image: url(./gfx/ads_join-club-pearl.png);
	width: 79px;
}

#f3 {
	background-image: url(./gfx/ads_make-a-date-with-pearl.png);
	width: 113px;
}

#f4 {
	background-image: url(./gfx/ads_show-your-love.png);
	width: 65px;
}

#f5 {
	background-image: url(./gfx/ads_performance-options.png);
	width: 104px;
}

#f6 {
	background-image: url(./gfx/ads_desire.png);
	width: 94px;
}

#f7 {
	background-image: url(./gfx/ads_music-works.png);
	width: 69px;
}



/*** Form Styles ***/

.line {
	background: #413b30;
	border-top: #6d6458 1px solid;
	border-left: #6d6458 1px solid;
	border-right: #f0e0ca 1px solid;
	border-bottom: #f0e0ca 1px solid;
	font-family: arial, sans-serif, tahoma;
	font-size: 1.0em;
	color: #cfae78;
	font-weight: normal;
	width: 230px;
	height: 20px;
}

.box {
	background: #413b30;
	border-top: #6d6458 1px solid;
	border-left: #6d6458 1px solid;
	border-right: #f0e0ca 1px solid;
	border-bottom: #f0e0ca 1px solid;
	font-family: arial, sans-serif, tahoma;
	font-size: 1.0em;
	color: #cfae78;
	font-weight: normal;
	width: 360px;
	height: 140px;
}

.select {
	background: #413b30;
	border-top: #6d6458 1px solid;
	border-left: #6d6458 1px solid;
	border-right: #f0e0ca 1px solid;
	border-bottom: #f0e0ca 1px solid;
	font-family: arial, sans-serif, tahoma;
	font-size: 1.0em;
	color: #cfae78;
	font-weight: normal;
	width: 100px;
	height: 20px;
}

.button {
	background: #544f45;
	border-top: #f0e0ca 1px solid;
	border-left: #f0e0ca 1px solid;
	border-right: #6d6458 1px solid;
	border-bottom: #6d6458 1px solid;
	font-family: arial, sans-serif, tahoma;
	font-size: 1.0em;
	color: #cfae78;
	text-decoration: none;
	width: 120px;
	height: 20px;
	cursor: pointer;
}

/*** END CSS FILE ***/