* {	margin: 0;}

html{ height:100%}

body 			{
				height:100%;
				font-family:'Maven Pro', arial, serif;
				font-size:15px;
				padding:0;
				background-color:#180900;
				color:#eae3cc;
				}
img {border:0;}
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

table, tr, td, div, p
{padding:0px;margin:0px;border:0px;
font-size:13px;
}
p  			{
				text-align:justify;
				margin-bottom:15px;
				}
hr {
color: red;
background-color: red;
height: 1px;
border:0px;

}

.hr
{
clear:both; height:10px; width:100%; border-bottom:1px dashed #eae3cc;
}


a,a:active,a:link,a:visited {color:#dfee60; text-decoration:none}
a:hover{color:white;text-decoration:underline}


.font-replaced {background-repeat:no-repeat; overflow: hidden;padding:0px;}

h1,h2,h3 {padding:0px;
margin:0px; color:white}

h3
{
font-size:17px;
font-weight:bold;
padding:0px;
margin:0px
}				


/*content holders*/
.mainwrapper
  {
    width:1000px;
    position:relative;
      min-height: 100%;
      height: auto !important;
      height: 100%;
    background:blue;
  }
.wrapperhome {
			position:relative;
			width:960px; 
			margin:0 auto;
      min-height: 300px;
      height: auto !important;
      height: 300px;
      text-align:left;
      padding-top:10px;
      padding-bottom:10px;
      z-index:100;
		 }
		 
.wrapper {
			position:relative;
			width:960px; 
			margin:0 auto;
      min-height: 300px;
      height: auto !important;
      height: 300px;
      text-align:left;
      padding-top:10px;
      padding-bottom:10px;
      margin-left:-10px;
      z-index:100;
		 }
		 
.notfooter {
  position:relative;
  width:1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
	background:url('/img/weave.gif')


}

.notfooter:before
{
    content:'';
    background:url('/img/bamboo-left.png') repeat-y top left;
    position:absolute;
    top:0px;
    left:0px;
    width:50px;
    height:100%;
    z-index:10
}

.notfooter:after
{
    content:'';
    background:url('/img/bamboo-right.png') repeat-y top right;
    position:absolute;
    top:0px;
    right:0px;
    width:50px;
    height:100%;
    z-index:10;
}

.footer,.push {height:60px;}

.footer {position:relative; background:url('/img/bg-footer.png') no-repeat top center; color:black}
.footerwrapper {position:relative;
				width:960px; 
				margin:0 auto;
				height: auto !important;
								font-size:75%;
}	
.logomark
{
  position:absolute;
  left:20px;
  top:10px;
  width:700px;
  height:50px;
  text-shadow: 0px 1px 3px #E0215A;
  overflow:hidden;
    z-index:1;
    color:#180900;
}

.logomark img
{
 float:left;
 margin-right:10px;
}
.logomark h1
{
  font-size:18px;
  margin:0;
  padding:0;
  margin-top:5px;
  color:#180900;
}
.logomark p
{
 padding:0;
 margin:0;
}


.followus
{
  position:absolute;
  right:20px;
  top:20px;
  width:217px;
  height:34px;
  background:url('/img/followus.png') no-repeat top right;
  text-align:right;
  padding-top:5px;
  z-index:1;
}

.followus img
{
margin-right:5px;
}
			
/*header area*/
#header {z-index:12;}
#header_content {width:1000px; height:313px;position:relative;z-index:11 }
#logo {position:absolute; left:0px; top:0px;}
#login{position:absolute; right:0px; top:20px;}


#navigation
  {
        background:url('/img/bg-nav.png') no-repeat top left;
        width:960px;
        height:58px;
        margin:0;
        position:absolute;
        top:255px;
        left:20px;
  }
#navigation_links
  {
       padding-top:10px;
       padding-left:5px;
  }
  
.nav span{
  display:none;
}

#menu 		
      {
      list-style:none; 
			padding:0; 
			float:left;
			margin-left:22px;
			}
#menu li 	
      {
			float:left; 
			margin-right: 13px;

			}
#menu .end	
      {
			padding:0px;
			}

#subnav {
	list-style: none;
	margin-top:50px;
	padding: 0; 
	
}
#subnav li {
	font-weight: bold;
	font-size:16px;
	margin: 0;
	padding: 3px 10px 5px 20px;
	color: #8c7b5b; 
	background: #352617;
	margin-bottom:7px;
	position:relative;
	display:block;

}
#subnav li .date {
	content: attr(date);
	padding:7px 0 0 0;
	text-align:center;
	position:absolute;
	font-size:14px;
	color:#180900;
	right:-15px;
	top:0px;
	width:40px;
	height:33px;
	background: url('/img/leaf-date.png') top left no-repeat;

}
#subnav li .currentItem{
 color:#eae3cc;
}
#subnav li .currentItem:after {
  content: '';
	position:absolute;
	left:-14px;
	top:4px;
	width:35px;
	height:34px;
	background: url('/img/leaf-selected.png') top left no-repeat;

}

#subnav li:hover {
 

}

#subnav li a {
	color: #8c7b5b;
	text-decoration:none;
	display:block;

}
#subnav li a:hover {
	color: #fff;

}



.boxes
  {

    margin-bottom:25px;
    display:block;
    margin-top:10px

  }

.col3 
    {
      position:relative;
      float:left; 
      width:310px; 
      background: url('/img/bg-content.png') repeat-y top left;


    }
.col3:after 
  {
    content:  '';
    position:absolute;
    bottom:-21px;
    left:0px;
    width:310px;
    height:21px;
    background: url('/img/col3-bottom.png') no-repeat top left;

  }

.col3:after 
  {
    content:  '';
    position:absolute;
    bottom:-21px;
    left:0px;
    width:310px;
    height:21px;
    background: url('/img/col3-bottom.png') no-repeat top left;

  }
.col3 h1
{
    position:absolute;
    display:inline;
    top:-23px;
    width:310px;
    height:74px;
}

.colright 
  {
    
    float:left; 
    clear:right; 
    width:610px;  
    margin-left:0px;
    margin-bottom:15px;
    position:relative;
    padding-top:45px;
    background: url('/img/bg-content.png') repeat-y top right;
    

  }

.colright:after 
  {
    content: '';
    position:absolute;
    bottom:-21px;
    right:0px;
    width:611px;
    height:21px;
    background: url('/img/colright-bottom.png') no-repeat top right;


  }
.colright h1
{
    position:absolute;
    top:-23px;
    width:610px;
    height:74px;
    font-size:24px;
    font-weight:bold;
    padding-top:27px;
    background : url('/img/content-head-bg.png') no-repeat top right;
}
.colright h1 span 
{
margin-left:20px;

z-index:2;
}

.colfull 
  {
    float:left; 
    width:980px;
  }

.beg {margin-left:15px;}
.mid {}
.end {margin-right:0px;}
.colpad{padding:5px;}	

.colhead {width:315px; height:15px; background-color:red;background: url('/img/bg_box3_head.jpg') no-repeat center center;}
.coltitle {height:62px; width:311px; margin-left:-3px;}
.colbodynav { padding:0px 27px 0 37px; position:relative;}
.colbody { padding:0px 27px 0 27px; position:relative; display:block;}


.social-pic
{
  width:200px;
  float:right;
  margin-top:-55px;
  margin-left:15px;

}

.social-pic .social
{
	list-style: none;
	margin-top:10px;
	padding: 0; 

}
.social-pic .social li 
{
  width:258px;
  padding:0;
	margin:0;
	margin-left:-7px;
}
 
.social-pic .leaf
{
display:block;
}
.social-pic .pic
{

     -moz-transform: rotate(2.5deg);  /* FF3.5+ */
       -o-transform: rotate(2.5deg);  /* Opera 10.5 */
  -webkit-transform: rotate(2.5deg);  /* Saf3.1+, Chrome */
      -ms-transform: rotate(2.5deg);  /* IE9 */
          transform: rotate(2.5deg);  
             filter: progid:DXImageTransform.Microsoft.Matrix(/* IE6–IE9 */ 
                     M11=0.9990482215818578, M12=-0.043619387365336, M21=0.043619387365336, M22=0.9990482215818578, sizingMethod='auto expand');
               zoom: 1;
     -moz-box-shadow: 5px 5px 5px #000; /* FF3.5 - 3.6 */
  -webkit-box-shadow: 5px 5px 5px #000; /* Saf3.0+, Chrome */
          box-shadow: 5px 5px 5px #000; /* Opera 10.5, IE9, FF4+, Chrome 10+ */
     border: 4px solid #eae3cc;     

}
.ticketList {border-bottom: 1px dashed #eae3cc; margin-bottom:10px; padding-bottom:10px;}
.ticketList span {float:right}


/*end body / content area */

/*infinite Carousel*/
#carousel_container 
  {
    width:1000px; 
    margin-left:-20px;
    z-index:20;
    position:relative;
    height:433px;
  }

#carousel_inner {

  float:left; /* important for inline positioning */
  width:935px; /* important (this width = width of list item(including margin) * items shown */
  overflow: hidden;  /* important (hide the items outside the div) */
  /* non-important styling bellow */
  background: transparent;
  margin-top:-15px;
  margin-left:30px;
  padding-left:5px;
}

#carousel_ul {
  position:relative;
  left:-310px; /* important (this should be negative number of list items width(including margin) */
  list-style-type: none; /* removing the default styling for unordered list items */
  margin-top: 0px;
  padding: 0px;
  width:9999px; /* important */
  /* non-important styling bellow */

}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */
width:310px;  /* fixed width, important */
/* just styling bellow*/
background:url('/img/bg-flyer.png') no-repeat center center;
padding:0px;
height:433px;
position:relative;
}

#carousel_ul .tickets {
 position:absolute;top:9px; right:8px;
}
#carousel_ul .flyer {
margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that */
/* styling */
width:250px;
height:374px;
overflow:hidden;
margin-top:29px;
margin-left:29px;
cursor:pointer;

}
#carousel_ul .flyer img {
border:0px;
}
#left_scroll, #right_scroll{
position:absolute;
top:150px;
float:left;
height:90px;
width:65px;
z-index:50;

}
#left_scroll
{
left: -18px;
}
#right_scroll
{
right: -37px;
}
#left_scroll img, #right_scroll img{
border:0; /* remove the default border of linked image */
/*styling*/
cursor: pointer;

}

.mapwrap
  {
    position:relative; width:100%; height:450px; margin-bottom:5px; 
  }
 .mapbg
 {
  display:table; background-color:#eae3cc; color:#180900; width:100%; height:450px; 
 }
 .mapbg p 
  {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
  }
.map
  {
  position:absolute; left:0px; top:0px; height:450px; width:100%;
  }