@charset "utf-8";
/* CSS Document */


@font-face {
	font-family: 'HelveticaCondensed-Black';
	src: url('../fonts/hvcbl_-webfont.eot');
	src: local('☺'), url('../fonts/hvcbl_-webfont.woff') format('woff'), url('../fonts/hvcbl_-webfont.ttf') format('truetype'), url('../fonts/hvcbl_-webfont.svg#webfontnmz2FirO') format('svg');
	font-weight: normal;
	font-style: normal;
}



body {
	font: 100%/1.4 Arial, Verdana, Helvetica, sans-serif;
	background: #000;
	margin: 0;
	padding: 0;
	color: #FFF;
	height:100%;
}

#wrapper{ margin-top:25px; height:100%; }

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	padding-bottom:0px;
	margin-bottom:10px;
	padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
	text-align: center;
}

h1{ display:block; height:48px; background-image:url(../images/subnavHeader_back.gif); background-repeat:repeat-x; background-position:bottom; color:#88862F; font-size:18px; margin-left:270px; text-align:left; margin-right:45px; padding-top:8px; font-family: 'HelveticaCondensed-Black', sans-serif; font-size:22px; }

#header_wrapper{ width:100%; height:91px; margin-bottom:5px; }
#header { height:91px; margin:0px auto; width:950px; padding-top:20px; }

.bold {	font-weight: bold;}

.buyButton{ display:block; float:left; padding-right:15px; padding-left:39px; }

#topNav { float:left; padding-top:40px; width:500px;  }
#topNav ul { list-style-type: none; margin: auto; padding-top:9px; }
#topNav li { float: left; padding: 0 0 0 0; }
#topNav li a { float: left; color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px; text-decoration: none;	font-weight: bold;
background-repeat: no-repeat; background-position: right; padding-right: 10px; padding-left: 10px; }
#topNav li a:hover { color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; font-weight: bold;}

#topNav li .home-nav, #topNav li .newsletter-nav, #topNav li .contact-nav {  background-image: url(../images/navi_bg_divider.png); }
#topNav .home-nav a, #topNav .newsletter-nav a, #topNav .contact-nav a {  background-image: url(../images/navi_bg_divider.png); }
.location-nav{}

#subNav{ padding-bottom:0px; }

#logo{ display:block; float:right; width:289px; height:66px; background-image:url(../images/ATP_Logo.png); background-repeat:no-repeat; position:relative; top:0px; padding-right:60px; outline:none;  }

#topper{ width:950px; height:15px; background-image:url(../images/topper.png); background-repeat:no-repeat; margin:0px auto; }

#bottom{ width:950px; height:14px; background-image:url(../images/bottom_bg.jpg); background-repeat:no-repeat; margin:0px auto; }

#menu{ width:930px; margin:0px auto; height:63px; background-image:url(../images/menuShadow.jpg); background-position:bottom; background-repeat:no-repeat;  }

#menuMain{ width:930px; margin:0px auto; height:63px; background-image:url(../images/menuShadow.jpg); background-position:bottom; background-repeat:no-repeat;  }

#menu .submenuMain{ position:absolute; left:-75px; }

#menu #menuButton{ padding:0px; }



/* ~~ this fixed width container surrounds all other elements ~~ */

#equalize{ min-height:auto; }

.container {
	width: 950px;
	background: #353535;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	background-image:url(../images/contentBG.png);
	background-repeat:repeat-y;
}

/* ~~ This is the layout information. ~~ 

1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.


*/

#atp_slider{ width:873px; height:463px; background-image:url(../images/bubble.png); background-repeat:no-repeat; margin:0px auto; position:relative; z-index:1000; padding-top:20px; text-align:center; }
#atp_slider img{ padding-top:20px; }

#newHome #atp_slider{ width:873px; height:463px; background-image:url(../images/bubbleNew.png); background-repeat:no-repeat; margin:0px auto; position:relative; z-index:1000; padding-top:20px; text-align:center; }

#newHome #banner{ background-image:url(../images/upperShadow.jpg); background-position:top; background-repeat:no-repeat; height:100px; padding-top:55px; padding-bottom:30px;  }

#newHome #footer { top:20px;  }
.ie7 #newHome #footer { top:-10px; z-index:1000; height:80px; background-position:30px 30px;  }
.ie7 #newHome #footer #footer_menu { top:10px; z-index:1001;   }
.ie7 #newHome #copyright { position:relative; right:70px; height:20px; margin-bottom:20px; top:90px; }
.ie7 #newHome #banner{ padding-top:55px; padding-bottom:30px;  }

#newHome #copyright { position:relative; right:70px; height:20px; margin-bottom:20px; }

#newHome .content{ height:1020px;}
.ie7 #newHome .content{ height:1000px; z-index:5; position:relative;}

#newHome #bottom{ margin-top:50px; height:10px; position:relative; top:70px;}
.ie7 #newHome #bottom{ top:80px; }
.content {

	padding: 10px 0; margin:0px auto; height:100%;
}

.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0px; height:0px;}

#homeContent {width:930; float:left; position:relative; top:-60px; background-image:url(../images/upperShadow.jpg); background-position:top; background-repeat:no-repeat; padding-top:40px; }
#gentlemen{ float:left; z-index:10px; position:relative; top:-5px;  margin-left:35px; width:292px; height:249px; background-image:url(../images/gentlemen.png); background-repeat:no-repeat; }

#rightBar {   float:left; width: 316px; margin-right:0px; position:relative; margin-left:18px;}
#rightBar ul { list-style:none; margin-top:22px; background: #524a3c; margin-left:20px;  }
#rightBar li { list-style:none; padding: 16px 20px 15px 20px; height:20px; border-bottom:#353535 4px solid; line-height:12px;  background-image:url(../images/loonie.png); background-position:right; background-repeat:no-repeat; }
#newHome #rightBar li { background-image:url(../images/girls.png);   }
#rightBar li a { font-size:17px; color:#FFF; text-decoration:none;  }
#rightBar li a:hover { text-decoration:none; }

#videoHighlight{ float:right; z-index:10px; position:relative; top:20px; margin-bottom:10px; left:-37px; width:250px; height:311px; background-color:#524a3c; padding:15px; }
#videoHighlight #videoIcon{ width:42px; height:41px; float:right; position:relative; top:25px; }
#videoHighlight h3 { font-size:16px; color:#FFF; text-align:left; font-weight:normal; margin-left:0px; padding-left:0px; margin-bottom:5px;  }
#videoHighlight h4 { font-size:16px; color:#FFF; text-align:left; font-weight:normal; margin-left:5px; padding-left:0px; margin-bottom:0px;  }
#videoHighlight .subh3{ color:#ada93b; display:block; font-size:11px; font-family:Arial, Helvetica, sans-serif; border-bottom: #756e63 solid 1px; padding-bottom:5px; width:100%; }
#videoHighlight .subh3-2 a{ color:#ada93b; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding-bottom:5px; width:270px; display:block; margin-left:5px; }
#videoHighlight .subh4{ color:#ada93b; font-size:16px; font-family:Arial, Helvetica, sans-serif; margin-left:0px; padding-bottom:5px; width:170px; display:block; color:#FFF; position:relative; top:25px; left:-6px;}
#videoHighlight .subh4-2 a{ color:#ada93b; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; padding-bottom:5px; width:270px; display:block; position:relative; left:-105px; }
#videoHighlight .subh4-2 a:hover{ color:#D6D601; text-decoration:underline; }
.ie7 #videoHighlight .subh4{  }

#newHome #leftBar2 {  float: left;   width: 280px;  margin-left:30px;  }
#newHome #mid2 {
	background-image:url(../images/mid_back.png);
	float:left;
	width:281px;
	position:relative;
	left:-22px;
	background-color:#524a3c;
	height:342px;
	top:20px;
	margin-bottom:10px;
	color: #524A3C;
}
#newHome #rightBar {   width: 300px; margin-right:40px; height:342px;}
#newHome #whatHappening{ height:265px;}

#videoPlayerMini{
	width:232px;
	height:184px;
	background-color:#000000;
	margin-top:10px;
	padding:10px;
	margin-bottom:20px;
	text-align: center;
}

.TwitterPanel .subh3{ color:#ada93b; font-size:16px; font-family:Arial, Helvetica, sans-serif; margin-left:15px; padding-bottom:5px; width:225px; display:block; color:#FFF; position:relative; margin-top:12px; z-index:100; background-color: #524A3C; }
.TwitterPanel .subh3-2 a{ color:#ada93b; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; padding-bottom:5px; width:270px; display:block; }
.ie7 .TwitterPanel .subh3-2 a{ display:block; position:relative; top:-10px; }
.TwitterPanel .subh3-2 a:hover{ color:#D6D601; text-decoration:underline; }
.BlogPanel{ background-image:url(../images/visit_our_blog.png); background-repeat:no-repeat; background-position:185px 194px; height:255px;  }
.BlogPanel .subh3{ color:#ada93b; font-size:16px; font-family:Arial, Helvetica, sans-serif; margin-left:15px; padding-bottom:5px; width:150px; display:block; color:#FFF; position:relative; top:15px; }
.BlogPanel .subh3-2 a{ color:#ada93b; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; padding-bottom:5px; width:270px; display:block; }
.BlogPanel .subh3-2 a:hover{ color:#D6D601; text-decoration:underline; }

#leftBar {  float: left;   width: 252px;  margin-left:30px;  }

#mid {  float:left;  width:300px;  margin-left:-35px; }
#mid ul { list-style-type: none; margin: auto; margin-top:23px; background-color: #524a3c; }
#mid li { padding: 5px 5px 5px 50px; border-bottom:#353535 4px solid; background-image:url(../images/listEnd.png); background-position:left; background-repeat:no-repeat;  line-height:12px;}
#mid li a { display:block; font-size:17px; color:#FFF; text-decoration:none; padding-top:20px;}
#mid li a:hover { font-size:17px; color:#FFF; text-decoration:none; }

.yellowLink{ color:#ADA93B; font-size:11px; text-decoration:none; }
.yellowLink:hover{ color:#d6d601; font-size:11px; text-decoration:none; }
.yellowLink a{ color:#aba73a; font-size:11px; float:right; display:block; text-decoration:none; }

.Join_Conversation{ display:block; font-size:24px; color:#cfcfcf; font-weight:normal; position:absolute; width:350px; height:40px; left:302px; top:12px; text-align:center; background-image:url(../images/JTC_bground.png); background-position:left; background-repeat:no-repeat; }
.ie7 .Join_Conversation{ left:325px; }
.Join_Conversation2{ display:block; font-size:24px; color:#cfcfcf; font-weight:normal; position:absolute; width:350px; height:40px; left:303px; top:12px; text-align:center; background-image:url(../images/JTC_bground.png); background-position:left; background-repeat:no-repeat; }
.visit_our_blog{ display:block; width:100%; height:61px; background-image:url(../images/visit_our_blog.png); background-position:right; background-repeat:no-repeat; line-height:14px; } 
.first_to_know{ display:block; width:100%; height:61px; background-image:url(../images/first_to_know.png); background-position:right; background-repeat:no-repeat; line-height:14px; } 
.follow_us_on{ display:block; width:100%; height:61px; background-image:url(../images/fb_twitter.png); background-position:right; background-repeat:no-repeat; line-height:14px; } 
.donate_now { line-height:14px; display:block; margin-left:-8px;}
#whatHappening{ height:147px; padding:10px; font-size:12px; background: #524a3c; margin-left:20px; line-height:14px; }
.whatHappening { display:block; width:100%; font-size:17px; color:#FFF; text-decoration:none; padding-left:2px; }

#whatHappening p { text-align:left; margin-left:-5px;  line-height:17px; }

#banner{ margin:0px auto; width:950px; text-align:center; padding-top:15px; margin-bottom:15px; }

.spacer{ display:block; background-image:url(../images/news_hr.gif); height:1px; background-repeat:no-repeat; background-position:left; width:266px; clear:both;  padding-top:0px; padding-bottom:18px;}

#footer { width:950px; height:40px; margin:0px auto; background-image:url(../images/bottomShadow.jpg); background-repeat:no-repeat; background-position:top; position:relative; top:-30px;  }
#footer_menu{ float:right; width:400px; padding-top:50px;  }
#footer ul { list-style-type: none; margin: auto; }
#footer li { float: left; padding: 0 0 0 0; }
#footer li a { float: left; color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px;	text-decoration: none;	font-weight: bold; background-image: url(../images/navi_bg_divider.png);
background-repeat: no-repeat; background-position: right; padding-right: 10px; padding-left: 10px; }
#footer li a:hover { color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; font-weight: bold;}

#copyright .websiteBy a{ font-weight:bold; color:#FFF; text-decoration:none; font-size:10px;  }
#copyright .websiteBy a:hover{ font-weight:bold; }
#copyright .websiteBy a:visited{  font-weight:bold; color:#FFF; text-decoration:none; font-size:10px; }

.linkNormal a:visited{  font-weight:bold; color:#FFF; text-decoration:none; font-size:10px; }

#copyright{ margin:0px auto; width:950px; text-align:right; color:#CCCCCC; font-family:Arial,Helvetica,sans-serif; font-size:9px; line-height:14px; text-align:right; width:950px; padding-top:20px; padding-bottom:20px; padding-right:125px; position:relative; top:-20px;}



/* ~~ Content Template ~~ */


#atp_performances{ width:873px; height:463px; background-image:url(../images/bubble_content.png); background-repeat:no-repeat; margin:0px auto; position:relative; z-index:2; margin-top:20px; }
#perfWrapper{ padding-top:30px; }
#PerformanceContent {width:930; position:relative; top:-10px; background-image:url(../images/upperShadow.jpg); background-position:top; background-repeat:no-repeat; padding-top:40px; paddomg-right:20px; }
#Last_Dog #atp_performances{ background-image:url(../images/performances/bubble_content_LD.png); }
#Performance_Details{ float:left; text-align:center; width:280px; }
.perfButton{ padding:2px; }
#Performance_Text{ float:left; text-align:left; width:285px; margin-top:5px; color:#013c47; font-size:12px; line-height:13px; height:70%;  }
#Performance_Text p{ text-align:left;}
.PerformanceLink a{ display:block; color:#FFF; padding-left:15px; text-decoration:none; }
.PerformanceLink a:hover{ text-decoration:underline; color:#CFCFCF; }
.PerformanceLinkTop a{ display:block; float:right; color:#FFF; padding-right:40px; text-decoration:none; font-size:12px; position:relative; top:30px; }
.PerformanceLinkTop a:hover{ color:#CFCFCF; text-decoration:underline; }
#Performance_Text2{ float:right; width:275px; margin-top:5px; padding-left:25px; color:#013c47; font-size:12px; line-height:27px; background-image:url(../images/performances/Performance_Shadow.png); background-position:left 5px; background-repeat:no-repeat; height:75%; }
#Performance_Text2 ul{ list-style:none; }
.WhiteHeader{ color:#FFF; font-size:17px; line-height:21px;}
.WhiteHeaderSmall{ color:#FFF; font-size:12px; line-height:14px;}
.PerfBold{ color:#013c47; font-weight:bold; }
.Performance_Title{ display:block; margin-left:25px; margin-top:0px;}
.PTitleSub{ display:block; color:#013c47; font-size:10px; padding-left:295px; }
.PTitle{ margin-left:15px; font-size:26px; margin-top:0px;}
.PerformanceHR{ display:block; background-image:url(../images/performances/performance_hr.gif); height:1px; width:553px; float:left;  }

#midPerformance {  width:100%;  margin-left:25px; }
#midPerformance ul { list-style-type: none; display:inline-block; margin-top:23px; background-color: #524a3c; }
#midPerformance li { float:left; padding: 5px 5px 5px 50px; width:240px; border-bottom:#353535 4px solid; background-image:url(../images/listEnd.png); background-position:left; background-repeat:no-repeat; line-height:12px;}
#midPerformance li a { display:block; font-size:17px; color:#FFF; text-decoration:none; padding-top:20px;}
#midPerformance li a:hover { font-size:17px; color:#FFF; text-decoration:none; }

#videoRun {	text-align: center;	padding-left:35px;}
#FLVPlayer {	text-align: center;	padding-left:75px;}
#FlashID {	text-align: center;	padding-left:75px;}

/* ~~ HOME SLIDESHOW STYLES ~~ */


	div#slideShowItems{
	  	height:314px;
		position:relative;
		margin:0px auto;
		padding-top:0px;
	}
	
	div#slideShowItems div{
		width:850px;
		margin-left:15px;
	}
	
	
	div#slideShowItems img {

	}
	
	div#slideShowItems .ImgOver:hover {
		  -moz-opacity:0.5;
		  -khtml-opacity: 0.5;
		  opacity: 0.5;
		  filter:alpha(opacity=50);
	}
	
	a.img:hover{   }
	
	#slideShowCount{ position:relative; z-index:1000; top:30px; }
	
	ul#slideShowCount{
		margin:0px;
		padding:0px;
		padding-right:15px;
		width:850px;
	}
	ul#slideShowCount li.slide{
		line-height:14px;
		float:right;
		cursor:pointer;
		width:26px;
		height:18px;
		display:block;
		background: transparent url(../images/slider/tab.png) no-repeat scroll 5px top;
	}
	
	ul#slideShowCount li.slide span{
		color:#7D7D7D;
		font-weight:bold;
		font-size:12px;
		
	}
	
	ul#slideShowCount li.slide:hover{
		background: transparent url(../images/slider/tab_active.png) no-repeat scroll 5px top;
	}
	
	ul#slideShowCount li.slide.selectedTab{
		background: transparent url(../images/slider/tab_active.png) no-repeat scroll 5px top;
	}
	div#slideShow{
		background:#2abed8;
		width:850px;
		height:314px;
	}
	
	#slideShowItems div ul { list-style:none; display:inline; width:850px;}
	#slideShowItems div li { list-style:none; float:left; }

.whats{ display:block; position:absolute; width:873px; top:0px; font-size:12px; background-image:url(../images/bubble_whiteLine.png); background-repeat:no-repeat; background-position:center; }

/*  CONTENT PAGES   */

#contentColumn{ float:right; font-size:11px; text-align:left; margin-right:40px; width:650px; margin-bottom:25px; height:100% }

#leftColumn{ float:left; width:200px; background-color:#4C4C4C; margin-left:30px; margin-bottom:30px;}

#contentColumn p{ text-align:left; }
.contentImage{ display:block; position:relative; top:-12px; left:-45px; float:right; margin-bottom:10px; }

.SubNavHeader { display:block; color:#88872B; height:45px; font-family: 'HelveticaCondensed-Black', sans-serif; background-image:url(../images/subnavHeader_back.gif); background-repeat:repeat-x; background-position:bottom; width:190px; font-size:24px; font-weight:bold; border-bottom: 6px ##353535 solid;  padding: 7px 0 5px 10px; }
.cssnav li{ list-style:none; }
.cssnav li a{ display: block; font-size:12px; border-bottom:1px #CCC solid; font-family: Arial, Helvetica, sans-serif; color:#FFF; font-weight: bold; white-space:pre-wrap; width: 190px;  padding: 5px 0 5px 10px; text-decoration:none;}
.cssnav li a:hover{ background-color:#2F2F2F; }

#contentColumn .HeaderLink a {
	display:block;
	text-align:left;
	color:#FFF;
	font-weight:bold;
}
#contentColumn .HeaderLink:link { font-weight:bold; text-decoration:underline; color:#FFF; }
#contentColumn .HeaderLink:hover {
	text-decoration:underline;
	color:#CCC;
}
#contentColumn .HeaderLink:visited { font-weight:bold; text-decoration:underline; color:#FFF; }

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*-- Content -- */

#contentColumn h5{ 
    display:block; 
	height:48px; 
	background-image:url(../images/subnavHeader_back.gif); 
	background-repeat:repeat-x; 
	background-position:bottom; 
	color:#88862F; 
	font-size:18px; 
	text-align:left; 
	padding-top:8px;
	margin-left: 10px;
	margin-right: 5px;
	font-family: 'HelveticaCondensed-Black', sans-serif; 
	font-size:22px; 
}

#contentColumn h2{ 
    color:#88862F;
    font-size:18px;
	text-align:left;
	font-family: 'HelveticaCondensed-Black', sans-serif;
	line-height:18px;
}
#contentColumn h3{ 
    color:#FFFFFF;
    font-size:14px;
	text-align:left;
	font-family: 'HelveticaCondensed-Black', sans-serif;
}
#contentColumn h4{ 
    color:#FFFFFF;
    font-size:28px;
	font-weight:normal;
	line-height: normal;
	text-align:left;
	font-family: 'HelveticaCondensed-Black', sans-serif;
}
#contentColumn p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align:left;
	color: #FFFFFF;
}
#contentColumn a{
	color: #ADA93B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}
#contentColumn a:visited{
	color: #ADA93B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}
#contentColumn a:active{
	color: #ADA93B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}
#contentColumn a:hover{
	color: #d6d601;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}
#contentColumn ul{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align:justify;
	color: #FFFFFF;
	list-style-image: url(../images/bullet.gif);
	margin-left:40px;
}
#contentColumn ol{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align:justify;
	margin-left:40px;
}
.ContentFloatRight{
	float: right;
	text-align: left;
	margin-left: 25px;
	margin-right: 10px;
	margin-bottom: 15px;
}
.ContentFloatLeft{
	float: left;
	text-align: left;
	margin-left: 15px;
	margin-right: 25px;
	margin-bottom: 15px;
}
.ContentProductions{
	float: left;
	width: 646px;
	height: 154px;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 15px;
	background-image:url(../images/ProductionsBG.jpg);
}
.ContentProductionsText{
	text-align: left;
	margin-top: 20px;
	margin-left: 15px;
	margin-bottom: 15px;
}
.PCSection{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align:justify;
	color: #e6a430;
}
.ASection{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align:justify;
	color: #98cfdd;
}
.BSection{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align:justify;
	color: #e2a6b3;
}
.imagePadding{
	padding: 10px;
}

/*-- Client List / Support Us -- */

#ourSupporters { background-color:#FFF; margin-left:10px; margin-right:5px; padding-top:20px; }

#ourSupporters ul {
	padding:0;
	margin:0;
}
#ourSupporters li {
	display:inline;
	float:left;
	margin:0px 10px 20px 10px;
	text-align:center;
	width:180px;
	height:80px;
	vertical-align:middle;
}
#ourSupporters h2 {
	margin-left: 15px;
	color:#88862F;
    font-size:18px;
	text-align:left;
	font-family: 'HelveticaCondensed-Black', sans-serif;
	line-height:18px;
}
	
#ourSupporters p {
	margin-left: 20px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align:left;
	color: #333333;
}

/*  Location  */

.floatRight{ width:200px; float:right; text-align:left;  }
.floatRight p{ text-align:left;  } 

/*  Contact Us  */

#cotact_SideInfo{ text-align:left; }
#cotact_SideInfo p{ text-align:left; margin-left:15px; }
#cotact_SideInfo a{ color: #ADA93B; text-decoration:none; }
#cotact_SideInfo a:hover{ color: #d6d601; }
#cotact_SideInfo img{ text-align:center; padding-left:30px; padding-top:20px; padding-bottom:20px; }

/*  Performance Video Page  */

#PerformanceVideo {align:center;}
#videoPlaya{ position:relative; left:-70px; clear:both; }
				   
.show { display:block; float:left; cursor:pointer; padding-top:0px; color:#ADA93B; margin-left:15px;}
.show:hover { color:#ADA93B; text-decoration:underline;}
.hidden{ height:auto; display:none; }

/*  Archive Pages  */
.archive-poster { margin-top: 13px; }

.Archive #Last_Dog #atp_performances { background: url(../Archive/images/bubble_content_LDT.png) no-repeat; }
.Archive #Performance_Text2 p { color: #fff; width: 230px; margin-top: 34px; line-height: 1.4em; padding-left: 11px; }
.Archive #Performance_Text2 .PerformanceLink a { margin-top: 12px; padding-left: 0; }

.ie6 #perfWrapper, .ie7 #perfWrapper, .ie8 #perfWrapper, .ie9 #perfWrapper { padding-top: 0px; }
.ie6 .archive-poster, .ie7 .archive-poster, .ie8 .archive-poster, .ie9 .archive-poster { margin-top: 33px; }

/*  Show Pages  */
.Shows #Performance_Text2 .PerformanceLink a { margin-top: 12px; padding-left: 0; }

.ie6 #perfWrapper, .ie8 #perfWrapper, .ie9 #perfWrapper { padding-top: 0px; margin-top: -18px; }
.ie6 #Performance_Details, .ie7 #Performance_Details, .ie8 #Performance_Details, .ie9 #Performance_Details { margin-top: 33px; }

/* PageLime */
#perf-subtitle { display: inline-block; }
#perf-author {
	margin-top: 0;
padding-right: 15px;
padding-bottom: 0px;
margin-bottom: 10px;
padding-left: 15px;
color: #fff;
}
.css-panes div span {display: block;}

/* New Main Navigation */
#mainmenu {
  width: 930px;
  margin: 0px 0px 0px 10px;
  height: 63px;
  background-image: url(../images/menuShadow.png);
  background-position: left 41px;
  background-repeat: no-repeat;
  font-family: Arial, Helvetica, sans-serif;
}
#navigation { 
  display: block;
  padding: 0;
  margin: 0;
  width: 930px;
  height: 38px;
  border-top: 1px solid #D2CF84;
  border-bottom: 1px solid #504E1A;
}

#navigation a {
  display: block;
    text-decoration: none;
}

ul#navigation li { 
  margin: 0; 
  padding: 0;
  list-style: none;
  float: left;
}
ul#navigation li a {
  display: block;
  margin-top: 0;
  padding: 0;
}
ul#navigation ul {
  display: none;
  position: absolute;
  top: 175px;
  float: left;
  z-index: 99999;
  padding: 0;
}
ul#navigation ul li {
  float: none;
}

ul#navigation li:hover > ul { display: block; }

li.mainmenu-item a { 
  line-height: 38px;
  height: 38px;
  width: 99px;
  overflow: hidden;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  border-left: 1px solid #c1be7d;
  border-right: 1px solid #3f3d14;
  text-align: center;
  background: url(../images/bg-mainmenu-item.png) repeat-x left top;
}
li.mainmenu-item a:hover { background-position: left -38px; }

ul.submenu { 
  list-style: none; 
  margin: 0; 
  padding: 0; 
  border-top: 1px solid #504E1A;
  border-bottom: 1px solid #999; 
  background: #fff; 
}
.mainmenu-item .submenu li a {
  font-size: 11px;
  font-weight: normal;
  color: #5b5b5c;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  line-height: 28px;
  height: 28px;
  overflow: hidden;
  background: url(../images/bg-submenu-item.png) repeat-x left top;
}
.mainmenu-item .submenu li a:hover { background-position: left -28px; }

li#menu-shows a { width: 134px; }
li#menu-enbridge a { width: 222px; }
li#menu-events a { width: 109px; }
li#menu-legacy a { width: 195px; }
li#menu-support a { width: 134px; }
li#menu-about a { width: 124px; }

.submenu {
  -moz-box-shadow: 2px 2px 5px rgba(68,68,68,0.4);
  -webkit-box-shadow: 2px 2px 5px rgba(68,68,68,0.4);
  box-shadow: 2px 2px 5px rgba(68,68,68,0.4);
}

#submenu-events li a { width: 160px; }

.shadow {
  position: relative; /* This protects the inner element from being blurred */
  padding: 100px;
  background-color: #ddd;
}


/* -----------------------------------------------------------------------------------------------------

	/* navigation */
	#nav {
		background-color:#353535;
		height:65px;	
		width:100%;
	}
	
	#nav ul {	
		width:100%;
		margin:0 auto;
		display:block;
		margin-left:-2px;
	}
	
	#nav li {	
		float:left;
		padding:0 2px 0 2px;
		width:89px;
		height:65px;
		list-style-type:none;
		text-align:center;
		margin-top:0px;
	}
	
	#nav a {
		color:#EFEFEF;
		display:block;
		background:#353535 url(../images/tab_bground_feedbox_on.png) bottom;
		position:relative;
		word-spacing:-2px;
		font-size:11px;
		padding-top:5px;	
		height:60px;
		text-decoration:none;
		outline:none;
	}	
	
	#nav a.current {
		background:url(../images/tab_bground_feedbox_curr.png);	
	}
	
	#nav img {
		margin:3px 0 5px 27px;
		padding:4px;		
		display:block;
		border:none;
	}
	.ie7 #nav img {
		margin:0px auto;
		padding:4px;		
		display:block;
		border:none;
	}
	
	#nav strong {
		display:block;		
		font-size:13px;
	}
	
	/* panes */
	#panes {
		width:280px;	
		height:225px;
		margin-bottom:-20px;
		padding-bottom:20px;
		
		/* must be relative so the individual panes can be absolutely positioned */
		position:relative;
	}
	
	/* crossfading effect needs absolute positioning from the elements */
	#panes div {
		display:none;		
		position:absolute;
		left:0px;
		font-size:13px;
		color:#EFEFEF;	
		width:280px;
		text-align:left;
		padding-left:10px;
	}
	
	#panes img {
		float:left;
		margin-right:20px;		
	}
	
	#panes p.more {
		color:#EFEFEF;
		font-weight:bold;
		font-size:13px;
		text-align:left;
	}
	
	#panes h3 {
		margin:0 0 5px 0px;
		font-size:16px;
		text-align:left;
		width:220px;
		font-weight:normal;
		font-family:Arial, Helvetica, sans-serif;
		color:#FFF;
		border-bottom: #756e63 solid 1px;
		padding-bottom:5px;
	}
	
	.overlay {
		display:none;
		width:280px;
		padding:20px;
		background-color:#ddd;
	}
	
	iframe .fan_box .page_stream {
    height: 100px !important;
	overflow-x:hidden !important;
}
	.fan_box .page_stream {
    height: 100px !important;
	overflow-x:hidden !important;
}
	
	
	
	
	#twitter_update_list {
	font-size: 11px;
	line-height: 18px;
	list-style: none;
	width:225px;
	height:180px;
	overflow: hidden;
	margin-left:15px;
	position:relative;
	z-index:30;
	}



#twitter_update_list li {
	background: url('images/twitter-divider.gif') bottom left repeat-x;
	padding-bottom: 7px;
	margin-bottom: 9px;
	border-bottom: dotted 1px #D6D601;
	}
#twitter_update_list span {
	color: #ADA93B;
	text-decoration: none;
	}
#twitter_update_list a, #twitter_update_list span a {
	color: #D6D601;
	}
#twitter_update_list a:hover {
	color: #ADA93B;
	}
	
.fbConnectWidgetFooter{ display:none !important; }
..uiProfilePhotoLarge{ display:none !important; }