/* 
Halo 3 OST Website Style Sheet
Author: Intellectual Alchemy
Implimenation: public
Date: 10/22/2007
*/

/*----------------------------------------------------------------------------------
***************************** Global Elements  ***********************************
----------------------------------------------------------------------------------*/

Body {
	scrollbar-arrow-color:#FF0000;
	scrollbar-base-color:#16191b;
	scrollbar-shadow-color:#000000;
	scrollbar-face-color:#18191b;
	scrollbar-highlight-color:18191b;
	scrollbar-dark-shadow-color:#000000;
	scrollbar-3d-light-color:#18191b;
	
	background-color:#000000;
	background-image:url(HTML_Backing.png);
	background-position:center;
	background-position:top;
	background-repeat:no-repeat;
	
	padding-top:19px;
	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

}


/* Font Family -- Designates font-family globally.  */
html, body, div, p, td, th {	 
	font-family: Arial, Helvetica, sans-serif; color:#333333; font-size: 8pt; line-height: 11pt; margin: 0;
}

/****************************** Fonts ************************************/

/* Copy -- Used as the main copy font  */
.fntCopy {	 
	font: 11px Arial, Helvetica, sans-serif; color:#ffffff; font-weight: normal; letter-spacing:0px; line-height: 10pt;
}


/*----------------------------------------------------------------------------------
***************************** Hyperlink Styles ***********************************
----------------------------------------------------------------------------------*/





/*----------------------------------------------------------------------------------
***************************** Div Styles ***********************************
----------------------------------------------------------------------------------*/

/* Site Container -- Centers the site table */
.divSiteContainer {
	width: 964px; height:620px; position: absolute; left: 50%; margin-left: -482px; border: none;
}

/* messenger Container --  */
.divMessenger {
	width: 631px; height:620px; position:absolute; top:0; left:0;
}

/* btn Container --  */
.divButton {
	width: 240px; height:23px; overflow:hidden; position:absolute; top:580px; left:710px;
}





/*----------------------------------------------------------------------------------
***************************** Button Styles ***********************************
----------------------------------------------------------------------------------*/

/* Visit Official Site --   */
.btnVisitSite{
     display: block; /* a tag must be a block */
     width: 240px; /* width of reactive image */
     height: 23px; /* height of reactive image */
     background-image: url(btn_VisitSite.png);/* source for start image */
     background-repeat: no-repeat;
	 background-position: 0px 0%;
	 overflow:hidden; 
}

A.btnVisitSite:link, A.btnVisitSite:visited, A.btnVisitSite:active { display: block; width: 240px; height: 23px; background-image: url(btn_VisitSite.png); background-repeat: no-repeat; overflow:hidden; background-position: 0px 0%;}
A.btnVisitSite:HOVER {display: block; width: 240px; height: 23px; background-image: url(btn_VisitSite.png); background-repeat: no-repeat; overflow:hidden; background-position: 0px -23px;  }



/*----------------------------------------------------------------------------------
***************************** PNG Workarounds ***********************************
----------------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------------
***************************** User Controls ***********************************
----------------------------------------------------------------------------------*/