/* CSS Document */


/*      Reset      */

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img,
dl, dt, dd, ol, ul, li,
fieldset, form, label{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}




/* ###########  GENERAL  ###########*/

body {
	font-family: Arial, Helvetica, sans-serif;
	background: #000 url(../images/container-bg.jpg) center 245px;
}

#bg {
	width: 100%;
	background: url(../images/body.jpg) repeat-x; 
	display:table;
}

#container {
	margin: 0 auto;
	width: 1146px;
}




/* ###########  HEADER  ###########*/


#header {
	float: left;
	width: 1146px;
	height: 255px;
}

#header h1 {
	text-indent: -999em;
	overflow: hidden;
}

#header div.graphic {
	float: left;
	width: 100%;
	height: 203px;
	background: url(../images/header-bg.jpg) center top no-repeat;
}

#header div.lines {
	float: left;
	width: 100%;
	background: url(../images/header-lines-bg.png) no-repeat;
}

#menu {
	float: right;
	margin: 143px 5px 0 0;
	display: inline;
}

#menu li {
	float: left;
	display: inline;
	height: 42px;  
	background: url(../images/header-menu-line.png) right no-repeat;
}

#menu li.last {
	background: none;
}

#menu a {
	float: left;
	display: block;
	height: 32px;
	padding: 10px 12px 0 12px;
	text-decoration: none;
	font-size: 18px;
	color: #000000;
}

#main-menu p {
	float: left;
	display: block;
	height: 32px;
	padding: 10px 12px 0 12px;
	text-decoration: none;
	font-size: 18px;
	color: #FFF6E0;
}

#main-menu a {
	float: left;
	display: block;
	padding: 2px 5px;
	text-decoration: none;
	font-size: 18px;
	color: #000000;
}

#main-menu a.twitter,
#main-menu a.fbgroup,
#main-menu a.fbfan,
#main-menu a.myspace,
#main-menu a.blogger {
	float: left;
	display: block;
	width:50px;
	height:70px;
	padding: 0;
	margin-top:-32px;
}

#main-menu a.twitter {
	background: url(../images/follow-twitter.png) 0px bottom no-repeat;
}

#main-menu a.twitter:hover {
	background: url(../images/follow-twitter.png) -50px 0 no-repeat;
}

#main-menu a.fbgroup {
	background: url(../images/follow-fbgroup.png) 0px bottom no-repeat;
}

#main-menu a.fbgroup:hover {
	background: url(../images/follow-fbgroup.png) -50px 0 no-repeat;
}

#main-menu a.fbfan {
	background: url(../images/follow-fbfan.png) 0px bottom no-repeat;
}

#main-menu a.fbfan:hover {
	background: url(../images/follow-fbfan.png) -50px 0 no-repeat;
}

#main-menu a.myspace {
	background: url(../images/follow-myspace.png) 0px bottom no-repeat;
}

#main-menu a.myspace:hover {
	background: url(../images/follow-myspace.png) -50px 0 no-repeat;
}

#main-menu a.blogger {
	background: url(../images/follow-blogger.png) 0px bottom no-repeat;
}

#main-menu a.blogger:hover {
	background: url(../images/follow-blogger.png) -50px 0 no-repeat;
}

#menu a:hover,
#menu a.active {
	color: #893c00;
	background: url(../images/header-menu-hover.png) center bottom no-repeat;
}

#main-menu {
	float: left;
	position:absolute;
	top:19px;
	margin: 192px 0 0 3px;
	padding:0px 0 0 0;
	display: inline;
	background: url(../images/black.png);
}

#main-menu li {
	float: left;
	display: inline;
}

#main-menu a:hover,
#main-menu a.active {
	color: #ffde00;
}


/* menu */
#menu > li {cursor:pointer; float:left; position:relative;
    }
/* sub-menus*/
#menu ul { padding:0px; margin:0px; display:block; display:inline;}
#menu li ul { position:absolute; left:-1px; top:-3px; margin-top:45px; width:150px; line-height:16px;
    background-color:#172322; border: 3px solid #FFF; color:#FFF; /* for IE */ display:none; }
#menu li:hover ul { display:block;}
#menu li ul li{ display:block; margin:0px 2px; padding: 0px 0px;  border-top: dotted 1px #606060;
    list-style-type:none; width:147px; background:none;}
#menu li ul li:first-child { border-top: none; background:none; }
#menu li ul li a { display:block; color:#FFF; background:none;width:150px;font-size:16px;}
#menu li ul li a:hover { color:#7FCDFE; background:none;} 


/* ###########  CONTENT  ###########*/

#content {
	float: left;
	width: 1140px;
	padding: 4px 3px 0 3px;
}

* html #content {
	padding: 1px 3px 0 3px;
}

#col1 {
	float: left;
	width: 301px;
}

#icon {
	position:absolute;
	float:left;
	margin: -5px 0 0 -40px;
}

#col1 h1 {
	float: left;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	width: 246px;
	height: 33px;
	padding: 12px 0 0 57px;
	background: url(../images/title-bg-color1.jpg);
}

#col1 div.box {
	float: left;
	width: 100%;
	margin: 1px 0 0 0;
	padding: 0 0 14px 0;
	background: #051001;
	border: 1px solid #999966;
}

#col1 img {
	float: left;
}

#col1 div.box img {
	float: left;
}

#col1 div.box a {
	float: left;
	text-decoration: none;
	font-size: 12px;
	color: #ffb400;
	display: table;
	cursor: pointer;
}

#col1 div.box a.text {
	display: inline;
}

#col1 div.box a span {
	line-height: 14px;
	color: #ffb400;
	margin: 2px 0 0 20px;
	width: 281px;
	display: inline;
	float: left;
}

#col1 div.box a span.date {
	color: #FFFFFF;
	margin: 4px 0 0 20px;
	width: 281px;
}

#col1 div.box a:hover span {
	text-decoration: underline;
}

#col1 div.box a.last {
	color: #ff3668;
	width: 259px;
	height: 18px;
	display: block;
	background: url(../images/col1-link-bg.png) 17px 0 no-repeat;
	padding: 1px 0 0 42px;
	margin: 6px 0 0 0;
}

#col1 div.box a.last:hover {
	color: #000000;
	background: #ff3668  url(../images/col1-link-bg.png) 17px 0 no-repeat;
	text-decoration: none;
}

#col1 a.image {
	float: left;
	margin: 3px 0 0 0;
	width: 303px;
	height: 143px;
	display: block;
	background: url(../images/content-col1-banner4.jpg);
	text-indent: -999em;
	overflow: hidden; 
	display: table;
}

#col1 a.banner {
	float: left;
	margin: 3px 0 0 0;
	width: 303px;
	height: 143px;
	display: block;
	overflow: hidden; 
	display: table;
}

#col1 a {
	float: left;
}

#col2 {
	float: left;
	width: 538px;
	margin: 0 0 0 6px;
	display: inline;
}

* html #col2 {
	margin: 0 0 0 4px;
}

#col2 h1 {
	float: left;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	width: 481px;
	height: 33px;
	padding: 12px 0 0 57px;
}

#col2 h1.purple {
	background: url(../images/title-bg-color2.jpg);
}

#col2 h1.blue {
	background: url(../images/title-bg-color4.jpg);
	margin: 3px 0 0 0;
}

#col2 h1.yellow {
	background: url(../images/title-bg-color3.jpg);
	color: #000000;
	margin: 3px 0 0 0;
}

#col2 div.slide {
	float: left;
	width: 538px;
	height: 357px;
	background: #051001;
}



/*           Slideshow           */

ul.slideshow {
	list-style:none;
	width:538px;
	height:357px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	
}	

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}

ul.slideshow li.show {
	z-index:500;	
}

ul img {
	border:none;	
}


#slideshow-caption {
	width:538px;
	height:80px;
	position:absolute;
	bottom:0;
	left:0;	
	color:#fff;
	background:#000;
	z-index:500;
}

#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;		
	z-index:1000;
}

#slideshow-caption h2 {
	margin:5px 0 0 14px;
	padding:0;	
	font-size:12px;
	color:#FFF;
}

#slideshow-caption h3 {
	margin:1px 0 0 14px;
	padding:0;	
	font-size:14px;
	color:#FFCC00;
}

#slideshow-caption h4 {
	margin:4px 0 0 14px;
	padding:0;	
	font-size:12px;
}

#slideshow-caption h4 a {
	text-decoration:none;
	color:#ff3668;
}

#slideshow-caption h4 a:hover {
	text-decoration:underline;
	color:#ff3668;
}

#slideshow-caption p {
	margin:0 0 0 0;
	padding:0;
}

#col2 div.slide p {
	float: left;
	margin: 5px 0 0 15px;
	display: inline;
	font-size: 12px;
}

#col2 div.slide p a {
	text-decoration: none;
	color: #ffb400;
}

#col2 div.slide p a span {
	color: #FFFFFF;
}

#col2 div.slide p a:hover {
	text-decoration: underline;
}

#col2 div.slide p a.red {
	color: #cc0033;
}

#col2 div.buytickets {
	float: left;
	width: 538px;
	padding:10px 0;
	background: #E60000;
	text-align:center;
}

#col2 div.buytickets a {
	color:#FFCC00;
	text-decoration:none;
	text-shadow:#000 1px 1px;
	font-size:24px;
	font-weight:bold;
}

#col2 div.buytickets a:hover {
	color:#FFF;
	text-decoration:none;
	text-shadow:#000 1px 1px;
}

#col2 div.text {
	float: left;
	width: 508px;
	padding: 15px 15px 31px 15px;
}

#col2 div.text p {
	font-size: 13px;
	line-height: 20px;
}

#col2 div.yellow {
	background: #ffeab8;
}

#col2 div.blue {
	width: 534px;
	background: #c4e4f2;
	padding: 0px 2px 3px 2px;
}

#col2 div.blue div.news {
	float: left;
	width: 470px;
	display: block;
	padding: 5px 50px 5px 15px;
	margin: 3px 0 0 0;
	text-decoration: none;
	/*border-bottom: 1px solid #8aa1ab;*/
	color: #25250e;
	font-size: 12px;
	line-height: 18px;
}

#col2 div.news {
	float: left;
	width: 100%;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #8aa1ab;
}

#col2 div.news img {
	float: left;
	margin: 0 18px 0 0;
	display: inline;
}

#col2 div.news a {
	color: #cc0033;
	text-decoration:none;
}

#col2 div.news a:hover {
	color: #333;
	text-decoration:underline;
}

#col2 div.blue span.date {
	color: #cc0033;
	font-size: 13px;
	font-weight:bold;
}

#col2 div.blue span.title a {
	color:#000;
	font-size: 17px;
	line-height: 23px;
	text-decoration:none;
}

#col2 div.blue span.title a:hover {
	text-decoration:underline;
}

div.newsletter {
	float: left;
	width: 538px;
	margin: 3px 0 0 0;
	background: #FFFFFF;
}

div.poll {
	padding:20px 20px 40px 20px;
}


div.newsletter form {
	margin: 5px auto;
	width: 530px;
	height: 135px;
	background: #cc0033 url(../images/content-newsletter-img1.png) 25px 30px no-repeat;
}

div.newsletter label.join {
	float: left;
	width: 282px;
	height: 53px;
	background: url(../images/content-newsletter-text.png) no-repeat;
	text-indent: -999em;
	overflow: hidden;
}

div.poll label.title {
	font-size:21px;
	color:#690303;
	text-shadow:#FFF 1px 1px 1px;
	font-weight:bold;
	display:block;
	margin:0 0 10px 0;
}

div.poll div.answers {
	margin:0 0 20px 0;
}

div.newsletter fieldset {
	float: right;
	margin: 25px 50px 0 0;
	display: inline;
	width: 289px;
}

div.newsletter input {
	float: left;
	width: 230px;
	height: 18px;
	margin: 5px 0 0 0;
}

div.newsletter button {
	float: left;
	width: 47px;
	height: 24px;
	text-indent: -999em;
	overflow: hidden;
	border: 0;
	display: block;
	display: inline;
	margin: 5px 0 0 3px;
	background: url(../images/content-newsletter-log.png);
}

div.newsletter button:hover {
	cursor: pointer;
}

div.newsletter #message		{ background:#cc0033 url(../images/content-newsletter-img2.png) 25px 30px no-repeat; width:498px; height:105px; margin:5px; padding:15px;}
div.newsletter #message h2		{ font-family:Arial, Helvetica, sans-serif; font-size:150%; color:#FFCC00; margin:10px 0 0 170px; }
div.newsletter #message p		{ font-family:Arial, Helvetica, sans-serif; color:#6AD0FF; font-weight:bold; margin:0 0 0 170px; }
#checkmark		{ position:relative;top:-46px;left:-60px; }

div.poll #message		{ background: url(../images/poll-icon.png) 25px 0px no-repeat; width:498px; height:105px; margin:5px; padding:15px;}
div.poll #message h2		{ font-family:Arial, Helvetica, sans-serif; font-size:150%; color:#690303; margin:10px 0 0 170px; }
div.poll #message p		{ font-family:Arial, Helvetica, sans-serif; color:#6AD0FF; font-weight:bold; margin:0 0 0 170px; }


#col3 {
	float: right;
	width: 291px;
}

#col3 a {
	float: left;
	margin: 0 0 3px 0;
	background: #FFFFFF;
}

#col3 img {
	float: left;
	padding: 4px;
}

#col3 a:hover {
	background: #ffb400;
}
#col3 img.nolink {
	border:4px solid #FFFFFF;
	padding:0;
}



/*           Interna           */

#left-col {
	float: left;
	width: 845px; 
	background: #ffeab8;
	margin: 0 0 4px 0;
}

#left-col h1 {
	float: left;
	width: 790px;
	height: 33px;
	padding: 13px 0 0 55px;
	background: url(../images/title-bg-color1.jpg);
	color: #FFFFFF;
	font-size: 17px;
}

#left-col h2 {
	float: left;
	width: 790px;
	height: 33px;
	padding: 13px 0 0 55px;
	background: url(../images/title-bg-color2.jpg);
	color: #FFFFFF;
	font-size: 17px;
	border-top: solid 3px #000;
}

#left-col div.text {
	float: left;
	width: 835px;
	padding: 0 0 0 5px;
	display: inline;
}

#left-col div.news {
	float: left;
	width: 837px;
	padding: 4px 0 4px 0px;
	border-bottom: 1px solid #e1cea2;
}

#left-col div.news img {
	float: left;
	margin: 0 18px 0 0;
	display: inline;
}

#left-col div.news canvas, #left-col div.news var {
	float: left;
	margin: 0 18px 2px 10px;
	display: inline;
}

#left-col div.news a {
	float: left;
	width: 814px;
	display: block;
	text-decoration: none;
	font-size: 13px;
	line-height: 20px;
	color: #333333;
	padding: 12px 10px 12px 10px;
}

#left-col div.news a span.title {
	color: #cc0033;
	font-size: 18px;
}

#left-col div.news a span.sub-title {
	font-size: 14px;
	color: #333333;
	font-weight: bold;
}

#left-col div.news a span.bottom {
	color: #cc0033;
	font-size: 13px;
	font-weight: bold;
	background: url(../images/interna-plus.png) left no-repeat;
	padding: 0 0 0 25px;
	float: left;
	margin: 10px 0 0 0;
}

#left-col div.news a span.send {
	color: #cc0033;
	font-size: 13px;
	font-weight: bold;
	background: url(../images/mail.png) left no-repeat;
	padding: 0 0 0 35px;
	float: left;
	margin: 5px 0 0 0;
}

#left-col div.news a:hover {
	background: #f2deaf;
}

#left-col div.general {
	float: left;
	width: 804px;
	font-size: 13px;
	line-height: 20px;
	color: #333333;
	padding: 16px 20px 20px 10px;
	border-bottom: 1px solid #e1cea2;
}

#left-col div.general img {
	float: left;
	margin: 0 18px 0 0;
	display: inline;
}

#left-col div.general img.right {
	float: right;
	margin: 0 10px 0 20px;
	display: inline;
}

#left-col div.general canvas, #left-col div.general var {
	float: left;
	margin: 0 18px 2px 10px;
	display: inline;
}

#left-col div.general span.title {
	color: #cc0033;
	font-size: 18px;
}

#left-col div.general span.sub-title {
	font-size: 14px;
	color: #333333;
	font-weight: bold;
}

#left-col div.general span.sub-title a {
	color: #333333;
	text-decoration:underline;
}

#left-col div.general span.sub-title a:hover {
	color: #000099;
	text-decoration:underline;
}

#left-col div.general a {
	color: #cc0033;
}

#left-col div.general a:hover {
	color: #333;
}

.polaroid {
border:4px solid #FFF;
}

/*           Coda Slider           */

/* Insignificant stuff, for demo purposes */

	.panel h2.title { margin-bottom: 10px }
	noscript div { background: #FDEECA; margin: 20px 0; padding: 15px }

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 0 0 }
	.coda-slider { background: #FDEECA }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 804px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 800px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #D2C3A0; border-right:1px solid #B8AB8B; color:#CC0033; }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 20px 10px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: 1px auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #F3DFAF; color: #333; display: block; float: left; margin-right: 2px; padding: 10px 12px 5px 6px; text-decoration: none; border-right:1px solid #EADAB3; }
	.coda-nav ul li a:hover { background: #FBE5B2; }
	.coda-nav ul li a.current:hover { background: #D2C3A0; }
	.coda-nav ul li #icon { position:relative; float:left; margin: 0; cursor:pointer; }
	.coda-nav ul li #title { position:relative; float:left; margin:10px 0 0 -10px; cursor:pointer; font-weight:bold;}
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider #hide.panel  { display:none; }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	

#content div.bottom {
	float: left;
	width: 845px;
}

#content div.bottom a.image {
	float: left;
	margin: 0 0 0 0;
	width: 303px;
	height: 143px;
	display: block;
	background: url(../images/content-col1-banner4.jpg);
	text-indent: -999em;
	overflow: hidden; 
	display: table;
}

#content div.bottom div.newsletter {
	margin: 0 0 0 4px;
	display: inline;
}


/*           Gallery           */
div.g2imageblock {
    clear:both;
	display:block;
	height:240px;
}
div.g2imageblock span.title {
	color: #cc0033;
	font-size: 18px;
	padding:0 0 20px 0;
}
div.g2imageblock div.one-image {
    float: left;
    clear: none;
    margin: 0.25em;
    padding: .9em 0em .9em .9em;
    overflow: hidden;
	background:#FDEECA;
	border:1px solid #e1cea2;
	width:180px;
	height:200px;
}
#more {
clear:both;
margin:0 0 25px 0;
height:30px;
border-bottom:solid 1px #e1cea2;
width:100%;
text-align:right;
}
#more a{
float:right;
color:#cc0033;
text-decoration:none;
font-weight:bold;
padding:5px 10px 0 0;
}
div.one-image h4.giDescription{
    display:block;
	clear:both;
	color: #cc0033;
	font-size: 12px;
	font-weight: bold;
    padding-top: 5px;
	line-height:12px;
}
div.one-image p.giInfo span.summary{
	color: #333;
	font-size: 12px;
	font-weight: bold;
}

/* ###########  FOOTER  ###########*/

#footer {
	float: left;
	width: 100%;
	padding: 0 0 20px 0;
	background: #000000;
}

#footer div.center {
	margin: 0 auto;
	width: 1140px;
}

#footer h2.logo {
	float: left;
	width: 81px;
	height: 44px;
	margin: 15px 0 0 20px;
	display: inline;
	background: url(../images/footer-logo.png);
	text-indent: -999em;
	overflow: hidden;
}


#footer p {
	float: left;
	margin: 38px 0 0 15px;
	display: inline;
	color: #b0a78d;
	font-size: 11px;
	text-align: right;
	line-height: 19px;
}

#footer p a {
	color: #e3c97f;
	text-decoration: none;
}

#footer p a:hover {
	color: #f8b305;
}

#footer div.list {
	float: left;
	margin: 0 0 0 115px;
	display: inline;
}

#footer div.list ul {
	float: left;
	width: 185px;
	margin: 30px 0 0 0;
}

#footer div.list ul li {
	font-size: 12px;
	color: #b0a78d;
	line-height: 17px;
}

#footer div.list ul li.first {
	line-height: 35px;
	font-size: 13px;
	font-weight: bold;
}

#footer div.list ul li a {
	color: #b0a78d;
	text-decoration: none;
	font-size: 10px;
}

#footer div.list ul li a:hover {
	color: #f8b305;
	text-decoration: none;
	font-size: 10px;
}