/* CSS Document */
/*Official Mackenzie Astin - new look*/


body {
	background: #000000;
	position: absolute;
}

#container {
	width:1001px;
	height:1500px;
	background-position: center;
	position: absolute;
	left: 149px;
	top: 12px;
}


#header{
	background-image: url(../images/Banners/officialmack2.jpg);
	width:1000px;
	height:500px;
	background-repeat: no-repeat;
	background-position: center;
}

#newsletter{
	background-image: url(../images/newsletter_interface.jpg);
	width:800px;
	height:252px;
	background-repeat: no-repeat;
	background-position: center;
}
#mackfans { 
	background-image: url(../newlook/bluelighting-fans.gif);
	width:800px;
	height:252px;
	background-repeat: no-repeat;
	background-position: center;
}

.Moviebanner {
	background-image: none;
	background-repeat: no-repeat;
	position: absolute;
	width: 103px;
	height: 210px;
	left: 41px;
	top: 153px;
}


.Staffphoto {
	background-image: url(../images/fans/Mackandshels.gif);
	background-repeat: no-repeat;
	background-color:#993399;
	position: absolute;
	width: 154px;
	height: 175px;
	top: 43px;
	left: 19px;

}

.Staffphoto1 {
	background-image: url(../images/fans/mackandwhisper_tn.gif);
	background-repeat: no-repeat;
	background-color: #00CCCC;
	position: absolute;
	width: 138px;
	height: 194px;
	top: 233px;
	left: 24px;

}

.Staffphoto2 {
	background-image: url(../images/fans/Jamieandmack.gif);
	background-repeat: no-repeat;
	background-color: #CCCCCC;
	position: absolute;
	width: 170px;
	height: 173px;
	top: 470px;
	left: 8px;

}
.photos {
	background-image: none;
	background-repeat: no-repeat;
	position: absolute;
	top: 86px;
	left: 1px;
	width: 132px;
	height: 116px;
}

.photos2 {
	background-image: none;
	background-repeat: no-repeat;
	position: absolute;
	top: 966px;
	left: 30px;
	width: 194px;
	height: 195px;
}
.photos3 {
	background-image: none;
	background-repeat: no-repeat;
	position: absolute;
	top: 642px;
	left: 15px;
	width: 272px;
	height: 239px;
}
.photos4 {
	background-image: none;
	background-repeat: no-repeat;
	position: absolute;
	top: 530px;
	left: 19px;
	width: 226px;
	height: 470px;
}

.photos5 {
	background-image: none;
	background-repeat: no-repeat;
	position: absolute;
	top: 814px;
	left: 130px;
	width: 239px;
	height: 210px;
}
.photos6 {
	position: absolute;
	bottom: 804px;
	left: 6px;
	width: 427px;
	height: 282px;
	top: 856px;
}
.photos7 {
	position: absolute;
	bottom: 804px;
	left: 362px;
	width: 157px;
	height: 184px;
	top: 381px;
	visibility: inherit;
}

.photos8 {
	position: absolute;
	bottom: 804px;
	left: 232px;
	width: 232px;
	height: 170px;
	top: 494px;
	visibility: inherit;
}

.photos9 {
	position: absolute;
	bottom: 804px;
	left: 109px;
	width: 295px;
	height: 219px;
	top: 206px;
	visibility: inherit;
}

.photos10 {
	position: absolute;
	bottom: 804px;
	left: 391px;
	width: 180px;
	height: 227px;
	top: 378px;
	visibility: inherit;
}
.photos11 {
	position: absolute;
	bottom: 804px;
	left: -289px;
	width: 250px;
	height: 159px;
	top: 121px;
	visibility: inherit;
}

.photos12 {
	position: absolute;
	bottom: 804px;
	left: 19px;
	width: 117px;
	height: 185px;
	top: 591px;
	visibility: inherit;
}
.photos13 {
	background-image: url(../images/movies/TheFourChildrenofTanderWelch/tw_15_tn.gif);
	position: absolute;
	bottom: 804px;
	left: 207px;
	width: 253px;
	height: 138px;
	top: 77px;
	visibility: inherit;
}
.photos14 {
	background-image: url(../images/myspace/1officialfanpage.jpg);
	background-repeat: no-repeat;
	position: absolute;
	bottom: 804px;
	left: 160px;
	width: 304px;
	height: 148px;
	top: 715px;
	visibility: inherit;
}	
	.photos15 {
	background-image: url(../images/myspace/1officialfanpage.jpg);
	background-repeat: no-repeat;
	position: absolute;
	bottom: 804px;
	left: 157px;
	width: 304px;
	height: 148px;
	top: 567px;
	visibility: inherit;
}

.logo1 {
	background-image: none;
	background-repeat: no-repeat;
	position: absolute;
	top: 50px;
	left: 230px;
	width: 181px;
	height: 119px;
}

.comingsoon {
	background-image: none;
	background-repeat: no-repeat;
	position:absolute;
	width: 546px;
	height: 1282px;
	left: 13px;
	top: 77px;
}

.divider2 {
	background-image: none;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 265px;
	right: -5px;
	width: 300px;
	height: 3px;
	left: -68px;
	top: 372px;
	left: 55px;
	top: 530px;
	left: 30px;
	top: 519px;
	left: 37px;
	top: 526px;
}

#Side:{
	background-image:  url(../newlook/01bg-lighting.gif);
	height:952px;
	width:800px;
	background-position: center;
	position: absolute;
	left: 126px;
	top: 487px;
	background-repeat: repeat;
}

#Side1:{
	background-image:  url(../newlook/01bg-lighting.gif);
	height:952px;
	width:800px;
	background-position: center;
	position: absolute;
	left: 126px;
	top: 487px;
	background-repeat: repeat;
}
#SideRight {
	width:158px;
	background-position: right;
	position: absolute;
	left: 791px;
	top: -3px;
	height: 935px;
	background-color: #0099FF;
}

#SideMiddle {
	background-color: #FFFFFF;
	width:790px;
	position: absolute;
	left: 105px;
	top: 0px;
	height: 997px;
}


#SideLeft  {
	width:112px;
	position: absolute;
	height: 492px;
	top: 491px;
	left: -15px;
	background-repeat: no-repeat;
}

#footer {
	position: absolute;
	left: 82px;
	top: 941px;
	width: 499px;
	color: #000;
	height: 80px;
}

.divider {
	position: absolute;
	background-image: url(../newletter/divider_2.gif);
	background-repeat: no-repeat;
	background-position: right;
	left: 9px;
	width: 297px;
	height: 261px;
	top: 141px;
}

.divider3 {
	position: absolute;
	background-position: left;
	left: 9px;
	width: 538px;
	height: 1064px;
	top: 83px;
}
.ul {
	list-style-position: inside;
	list-style-type: none;
	position: absolute;
	height: 63px;
	width: 406px;
}
.ul1 {
	list-style-position: inside;
	list-style-type: none;
	position: absolute;
	height: 26px;
	width: 406px;
	left: 15px;
	top: 94px;
}

.li {
	position: relative;
	height: 8px;
	width: 8px;
}
.li1 {
	position: relative;
	height: 8px;
	width: 8px;
}
.Filmography {
	list-style:inherit;
	position: absolute;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	left: 18px;
	top: 48px;
	width: 357px;
	height: 869px;
}

.filmheader {
	background-color:#000000;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	left: -6px;
	top: 20px;
	width: 386px;
}
	 
.p {font-size: 12px;
	line-height: 20px;
}

.p2 {
	line-height: 18px;
	text-align: center;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	left: 35px;
	top: 493px;
	width: 464px;
	height: 349px;
}

.p3 {
	font: normal 16px/18px Arial, Helvetica, sans-serif;
	position: absolute;
	text-align: left;
	color: #FFFF00;
	left: 14px;
	top: 150px;
	width: 518px;
	height: 119px;
	background-color: #000000;
	}
	
.p4 {
	line-height: 15px;
	position: absolute;
	left: 17px;
	width: 609px;
	height: 91px;
}
.p5 {
	line-height: 15px;
	position: absolute;
	left: 55px;
	width: 617px;
	top: 158px;
}

.p6 {
	line-height: 15px;
	position: absolute;
	left: 16px;
	width: 605px;
	top: 61px;
}

.p7 {
	line-height: 15px;
	position: absolute;
	left: 16px;
	width: 471px;
	top: 61px;
	height: 536px;
}

.p8 {
	line-height: 18px;
	position: absolute;
	left: 30px;
	width: 643px;
	top: 802px;
	height: 109px;
	background-color: #999999;
}

.p9 {
	background-color: #999999;
	line-height: 18px;
	position: absolute;
	left: 18px;
	width:1001px
	top:178px;
	height: 6800px;
	top: 168px;
	width: 967px;
	
}

.chat1 {color: #000099;
}

.chat2 {color: #003300
}

.chat3 {color: #330033;
}
.chat4 {color: #FF0000;
}


.style1 {color: #3367CD;
}

.style2 {
	color: #3367CD;
	font-size: 14px;
	text-align: right;
	line-height: 40px
}
	
.style3 {color: #A0D6FC; 
		font-size: 14px; 
}

.style4 {
	color: #9CDBFC;
	text-align: center;
	font-size: 12px;
	font-style: italic;
	
}
.style5 {
	color: #9CDBFC;
	font-size: 13px;
	line-height: 25px;
		 }

.style6 {
	color: #9CDBFC;
	font-size: 11px;
	text-align: center;
}

.style7 {
	color: #ECE9D8;
	font-size: 14px;
	font-style: italic;
	text-align: left;
}
.style8 {
	color: #ECE9D8;
	font-size: 18px;
	font-style: bold;
	text-align: center;
	list-style-position: inside;
	list-style-type: circle;
}

.style9 {
	color: #ECE9D8;
	font-size: 14px;
	font-style: italic;
	text-align: left;
	line-height: 20px;
	text-indent: 20px;
	position: absolute;
	left: 15px;
	width: 546px;
	height: 665px;
	top: 111px;
}
.style10 { color: #FF0000;
		   font-size: 30px; 
		   line-height: 18px;
		   font-style: bold;
		   text-align: center;
	list-style-position: inside;
	list-style-type: circle;}
		   
.style11 { color: #FFFF00;
		   font-size: 14px; 
		   line-height: 18px;
		   font-style: bold;}
		   
.style13 {
	color: #FFFFFF;
	font-size: 10px;
	text-align: left;
}

.style14 {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	text-align: left;
}
.style15 {
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	font-style: bold;
	text-align: right;
}

.style16 {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	font-style: bold;
	text-align: center;
}

.hosting {position: absolute;
	top: 1098px;
	left: 10px;
	width: 133px;
	height: 55px;}
		   
.headline {
	color: #ECE9D8;
	font-size: 30px;
	font-style: oblique;
	text-align: center;
	text-decoration: underline;
	font-weight: bold;
}

.headline2 {
	color: #ECE9D8;
	font-size: 20px;
	font-style: oblique;
	text-align: center;
	text-decoration: underline;
	font-weight: bold;
}

.headline3 {
	color: #FFFF66;
	font-size: 16px;
	font-style: normal;
	text-align: left;
	font-weight: bold;
	background-color: #000;
}

.headline4 {
	color: #FFF;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	background-color: #000;
}

.headline5 {
	color: #000;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	background-color: #6699FF;
}

.headline6 {
	position: absolute;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	background-color: #000;
	left: 1px;
	width: 93px;
	height: 18px;
	top: 6px;
}
/* links */

a:link {
	color: #660000;
	text-align: center;
	text-decoration: overline;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
}
a:visited {
	text-decoration: underline;
	color: #00FF00;
}
a:hover {
	text-decoration: underline blink;
	color: #990000;
}
a:active {
	text-decoration: overline;
	color: #FFFFFF;
}

.nonactive {
	text-decoration: line-through;
	color: #FFFFFF;
}
/* add-ons divs */

#Scroll {
	width:470px;
	height:894px;
	left:4px;
	top:64px;
	position: absolute;
	overflow: scroll;
}
#Scroll2 {
 width:665px;
 height:400px;
 left:90px;
 top:-10px;
 position:relative; 
 overflow: scroll;
}
.working {
	background-image: url(../images/fans/shels1.gif);
	position:absolute;
}

.MainNavigation {
	font-family: Garamond, "French Script MT", Georgia, Arial;
	background-color: #000000;
	position: absolute;
	left: 161px;
	width: 661px;
	top: 497px;
	height: 37px;
}