/* GLOBAL */

strong{
	font-weight:bold;
}
em{
	font-style:italic;
}

body{
	font-family: Verdana;
	font-size: 11px;
}

/* TEMPLATE */

#page-wrap{

}

#page-body{
	width:980px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

	/* HEADER */
	#viewmobile-link{ background: #000;width:100%;text-align:center;padding:5px 0; }
	#viewmobile-link a{color:#fff;font-weight:bold;font-size:48px;}
	
	#hd{
		overflow:hidden;
		position:relative;
		width:980px;
	}

	#logo{
		float:left;
		height: 82px;
	}
	
		#logo a{
			background:transparent url(../images/f-logo.jpg) no-repeat;
			display:block;
			height:72px;
			width:322px;	
			float:left;
		}
			#logo a span{
				display:none;
			}

		#contactlinks{
			position:absolute;
			top:0px;
			right:0px;
		}

			#contactlinks ul{

			}
				#contactlinks ul li{
					float:left;
					margin-right:30px;
				}
				#contactlinks ul li span{ display: none; }
				#contactlinks ul li#espanol span{ display: block; }
				#contactlinks ul li#facebook a{ background: url(../images/f-social-facebook.jpg) no-repeat; display: block; width: 27px; height: 26px; margin-top:5px; }
				#contactlinks ul li#twitter a{ background: url(../images/f-social-twitter.jpg) no-repeat; display: block; width: 26px; height: 26px; margin-top:5px; }
				#contactlinks ul li#youtube a{ background: url(../images/f-social-youtube.jpg) no-repeat; display: block; width: 26px; height: 26px; margin-top:5px; }
				#contactlinks ul li#other a{ background: url(../images/f-social-other.jpg) no-repeat; display: block; width: 26px; height: 26px; margin-top:5px; }
				#contactlinks ul li#espanol{ margin-right:0px; }
				#contactlinks ul li#espanol a{
					background:#cc3300 none repeat scroll 0 0;
					color:#ffffff;
					font-weight: bold;
					font-size: 10px;
					display:block;
					float:left;
					width: 91px;
					height: 29px;
					margin:0px;
					padding:12px 0px 0px 0px;
					text-decoration:none;
					text-align: center;
				}
				#contactlinks ul li#espanol a:hover{
					background:#000000 none repeat scroll 0 0;
					color:#ffffff;
				}
				
					#contactlinks ul li a{
						float:left;
					}


		#nav{
			color:#333333;
float:left;
font-size:11px;
left:250px;
position:absolute;
z-index:9999;
		}		

		/* General */		
		ul#cssdropdown{
			padding: 4px 0px;
		}
		
		ul#cssdropdown li{
			float: left;
			padding: 0px 10px 0px 10px;
			position: relative;
		}
		ul#cssdropdown li ul{
			clear: left;
			position: absolute;
			top: 22px;
			left: 10px;
			display: none;
			border: 1px solid black;
			background: #cc3300;
		}
		ul#cssdropdown li ul#support{
			left: -67px;
		}
		ul#cssdropdown li ul li{
			clear: left;
			padding: 0px 0px 0px 0px;
		}
		
		ul#cssdropdown li ul li a{
			color:#666666;
			background:#FFFFFF;
			display:block;
			float:left;
			font-weight:bold;
			padding:4px 10px 4px 10px;
			text-decoration:none;
			width: 122px;
		}
		ul#cssdropdown li a{
			color:#FFFFFF;
			background:#FFFFFF;
			display:block;
			float:left;
			font-weight:bold;
			padding:4px 8px 4px 8px;
			text-decoration: none;
		}
		ul#cssdropdown li a:link, ul#cssdropdown li a:visited, ul#cssdropdown li a:active{
			color:#666666;
			background:#FFFFFF;
		}
		ul#cssdropdown li a:hover{
			color:#FFFFFF;
			background:#000000;
		}
		
		ul#cssdropdown li ul li a:link, ul#cssdropdown li ul li a:visited, ul#cssdropdown li ul li a:active{
			color:#FFFFFF;
			background: #cc3300;
		}
		ul#cssdropdown li ul li a:hover{
			color:#FFFFFF;
			background:#000000;
		}

/* BODY */

#bd{
	clear:both;
}

#event-box{
	overflow:hidden;
}
	#event-box h1{
		font-size:21px;
		font-weight: bold;
		float: left;
		background: #cc3300;
		padding: 5px 14px 5px 14px;
		color: #FFFFFF;
	}

#event-row{
	float: left;
	background: #cc3300 none repeat scroll 0 0;
	padding: 14px 13px 14px 14px;
	width: 100%;
	
}

	.event-box{
		float:left;
		margin:0 22px 0 0;
		overflow:hidden;
		height:202px;
		position:relative;
	}

		.event-box.fourth{
			margin-right:0px;
		}

		.event-box img{
			height: 167px;
		}
		.event-box .event-info{
			background: transparent;
			display:block;
			position:absolute;
			top:112px;
			width: 221px;
		}
			.event-info h2{
				color:#FFFFFF;
				padding: 2px 5px 0px 10px;
				font-size:12px;
				font-weight:bold;
				position: relative;
				height: 53px;
			}
			.event-title{
				display: block;
				margin: .2em 0;
			}
			.event-date{
				display: block;
				margin: .2em 0;
				font-size: 11px;
				font-weight: normal;
			}
			
			.overlay{
				position: absolute;
				top: 0; /* These positions makes sure that the overlay */
				bottom: 0; /* will cover the entire parent */
				left: 0;
				width: 100%;
				height: 55px;
				background: #000;
				opacity: 0.65;
				-moz-opacity: 0.65; /* older Gecko-based browsers */
				filter:alpha(opacity=65); /* For IE6&7 */
			}
			
				.event-info a.ticket-button{
					background:#FFFFFF none repeat scroll 0 0;
					color:#000000;
					font-weight: bold;
					font-size: 10px;
					display:block;
					float:left;
					width: 111px;
					height: 25px;
					margin:0px;
					padding:10px 0px 0px 0px;
					text-decoration:none;
					text-align: center;
					text-transform:uppercase;
				}
				.event-info a.more-button{
					background:#822202 none repeat scroll 0 0;
					color:#ffffff;
					font-weight: bold;
					font-size: 10px;
					display:block;
					float:left;
					width: 110px;
					height: 25px;
					margin:0px;
					padding:10px 0px 0px 0px;
					text-decoration:none;
					text-align: center;
					text-transform:uppercase;
				}
				.event-info a.comingsoon-button{
					background:#822202 none repeat scroll 0 0;
					color:#ffffff;
					font-weight: bold;
					font-size: 10px;
					display:block;
					float:left;
					width: 221px;
					height: 25px;
					margin:0px;
					padding:10px 0px 0px 0px;
					text-decoration:none;
					text-align: center;
					text-transform:uppercase;
				}
				.event-info a.comingsoon-button:link, .event-info a.comingsoon-button:active, .event-info a.comingsoon-button:visited {
					background:#822202 none repeat scroll 0 0;
					color:#ffffff; 
				}
				.event-info a.comingsoon-button:hover{
					background:#000000 none repeat scroll 0 0;
					color:#ffffff; 
				}
				
				.event-info a.ticket-button:link, .event-info a.ticket-button:active, .event-info a.ticket-button:visited {
					background:#FFFFFF none repeat scroll 0 0;
					color:#000000;
					text-decoration:none;
				}
				.event-info a.ticket-button:hover{
					background:#000000 none repeat scroll 0 0;
					color:#ffffff; 
				}
				.event-info a.more-button:link, .event-info a.more-button:active, .event-info a.more-button:visited {
					background:#822202 none repeat scroll 0 0;
					color:#ffffff; 
				}
				.event-info a.more-button:hover{
					background:#000000 none repeat scroll 0 0;
					color:#ffffff; 
				}

#bottom-boxes{
	float:left;
	width:729px;
	margin-top: 15px;
}

/* PHOTO HOLDER */

#photo-holder{
	overflow:hidden;
	width:482px;
	float:left;
	height:285px;
}

#photo-rotate{
	position:relative;
}

	#photo-rotate ul{
		left:364px;
		position:absolute;
		top:8px;
	}

	#photo-rotate ul li{
		float:left;
		margin-right:4px;
	}

	#photo-rotate ul li a{
		float:left;
		display:block;
		background:#cccccc;
		color:#333333;
		text-decoration:none;
		padding:5px;
		border:1px solid #333333;
	}

	#photo-rotate img{
		width:482px;
	}

	.ui-tabs-hide{
		display:none;
	}

	.phototitle{
		background:#CCCCCC none repeat scroll 0 0;
		height:40px;
		position:absolute;
		top:245px;
		width:482px;
	}
	.phototitle h3{
		font-weight:bold;
		font-size:15px;
		margin:2px 10px;
	}
	.phototitle p{
		margin:4px 10px;
	}

	/* WELCOME BOX */

	#welcome{
		background:#cc3300 none repeat scroll 0 0;
		color:#ffffff;
		float:left;
		margin-left:15px;
		width:232px;
		height: 276px;
		line-height: 20px;
		padding-bottom: 10px;
		overflow: hidden;
	}

		#welcome h2{
			margin: 18px 13px 0px 13px;
			font-size:16px;
			font-weight: bold;
			color:#ffffff;
		}

		#welcome p{
			font-size:12px;
font-weight:normal;
line-height:16px;
margin:8px 5px 0 13px;
		}

		p#welcome-buy a{
			display:block;
			width:193px;
			padding:6px;
			text-align:center;
			background:#ffffff;
			color:#000000;
			font-size:18px;
			font-weight: bold;
			text-decoration:none;
		}

		p#welcome-buy a:hover{ 
			background:#000000;
			color: #ffffff;
		}

		p#welcome-signup a{
			display:block;
			width:193px;
			padding:6px;
			text-align:center;
			background:#661900;
			color:#ffffff;
			font-size:18px;
			font-weight: bold;
			text-decoration:none;
		}
		p#welcome-signup a:hover{ 
			background:#000000;
			color: #ffffff;
		}

		p#welcome-signup a .small{
			font-size:11px;
		}

		p#brochure a{
			background:none repeat scroll 0 0 #862200;
			color:#FFFFFF;
			display:block;
			font-size:13px;
			font-weight:bold;
			line-height:16px;
			padding:6px 0;
			text-align:center;
			text-decoration:none;
			width:205px;
		}

		p#brochure a:hover{ 
			background:#000000;
			color: #ffffff;
		}

	.home-box-bottom{
		float:left;
		margin:15px 15px 0 0;
		overflow:hidden;
		width:233px;
		height:233px;
		position:relative;
	}

		.home-box-bottom.last{
			margin-right:0;
		}

		.home-box-bottom img{
			width:233px;
			min-height:233px;
		}

	.hidden{
		//display:none;
	}


			
			.boxgrid{ 
				background: #000000 none repeat scroll 0 0;
				width: 233px; 
				height: 244px;   
				float:left;  
				overflow: hidden; 
				position: relative; 
				margin:10px 15px 10px 0;

			}

			
			.boxgrid.last{  
				margin:10px 0 10px 0;

			}
				.boxgrid img{ 
					position: absolute; 
					width: 233px; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					margin: 0 10px;  
				}
				
				.boxgrid h3{ 
					font-size:13px;
					font-weight:bold;
					margin:5px 5px 5px 10px;
					height:35px;
				}
				
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000000;
				color: #ffffff;
				height: 200px; 
				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)";
 			}
			
 				.captionfull .boxcaption {
 					top: 0px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 178px;
 					left: 0;
 				}
				p.covercopy, p.cover2copy, p.cover3copy{
					line-height: 18px;
					padding: 8px;
				}
				p.learnlink{
					padding: 4px;
					line-height: 12px;
				}
				p.learnlink a:link, p.learnlink a:active, p.learnlink a:visited{
					color: #FFFFFF;
					text-decoration: underline;
				}
				p.learnlink a:hover{
					text-decoration: none;
				}
				p.learnlink2 a:link, p.learnlink2 a:active, p.learnlink2 a:visited{
					color: #FFFFFF;
					text-decoration: underline;
				}
				p.learnlink2 a:hover{
					text-decoration: none;
				}

	.boxgrid .caption{
	}
		.boxgrid .caption a{
			color:#FFFFFF;
			display:block;
			font-size:14px;
			padding:4px 10px;
			text-decoration:none;
			text-transform:uppercase;
			background:#999999 none repeat scroll 0 0;
			height:27px;
			position:absolute;
			top:206px;
			width:233px;
		}


/* SIDEBAR */

#sidebar{
	float:left;
	width:235px;
	height: 540px;
	overflow: hidden;
	margin-top: 15px;
	margin-left:15px;
	background:#000000;
	position: relative;
}

	#news-inner{
		background:#000000 none repeat scroll 0 0;
		margin:8px;
		padding:8px;
		color: #ffffff;
	}

		#news-inner h2{
			font-size:16px;
			font-weight: bold;
			text-transform:uppercase;
			margin: 0px 0px 0px 0px;
		}

		.news-item{ 
			overflow:hidden; 
		}
			.news-item h3{
			border-top: 1px solid #545454;
			padding-top:7px;
				font-weight:bold;
				margin:10px 0 8px;
				font-size: 12px;
			}
	
			.news-item p{
				margin:0px 0 4px;
				line-height: 15px;
				font-size: 12px;
				font-weight: normal;
			}

			.news-item a{
	
			}

/* TWITTER BOX FOR HOMEPAGE */
	#twitter-inner{
		background:#ffffff none repeat scroll 0 0;
		margin:8px;
		padding:4px 8px;
		height:137px;
	}

		#twitter-inner h2{
			padding: 0px 4px;
			font-size:16px;
			font-weight: bold;
		}
		#twitter-inner p{
			padding: 4px;
			font-size: 12px;
			font-weight: normal;
			line-height: 15px;
		}

		#twitter-inner .user {
			border-bottom:1px solid #CCCCCC;
			height:115px;
			margin-top:5px;
			width:200px;
			overflow:hidden;
		}
		#twitter-inner .user .userimg{
			float:left;
			width:40px;

		}

		#twitter-inner .user .userimg a{
		}
		#twitter-inner .user .userimg a img{
			width:32px;
			margin:2px;
		}
		#twitter-inner .user p{
			padding:0;
			font-size:11px;
			line-height:13px;
		}

		#twitter-inner .user a.twitname{

			color:#333333;
			font-size:12px;
			font-weight:normal;
			line-height:12px;
			text-decoration:none;
		}
		#twitter-inner .user a.twitname:hover{ 
			text-decoration:underline;
		}

	
		#twitter-inner .user p strong{
			font-size:10px;
		}


	#connect-button{  
		position: absolute;
		bottom: 0px;
		width: 100%;
	}

		#connect-button a{
			font-size: 12px;
			margin:8px;
			padding:8px;
			display:block;
			font-weight:bold;
			text-decoration:none;
			color:#ffffff;
			text-transform:uppercase;
			height: 14px;
		}
			#connect-button a:hover{
				background:#999999;
			}
		#connect-button img{
			margin-top: 1px;
			display: block;
		}

/* FOOTER */

#ft{
background:#000000 none repeat scroll 0 0; 
color: #ffffff;
clear:both;
height:114px;
margin-top:10px;
overflow:hidden;
position:relative;
margin-bottom: 10px;
z-index:888;
}

#ft-logo img{
	float:left;
	margin:25px 15px 25px 25px; 
	width: 69px;
	height: 68px;
}

#ft p{
	float:left;
	color:#ffffff;
	margin-top:17px;
	line-height: 28px;
	font-size: 12px;
	font-weight: bold;
}
#ft p strong{ color: #f0501a; }

a.whiteunderline:link, a.whiteunderline:active, a.whiteunderline:visited{
	color: #FFFFFF;
	text-decoration: underline;
}
a.whiteunderline:hover{
	text-decoration: none;
}
a.blackunderline:link, a.blackunderline:active, a.blackunderline:visited{
	color: #000000;
	text-decoration: underline;
}
a.blackunderline:hover{
	text-decoration: none;
}

#sociallinks{
	position:absolute;
	left:700px;
	top:10px;
}

	#sociallinks ul{
		
	}

	#sociallinks ul li{
		float:left;
		margin:0 8px 0 0;
	}
	#sociallinks ul li a{
		float:left;
		color:#ffffff;
		text-decoration:none;
	}

.whiteline{
	width: 233px;
	border-top: 1px solid white;
	display: block;
}

/* INTERIOR ADJUSTMENTS */

#interior #contactlinks ul   {
	margin:0;
	padding:0;
}
 
#interior #contactlinks ul li {
	float:left;
	margin-right:30px;
	list-style:none outside none;
}

#interior #hd { 
	width:800px;	
	margin:0 auto;
}

#interior #ft{
	width:800px;
	margin:0 auto;
}

#in_middle_white {
 	background-image:none;
	margin:0 auto;
	float:none;
}
 
#in_upper_navigation  {
	background-image:url("/en/_gfx/backgrounds/upper_navigation2010.jpg"); 
	margin:0 auto;
	position:relative;
}

#nav_submenu{
	background-color:#cd3301;
}
#nav_submenu a.nav_link:visited,#nav_submenu a:link {
	color:#ffffff; 
}
a.nav_link:hover{
	color:#333333; 
	text-decoration:underline;
}


* html .dropdown dd ul{
 width: 170px;  
}
* html #content_wrap { 
 height: expression( this.scrollHeight < 401 ? "400px" : "auto" ); /* sets min-height for IE */
 
}


/* SEARCH BOX */

#homesearchform{height:20px;
position:absolute;
right:0;
text-align:right;
top:50px;
width:195px;
}

#interior #homesearchform{
	right:28px;
}

#homesearchform #searchfield {
color:#999999;
font-size:11px;
width:85px;
} 
#homesearchform #submitarrow{
	font-size:11px;
}