a {
    color: #fff;
}

/* Change the button color on hover */


a:hover {
    color: red;
}

body {
    background: #000 url("images/accent_strip.png") repeat-x;
    margin: 0;
    padding: 40px 10px 10px 10px;
    text-align: center;
    font-family: arial, helvetica, sans-serif;
    font-size: small !important;
    font-size: x-small;
}

a img {
	border: none;
}

.costume-idea-wrapper{
	width:800px;
	float:right;
	
}

.ideabackground{
	border:1px solid #404040;
	background:#252525;
	padding:4px;
}

.ideaimg{
	background: black;
	border: 1px solid #404040;
	padding:4px;
}

.ideatext{
	padding: 4px;
	border: 1px solid #404040;
	background: black;
}

.costume-idea{
	float:left;
	width:325px;
	margin-top:20px;
	text-align:left;
}

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

.costume-idea{
	float:left;
}

.costume-idea-image{
	width:100px;
}
.costume-idea-l{
	float:left;
	width:400px;
	margin-top:20px;
	text-align:left;
}
.costume-idea-l p{
	float:left;
	width:200px;
	text-align:left;
	padding-right:20px;
}

.costume-idea-l img{
	width:100px;
}

.tcr_contact_box {
	border:1px solid #404040;
	background:#252525;
	padding:8px 0 5px 8px;
	margin:0 0 5px 0;
	width:215px;
	font-size:13px;
}

.tcr_contact_box h1 {
	margin:0;
	font-size:13px;
}

.tcr_contact_box  span{
	margin:0;
	padding:0;
	font-size:10px;
}

.index_main_content {
	border:1px solid #404040;
	background:#252525;
	padding:8px;
	margin-bottom:10px;
}

.index_main_content h1{
	font-size:14px;
}

.index_main_content h2 {
	font-size:13px;
}

#hometabs h1{
	font-size:14px;
}

#hometabs h2 {
	font-size:13px;
}

.headerbold {
	font-size:17px;
}

.footertxt {
	text-align:center;
	font-style:italic;
	font-size:20px;
}


#container {
    background-color: #000;
    background-repeat: no-repeat;
    background-position: 0px 65px;
    width: 750px !important;
    width: 740px;
    margin: 0px auto;
    padding: 0;
    text-align: left;
}

body#body-home #container {
    background-image: url("images/home_sideimage.png");
    background-position: 0px 25px;
    height: 570px;
}

body#body-contact #container {
    background-image: url("images/contact_sideimage.png");
    background-position: 45px 110px !important;
    background-position: 45px 120px;
    height: 630px;
}

body#body-client-list #container {
    background-image: url("images/client_list_sideimage.png");
    background-position: 10px 120px !important;
    background-position: 10px 125px;
    height: 750px;
}

body#body-community #container {
    background-image: url("images/community_sideimage.png");
    background-position: 50px 125px;
    height: 630px;
}

body#body-faq #container {
    background-image: url("images/faq_sideimage.png");
    background-position: 10px 120px;
    height: 3300px;
}

body#body-retail #container {
    background-image: url("images/retail_sideimage.png");
    background-position: 5px 110px !important;
    background-position: 5px 125px;
    height: 680px;
}

body#body-services #container {
    background-image: url("images/services_sideimage.png");
    background-position: 5px 100px !important;
    background-position: 5px 80px;
    height: 630px;
}

body#body-gallery #container {
    background-image: url("images/gallery_sideimage.png");
    background-position: 0px 120px;
    height: 630px;
}

body#body-civilwar #container {
    background-image: url("images/civilwarbest-side.jpg");
    background-position: 0px 120px;
    height: 630px;
}

body#body-twenties #container {
    background-image: url("images/sides/twentiesbest.jpg");
    background-position: 0px 120px;
    height: 630px;
}

body#body-forties #container {
    background-image: url("images/sides/fortiesbest.jpg");
    background-position: 0px 120px;
    height: 630px;
}

body#body-sixties #container {
    background-image: url("images/sides/sixtiesbest.jpg");
    background-position: 0px 120px;
    height: 630px;
}

body#body-seventies #container {
    background-image: url("images/sides/seventiesbest2.jpg");
    background-position: 0px 120px;
    height: 630px;
}

body#body-hal #container {
    background-image: url("images/sides/halbest2.jpg");
    background-position: 0px 120px;
    height: 630px;
}

body#body-ancient #container {
    background-image: url("images/sides/ancientbest.jpg");
    background-position: 0px 120px;
    height: 630px;
}

body#body-xmas #container {
    background-image: url("images/sides/xmasbest.jpg");
    background-position: 0px 120px;
    height: 630px;
}

body#body-colonial #container {
    background-image: url("images/sides/colonialbest.jpg");
    background-position: 0px 120px;
    height: 630px;
}

body#body-easter #container {
    background-image: url("images/sides/easterbest.jpg");
    background-position: 0px 120px;
    height: 630px;
}

body#body-ethnic #container {
    background-image: url("images/sides/ethnicbest.jpg");
    background-position: 0px 120px;
    height: 630px;
}

body#body-charity #container {
    background-image: url("images/sides/fuzzyside.jpg");
    background-position: 0px 120px;
    height: 630px;
}

body#body-mascots #container {
    background-image: url("images/sides/mascotbest2.jpg");
    background-position: 0px 120px;
    height: 630px;
}

body#body-celebs #container {
    background-image: url("images/sides/celebsbest.jpg");
    background-position: 0px 120px;
    height: 630px;
}

body#body-pirates #container {
    background-image: url("images/sides/piratebest.jpg");
    background-position: 0px 120px;
    height: 630px;
}

body#body-couples #container {
    background-image: url("images/sides/couplesbest.png");
    background-position: 0px 120px;
    height: 630px;
}

body#body-groups #container {
    background-image: url("images/sides/groupsbest.png");
    background-position: 0px 120px;
    height: 630px;
}

body#body-showgirl #container {
    background-image: url("images/sides/showgirlbest.jpg");
    background-position: 0px 120px;
    height: 630px;
}

body#body-storybook #container {
    background-image: url("images/sides/storybookbest.jpg");
    background-position: 0px 120px;
    height: 630px;
}

body#body-uniform #container {
    background-image: url("images/sides/uniformbest.jpg");
    background-position: 0px 120px;
    height: 630px;
}

body#body-superhero #container {
    background-image: url("images/sides/superherobest.jpg");
    background-position: 0px 120px;
    height: 630px;
}

body#body-thanksgiving #container {
    background-image: url("images/sides/thanksgivingbest.jpg");
    background-position: 0px 120px;
    height: 630px;
}

body#body-child #container {
    background-image: url("images/sides/childside.jpg");
    background-position: 0px 120px;
    height: 630px;
}

body#body-socialmedia #container {
    background-image: url("images/sides/socialmediaside.jpg");
    background-position: 0px 120px;
    height: 630px;
}

body#body-victorian #container {
    background-image: url("images/sides/vicbest.jpg");
    background-position: 0px 120px;
    height: 630px;
}

body#body-western #container {
    background-image: url("images/sides/westbest.jpg");
    background-position: 0px 120px;
    height: 630px;
}

body#body-productions #container {
    background-image: url("images/productions_sideimage.png");
    background-position: 0px 120px;
    height: 630px;
}

body#body-events #container {
    background-image: url("images/events_sideimage.png");
    background-position: 0px 120px;
    height: 1180px;
}

#header {}

#header span#logo {
	margin-bottom:10px;
    float: right;
}

/*
########################################
## New Navigation Bar CSS 
## hopefully cleaner and more compliant
## WHEN CHANGES ARE MADE MAKE SURE TO UPDATE NAV CSS IN MAIN STYLE.CSS ASWELL AS WORDPRESS CSS FILE
########################################
*/
	#jsddm
	{	margin: 0;
		padding: 0;
		clear: right;
		float: right;
		width: 590px;
	}
	
	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial
	}

	#jsddm li a
	{	display: block;
		background: url("/images/nav_button_left_open.png") no-repeat left top;
		margin: 0;
		padding: 0 0 4px 6px;
		text-decoration: none;
		}
	#jsddm li a span
	{	  
    background: url("/images/nav_button_right_open.png") no-repeat right top;
    color: #fff;
	margin-top:1px;
    padding: 1px 9px 6px 3px;
    text-decoration: none;
    font: bold 8pt/12pt arial, helvetica, sans-serif;
	}
	#jsddm li #m-nav-effect{
		width: 10px;
	}

	#jsddm li a:hover
	{	background: url("/images/nav_button_left_hover.png") no-repeat left top;
	}
		
	#jsddm li a:hover span
	{	background: url("/images/nav_button_right_hover.png") no-repeat right top;
	}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 0px }
		
		#jsddm li ul li
		{	float: none;
			display: inline}
		
		#jsddm li ul li a
		{	display: block;
		    /* for IE */
		    filter:alpha(opacity=90);
		    /* CSS3 standard */
		    opacity:0.9;
			background: url("/images/nav_drop_body.png") no-repeat right top;
			margin: 0;
			width:160px;
			padding: 0 0 4px 2px;
			text-decoration: none;
			}

		#jsddm li ul li .drop_top
		{
			background: url("/images/nav_drop_top.png") no-repeat right top;
		}

		#jsddm li ul li .drop_bottom
		{
			background: url("/images/nav_drop_bottom.png") no-repeat right top;
		}
		
		#jsddm li ul li .drop_top:hover
		{
		    /* for IE */
		    filter:alpha(opacity=100);
		    /* CSS3 standard */
		    opacity:1.0;
			background: url("/images/nav_drop_top.png") no-repeat right top;
		}

		#jsddm li ul li .drop_bottom:hover
		{
		    /* for IE */
		    filter:alpha(opacity=100);
		    /* CSS3 standard */
		    opacity:1.0;			
			background: url("/images/nav_drop_bottom.png") no-repeat right top;
		}
				
		#jsddm li ul li a:hover
		{	background: url("/images/nav_drop_body.png") no-repeat right top;
		    /* for IE */
		    filter:alpha(opacity=100);
		    /* CSS3 standard */
		    opacity:1.0;
		}
		
		#jsddm li ul li a:hover span
		{	background: url("/images/nav_drop_body.png") no-repeat right top;}


/*
##################################
## End Of New Navigation Bar CSS 
##################################
*/


/* Standard navigation styles */

#navigation {
    clear: right;
    float: right;
    width: 570px;
}

#navigation,
#navigation ul {
    margin: 0;
    padding: 0;
    line-height: 1;
    list-style: none;
}

#navigation li {
    float: left;
    margin: 0;
    padding: 0;
    display: inline;
}

#navigation li a {
    float: left;
    display: block;
    background: url("images/nav_button_left.png") no-repeat left top;
    margin: 0;
    padding: 0 0 0 6px;
    text-decoration: none;
}

#navigation li a span {
    float: left;
    background: url("images/nav_button_right.png") no-repeat right top;
    color: #fff;
    padding: 2px 9px 2px 3px;
    text-decoration: none;
    font: bold 8pt/12pt arial, helvetica, sans-serif;
}

/* Change the button color on the current page's button */

#body-home #navigation li#nav-home a,
#body-gallery #navigation li#nav-gallery a,
#body-retail #navigation li#nav-retail a,
#body-services #navigation li#nav-services a,
#body-client-list #navigation li#nav-client-list a,
#body-community #navigation li#nav-community a,
#body-contact #navigation li#nav-contact a,
#body-faq #navigation li#nav-faq a {
    background-position: 0% -40px;
    cursor: default;
}

.t_align_left {
	text-align:left;
}

#body-home #navigation li#nav-home ul.submenu li a,
#body-gallery #navigation li#nav-gallery ul.submenu li a,
#body-retail #navigation li#nav-retail ul.submenu li a,
#body-services #navigation li#nav-services ul.submenu li a,
#body-client-list #navigation li#nav-client-list ul.submenu li a,
#body-community #navigation li#nav-community ul.submenu li a,
#body-contact #navigation li#nav-contact ul.submenu li a,
#body-faq #navigation li#nav-faq ul.submenu li a {
    background-position: right top;
    cursor: pointer;
}

#body-home #navigation li#nav-home a span,
#body-gallery #navigation li#nav-gallery a span,
#body-retail #navigation li#nav-retail a span,
#body-services #navigation li#nav-services a span,
#body-client-list #navigation li#nav-client-list a span,
#body-community #navigation li#nav-community a span,
#body-contact #navigation li#nav-contact a span,
#body-faq #navigation li#nav-faq a span {
    background-position: 100% -40px;
    color: #fff;
}

#body-home #navigation #nav-home ul.submenu li a span,
#body-gallery #navigation #nav-gallery ul.submenu li a span,
#body-retail #navigation #nav-retail ul.submenu li a span,
#body-services #navigation #nav-services ul.submenu li a span,
#body-client-list #navigation #nav-client-list ul.submenu li a span,
#body-community #navigation #nav-community ul.submenu li a span,
#body-contact #navigation #nav-contact ul.submenu li a span,
#body-faq #navigation #nav-faq ul.submenu li a span {
    background-position: left top;
}

/* Change the button color on hover */

#navigation li a:hover {
    cursor: pointer;
    background-position: 0% -20px;
}

#navigation li a:hover span {
    background-position: 100% -20px;
    color: #ddd;
}

/* Allow for second-level lists on hover */

#navigation ul.submenu {
    clear: left;
    background: transparent;
    margin: 20px 0 0 7px !important;
    margin: 0 0 0 7px;
    padding: 5px 0 0 0 !important;
    padding: 0;
	top:128px;
    display: none;
    position: absolute;
    width: 140px; /* Adjust this depending on width of longest link!  Hack!!!  HACK!!! */
    opacity: 0.9;
    filter: alpha(opacity=90);
}

#navigation ul.submenu li {
    float: none;
    margin: 0 !important;
    margin: 0 0 -3px 0;
    padding: 0 0 0 6px;
    display: block;
    background: transparent url("images/nav_submenu_middle_left.gif") no-repeat left top;
    cursor: pointer;
    height: auto !important;
    height: 1px;
}

html>body #navigation ul.submenu li {
    background: transparent url("images/nav_submenu_middle_left.png") no-repeat left top;
}

#navigation ul.submenu li.first-child {
    background: transparent url("/images/nav_submenu_top_left.png") no-repeat left top;
}

html>body #navigation ul.submenu li.first-child {
    background: transparent url("images/nav_submenu_top_left.png") no-repeat left top;
}

#navigation ul.submenu li.last-child {
    background: transparent url("images/nav_submenu_bottom_left.gif") no-repeat left bottom;
}

html>body #navigation ul.submenu li.last-child {
    background: transparent url("images/nav_submenu_bottom_left.png") no-repeat left top;
}

#navigation ul.submenu li a {
    float: none;
    display: block;
    background-position: right top; /* Fix for strange cascading issue */
    background: transparent url("images/nav_submenu_middle_right.gif") no-repeat right top;
    margin: 0;
    padding: 2px 6px 2px 0px;
    text-decoration: none;
    cursor: pointer;
}

html>body #navigation ul.submenu li a {
    background: transparent url("images/nav_submenu_middle_right.png") no-repeat right top;
}

#navigation ul.submenu li.first-child a {
    background: transparent url("images/nav_submenu_top_right.gif") no-repeat right top;
}

html>body #navigation ul.submenu li.first-child a {
    background: transparent url("images/nav_submenu_top_right.png") no-repeat right top;
}

#navigation ul.submenu li.last-child a {
    background: transparent url("images/nav_submenu_bottom_right.gif") no-repeat right bottom;
}

html>body #navigation ul.submenu li.last-child a {
    background: transparent url("images/nav_submenu_bottom_right.png") no-repeat right top;
}

#navigation ul.submenu li a span {
    float: none;
    width: 100%;
    background-position: left top; /* Fix for weird cascading issue */
    background: transparent;
    margin: 0;
    padding: 0;
    color: #fff;
    text-decoration: none;
    font: bold 8pt/12pt arial, helvetica, sans-serif;
}

#navigation li:hover ul,
#navigation li.sfhover ul {
    display: block;
}

/* Other Styles */

#body {
    clear: both;
    margin: 0;
    padding: 0;
}

#content {
    margin: 0;
    padding: 10px 20px 0 320px;
    color: #fff;
    text-align: left;
}

.contentbar{
	border-left:1px solid #404040;
	padding-left:8px;
	margin-left:6px;
}

.titleright{
	text-align: right;
}

#content p{
	margin-bottom: 15px;
}

.bar{
	margin-top:2px;
	margin-right:12px; /* Align in IE */
	margin-left:10px; /* Align in Firefox */
	width:86px;
	float:left;
	color:#404040;
	background-color:#404040;
	border:none;
	height:1px;
}

.barspecial{
	margin-top:-3px;
	margin-right:12px; /* Align in IE */
	margin-left:10px;  /* Align in Firefox */
	width:86px;
	float:left;
	color:#404040;
	background-color:#404040;
	border:none;
	height:1px;
}

.listwrapper{
	background: #252525;
	margin-right:69px;
	margin-bottom:10px;
	margin-top:50px;
	border:1px solid #404040;
	padding-bottom:1px;
	padding-top:5px;
	height:792px;
	width:749px;
}

.clearthefloat{
	clear:both;
}

.linklist{
	text-align:center;
}

.linklist dt{
	float:left;
	width:107px;
	margin-bottom:15px;
}

.linklist dt img{
	vertical-align:bottom;
	border:1px solid #404040;
	padding:7px;
	padding-top:45px;
	background:black;
	width: 86px;
	height: 132px;
}

.linklist dt img:hover{
	border:1px solid #730000;
}

.linklist dd{
	float:left;
	width:107px;
	margin:7px 0 0 -107px;
}

.linklist em{
	display:block;
	font-weight:bold;
	margin-bottom:5px;
	color:white;
}

/* .linklist{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.linklist h3{
	display: inline;
}

.linklist li{
	display: inline;
 	border: 1px solid #404040;
	background: black;
	margin-left: 3px;
}

.linklist li img{
	background: black;
	border: 1px solid #404040;
	padding: 5px;
	display: inline;
}
 */
/* .linklist li a{
	padding-left: 5px;
	padding-right: 5px;
} */

body#body-gallery #content {
    padding-left: 330px;
    height: 520px;
}

body#body-client-list #content {
    padding-left: 215px;
    height: 520px;
}

body#body-faq #content {
    padding-left: 335px;
    height: 520px;
}

body#body-productions_new #content {
    padding-left: 0;
    height: auto;
}


#content a:link {
    color: #fff;
    text-decoration: underline;
}

#content a:hover {
    color: #cb0000;
}

#content a:visited {
    color: #fff;
    text-decoration: underline;
}

#content h2 {
    font-size: 180%;
    line-height: 100%;
    margin: 0;
}

#content h3, #content dt {
    font-size: 140%;
    line-height: 100%;
    margin: 0;
}

#content h4 {
    font-size: 120%;
    line-height: 100%;
    margin: 0;
}

#header h4 {
	text-align:center;
	color: #fff;
    line-height: 100%;
    margin: 0;
}

#myspace{
/*	background:#252525;*/
/*    background: url("images/facebook_logo.jpg") no-repeat left top;*/
    margin: 0;
	margin-right:0px;
	margin-left:30px;
    margin-top: 70px;
	width:700px;
    padding: 0 0 0 0;
    color: #fff;
    text-align: center;
}

#description{
    margin: 0;
	margin-right:0px;
	margin-left:30px;
    margin-top: 70px;
	width:700px;
    padding: 0 0 0 0;
    color: #fff;
    text-align: left;
	padding: 5px 10px 5px 10px;
}

#content p, #content dd {
    font-size: 120%;
}

#content dd {
    margin: 5px 0 10px 0;
}

#content dd ul {
    font-size: 100%;
}

#content p.accolade {
    font-size: 110%;
}

#content p.accolade strong {
    display: block;
    font-size: 130%;
    font-weight: bold;
}

#content p.address {
    font-size: 100%;
}

#content p.address strong {
    display: block;
    font-size: 120%;
    line-height: 100%;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

#content ul {
    list-style: none;
    font-size: 120%;
}

#content ul.client-list {
    margin: 10px;
    padding: 0;
}

#content ul.faq-question-list{
	margin-bottom:15px;
}

#content ul.faq-question-list a:link {
    color: #fff;
    text-decoration: underline;
}

#content ul.faq-question-list a:visited {
    color: #fff;
    text-decoration: none;
}

#content ul.faq-question-list a:hover {
    color: #ad0000;
}

#content .faq-question-answers dt {
    padding: 10px;
    background: #252525 url("images/heading_gradient.png") repeat-x left bottom;
    color: #ddd;
    border-bottom: 2px #aaa solid;
    text-align: left;
}

#content .faq-question-answers dd {
    margin: 0px 0px 5px 0;
    padding: 10px;
    background: #2c2c2c url("images/question_mark.png") no-repeat right bottom;
    text-align: left;
}

#content img {
    border: none;
}

#footer {
    clear: both;
	background:url(images/footer_graphic_no_addr2.png) repeat-x;
	width:750px;
	height:75px;
}
#footer-copywrite {
	text-align:center;
	color:white;
    clear: both;
	width:750px;
}
/* JavaScript Gallery Styles */

.gallery {
	position: relative;
	width: 710px;
	background: #1f1f1f url("images/gallery_top.png") no-repeat;
	padding: 10px 20px;
	text-align: center;
}

.gallery img {
	margin-right: 5px;
}

.gallery img.last-child {
	margin-right: 0;
}

.gallery-prev,
.gallery-next {
	position: absolute;
	top: 50%;
}

.gallery-prev {
	left: 3px;
}

.gallery-next {
	right: 0px;
}

#gallery {
    clear: both;
    margin: 0;
    padding: 0;
    color: #fff;
    background-color: #111;
}

#gallery img {
    border: none;
}

#gallery span.nav-top {
    text-align: right;
    padding: 0;
    margin: 5px;
    display: block;
}

#gallery span.nav-top a:link {
    color: #cb0000;
}

#gallery span.nav-top a:hover {
    color: #600000;
}

#gallery span.nav-top a:visited {
    color: #600000;
    text-decoration: line-through;
}

.gallery-chunk {
    padding: 0 10px;
    margin: 10px 0;
}

.gallery-row1 {
    background-color: #222;
    padding: 5px;
    margin-bottom: 10px;
}

.gallery-row2 {
    background-color: #333;
    padding: 5px;
}

.gallery-photo {
    margin: 5px !important;
    margin: 5px 0px 5px 5px;
}

.galleryimages{
	list-style:none;
}

.galleryimages li{
	display:inline;
}

.galleryimages li a{
	text-decoration:none;
}

.galleryimages img{
	padding:5px;
	background:black;
	border:1px solid #404040;
}

.galleryimages img:hover{
	padding:5px;
	background:black;
	border:1px solid #730000;
}

.gallerywrapper{
	border:1px solid #404040;
	background:#252525;
	margin-top:85px;
	margin-bottom:5px;
	padding:5px;
	padding-bottom:2px;
}

.stagedoor{
	text-align:right;
	font-size:24px;
	margin-bottom:10px;
	padding-left:110px;
}

.stagedoor a:hover{
	color:#780000;
}