@charset "utf-8";
/* CSS Document */


/*  Global Settings  */

#content-stretch-middle:after {content: "."; height:0; visibility:hidden; display:block; clear:both; }

	/* Hides from IE-mac \*/
	
	/*     * html .clearfix {height: 1px; }      */
	
	* html div#content-stretch-middle {height:100%; }
	
	div#content-stretch-middle { display:block; }



* { padding: 0; margin: 0; }

html { height: 100% }

body { 
	height: 100%;
	background: #403a2e url(../images/bg-body.jpg) repeat; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; }



img { border: none; }

a {	outline: none; }

a:visited { color: #1d4d79; }

area { outline: none; }



/* CONTENT CONTAINERS */

#content-wrapper {
	width: 100%;
	min-height: 100%;
	margin: 0 auto;
	position: relative;	
	background: url(../images/bg-top-banner.png) repeat-x; }
	
	#top-banner {
		width: 100%;
		height: 76px; 
		background: url(../images/top-banner-scene.png) no-repeat;
		background-position: center;
		}
		
		#top-banner img {
			margin-left: -50px;
		}
		

	#content-home {
		width: 910px;
		height: 720px;
		margin: 0 auto;
		margin-top: -20px;
		padding: 17px 0 0 0;
		background: url(../images/bg-home-content.png) no-repeat; 
		clear: both; }
	
	#content-stretch-top {
		width: 910px;
		height: 107px;
		margin: 0 auto;
		margin-top: -20px;
		padding: 17px 0 0 0;
		background: url(../images/bg-content-stretch-top) no-repeat; }
	
	#content-stretch-wrapper {
		width: 910px;
		min-height: 586px;
		margin: 0 auto;
		background: url(../images/bg-content-stretch-middle.png) 0 30px repeat-y; }
		
		#content-stretch-middle {
			width: 910px;
			min-height: 481px;
			background: url(../images/bg-content-stretch-middle-gradient.png) 0 0 no-repeat; }
						
		#content-stretch-bottom {
			width: 910px;
			height: 38px; 
			margin: 0 auto; 
			clear: both; }
		
		
		#header {
			width: 876px;
			height: 102px;
			margin: 0 auto; }
		
			#logos {
				width: 876px; 
				height: 102px;
				margin: 0; 
				padding: 0;
				background: url(../images/web-site-logos.png);
				position: relative; }
	
			#logos li {
				list-style: none;
				margin: 0; 
				padding: 0; 
				top: 0;
				position: absolute; }
			
			#logos li, #logos a {
				height: 102px; 
				display: block; }
			
			#jillys-oc { left: 0; width: 145px; }
  			#ice-cream-factory { left: 146px; width: 122px; }
  			#arcade { left: 269px; width: 162px;}
  			#french-fry-factory { left: 432px; width: 135px; }
  			#the-spot { left: 568px; width: 86px; }
  			#t-shirt-factory { left: 656px; width: 126px; }
  			#rental-center { left: 781px; width: 100px; }
			
			#jillys-oc a:hover {
				background: transparent url(../images/web-site-logos.png)
				0 -102px no-repeat;}
			
			#ice-cream-factory a:hover {
				background: transparent url(../images/web-site-logos.png)
				-146px -102px no-repeat; }
			
			#arcade a:hover {
				background: transparent url(../images/web-site-logos.png)
				-269px -102px no-repeat; }
			
			#french-fry-factory a:hover {
				background: transparent url(../images/web-site-logos.png)
				-432px -102px no-repeat; }
				
			#the-spot a:hover {
				background: transparent url(../images/web-site-logos.png)
				-568px -102px no-repeat; }

			#t-shirt-factory a:hover {
				background: transparent url(../images/web-site-logos.png)
				-656px -102px no-repeat; }

			#rental-center a:hover {
				background: transparent url(../images/web-site-logos.png)
				-781px -102px no-repeat; }


		.rotating-images {
			width: 866px;
			height: 430px;
			margin: 0 auto;
			margin-top: 4px; }
			
		.rotating-images img.first { display: block; background: none; }	
		
		.rotating-images a { display: block; width: 866px; height: 430px; background: none; }

	
		#featured-areas {
			width: 866px; 
			height: 146px;
			margin: 0 auto;
			margin-top: 4px; }	
			
			#featured-areas ul {
				width: 866px; 
				height: 146px;
				display: block; }	
			
			#featured-areas li {
				width: 167px;
				height: 146px;
				margin-right: 4px;
				list-style: none;
				display: inline; }
				
			#featured-areas li.last {
				width: 167px;
				height: 146px;
				list-style: none;
				display: inline;
				margin: 0; }


	#middle {
		padding-bottom: 250px; /* Height of #footer */ }
		
		
#content-wrapper {
	height: 100%;  /* for IE 5.5 & 6.0 */ }

		

/* CONTENT LAYERS - THESE GO INSIDE #content-stretch-middle */

			/* CONTACT US  */
			
			#contact-us-form {
				width: 540px;
				margin: 30px 0 0 64px;
				float: left;
				clear: left; }	
				
					fieldset {   
						width: 490px; 
						margin-top: 1.5em;   
						padding: 10px 10px 14px 8px; 
						border-style: dashed; 
						border-width: thick; 
						border-color: #245485; }  

						legend {   
							margin-left: 1em;   
							color: #000000;   
							font-weight: bold; }  

						fieldset ol {   
							padding: 1em 1em .6em 1em;   
							list-style: none; }  
							
							fieldset ol label { 
								display: block; 
								color: #1d4d79;
								font-size: 16px; 
								font-weight: bold; }

						fieldset li {   
							padding-bottom: 1em; }  

						fieldset #send-my-comments {   
							width: 244px;
							height: 76px; 
							margin: 10px 0 0 0;
							background: url(../images/button-send-my-message.png) no-repeat;
							border-style: none; }
							
							fieldset #send-my-comments:hover {
							  background-position: 0 -76px;
							  cursor: pointer; /* cursor: hand; for IE5 */
							}
							
					#contact-us-form #form-errors h1 { color: #fd6713; }
					
					#contact-us-form #form-errors p { 
						margin-bottom: 10px; 
						font-weight: bold; 
						color: #fd6713; }
						
					#contact-us-form #form-errors ol {
						padding: 0 1em .6em 2em;   
						list-style: none; }
					
						#contact-us-form #form-errors ol li {
							padding-bottom: 1em;
							font-size: 14px;  
							font-weight: bold;
							color: #fd6713; }		

						

			#contact-email-phone {
				width: 238px;
				margin: 0 0 20px 10px;
				float: left; 
				clear: right; }
			
				#contact-email-phone h1 {
					font-size: 18px;
					margin: 35px 0 10px 0; 
					color: #3d6fb6; 
					text-align: center; }
					
				#contact-email-phone ul#store-contact-info {
					width: 238px;
					margin-left: 22px; }
				
					ul#store-contact-info li { list-style: none; color: #3f3f3f; font-size: 14px; }
						
						ul#store-contact-info li a { color: #1d4d79; }
						
						ul#store-contact-info li#store-name { font-size: 16px; font-weight: bold; }						
	


			/* STORE PAGES */

			#store-header {
				width: 800px;
				height: 246px;
				margin: 0 auto;
				background: url(../images/store-header-ice-cream-factory.png) no-repeat; }
				
			#store-header-arcade {
				width: 800px;
				height: 246px;
				margin: 0 auto;
				background: url(../images/store-header-arcade.png) no-repeat; }
			
			#store-header-jilly-cares {
				width: 800px;
				height: 246px;
				margin: 0 auto;
				background: url(../images/store-header-jilly-cares.png) no-repeat; }
				
			#store-header-fry {
				width: 800px;
				height: 246px;
				margin: 0 auto;
				background: url(../images/store-header-french-fry-factory.png) no-repeat; }	
			
			#store-header-spot {
				width: 800px;
				height: 246px;
				margin: 0 auto;
				background: url(../images/store-header-spot.png) no-repeat; }	
				
			#store-header-t-shirt-factory {
				width: 800px;
				height: 246px;
				margin: 0 auto;
				background: url(../images/store-header-t-shirt-factory.png) no-repeat; }	
				
			#store-header-rental-center {
				width: 800px;
				height: 246px;
				margin: 0 auto;
				background: url(../images/store-header-rental-center.png) no-repeat; }	
			
			
				#store-header #links, 
				#store-header-arcade #links, 
				#store-header-fry #links,
				#store-header-spot #links,
				#store-header-t-shirt-factory #links,
				#store-header-rental-center #links {
					width: 100%;
					padding-top: 220px;
					text-align: center; }
					
					#store-header #links p, #store-header #links p a,
					#store-header-arcade #links p, #store-header-arcade #links p a,
					#store-header-fry #links p, #store-header-fry #links p a,
					#store-header-spot #links p, #store-header-spot #links p a,
					#store-header-t-shirt-factory #links p, #store-header-t-shirt-factory #links p a,
					#store-header-rental #links p, #store-header-rental #links p a { 
						font-size: 14px;
						font-weight: bold;
						margin: 0 6px 0 6px;
						color: #1d4d79; }				
			
			#store-copy {
				width: 410px;
				margin: 20px 0 0 64px;
				float: left;
				clear: left; }	
				
					#store-copy ul {
						width: 100%;
						margin: 10px 0 20px 0;
						padding-left: 30px; }
						
						#store-copy ul li {
							list-style: circle;
							margin-bottom: 4px;
							font-size: 16px;
							font-weight: bold;
							color: #1d4d79; }
			
			

			/* ASSORTED PAGES - E.G., ABOUT US, PRIVACY POLICY, and COMPANY INFO */

			#page-copy {
				width: 525px;
				margin: 0 auto;
				padding-top: 20px;
				clear: both; }
				
				#contact-us-form h1, #store-copy h1, #page-copy h1 {
					font-size: 24px;
					margin: 0px 0 10px 0; 
					color: #3d6fb6; }
					
				
					
				#contact-us-form h2, #store-copy h2, #page-copy h2 {
					font-size: 20px;
					margin: 20px 0 10px 0;
					color: #3d6fb6; }
					
				#contact-us-form h3, #store-copy h3, #page-copy h3 {
					font-size: 18px;
					margin: 20px 0 10px 0;
					color: #3d6fb6; }
				
				#contact-us-form h4, #store-copy h4, #page-copy h4 {
					font-size: 16px;
					margin: 20px 0 0 0;
					color: #3d6fb6; }
					
				#contact-us-form h5, #store-copy h5, #page-copy h5 {
					font-size: 14px;
					margin: 0 0 4px 0;
					color: #3d6fb6; }	
				
				#contact-us-form p, #store-copy p, #page-copy p {
					font-size: 16px;
					font-weight: 200;
					line-height: 22px;
					margin: 0 0 20px 0;
					color: #1d4d79; }
				
				#page-copy #directions {
					width: 100%;
				}
				
				#page-copy #directions li {
					 list-style: none; 
					 margin: 0 0 8px 10px; 
					 color: #1d4d79; }
					 
				#page-copy #contact-info {
					width: 100%;
				}
				
				#page-copy #contact-info li {
					 list-style: none;
					 font-weight: bold;
					 font-size: 14px;  
					 margin: 0 0 8px 10px; 
					 color: #1d4d79; }
				
				
				
				/* WEATHER PAGE */
				
				#weather-copy {
					width: 650px;
					margin: 0 auto;
					padding-top: 20px;
					clear: both; }
				
				#map-canvas {
					width: 500px; 
					height: 350px; 
					margin-top: 20px; }
					
				#weather-bug {
					width: 300px;
					height: 270px;
					margin-left: 90px; 
					float: left; }
					
					#weather-bug h1 { padding-bottom: 20px; }
				
				#live-video {
					width: 320px;
					height: 240px;
					margin-right: 90px; 
					float: right; }
								
								
								
			#store-montage {
				width: 367px;
				float: left;
				margin-bottom: 20px;
				clear: right; }
				
			
			
			/* PRINT MY COUPON - BOTTOM OF STORE PAGES */
				
			#print-my-coupon {
				width: 511px;
				height: 313px;
				margin: 0 auto;
				margin-top: 30px;
				background: url(../images/bg-print-my-coupon.png);
				clear: both; }
				
				#print-my-coupon #icon {
					width: 69px;
					height: 108px;
					margin: 16px 13px 0 54px;
					float: left;
					clear: left;
				}

				#print-my-coupon #text {
					width: 338px;
					height: 108px;
					margin-top: 16px;
					float: left;
					clear: right; }
					
					#print-my-coupon #text h1 {
						font-size: 22px;
						margin: 0 0 8px 0; 
						color: #3d6fb6; }


					#print-my-coupon #text p {
						font-size: 16px;
						color: #1d4d79; }						
					
				
				#print-my-coupon #image {
					width: 445px;
					height: 181px;
					margin: 0 auto; 
					clear: both; }

				
/* FOOTER */
	
	#footer {
	   width: 100%;
	   height: 387px; }
	   
	   #footer-top {
	   		width: 910px;
			height: 140px;
			margin: 0 auto;
			clear: both; }
			
			#social-networking-buttons {
				width: 815px;
				height: 62px; 
				margin: 0 auto; }
			
			 #social-networking-buttons ul {
				width: 866px; 
				height: 146px;
				display: block; }	
			
			#social-networking-buttons li.first {
				width: 180px;
				height: 62px;
				list-style: none;
				display: inline;
				margin: 0 29px 0 0; }

			#social-networking-buttons li {
				width: 179px;
				height: 62px;
				list-style: none;
				display: inline;
				margin: 0 30px 0 0; }
				
			#social-networking-buttons li.last {
				width: 179px;
				height: 62px;
				list-style: none;
				display: inline;
				margin: 0; }
				
			
			#footer-text-links {
			width: 815px; 
			height: 50px;
			text-align: center;
			margin: 0 auto; 
			margin-top: 24px;}
			
				#footer-text-links ul {
					width: 815px;
					height: 24px;
					margin: 0 auto;
					list-style: none;
					display: block; }
					
				#footer-text-links li, #footer-text-links a {
					margin: 0 6px 0 6px;
					color: #FFFFFF;
					font-size: 15px;
					font-weight: bold;
					text-decoration: none;
					display: inline; }		
				
				#footer-text-links p { 
					margin: 6px 0 10px 0;
					color: #FFFFFF; 
					font-size: 13px; 
					font-weight: bold; }

				#footer-text-links p a { 
					margin-top: 14px;
					color: #FFFFFF; 
					font-size: 12px; }
					
					#footer-text-links a:hover, #footer-text-links p a:hover { text-decoration: underline; }	

		
		#footer-bottom {
			width: 100%;
			height: 309px; 
			margin: 0 auto; 
			text-align: center; 
			background: url(../images/bg-footer-sand.png) repeat-x; 
			background-position:bottom; }
			
				#footer-bottom #footer-scene {
					width: 100%;
					height: 309px;
					margin: 0 auto;
					background:url(../images/footer-scene.png) no-repeat; 
					background-position:center; }