/* design by Inaam */

/* main elements */

body     { background-color: #000; text-align: center; height: 100% }
#container      { 	
					text-align: left; 
					margin: 0 auto; 
					width: 743px; 
					min-height: 600px 
					}
#vcentered { 
					position: absolute; 
					top: 5%; 
					width: 50%; 
					height: 50% 
					}
#header         { 
					background: black no-repeat; 
					position: absolute; 
					width: 783px; 
					height: 111px 
					}
#logo     { background: black url("images/fact-prod-logo-112w-111h.gif") no-repeat; visibility: visible; position: absolute; z-index: 6; width: 112px; height: 111px }
#company     { background: black url("images/fact-prod-name-380w-88h.gif") no-repeat; visibility: visible; position: absolute; left: 112px; width: 380px; height: 88px }
#animgif { background: black url("images/munitionfactory-anim-236w-88h.gif") no-repeat; visibility: visible; position: absolute; left: 492px; width: 236px; height: 88px }
#topnav                { background: #331a1a fixed; position: absolute; z-index: 0; top: 88px; left: 127px; width: 616px; min-height: 24px }
#topnav a             { color: #ccc; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 21px; text-decoration: none; text-transform: uppercase; padding-right: 3px; padding-left: 12px; vertical-align: -2px; border-style: none; border-color: #b0b1b3 }
#topnav a:hover   { 
					color: red; 
					font-style: normal; 
					text-decoration: underline 
					}
#subnav            { background: #221a1a fixed; position: absolute; top: 112px; left: 127px; width: 616px; min-height: 24px }
#subnav a      { color: #999; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 21px; text-decoration: none; text-transform: uppercase; padding-right: 3px; padding-left: 12px; vertical-align: -2px; border-style: none; border-color: #b0b1b3 }
#subnav a:hover    { color: red; font-style: normal; text-decoration: underline }
#sidenav       { font-size: 11px; font-family: Helvetica, sans-serif; line-height: 16px; background-color: #121212; text-align: right; visibility: visible; position: absolute; z-index: 8; top: 109px; left: 581px; width: 162px; min-height: 546px; float: none }
#sidenav h5 { color: #555; font-size: 13px; font-family: Helvetica, sans-serif; font-weight: normal; line-height: 21px; text-decoration: none; text-align: right; text-transform: uppercase; letter-spacing: 1px; padding-right: 6px; padding-left: 6px }
#sidenav a   { color: #ccc; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 21px; text-decoration: none; text-align: right; text-transform: capitalize; padding-right: 6px; padding-left: 6px; z-index: 1 }
#sidenav a:hover { color: red; font-style: normal; text-decoration: underline }
#sidenav object { 
		padding-left: 4px 
		}
#sidenav p   { color: #45658a; font-size: 11px; font-family: Helvetica, sans-serif; line-height: 16px; text-decoration: none; text-align: left; padding-right: 6px; padding-left: 6px; z-index: 1 }
#content             { background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; visibility: visible; position: absolute; top: 136px; left: 127px; width: 616px }
#header h1! { 
		display: none 
		}

/* fonts */

h1 { 
	color: white; 
	font-size: 19px; 
	font-family: "Times New Roman", Georgia, serif; 
	font-style: normal; 
	font-weight: normal; 
	line-height: 22px; 
	text-align: left; 
	text-transform: lowercase 
	}
h2         { color: #dadada; font-size: 18px; font-family: Arial, sans-serif; font-style: normal; font-weight: bold; text-transform: uppercase; padding-top: 12px }
h3         { color: #dadada; font-size: 18px; font-family: Arial, sans-serif; font-style: normal; font-weight: bold; text-transform: uppercase; padding-top: 12px }
h4     { color: gray; font-size: 14px; font-family: Arial, sans-serif; font-style: normal; font-weight: bold; text-transform: capitalize; padding-right: 208px }
h5  { 
	font-weight: bold; 
	margin-bottom: 0 
	}
p         { color: silver; font: 12px/18px "Lucida Grande", Tahoma, Verdana, sans-serif; text-align: left; text-transform: none; padding-right: 130px }
h4 + p { 
	margin-top: -8px 
	}
.infoblurb  /* for main description on front page */     { color: #ccc; font-size: 13px; line-height: 23px }
.rentalcaption /* for underneath the pictures on the front page */    { font-size: 11px; line-height: 15px }
/* links */

a   { color: silver; text-decoration: none }
a:hover { color: red; text-decoration: underline }
/* a:visited   { color: gray; text-decoration: underline } */

/* back to map */

.backtomap  { color: #555; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 14px; text-decoration: none }
a.backtomap   { color: #555; text-decoration: none }
/* lists and tables */

li  { 
	list-style-type: none 
	}
table { }
td  { 
	color: #333; 
	font: 12px/17px "Lucida Grande", Tahoma, Verdana, sans-serif; 
	text-align: left; 
	text-transform: none; 
	padding-right: 40px; 
	padding-left: 24px 
	}
ul  { 
	list-style-type: none 
	}
#content li  { 
	color: #333; 
	font: 12px/20px "Lucida Grande", Tahoma, Verdana, sans-serif; 
	text-align: left; 
	text-transform: none; 
	text-indent: 0; 
	list-style-type: none; 
	padding-right: 40px 
	}
li a { 
	text-decoration: none /* for sitemap */
	}

/* footer */

.foot            { color: gray; font-size: 11px; font-family: "Lucida Grande", Tahoma, Verdana, sans-serif; line-height: 16px; text-align: left; padding-top: 6px; padding-bottom: 6px; position: relative; width: 616px; border-top: 2px solid #202020; border-left: 127px none black }
.foot a       { color: white; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 20px; text-decoration: none }
.foot a:hover { color: red }
/* .foot a:visited  { color: silver; text-decoration: underline } */

/* colours for navs */

.main /* our focus - services */    { }
.101  /* cherry beach sound */    { }
.107  /* trew audio */    { }
.103  /* matrix post */  { }
.104  /* webcast */  { }
.010  /* cherry beach and pro rehearsal */  { }
.020  /* the warehouse */ { }
.000 /* jamvan */  { }
.misc  { }
.cbsom /*  cherry beach school of music */  { }
/* map formatting */

.factmap  { padding-top: 12px }