/* GLOBAL */
html, body { width: 100%; }
body { 
	text-align: center;
	background: #9ddaf9 url('../images/bg-gradient.jpg') repeat-x bottom;
	font-family: Arial, Helvetica, sans-serif;
	color: #787878;
}
a, input { color: #787878;}
strong { font-weight: bold; }
em { font-style: italic; }
h2 { text-align: center; }
p { padding: 5px 0px; }
.sup { font-size: 8px; position: relative; top: -0.75em; line-height: 1em; }
.nbsp { white-space: nowrap; }

/* LAYOUT */
#wrapper {
	width: 100%;
	background: transparent url('../images/bg-clouds.jpg') no-repeat center bottom;
}

#branding {
	width: 100%;
	position: relative;
	margin-bottom: -55px;
}
	
	#banner {
		height: 275px;
		width: 100%;
		background: #9ddaf9 url('../images/header-US.jpg') no-repeat center top;
		text-indent: -9999px;
	}
	
	#header {
		text-align: left;
		width: 790px;
		height: 225px;
		position: absolute;
		top: 0px;
		left: 50%;
		margin-left: -395px;
	}
	
	#country {
		position: absolute;
		top: 18px;
		left: 0px;
		width: 198px;
		overflow: hidden;
	}
	
		#country .active { background: #FFF; }
		
		#US, #CAN { 
			width: 99px; 
			float: left;
			height: 25px;
		}
		
		#US a, #CAN a {
			display: block;
			text-indent: -9999px;
			height: 100%;
			width: 100%;
			background: transparent url('../images/sprites.png') no-repeat center top;
		}
		
		#US a { background-position: center -691px; }
		#US.active a, #US a:hover { background-position: center -731px; }
		#CAN a { background-position: center -606px; }
		#CAN.active a, #CAN a:hover { background-position: center -644px; }
	
	#links {
		width: 100%;
		position: absolute;
		left: 0px;
		bottom: 0px;
		overflow: hidden;
	}
	
		#DQ, #CMN {
			float: left;
			height: 53px;
			width: 91px;
			overflow: hidden;
		}
		
		#CMN {
			float: right;
		}
		
			#DQ a, #CMN a {
				display: block;
				text-indent: -9999px;
				height: 100%;
				width: 100%;
				background: transparent url('../images/sprites.png') no-repeat center top;
			}
			
			#DQ a { background-position: center -772px; }
			#DQ a:hover { background-position: center -823px; }
			#CMN a { background-position: center -885px; }
			#CMN a:hover { background-position: center -951px; }
	
	#share {
		position: absolute;
		top: 15px;
		right: 0px;
		width: 85px;
		height: 25px;
	}
		
		#share a {
			display: block;
			height: 100%;
			width: 100%;
		}

#primary-wrapper {
	text-align: center;
	height: 407px;
	width: 805px;
	margin: 0 auto;
	padding: 4px 4px 5px;
	background: transparent url('../images/shadows.png') no-repeat left top;
	position: relative;
}

#primary-content {
	height: 387px;
	text-align: left;
	padding-right: 460px;
	position: relative;
	background: #f9f9f6;
	border: 10px solid #FFF;
}

	#primary-content h2 { 
		padding: 20px 10px 10px; 
		height: 60px;
		background: transparent url('../images/sprites.png') no-repeat center -260px;
		text-indent: -9999px;
	}

	#primary-content p {
		padding: 5px 42px;
		font-size: 11px;
		line-height: 18px;
	}
	
	#primary-content #RSVP {
		text-align: center;
		padding: 10px 88px;
		text-indent: -9999px;
		background: transparent url('../images/sprites.png') no-repeat center -375px;
		height: 35px;
	}
	
		#rsvp_now { 
			display: block; 
			width: 158px; 
			height: 41px; 
			margin: 0 auto;
			background: transparent url('../images/sprites.png') no-repeat center 0px;
			text-indent: -9999px;
		}
		
		#rsvp_now:hover {
			background-position: center -55px;
		}

	#video {
		position: absolute;
		top: 10px;
		right: 10px;
		width: 417px;
		height: 342px;
		padding: 13px 11px 12px 12px;
		background: transparent url('../images/shadows.png') no-repeat 0px -867px;
	}
	
		#video video {  }
	
		#video h3 { 
			text-align: center; 
			font-size: 12px;
		}
	
		#video-selection {
			overflow: hidden;
			margin: 0 auto;
			width: 412px;
			height: 59px;
			position: relative;
			background: transparent url('../images/slideshow-bg.jpg') no-repeat center;
			padding: 4px 2px;
		}
		
			#video-selection ul { 
				overflow: hidden; 
				width: 824px; 
				position: relative;
				left: 0px;
			}
		
			#video-selection li {
				float: left;
				height: 56px;
				width: 99px;
				padding: 2px;
			}
			
			#video-selection li:hover { background-color: #3BB9DC; }
			
			#video-selection li a { 
				display: block;
				height: 100%;
				width: 100%;
			}
						
			#prev, #next {
				position: absolute;
				top: 25px;
				display: block;
				height: 18px;
				width: 18px;
				overflow: hidden;
				z-index: 10;
				background: transparent url('../images/sprites.png') no-repeat center top;
				text-indent: -9999px;
			}
			
			#prev { 
				left: 0px; 
				background-position: center -1019px;
			}
			#prev:hover { background-position: center -1055px; }
			#next { 
				right: 0px; 
				background-position: center -1100px;
			}
			#next:hover { background-position: center -1137px; }

#secondary-content {
	text-align: left;
	height: 436px;
	margin: 5px auto 0px;
	width: 813px;
	overflow: visible;
}

#secondary-content:after {  
    content: ".";  
    visibility: hidden;  
    display: block;  
    clear: both;  
    height: 0;  
    font-size: 0; 
}

	#about-wrapper {
		float: right;
		height: 433px;
		width: 209px;
		padding: 4px 4px 5px;
		background: transparent url('../images/shadows.png') no-repeat right -421px;
		overflow: visible;
	}
	
	#about {
		height: 393px;
		background: #f9f9f6;
		border: 10px solid #FFF;
		font-size: 10px;
		line-height: 18px;
		padding: 10px 0px;
	}
	
		#about h2 {
			text-indent: -9999px;
			background: transparent url('../images/sprites-hq.png') no-repeat center -103px;
			height: 35px;
			margin-top: -25px;
		}
	
		#about h3 {
			height: 88px;
			width: 168px;
			padding: 10px;
			text-indent: -9999px;
			background: transparent url('../images/sprites.png') no-repeat center -450px;
		}
		
		#about p { padding: 5px 8px; }
		
		#about a:hover { color: #3BB9DC;}
	
	#store-wrapper {
		float: left;
		height: 433px;
		width: 350px;
		padding: 4px 4px 5px;
		background: transparent url('../images/shadows.png') no-repeat left -421px;
	}
			
	#store-locator {
		height: 393px;
		background: #f9f9f6;
		border: 10px solid #FFF;
		padding: 10px 17px;
	}
	
		#store-locator h2 {
			text-indent: -9999px;
			background: transparent url('../images/sprites-hq.png') no-repeat center -10px;
			height: 35px;
			margin-top: -25px;
		}
	
		#store-locator h3 {
			color: #ee1515;
			font-weight: bold;
			font-size: 14px;
			padding-top: 5px;
			line-height: 1em;
		}
		
		#search {
			border-bottom: 1px solid #CCC;
			padding: 4px 0px 9px;
			position: relative;
		}
		
			#zip {
				width: 189px;
				height: 16px;
				font-size: 11px;
			}
			
			#submit {
				background: transparent url('../images/sprites-hq.png') no-repeat center -155px;
				height: 23px;
				width: 43px;
				text-indent: -9999px;
				border: none;
			}
			#submit.active { 
				background-position: center -179px; 
				cursor: pointer; 
			}
			#submit.active:hover { background-position: center -205px;}
			
			#appLoading {
			  display:none;
			  padding:0 0 1px 20px;
			  font-size:11px;
			  line-height:16px;
			  background:url('../images/loading.gif') no-repeat;
		  }
		#preview {
			margin-top: 9px;
		}
		
		#locations-wrapper {
			height: 306px;
			width: 295px;
			overflow: hidden;
			position: relative;
		}
		
		#locations {
			font-size: 10px;
			line-height: 11px;
			text-transform: uppercase;
			position: relative;
			top: 0px;
			height: 306px;
			width: 295px;
		}
			
			#locations li { 
				position: relative;
				border-bottom: 1px solid #CCC;
				padding: 0px 113px 5px 0px;
				height:96px;
				width: 182px;
				overflow: hidden;
				float: left;
			}
					
			#locations h3 a { 
				font-size: 12px; 
				color: #ee1515;
				text-decoration: none;
				display: block;
			}
			
			#locations span { display: block; }
			
			#locations img {
				position: absolute;
				right: 0px;
				top: 10px;
			}
			
			#locations .more-info {
				text-transform: capitalize;
				text-decoration: underline;
				font-weight: bold;
				line-height: 16px;
			}
			
			#locations .distance {
				text-transform: lowercase;
				font-weight: bold;
			}
			
			#locations a:hover { color: #3BB9DC; }
		
		#results {
			font-size: 11px;
			line-height: 23px;
			text-align: center;
			display: block;
			width:154px;
			margin:0 0 0 84px;
		}
		
		#location-controls {
			overflow: hidden;
			width: 100%;
			margin-top: -20px;
		}
		
			#locations-prev {
				float: left;
				height: 20px;
				width: 87px;
			}
			
			#locations-prev a {
				cursor: default;
				position:relative;
				display: block;
				height: 100%;
				width: 100%;
				background: transparent url('../images/sprites-hq.png') no-repeat center -234px;
				text-indent: -9999px;
			}
			
			#locations-prev .active {
				background-position: center -256px;
				cursor: pointer;
			}
			
			#locations-prev .active:hover {
				background-position: center -279px;
			}
			
			#locations-next {
				float: right;
				width: 60px;
				height: 20px;
			}
			
			#locations-next a {
				cursor: default;
				position:relative;
				display: block;
				height: 100%;
				width: 100%;
				background: transparent url('../images/sprites-hq.png') no-repeat center -306px;
				text-indent: -9999px;
			}
			
			#locations-next .active {
				background-position: center -328px;
				cursor: pointer;
			}
			
			#locations-next .active:hover { background-position: center -352px; }
			#locations .error { text-transform: none; font-size: 12px; line-height: 18px; padding-top: 20px; padding-right: 0px; width: 100%; }
			#locations .error strong { display: block; color: #EE1515; }
			#locations .error em { display: block; font-size: 10px; text-transform: uppercase; }
			
	#twitter-wrapper {
		float: left;
		height: 433px;
		width: 209px;
		padding: 4px 4px 5px;
		background: transparent url('../images/shadows.png') no-repeat right -421px;
		margin-left: 11px;
	}
	
	#twitter {
		background: #fff;
		border: 10px solid #FFF;
		height: 413px;
	}
	
		#twitter h2 {
			text-indent: -9999px;
			background: transparent url('../images/sprites-hq.png') no-repeat center -57px;
			height: 35px;
			margin-top: -15px;
		}

#footer {
	text-align: left;
	height: 120px;
	width: 423px;
	margin: 10px auto 0px;
	text-align: center;
	padding: 20px 195px 0px;
	font-size: 10px;
	line-height: 11px;
	color: #aaacad;
}

	#footer-logo {
		text-indent: -9999px;
		background: transparent url('../images/sprites-hq.png') no-repeat center -375px;
		height: 40px;
		padding: 0px 0px 10px;
	}
	
/* Twitter Style Adjustments */
.twtr-join-conv { display: none !important; }
#twtr-widget-1 .twtr-hd h4 { font-style: italic; font-size: 14px !important; }
.twtr-bd { padding: 0px 7px !important;}
.twtr-widget { top: 6px; }
.twtr-ft img { display: none; }
.twtr-ft a { display: block; height: 35px; width: 100%; background: transparent url('../images/sprites.png') no-repeat center -132px; }
.twtr-ft a:hover { background-position: center -181px;}
.twtr-widget .twtr-tweet { background-color: #FFF; *word-wrap: break-word; }

/* IE Fixes */
#secondary-content { _zoom:1; }
#secondary-content h2 { _position: relative; }
#about h3 { *padding: 5px; *background-position: center -455px; }
#store-locator { _padding: 10px 17px 2px; }

/* iPhone style adjustments*/
@media screen and (max-device-width: 480px) {
	#primary-content h2 { 
		padding: 0px 10px 10px; 
		background-position: center -270px;
	}
	#primary-content p {
		padding: 10px 10px;
		line-height: 14px;
	}
}