body {
	font:Arial, Helvetica, sans-serif 100%;
	background: #D1D4C2;
	margin: 0px;
	padding: 0px;
	color: #D1D4C2;
	text-align:center;
}
#wrapper{
	width: 900px;
	height: 570px;
	margin: 20px auto;
	border: 1px solid #000000;
	text-align: left;
	background: #F8FAF3 ;
}
#home{
	width: 900px;
	margin: 20px auto;
	border: 1px solid #000000;
	text-align: left;
	background: #ffffff url(images/home.jpg) no-repeat;;
	height: 570px;
}
#castback{
background: url(images/cast_back.jpg) no-repeat;;
	
}
#galback{
background: url(images/cast_back.jpg) no-repeat;;
	
}
#main{

	width: 900px;
	
	background-repeat:no-repeat;
}


#banner{
	
	
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	height: 100px
}

#nav{
	
	background-repeat:no-repeat;
	margin-right: 138px;
}

#nav1{
	background-repeat:no-repeat;
	/*position: absolute;
	width: 185px;
	height: 185px;*/
	/*margin-left: 420px;*/
}
#about{
	background-repeat:no-repeat;	
}
#awards{
	background-repeat:no-repeat;	
}

#gallery{
	background-repeat:no-repeat;	
}
#buzz{
	background-repeat:no-repeat;	
}
#contact{
	background-repeat:no-repeat;	
}

#leftcol{
margin-left: 144px;
margin-top: 198px;
width: 150px;

}

#leftcolX{
margin-left: 0px;
margin-top: 0px;
width: 300px;
background: #F8FAF3 ;
margin-bottom: 20px;
float: left;
}

#bottom{
margin-left: 40px;
margin-top: 0px;
width: 600px;
background: #F8FAF3 ;
margin-bottom: 20px;

}
#bottomBuzz{
margin-left: 40px;
margin-top: 0px;
width: 600px;
background: #F8FAF3 ;
margin-bottom: 20px;

}

#leftcol #nav1 {
	margin: 0;
	padding: 0;
	background: no-repeat;	
	/*font-size: 80%;
	border: 1px solid #000000;this adds a second line to the bottom of the nav, if you prefer a single line you can remove it by uncommenting the other properties and commenting out this one. I think it gives a nice raised effect, the choice is your's :)*/
	/*border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;*/
}


#content{
background-color: red;
margin-left: 0px;
}

#content p{
font-size: 80%;
margin: 20px;
}

#content h1{
font-size: 130%;
font-family:Georgia, "Times New Roman", Times, serif
color:#333333;
padding: 0;
margin: 20px;
}

#content h2{
font-size: 110%;
color: #333333;
padding: 0;
margin: /*100px 0 0*/ 20px;
}

.leftimage{
float: left;
margin-right: 10px;
border: 1px solid #000000;
}

.rightimage{
margin-bottom: 0px;
float: right;
margin-left: 0px;
width: 526px;

}

.containerleft{
width: 325PX; 
margin-left: 20px;
margin-top: 25px;
float:left;
background-color:#F8FAF3;

}
.containerleft2{
width: 100%; 
margin-left: 20px;
margin-top: 25px;
/*float:left;*/
background-color:#F8FAF3;

}
.container{
width: 100%; 
float:right;
background-color:#F8FAF3;
}



#hometext{
	position: relative;
	left: 15px;
	top: 90px;
	width: 415px;
	height: 138px;
}
#aboutback{
	background: url(images/about_back.jpg) no-repeat;
	vertical-align:right;
	text-align:right;
	
}
.body {
	color: #333333;
	text-decoration: none;
	font: 10pt Arial, Helvetica, sans-serif;
	
}

.link {
	color: #669933;
	text-decoration: none;
	font: 10pt Arial, Helvetica, sans-serif;
	
}

.header {
	color: #333333;
	text-decoration: none;
	font: bold 13pt Arial, Helvetica, sans-serif;
}
.maintext {
	color: #FFFFFC;
	text-decoration: none;
	font: 10pt Arial, Helvetica, sans-serif;
}
.close {
	font-family: Arial, Helvetica, sans-serif;
	color: #c12d2d;
	text-decoration: none;	
}
a:hover {color: #F2B339;}
a:link {text-decoration: none}
a {text-decoration: none}