/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { font-size: 10px; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* PNG FIX */
img, div, a, li, span, ul, h1, h2, p, form, input{
behavior: url(iepngfix.htc)
}

body{
background: #000 url(../images/main_bg.jpg) left top no-repeat fixed;
font-family: Arial;
font-size: 13px;
color: #cbcbcb;
margin: 20px 0;
}

a{
font-size: 11px;
color: #fff;
text-decoration: none;
background-color: none;
}

a:visited{
font-size: 11px;
color: fff;
text-decoration: none;
}

h4{
font-size: 18px;
line-height: 24px;
color: #f4d67c;
}

a:hover{
color: #c03c84;
}

strong{
font-weight: bold;
}

h1{
font-size: 18px;
color: #fff;
}

li{
line-height: 25px;
margin-bottom: 10px;
border-left: 3px solid #fff;
padding-left: 10px;
}


#logo, #banner{
margin-bottom: 20px;
}

#logo h1{
float: left;
width: 285px;
}

#logo h1 a{
width: 285px;
height: 55px;
float: left;
display: block;
background: url(../images/logo.png) left top no-repeat;
text-indent: -9999px;
}

#navigation{
margin-top: 30px;
}

#navigation ul{
float: right;
width: 639px;
}

#navigation ul li{
float: left;
background: none;
border: none;
margin: 0;
padding: 0;
}

#navigation li a{
float: left;
display: block;
background: url(../images/navigation.gif) left top no-repeat;
height: 18px;
}


#navigation li a.show_date
{
width: 92px;
}

#navigation li a.the_show
{
width: 89px;
background-position: -92px 0;
}

#navigation li a.about_the_spencers{
width: 158px;
background-position: -181px 0;
}

#navigation li a.media{
width: 66px;
background-position: -339px 0;
}

#navigation li a.healing_of_magic{
width: 137px;
background-position: -405px 0;
}

#navigation li a.shop{
width: 53px;
background-position: -542px 0;
}

#navigation li a.blog{
width: 42px;
background-position: -595px 0;
}

#navigation li a:hover.show_date, #navigation li a.selected_show_date
{
width: 92px;
background-position: 0 -19px
}

#navigation li a:hover.the_show, #navigation li a.selected_the_show
{
width: 89px;
background-position: -92px -19px
}

#navigation li a:hover.about_the_spencers, #navigation li a.selected_about_the_spencers{
width: 158px;
background-position: -181px -19px;
}

#navigation li a:hover.media, #navigation li a.selected_media{
width: 66px;
background-position: -339px -19px;
}

#navigation li a:hover.healing_of_magic, #navigation li a.selected_healing_of_magic{
width: 137px;
background-position: -405px -19px;
}

#navigation li a:hover.shop, #navigation li a.selected_shop{
width: 53px;
background-position: -542px -19px;
}

#navigation li a:hover.blog, #navigation li a.selected_blog{
width: 42px;
background-position: -595px -19px;
}

#banner{
background: url(../images/line.png) left top no-repeat;
}

#banner span{
width: 940px;
float: left;
height: 3px;
background: url(../images/line.png) left top no-repeat;
}

#banner img{
padding: 3px 0 0 0;
}

#welcome{
background: url(../images/welcome.gif) left top no-repeat;
height: 156px;
}

.content_box{
padding: 20px 20px 33px 20px;
/*margin-bottom: 20px;*/
}

h2{
background: url(../images/heading_bg.png) right top no-repeat;
padding: 0 20px;
margin-left: -20px;
font-family:"Century Gothic", Arial;
height: 32px;
line-height: 28px;
margin-bottom: 8px;
font-size: 16px;
float: left;
color: #fff;
}

h2 span{
background: url(../images/tes.png) left 6px no-repeat;
width: 21px;
height: 24px;
float: left;
margin-right: 10px;
}

.content_box p, .content_box_inner p, .award_info p, .content_box_sd p{
line-height: 22px;
color: #cbcbcb;
font-size: 13px;
display: block;
}

#welcome a.common_button{
margin-top: 10px;
float: left;
text-decoration: none;
}


a.common_button{
margin-top: 10px;
float: right;
text-decoration: none;
}

a.common_button strong{
padding: 0 7px 0 10px;
float: left;
background: url(../images/common_but_left.gif) left top no-repeat;
font-size: 11px;
line-height: 22px;
color: #fff;
text-decoration: none;
display: block;
}

a.common_button span{
width: 3px;
height: 22px;
background: url(../images/common_but_right.gif) left top no-repeat;
display: block;
float: left;
}

a.common_button :hover{
color: #cbcbcb;
}

#testimonial{
background: url(../images/testi.gif) left top no-repeat;
height: 340px;
}

.testi{
padding: 8px 10px 18px;
background: url(../images/transblack.png) left bottom repeat-x;
float: left;
display: block;
width: 400px;
}

div.who{
margin-top: 5px;
float: left;
text-decoration: none;
}

div.who p{
padding: 0 7px 0 10px;
float: left;
background: url(../images/common_but_left.gif) left top no-repeat;
font-size: 11px;
line-height: 22px;
color: #fff;
text-decoration: none;
}

div.who span{
width: 3px;
height: 22px;
background: url(../images/common_but_right.gif) left top no-repeat;
float: left;
}

#upevents{
background: url(../images/upcoming-events.gif) left top no-repeat;
/*height: 556px;*/
}

.shows{
padding: 8px 10px 9px;
background: url(../images/transblack.png) left bottom repeat-x;
display: block;
}


.shows a{
font-size: 18px;
color:#f4d67c;
text-decoration: none;
}

.shows a:hover{
text-decoration: underline;
}

h3{
background: url(../images/heading_bg.png) right top no-repeat;
padding: 0 10px 0 20px;
margin-left: -20px;
font-family:"Century Gothic", Arial;
height: 32px;
line-height: 28px;
margin-bottom: 8px;
font-size: 16px;
float: left;
color: #fff;
}

#videos{
background: url(../images/left_videos.png) left top no-repeat;
height: 289px;
}

#videos a.common_button{
margin-right: 20px;
}

.content_box2{
padding: 20px 0 20px 20px;
/*margin-bottom: 20px;*/
}

.content_box3{
margin-bottom: 20px;
}

.video_cont{
float: left;
width: 118px;
height: 98px;
position: relative;
border:1px solid #fff;
margin-bottom:20px;
}

.video_cont2{
float: left;
width: 118px;
height: 98px;
position: relative;
border:1px solid #fff;
}

.video_cont span, .video_cont2 span{
width: 118px;
height: 98px;
display: block;
position: absolute;
top:0px;
left:0px;
}

.video_cont span a.play1, .video_cont2 span a.play1{
background: url(../images/play.png) no-repeat left bottom;
width: 98px;
height: 20px;
color:#fff;
text-decoration:none;
font-size: 11px;
line-height: 20px;
padding:78px 10px 0 10px;
display: block;
}

.video_cont span a.play2, .video_cont2 span a.play2{
background: url(../images/play1.png) no-repeat left bottom;
width: 98px;
height: 20px;
color:#fff;
text-decoration:none;
font-size: 11px;
line-height: 20px;
padding:78px 10px 0 10px;
display: block;
}

#connect{
background: url(../images/connect_2.png) left top no-repeat;
height: 166px;
}

a.twitter{
background: url(../images/connect.png) no-repeat;
background-position: 0px 0px;
height: 30px;
width: 106px;
margin-bottom: 20px;
display: block;
}

a:hover.twitter{
background-position: 0px -30px;
}

.facebook{
background: url(../images/connect.png) no-repeat;
background-position: -130px 0px;
height: 30px;
width: 105px;
margin-bottom: 20px;
display: block;
}

a:hover.facebook{
background-position: -130px -30px;
}

.blog{
background: url(../images/connect.png) no-repeat;
background-position: -264px 0px;
height: 30px;
width: 116px;
margin-bottom: 20px;
display: block;
}

a:hover.blog{
background-position: -264px -30px;
}

#footer{
background: url(../images/line.png) left top no-repeat;
padding: 15px 0 0 0;
margin-bottom: 50px;
margin-top:20px;
}

#footer span{
width: 940px;
float: left;
margin-top: 13px;
height: 3px;
background: url(../images/line.png) left top no-repeat;
}

.footer_links{
width: 500px;
font-size: 11px;
float: left;
}

.footer_links a{
color: #cbcbcb;
margin:0 2px;
text-decoration: none;
}

.footer_links a:hover{
font-size: 11px;
color: #fff;
}

.copyright{
float: right;
text-align: right;
color: #fff;
font-size: 11px;
}
.content_box_top{
background: url(../images/inner_bg_top.png) left top;
height:15px;
}

.content_box_inner{
	background: url(../images/inner_bg.png) left top;
	padding:0 20px 20px 20px;
	width: 600px;
}

.lefty{
float: left;
}

.mb{
margin-bottom: 20px;
}

.mb2{
margin-bottom: 15px;
}

.content_box_bottom{
background: url(../images/inner_bottom.png) left top no-repeat;
height: 10px;
margin-bottom:20px;
float: left;
width: 640px;
}

.content_box_media{
background: url(../images/media_bg.png) left top repeat-y;
padding:0 20px 20px 20px;
float: left;
width: 720px;
}

.content_box_media_bottom{
background: url(../images/media_bottom.png) left top no-repeat;
height: 10px;
float: left;
width: 760px;
margin-bottom:20px;
}

.sort_by{
width: 400px;
float: right;
text-align: right;
}

.sort_by a{
font-size: 11px;
text-decoration: none;
line-height: 32px;
color: #fff;
margin: 0 5px;
}

.sort_by a:hover{
font-size: 11px;
color: #c03c84;
}

.media_video1{
background: none;
}

.media_video{
background: url(../images/line.png) left bottom no-repeat;
}

.media_video, .media_video1{

width: 720px;
padding: 20px 0;
float: left;
}

.media_video img, .media_video1 img{
border: 1px solid #fff;
margin-right: 20px;
float: left;
}

.media_video h4, .media_video1 h4{
font-size: 18px;
line-height: 24px;
color: #f4d67c;
}

.media_video p , .media_video1 p{
line-height: 20px;
font-size: 13px;
}

.quickplay{
background: url(../images/quick_play.png) left bottom no-repeat;
width: 112px;
float: left;
margin-right: 15px;
height: 25px;
display: block;
margin-top: 10px;
}

.detail{
background: url(../images/detail.png) left bottom no-repeat;
width: 56px;
float: left;
margin-top: 10px;
height: 22px;
display: block;
}

.share{
background: url(../images/share.png) left bottom no-repeat;
width: 76px;
float: right;
height: 22px;
display: block;
}

a.photo_gallery{
background: url(../images/photo_gallery.png) left bottom no-repeat;
height: 33px;
display: block;
margin-bottom: 20px;
}

a.desk_back{
background: url(../images/desktop_backgrounds.png) left bottom no-repeat;
height: 33px;
display: block;
}

.ph_gall{ 
display:inline;
float: left;
position:relative;
margin-right: 10px;
width: 186px;
height: 146px;
/*border: 2px solid #fff;*/
overflow: hidden;
}
 
 
.boxgrid{ 
display:inline;
float: left;
position:relative;
margin-right:5px;
width: 286px;
height: 200px;
border: 2px solid #fff;
overflow: hidden;
}

.boxgrid img, .ph_gall img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}


.boxcaption2{ 
float: left; 
position: absolute; 
background: #000; 
height: 100px; 
padding: 5px 20px;
width: 146px; 
opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
top:116px;
}
				
.boxcaption{ 
float: left; 
position: absolute; 
background: #000; 
height: 100px; 
padding: 10px 20px;
width: 100%; 
opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
top:160px;
}

h5.wall_title{
font-size: 16px;
color: #fff;
display: block;
margin-bottom: 8px;
}

.boxcaption2 h5.wall_title{
font-size: 16px;
color: #fff;
display: block;
margin-bottom: 8px;
text-align: center;
}

.boxcaption p{
margin: 0;
padding: 0;
line-height: 20px;
font-size: 11px;
}

.boxcaption p strong{
font-size: 12px;
color: #cbcbcb;
}

.boxcaption p a{
font-size: 11px;
color: #fff;
text-decoration: none;
}

.boxcaption p a:hover{
color: #c03c84;
}

.nextprev{
clear:both;
background: url(../images/line.png) left top no-repeat;
padding-top: 10px;
}

.nextprev1{
text-align: right;
padding-top: 10px;
}

.nextprev a, .nextprev1 a{
font-size: 11px;
text-decoration: none;
color: #fff;
margin: 0 5px;
}

.nextprev a:hover, .nextprev1 a:hover{
color: #c03c84;
}

.content_image{
float:left;
margin-right:20px;
margin-bottom:10px;
}

.content_box_showdates{
background: url(../images/showdates_top.png) left top no-repeat;
padding: 20px;
}

.content_box_showdates_bottom{
background: url(../images/showdates_bottom.png) left top no-repeat;
height: 10px;
margin-bottom:20px;
}

.award_info{
padding: 20px;
background: url(../images/award_bottom.png) left bottom no-repeat;
}

.award_info h4{
font-size: 18px;
color: #c03c84;
margin-bottom: 5px;
}

.content_box_sd{
background: url(../images/sd_top.png) left top no-repeat;
padding: 20px;
}

.content_box_sd_bottom{
background: url(../images/sd_bottom.png) left top no-repeat;
height: 10px;
margin-bottom:20px;
}

.content_box_sd h4{
font-size: 26px;
color: #f4d67c;
line-height: 32px;
margin-bottom: 20px;
}

.content_box_sd h4 span{
font-size: 18px;
color: #cbcbcb;
}

.w720{
display:inline;
float:left;
position:relative;
width: 720px;

}

.big_video{
border: 1px solid #fff;
float: left;
}

.bread{
background: url(../images/line.png) left bottom no-repeat;
line-height: 32px;
margin-bottom: 20px;
}

.bread a.all_dates{
font-size: 18px;
color: #c03c84;
float: left;
text-decoration: underline;
}

.bread a.all_dates:hover{
text-decoration: none;
}

.bread p{
font-size: 18px;
color: #c03c84;
float: left;
margin-left: 190px;
}

.bread p span{
font-size: 18px;
color: #fff;
}
.buttoncss
{
	border: solid #FFFFFF 1px;
	background: #000000;
	color:#FFFFFF;
	padding: 3px;
}
.content_box_inner img
{
	border: 2px solid #fff;
}
.ph_gall img
{
	margin: 0 auto 0 auto;
	border: 2px solid #fff;
}
.boxgrid img
{
	border: 0px;
}
.homebox{ 
float: left; 
position: absolute; 
background: #000; 
height: 25px; 
padding: 0px 0px 3px 2px;
width: 100%; 
opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
top:70px;
width: 116px;
}
.upevents_bg{
background:#1a0919;
}
.upevents_bot{
background:url(../images/upeventbg_bot.gif) no-repeat left top;
height:9px;
}
.content_box_media_top{
background: url(../images/inner_bg_top2.png) left top;
height:15px;
}