/* CSS Document */

* {
    margin:					0;
	padding:                0;
}

body {
    background-color:		#9ee10f;
	background-repeat:		repeat-x;
	background-position:	top left;
	color:					#2c4519;
	font-family: 			verdana, helvetica, sans serif;
	font-size:				100.01%;
}

#container {
    margin:					0 auto;
	text-align:				center;
	width:					786px;
}

/*----------- links --------*/

a:link { 
	text-decoration: 		none; 
	color: 					#609;
}
a:hover {
    color:					#ffde00;
}
a:visited {text-decoration: none}

/*-----------menu style is last item at bottom of page----------*/

/*-----------home page fade pics----------*/

#header {
    background-color:		#9ee10f;
	min-height:             234px;
	height:					auto !important;
	height:					234px;
}

#menu {
    height:					75px;
}

#pics {
    min-height:             127px;
	height:					auto !important;
    height:					127px;
	margin:					10px 0;
}
#pics .pic { 
    width:					127px;
	height:					127px;
	float:					right;
	background-color:		#366;
	margin:					0 15px;
}

/*------- mainbody -------*/

#mainbody {
   	background-image:		url(images/mainbody_bg.jpg);
	background-repeat:		no-repeat;
	background-position:	top center;
	position:				relative;
	z-index:				50;
	margin-top:				0px;
	min-height:	           	475px;
	height:					auto !important;
	height:					475px;
}
.home #mainbody { 
	background-image:		url(images/home_mainbody_bg.jpg);
	min-height:	           	475px;
	height:					auto !important;
	height:					475px;
}

#maintext {
    color:					#2c4519;
	font-size:				0.65em;
	letter-spacing:         -0.5px;
	line-height:			1.7em;
	width:					280px;
	text-align:				left;
	position:				absolute;
	top:					130px;
	left:					475px;
	z-index:				100;
}

.quote {
    margin:					50px 0 0 15px;
    color:					#3c0c32;
	font-style: 			italic;
	text-align:				left;
	line-height:			1.5em;
	font-weight:			700;
}
/*#maintext h1 {
    background-image:		url(../images/entertainment.jpg);
	background-repeat:		no-repeat;
	width:					311px;
	height:					39px;
	margin:					0 0 25px 0;
}*/
#maintext h2 {
    background-repeat:		no-repeat;
}
#maintext ul {
    list-style-image:		url(images/yellow_arrow.gif);
}
#maintext ul#arrowlist { 
    list-style-image:		none;
	list-style-type:		none;
	line-height:			1.6em;
	}

#maintext ul#arrowlist a {
    color:					#2c4519;
	padding:                0 0 0 10px;
}
#maintext ul#arrowlist a:hover { 
    color:					#ffde00;
	background-image:		url(images/yellow_arrow.gif);
	background-repeat:		no-repeat;
	background-position:	0 3px;
}

.home #maintext {
    left:					450px;
}
.home #maintext h1 {
    margin-left:			-15px;
}
.home #maintext h2#telephone {
    background-image:		url(images/phone.gif);
	background-repeat:		no-repeat;
	height:					41px;
	width:					185px;
	margin:					25px 0 0 0;
}

/*--- second text area, on left side of page ------*/

#secondtext {
    position:				absolute;
	top:					450px;
	left:					23px;
	width:					460px;
	z-index:				99;
}
#secondtext p {
    margin:					50px 0 0 15px;
    color:					#3c0c32;
	font-size:				0.6em;
	width:					175px;
	float:					right;
	text-align:				left;
	line-height:			1.5em;
	font-weight:			700;
}

/*----- cast pages -----*/
.cast #mainbody {
				min-height:             875px;}
.cast #maintext {
    line-height:			1.5em;
	width:					260px;
	min-height:             850px;
}
.cast #maintext h2 {
    background-image:		url(images/cast_heading.gif);
	height:					18px;
	width:					110px;
	margin:					0 0 25px 0;
}
.cast #maintext ul {
	margin:					25px 15px 0 25px;
	line-height:			1.5em;
}
.cast #secondtext { 
    width:					435px;
}
.cast #secondtext p { 
    width:					150px;
}

/*----- individual cast pages -----*/

/*----- pattie cast page -----*/

.pattie #mainbody {
				min-height:             875px;}
	
.pattie #maintext h1 { }
.pattie #maintext h2 {
   				background-image:		url(images/header_pattie.gif);
				height:					38px;
				width:					250px;
				margin:					0 0 25px 0; }
.pattie #maintext p { }

/*----- terry cast page -----*/

.terry #mainbody {
				min-height:             750px;}
	
.terry #maintext h1 { }
.terry #maintext h2 {
				background-image:		url(images/terry_heading.gif);
				height:					57px;
				width:					257px;
				margin:					0 0 25px 0; }
.terry #maintext p { }

/*----- tonia cast page -----*/

.tonia #mainbody {
				min-height:             825px;}
.tonia #maintext h1 { }
.tonia #maintext h2 { 
				background-image:		url(images/tonia_heading.gif);
				height:					57px;
				width:					301px;
				margin:					0 0 25px 0; } 
.tonia #maintext p { }
.tonia #maintext ul {
				padding:                10px 0 0 0px;}
				
/*----- peter cast page -----*/

.peter #mainbody {
				min-height:             446px;}
.peter #maintext h1 { }
.peter #maintext h2 { 
				background-image:		url(images/peter_heading.gif);
				height:					57px;
				width:					164px;
				margin:					0 0 25px 0; } 
.peter #maintext p { }

/*----- june cast page -----*/

.june #maintext h1 { }
.june #maintext h2 {
				background-image:		url(images/june_heading.gif);
				height:					56px;
				width:					160px;
				margin:					0 0 25px 0; } 
.june #maintext p { }
.june #mainbody {
				min-height:             446px;}

/*----- carol cast page -----*/

.carol #mainbody {
				min-height:             446px;}
.carol #maintext h1 { }
.carol #maintext h2 { 
				background-image:		url(images/carol_heading.gif);
				height:					57px;
				width:					144px;
				margin:					0 0 25px 0; }
.carol #maintext p { }

/*----- clients pages -----*/

.clients #mainbody {
	min-height:             825px;}
	
.clients #maintext h1 {
    margin:					0 0 25px 25px;
}
.clients #maintext h2 {
    background-image:		url(images/our_clients.jpg);
	height:					23px;
	width:					137px;
	margin:					0 0 25px 0;
}
.clients #maintext ul {
	padding:				30px 0 0 65px;
	line-height:			1.5em;
}

.clients #secondtext {
    width:					745px;
}
.clients #secondtext p {
    margin:					150px 25px 0 10px;
	width:					300px;
}

/*----- repertoire page-----*/

.repertoire #mainbody {
	min-height:             875px;}
	
.repertoire #maintext h2 {
    background-image:		url(images/repertoire_heading.gif);
	height:					45px;
	width:					245px;
	margin:					0 0 25px 0;
}
.repertoire #maintext ul {
	padding:                10px 0 0 25px;
	
}
.repertoire #secondtext {
    width:					430px;
}
.repertoire #secondtext p {
    float:					right;
	margin:					15px 25px 10px 155px;
	width:					250px;
}

/*----- individual repertoire pages-----*/

/*----- integrated page -----*/

.integrated #mainbody {
	min-height:             865px;}
	
.integrated #maintext h1 { }
.integrated #maintext h2 { 
	background-image:		url(images/heading_marketing.jpg);
	width:					214px;
	height:					39px; 
    margin:					0 0 25px 0;
}
.integrated #maintext p { }
.integrated #maintext ul {
	padding:                10px 0 0 25px;
}
.integrated #secondtext {   
	}
.integrated #secondtext p {
    float:					right;
	margin:					15px 25px 10px 155px;
	width:					250px;
}
	
/*----- public relations page -----*/

.pr #maintext h1 { }
.pr #maintext h2 {
	background-image:		url(images/heading_pr.jpg);
	width:					214px;
	height:					39px; 
    margin:					0 0 25px 0;
}
.pr #maintext p { 

}
.pr #maintext ul {
	padding:                10px 0 0 25px;
}
.pr #mainbody {
	min-height:             775px;
}

.pr #secondtext {
	width:					775px;  }
.pr #secondtext p {   
	float:					right;
	margin:					150px 25px 10px 25px;
	width:					275px; }
	
/*----- media page -----*/

.media #mainbody {
	min-height:             775px;
}
.media #maintext h1 { }
.media #maintext h2 {	
	background-image:		url(images/heading_media.jpg);
	width:					214px;
	height:					39px;  
    margin:					0 0 25px 0;
}
.media #maintext p { }
.media #maintext ul {
	padding:                10px 0 0 25px;
}
.media #secondtext {
	width:					775px;  
	 }
.media #secondtext p {   
	float:					right;
	margin:					100px 50px 10px 25px;
	width:					275px; }

/*----- promotions page -----*/

.promotions #maintext p { }
.promotions #maintext ul {
	padding:                10px 0 0 25px;
}
.promotions #maintext h1 { }
.promotions #maintext h2 { 
	background-image:		url(images/heading_promotions.jpg);
	width:					214px;
	height:					39px; 
    margin:					0 0 25px 0;
}
.promotions #mainbody {
	min-height:             725px;
}

.promotions #secondtext {
	width:					775px;  }
.promotions #secondtext p {   
	float:					right;
	margin:					100px 25px 10px 25px;
	width:					275px; }
	
/*----- sponsorships page -----*/

.sponsorships #mainbody {
	min-height:            775px;
}
.sponsorships #maintext h1 { }
.sponsorships #maintext h2 {
	background-image:		url(images/heading_sponsor.jpg);
	width:					214px;
	height:					39px; 
    margin:					0 0 25px 0;
}
.sponsorships #maintext p { }
.sponsorships #maintext ul {
	padding:                10px 0 0 25px;
}

.sponsorships #secondtext {   
	}
.sponsorships #secondtext p {
    float:					right;
	margin:					15px 25px 10px 155px;
	width:					250px;
}

/*----- design page -----*/

.design #mainbody {
	min-height:            775px;
}
.design #maintext h1 { }
.design #maintext h2 { 
	background-image:		url(images/heading_design.jpg);
	width:					214px;
	height:					39px;
    margin:					0 0 25px 0;
}
.design #maintext p { }

.design #secondtext { 
    width:					450px;
}

.design #secondtext p {    
	float:					right;
	margin:					15px 25px 50px 155px;
	width:					300px; }

/*----- consultation page -----*/

.consultation #mainbody {
	min-height:           450px;
}
.consultation #maintext h1 { }
.consultation #maintext h2 {
	background-image:		url(images/heading_consultation.jpg);
	width:					214px;
	height:					39px;  
    margin:					0 0 25px 0;
}
.consultation #maintext p { }

.consultation #secondtext { }
.consultation #secondtext p { }

/*----- reviews pages -----*/

.reviews #mainbody {
	min-height:           900px;
}
.reviews #maintext h2 {
    background-image:		url(images/reviews.jpg);
	width:					101px;
	height:					23px;
	margin:					0 0 25px 0;
}
.reviews #secondtext {
    position:				absolute;
	top:					410px;
	left:					23px;
	width:					400px;
}  
.reviews #secondtext p {
	width:					380px;
	margin:					25px 0 0 10px;
	font-weight:			100;
	line-height:			1.5em;
    color:					#2c4519;
	font-size:				0.65em;
	letter-spacing:         -0.5px;
	line-height:			1.7em;
}

/*----- clients page -----*/

.clients #maintext h1 { 	}
.clients #maintext h2 {
	background-image:		url(images/clients_heading.gif);
	width:					83px;
	height:					20px; }
.clients #maintext p { }


.clients #secondtext {
	width:					700px;  }
.clients #secondtext p {   
	float:					right;
	margin:					145px 25px 10px 25px;
	width:					225px; }

/*----- contact page -----775px;*/

.contact #mainbody {
	min-height:           500px;
	height:					auto !important;
	height:					775px;
}

.contact #maintext h2 {
    background-image:		url(images/contact_heading.gif);
	width:					132px;
	height:					23px;
	margin:					0 0 25px 0;
	  }
	
/*----- contact form-----*/

.tblCon{
	background-color:transparent; 
	margin:430px 100px 0 auto; 
	padding:0 12px 12px 0; 
	color:#2c4519; 
	width:380px;}
	
td.ConPmt{
	padding:6px; 
	font-weight:bold; 
	text-align:right; 	
	vertical-align:top; 
	width:15%; 
	font:bold 11px verdana, helvetica, sans serif;}

	
td.ConPmtlft{
	padding:6px; 
	font-weight:bold; 
	text-align:left; 	
	vertical-align:top; 
	width:15%; 
	font:bold 11px verdana, helvetica, sans serif;}
	
td.ConPm1{
	padding:6px; 
	font-weight:bold; 
	font:bold 12px verdana, helvetica, sans serif;}
	
td.ConInp{
	padding-right:6px; 
	font:normal 10px verdana, helvetica, sans serif;}

/*------- footer -------*/

#footer {
    text-align:				center;
	margin:					15px 0 15px 0;
    clear:					both;}
	
#footer p {
    color:					#fff;
	font-size:				0.7em;}
	
#keyword p {
color:					#9ff10f;
font-size:				0.5em;}

/*-------- menu ----------*/

/*Image dropdown menu*/

img{
	border:none}
	
#nav {
	padding:				0; 
	margin:					12px auto 60px auto; 
	list-style:				none; 
	height:					20px; 
	position:				relative; 
	z-index:				200; 
	font-family:			arial, verdana, sans-serif; 
	width:					795px;}
	
#nav li.top {
	display:				block; 
	float:					left; 
	margin-right:			20px;}
	
#nav li a {
	display:				block; 
	float:					left; 
	height:					20px; 
	width:					110px; 
	border:					1px solid #9ee10f; 
	border-color:			#9ee10f #9ee10f #9ee10f #9ee10f; 
	text-decoration:		none; 
	padding:				0; 
	cursor:					pointer;}
	
#nav li a b {
	margin-left:			-999px;}
	
#nav li a.home {
	background:				url(images/menu_home.gif);}
	
#nav li a:hover.home {
	background:				url(../images/menu_home_over.gif);}

#nav li a.rep {
	background:				url(images/menu_repertoire.gif);}

#nav li a:hover.rep {
	background:				url(../images/menu_repertoire_over.gif);}

#nav li a.cast {
	background:				url(images/menu_cast.gif);}

#nav li a:hover.cast {
	background:				url(../images/menu_cast_over.gif);}

#nav li a.reviews {
	background:				url(images/menu_reviews.gif);}

#nav li a:hover.reviews {
	background:				url(../images/menu_reviews_over.gif);}

#nav li a.clients {
	background:				url(images/menu_clients.gif);}

#nav li a:hover.clients {
	background:				url(../images/menu_clients_over.gif);}

#nav li a.contact {
	background:				url(images/menu_contact.gif);}

#nav li a:hover.contact {
	background:				url(../images/menu_contact_over.gif);}

#nav li:hover a,#nav a:hover{
	background-position: 	0 20px;}

#nav table {
	position:				absolute; 
	top:					0; 
	left:					0; 
	border-collapse:		collapse; 
	padding:				0; 
	width:0; 
	height:0; 
	margin:-1px;}

#nav .sub {
position:absolute; 
left:-9999px; 
top:-9999px; 
width:0; 
height:0; 
margin:0; 
padding:0; 
list-style:none;}

#nav li:hover {
position:relative; 
z-index:200;}

#nav a:hover {
position:relative; 
white-space:normal; 
z-index:200;}    

#nav :hover ul.sub{
left:0; 
top:22px; 
background:#9ee10f; 
width:112px; 
height:auto; 
z-index:300;}

#nav :hover ul.sub li{
display:block; 
height:22px; 
position:relative; 
float:left; 
width:112px; 
font-weight:normal;}

#nav :hover ul.sub li a
{display:block; 
height:20px; 
width:110px; 
border:0px solid #888; 
border-color:#ddd #888 #000 #ccc; 
text-decoration:none; 
padding:0; 
cursor:pointer;}

#nav :hover ul.sub li a b {
	position:absolute; 
left:-9999px; 
margin:0;}

#nav :hover ul li a.pattie {
background:url(images/menu_pattie.gif);}

#nav :hover ul li a:hover.pattie {
background:url(../images/menu_pattie_over.gif);}

#nav :hover ul li a.terry {
background:url(images/menu_terry.gif);}

#nav :hover ul li a.terry:hover {
background:url(images/menu_terry_over.gif);}

#nav :hover ul li a.tonia {
background:url(images/menu_tonia.gif);}

#nav :hover ul li a.tonia:hover {
background:url(images/menu_tonia_over.gif);}

#nav :hover ul li a.june {
background:url(images/menu_june.gif);}

#nav :hover ul li a.june:hover {
background:url(images/menu_june_over.gif);}

#nav :hover ul li a.peter {
background:url(images/menu_peter.gif);}

#nav :hover ul li a.peter:hover {
background:url(images/menu_peter_over.gif);}

#nav :hover ul li a.carol {
background:url(images/menu_carol.gif);}

#nav :hover ul li a.carol:hover {
background:url(images/menu_carol_over.gif);}

#nav :hover ul li a.marketing {
background:url(images/menu_marketing.gif);}

#nav :hover ul li a.marketing:hover {
background:url(images/menu_marketing_over.gif);}

#nav :hover ul li a.pr {
background:url(images/menu_pr.gif);}

#nav :hover ul li a.pr:hover {
background:url(images/menu_pr_over.gif);}

#nav :hover ul li a.promos {
background:url(images/menu_promos.gif);}

#nav :hover ul li a.promos:hover {
background:url(images/menu_promos_over.gif);}

#nav :hover ul li a.media {
background:url(images/menu_media.gif);}

#nav :hover ul li a.media:hover {
background:url(images/menu_media_over.gif);}

#nav :hover ul li a.sponsors {
background:url(images/menu_sponsors.gif);}

#nav :hover ul li a.sponsors:hover {
background:url(images/menu_sponsors_over.gif);}

#nav :hover ul li a.design {
background:url(images/menu_design.gif);}

#nav :hover ul li a.design:hover {
background:url(images/menu_design_over.gif);}

#nav :hover ul li a.consult {
background:url(images/menu_consult.gif);}

#nav :hover ul li a.consult:hover {
background:url(images/menu_consult_over.gif);}

#nav :hover ul.sub li a:hover {
background-position: 0 20px; 
position:relative;}

#nav :hover ul.sub li a:hover b {
left:100px; 
top:15px; 
background:#fff; 
color:#000; 
border:1px solid #888; 
display:block; 
width:150px; 
height:20px; 
text-align:center; 
font-size:12px; 
line-height:18px;}