/* 
-------------------------------------------------------
STRUCTURE & LAYOUT
------------------------------------------------------- 
*/
#backgroundImage {
	position:absolute;
	width:900px;
	height:598px;
	z-index:1;
	background-image: url(../images/backgrounds/01_home.jpg);
}

#mainFrame {
	position:absolute;
	width:900px;
	height:598px;
	z-index:3;
	border: thin solid #666666;
	clear: both;	
	
}
#content {
	position:absolute;
	width:350px;
	height:398px;
	z-index:2;
	left: 550px;
	top: 200px;
	background-image: url(../images/misc/menuBG.png);
}
#footer {
	position:absolute;
	width:900px;
	height:20px;
	z-index:2;
	left: -1px;
	top: 610px;
}

.footerTxt, a.footerTxt:link, a.footerTxt:visited, a.footerTxt:active {
	font-size: 9px;
	color: #444444;
	text-decoration: none;
}
a.footerTxt:hover {
	color: #FFFFFF;
	text-decoration: none;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000000;
}

.transFix {
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
}

a:link, a:visited, a:active {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	color: #666666;
	text-decoration: underline;
}

.centerContent {
	width: 900px;
	margin: auto;
	clear: both;
		
}
.topFrame {
	width: 900px;
	margin: auto;
	clear: both;
	padding-bottom: 50px;
	padding-top: 20px;
}

.menuFrame {
	width: 200px;
	float: left;
	height: 598px;
	background-image: url(../images/misc/menuBG.png);
}

.footer {
	clear: both;
	height: 20px;
	width: 900px;
	margin: auto;
	font-size: 9px;
	padding-top: 10px;
	color: #CCCCCC;
}

.player {
	width: 600px;
	text-align: right;
	float: right;
	vertical-align: bottom;
	font-size: 10px;
	background-color: #000000; }

/* 
-------------------------------------------------------
TEXT & IMAGES
------------------------------------------------------- 
*/

.titleText {
	width: 250px;
	font-size: 30px;
	float: left;

}
.contentText {
	margin: 15px;
	overflow: auto;

}
.contentHeading {
	font-size: 20px;
	margin: 15px; 
	padding-bottom: 5px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #444444;
}


/* 
-------------------------------------------------------
EMAIL AND SEARCH BOXES & BUTTONS
------------------------------------------------------- 
*/

.submitForm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	border: thin solid #999999;
	background-color: #000000;
	padding-top: 2px;
	padding-bottom: 2px;
}
	
.submitBtn {
	background-color: #000000;
	color: #FFFFFF;
	border: none;
	padding: 5px;

}
.submitBtn:hover {
	background-color: #000000;
	color: #666666;
	text-decoration: underline;
	border: none;
	padding: 5px;
	cursor: hand; }

/* 
-------------------------------------------------------
CSS MENU LAYOUT
------------------------------------------------------- 
*/

#menuwrapper {
	background-repeat: repeat-x;
}

.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

#p7menubar, #p7menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	
}

#p7menubar a {
	display: block;
	text-decoration: none;
	padding: 10px 10px 10px 10px;
	font-size: 13px;
	color: #FFFFFF;
	border-bottom: thin dotted #444444;
}

#p7menubar ul li a  {
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 30px;
	font-size: 10px;
}

#p7menubar a.trigger {
	padding: 10px 10px 10px 10px;
	background-repeat: no-repeat;
	background-position: right center;
}

#p7menubar li {
	width: 200px;
}

#p7menubar li ul, #p7menubar ul li  {
	width: 200px;
}



#p7menubar li ul {
	display: none;
	background-repeat: repeat-x;
	bakground-color: transparent;
}

#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
	color: #000000;
	background-color: #FFFFFF;
}

#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
}

#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	background-color: transparent;
	color: #FFFFFF;
}

#p7menubar ul a:hover {
	background-color: #FFFFFF!important;
	color: #000000!important;
}

#p7menubar li {
	width: auto;
}


/* 
-------------------------------------------------------
MAIN FRAME PAGE BACKGROUNDS
------------------------------------------------------- 
*/

#aboutPage {
	position:absolute;
	width:900px;
	height:598px;
	z-index:1;
	background-image: url(http://www.willmastro.com/images/backgrounds/01_home.jpg);
	
}
#newsPage {
	position:absolute;
	width:900px;
	height:598px;
	z-index:1;
	background-image: url(http://www.willmastro.com/images/backgrounds/09_news.jpg);

}
#linksPage {
	position:absolute;
	width:900px;
	height:598px;
	z-index:1;
	background-image: url(http://www.willmastro.com/images/backgrounds/05_lyrics.jpg);
	
}
#contactPage {
	position:absolute;
	width:900px;
	height:598px;
	z-index:1;
	background-image: url(http://www.willmastro.com/images/backgrounds/07_contact.jpg);
	
}
#livePage {
	position:absolute;
	width:900px;
	height:598px;
	z-index:1;
	background-image: url(http://www.willmastro.com/images/backgrounds/04_live.jpg);
	
}
#lyricsPage {
	position:absolute;
	width:900px;
	height:598px;
	z-index:1;
	background-image: url(http://www.willmastro.com/images/backgrounds/05_lyrics.jpg);
	
}
#downloadsPage {
	position:absolute;
	width:900px;
	height:598px;
	z-index:1;
	background-image: url(http://www.willmastro.com/images/backgrounds/06_downloads.jpg);
	
}
#photogalleryPage {
	position:absolute;
	width:900px;
	height:598px;
	z-index:1;
	background-image: url(http://www.willmastro.com/images/backgrounds/03_photogallery.jpg);

}
#videoPage {
	position:absolute;
	width:900px;
	height:598px;
	z-index:1;
	background-image: url(http://www.willmastro.com/images/backgrounds/07_contact.jpg);
	
}