/* GLOBAL */
html, body { width: 100%; }
body { 
	text-align: center;
	background: #B5E2FD url('../images/bg-gradient.png') 0 0 repeat-x;
	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: 286px;
		background: url('../images/hdr_site.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; }
		
	#links {
		width: 100%;
		position: absolute;
		left: 0px;
		bottom: 0px;
		overflow: hidden;
	}
	
		#DQ, #CMN {
			float: left;
			height: 75px;
			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 -1556px; }
      #DQ a:hover { background-position: center -1640px; }
			#CMN a { background-position: center -1351px; }
      #CMN a:hover { background-position: center -1457px; }
	
	#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 {
    text-align:justify;
		padding: 5px 25px;
		font-size: 11px;
		line-height: 18px;
	}
	
	#primary-content #RSVP {
		text-align: center;
		padding: 0px;
		text-indent: -9999px;
		background: transparent url('../images/sprites.png') no-repeat center -385px;
		height: 30px;
	}

  #primary-content .legal-notice {
		text-align: center;
		padding: 5px 0;
		text-indent: -9999px;
		background: transparent url('../images/sprites.png') no-repeat center -1738px;
		height: 15px;
  }
	
		#rsvp_now { 
			display: block; 
			width: 158px; 
			height: 41px; 
			margin: 10px 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: 445px;
	margin: 5px auto 0px;
	width: 813px;
  overflow: hidden;
}

#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: 13px;
			line-height: 1em;
      padding-top:7px;
		}

    #store-locator .store-locator-hdr {
			padding-top: 20px;
      line-height:.5em;
    }
		
		#search {
			border-bottom: 1px solid #CCC;
			padding: 4px 0px 9px;
			position: relative;
		}
		
			#zip {
				width: 189px;
				height: 14px;
				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,
  #sharing-wrapper {
		float: left;
		height: 433px;
		width: 209px;
		padding: 4px 4px 5px;
		background: transparent url('../images/shadows.png') no-repeat right -421px;
		margin-left: 11px;
	}
	
	#sharing-wrapper {
		position: relative;
	}
	
	#twitter,
  #sharing {
    background-color:#F9F9F6;
		border: 10px solid #FFF;
		height: 413px;
	}
	
		#twitter h2,
    #sharing h2 {
			text-indent: -9999px;
			background: transparent url('../images/sprites-hq.png') no-repeat center -57px;
			height: 35px;
			margin-top: -15px;
		}

    #sharing-wrapper p {
      font-size:.7em;  
      line-height:1.8em;
    }

    #sharing .sharing-content {
      position: relative;
      padding: 10px 0 0 10px;
      height: 382px;
    }

    .sharing-content .twitter-share-button,
    .sharing-content .fb_ltr {
      display: block;
      position: absolute;
    }
    
    .sharing-content .twitter-share-button {
      left: 46px;
      top: 252px;
    }
    
    .sharing-content .fb_ltr {
      display: block;
      position: absolute;
      left: 42px;
      top: 65px;
      _top: 70px;
    }
    
  #about .cmn-content {
    padding:10px 0 0 0px;
    font-size:.95em;
    line-height:17px;
  }

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

	#footer-logo {
		text-indent: -9999px;
		background: transparent url('../images/sprites-hq.png') no-repeat center -375px;
		height: 70px;
		padding: 0px 0px 10px;
	}

  #footer p a {
  color:#ccc;
}
	
/* 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;
	}
} 

#goToLocator {
	display: none;
}   

@media (min-device-width: 0px) and (max-device-width: 720px) {
	#goToLocator {
		display: block; 
		background: #f9f9f6;
    padding:10px;
		font-size: 3em;
    /*margin-top:-135px;*/
    -webkit-transition: margin .7s ease-in;
	}             

  /*#goToLocator.show { margin:0; }*/

	#goToLocator a {
    text-indent:-9999px;
    background: url('../images/hdr_locator.png') 0 0 no-repeat;
		display: block; 
    padding:30px;
    background-size: 100%;
    margin:0 auto;
	}
}