* 
{ 
	outline: none;
	margin: 0;
	padding: 0;
	border: none;
}

body 
{ 
	background:url(../images/background.jpg) no-repeat top center;
	color: #3499ae;
	background-color:#FFFFFF;
	margin: 0 auto;
	font: 23px  Arial, Helvetica, sans-serif;
	width: auto;
	height: auto;
	font-size: 100%;
}

#container
{
	background:url(../images/body_bg.jpg) repeat-x top center;
	width: 1025px;
	height: 613px;
	margin: 0 auto;
	position: relative;
}

#header
{
	background:url(../images/header_bg.png) repeat top center;
	width: 960px;
	height: 251px;
}

#highlight
{
	color: #f5de4f;
}



/* -------------- Navigation Area -------------- */

#nav 
{
	background:url(../images/welchs_nav_bg.png) repeat-x top center;
	height: 146px;
}

#nav_logo h1 a
{
	width: 173px;
	height: 146px;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 2001;
	text-indent: -9999px;
	display: block;
	background: url(../images/welchs_logo.png) top left no-repeat;
}

#nav_links
{
	font: 25px  Arial, Times, sans-serif;
	color: #252ea8;
	padding-top: 64px;
	float: left;
	width: 800px;
}


#nav_links a
{
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding-top: 4px;
	float: left;
	text-shadow: #000000 1px 1px 3px;
}

#nav_links a:hover
{
	color: #f5de4f;
	text-decoration: none;
	display: block;
	text-shadow: #000000 1px 1px 3px;
}

#nav_links img{
	float: left;
	padding: 0 15px 0 15px;
}



/* -------------- Left Column / Top Area -------------- */

#left_column
{
	float: left;
	width: 381px;
	height: 464px;
	padding-left: 50px;
}


#top_column
{
	background:url(../images/top_bg.png) no-repeat top center;
	height: 182px;
	width: 381px;
	margin-top: 60px;
	font: 12px Arial, Times, Sans-serif;
	text-align: justify; 
	color: #ffffff;
	float: left;
}

#top_text_area
{
	padding-top: 20px;
	padding-left: 180px;
	width: 180px;
	height: 100px;
	text-align: center;
}

#top_column p
{
	font: 20px  Arial, Times, sans-serif;
	padding-bottom: 15px;
	color: #ffffff;
	display: block;
	text-shadow: 2px 2px 3px rgba(0,0,0, .5);
}

#view_now
{
	margin-left: 210px;
	background:url(../images/view_btn_off.png) no-repeat top center;
	height: 37px;
	width: 130px;
	overflow: hidden;
}


#view_now a
{
	text-indent: -999px;
	width: 130px;
	height: 37px;
	display: block;
}

#view_now a:hover
{
	background:url(../images/view_btn_on.png) no-repeat top center;
}


/* -------------- Left Column / Bottom Area -------------- */

#bottom_column
{
	height: 146px;
	width: 381px;
	font: 12px Arial, Times, Sans-serif;
	text-align: justify; 
	color: #ffffff;	
	float: left;
	overflow: hidden;
}


/* -------------- Right Column -------------- */


#right_column
{
	float: left;
	padding-left: 10px;
	height: 411px;
	width: 556px;
	padding-top: 10px;
	font: 12px Arial, Times, Sans-serif;
	text-align: justify; 
	color: #ffffff;	
}



/* -------------- Footer Area -------------- */

#footer
{
	float: left;
	background: url(../images/footer_bg.jpg) repeat-x;
	height: 103px;
	width: 100%;
}

#footer_wrap
{
	float: left;
	text-align: center;
	color: #fff;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 15px 10px 0 10px;
	
}

#footer_wrap a
{
	color: #fff;
	font: 10px Arial, Helvetica, sans-serif;
	padding: 30px 0 0 10px;
	text-decoration: none;
}

#footer_wrap a:hover
{
	color: #f5de4f;
	font: 10px Arial, Helvetica, sans-serif;
	padding: 30px 0 0 10px;
	
}

#pim_logo
{
	float: left;
}

#pim_links
{
	float: left;
	padding-top: 5px;
	padding-left: 40px;
	width: 650px;
}

#facebook_area
{
	float: right;
	margin-top: 5px;
	width: 150px;
}

#facebook_area a
{
	color: #fff;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#facebook_area a:hover
{
	color: #f5de4f;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#facebook_icon
{
	background: url(../images/facebook_icon.png) no-repeat;
	width: 30px;
	height: 30px;
	float: left;
}

#facebook_text
{
	width: 120px;
	height: 37px;
	float: left;
	padding-left: 5px;
}

#facebook_text a
{	
	font: 10px Arial, Helvetica, sans-serif;
	color: #ffffff;
}

#facebook_text a:hover
{
	font: 10px Arial, Helvetica, sans-serif;
	color: #f5de4f;
}



/* -------------- Homepage Rotation -------------- */


#rotator 
{
	position:relative;
}

#rotator ul li 
{
	float:left;
	position:absolute;
	list-style: none;
}

#rotator ul li img 
{
	border:none;
}



/* -------------- About Page -------------- */

#about_column
{
	background: url(../images/about_bg.png) no-repeat;
	width: 594px;
	height: 464px;
	margin-left: 20px;
	float: left;
}

#about_column a{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

#about_text_area
{
	width: 550px;
	height: 360px;
	float: left;
	padding: 20px 15px 10px 20px;
}

#about_text_area p
{
	color: #fff;
	font: 13px Arial, Helvetica, sans-serif;
	text-align: justify;
}

#about_img
{
	height: 365px;
	width: 388px;
	margin-left: 10px;
	margin-top: 20px;
	background: url(../images/about_kid.png) no-repeat;
	float: left;
}


/* -------------- Offers Page -------------- */

#offers_column
{
	background: url(../images/Welchs_Offers_bg.png) no-repeat;
	width: 550px;
	height: 414px;
	margin-left: 30px;
	margin-top: 50px;
	float: left;
}

#contest_column{
	width: 550px;
	height: 444px;
	margin-left: 30px;
	margin-top: 20px;
	float: left;
}

#offers_text_area
{
	color: #7a79b0;
	width: 250px;
	height: 360px;
	padding-left: 255px;
	float: left;
	font: 16px Arial, Helvetica, sans-serif;
	text-align: justify;
}

#offers_text_area a
{
	color: #7a79b0;
	float: right;
	font: 12px Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #7a79b0;
}

#offers_text_area a:hover
{
	color: #7a79b0;
	border-bottom: 1px solid #7a79b0;
	float: right;
	font: 12px Arial, Helvetica, sans-serif;
}

#offers_text_area p
{
	font-weight: bolder;
	color: #7a79b0;
	font-size: 21px;
	text-align: justify;
}

#offers_img
{
	height: 411px;
	width: 404px;
	background: url(../images/offers_paks.png) no-repeat;
	float: left;
}


/* -------------- Products Page -------------- */


#product_column
{
	width: 375px;
	height: 464px;
	margin-left: 20px;
	float: left;
}

#yogurt_logo_area
{
	background: url(../images/yogurt_text.png) no-repeat;
	width: 234px;
	height: 166px;
	margin: 0 auto;
}

#snack_logo_area
{
	background: url(../images/snacks_text.png) no-repeat;
	width: 234px;
	height: 166px;
	margin: 0 auto;
}

#product_text_bg
{
	background: url(../images/yogurt_bg.png) no-repeat;
	width: 371px;
	height: 166px;
	float: left;
}

#product_1_text_bg
{
	background: url(../images/snacks_bg.png) no-repeat;
	width: 371px;
	height: 197px;
	float: left;
}

#product_1_text_bg ul{
	padding-left: 60px;
}

#product_1_text_bg li{
	font-size: 14px;
	color: #FFFFFF;
	list-style: inside none; 
	font-weight: bold;
	color: #F5DE4F;
	text-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
	line-height: 16px;
	margin: 0;
	padding: 0;
	background: url(../images/check.png) left no-repeat;
	padding-left: 20px;
}

#product_text_bg ul{
	padding-left: 20px;
}

#product_text_bg li{
	font-size: 14px;
	color: #FFFFFF;
	list-style: inside none; 
	font-weight: bold;
	color: #F5DE4F;
	text-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
	line-height: 16px;
	margin: 0;
	padding: 0;
	background: url(../images/check.png) left no-repeat;
	padding-left: 20px;
}

#yogurt
{
	width: 599px;
	height: 390px;
	float: left;
}

#prod_left{
	float: left;
	margin-top: 150px;
	width: 50px;
	height:60px;
}

#prod_left a{
	width: 50px;
	height: 60px;
	display: block;
	background: url(../images/prod_left.png) top left no-repeat;
}

#prod_left a:hover{
	background: url(../images/prod_left_on.png) top left no-repeat;
}

#prod_right{
	float: right;
	margin-top: 150px;
	width: 50px;
	height:60px;
}

#prod_right a{
	width: 50px;
	height: 60px;
	display: block;
	background: url(../images/prod_right.png) top left no-repeat;
}

#prod_right a:hover{
	background: url(../images/prod_right_on.png) top left no-repeat;
}

#snacks
{
	width: 611px;
	height: 464px;
	float: left;
	position: relative;
	display: none;
}

#carousel1{
	width: 511px;
	height: 464px;
	float: left;
	overflow: scroll;
}

#carousel1 img{
	display:hidden;
}

#snacks_bottom{
	width: 550px;
	height: 100px;
	background: url(../images/snacks_bottom.png) top left no-repeat;
	position: absolute;
	left: 25px;
	bottom: 60px;
	z-index: 999;
}

#snacks_bug{
	width: 95px;
	height: 95px;
	position: absolute;
	top: 0;
	right: 0;
}

#alt-text{
	padding: 5px 10px;
	text-align: center;
	font-size: 18px;
	font-weight: strong;
	color: #000066;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}

#title-text{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #000066;
	padding: 5px 10px 0;
	width:450px;
	margin: 0 auto;
}

#product_text_bg p, #product_1_text_bg p
{
	padding: 12px 15px 12px 12px;
	color: #fff;
	font: 13px Arial, Helvetica, sans-serif;
	text-align: justify;
	text-shadow: 1px 1px 1px rgba(0,0,0, .25);
}

#nf_bg
{
	height: 41px;
	width: 195px;
	background: url(../images/nf_bg.png) no-repeat;
	padding-right: 5px;
	float: right;
	cursor: pointer;
}

#nf_bg:hover
{
	height: 41px;
	width: 195px;
	background: url(../images/nf_hover_bg.png) no-repeat;
	padding-right: 5px;
	float: right;
}

#nf_bg p
{
	padding: 10px 15px 12px 12px;
	color: #fff;
	font: 13px Arial, Helvetica, sans-serif;
	text-align: justify;
	text-shadow: 1px 1px 1px rgba(0,0,0, .25);
}

#nf_bg a
{
	color: #fff;
	font: 13px Arial, Helvetica, sans-serif;
	text-align: justify;
	text-shadow: 1px 1px 1px rgba(0,0,0, .25);
	text-decoration: none;
}

#nf_bg a:hover
{
	color: #f5de4f;
	font: 13px Arial, Helvetica, sans-serif;
	text-align: justify;
	text-shadow: 1px 1px 1px rgba(0,0,0, .25);
	text-decoration: none;
}

/* -------------- Where to Find Us Page -------------- */

#find_column
{
	width: 725px;
	height: 414px;
	margin: 0 auto;
	padding: 30px 0 20px;
}


ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #373657;
	border-left: 1px solid #373657;
	width: 725px;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #373657;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background:url(../images/tab_bg.jpg) repeat-x top center;
	text-align: center;
}
ul.tabs li a {
	text-decoration: none;
	color: #ffffff;
	display: block;
	font: 12px  Arial, Helvetica, sans-serif;
	outline: none;
	font-weight: bold;
	padding-top: 8px;
}

html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background:url(../images/tab_on_bg.jpg) repeat-x top center;
}

.tab_container {
	width: 724px;
	height: 220px;
	border: 1px solid #373657;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left;
	background: #555383;
}
.tab_content {
	font: 15px  Arial, Helvetica, sans-serif;
	padding: 10px 30px 0 30px;
}

.left_area
{
	float: left;
}

#right_area
{
	float: left;
	padding-left: 40px;
}

.left_area ul{
	float: left;
	width: 220px;
}

.left_area li, #right_area li
{
	list-style-type: square;
	color: #ffffff;
	width: 220px;
}

/* -------------- Contact Page -------------- */

#contact_column
{
	background: url(../images/contact_bg.png) no-repeat;
	width: 455px;
	height: 420px;
	margin-left: 30px;
	margin-top: 20px;
	float: left;
	position: relative;
	padding-bottom: 24px;
}

#contact_text_area_top{
	position: absolute;
	width: 400px;
	top: 140px;
	left: 25px;	
}

#contact_text_area
{
	position: absolute;
	top: 190px;
	left: 80px;	
}

#contact_top
{
	width: 400px;
	position: absolute;
	top: 27px;
	left: 25px;
	line-height: 22px;	
}

#contact_text_area p, #contact_top p, #contact_text_area_top p
{
	color: #fff;
	font: 16px Arial, Helvetica, sans-serif;
	text-align: justify;
	text-shadow: 1px 1px 1px rgba(0,0,0, .25);
	font-weight: bold;
}

#contact_top p
{
	color: #fff;
	font: 16px Arial, Helvetica, sans-serif;
	text-align: justify;
	text-shadow: 1px 1px 1px rgba(0,0,0, .25);
	font-weight: bold;
	line-height: 22px;
}
#contact_top a
{
	text-decoration: none;
	font: 18px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: underline;
}

#contact_text_area a
{
	text-decoration: none;
	font: 18px Arial, Helvetica, sans-serif;
	color: #ffffff;
}

#contact_text_area a:hover, #contact_top a:hover
{
	text-decoration: none;
	font: 18px Arial, Helvetica, sans-serif;
	color: #f5de4f;
}

#contact_img
{
	width: 40px;
	height: 40px;
	float: left;
	position: absolute;
	top: 190px;
	left: 20px;
}

#contact_img img
{
	padding-bottom: 30px;
}

#contact_txt
{
	padding-left: 50px;
}

#header_text
{
	color: #7a79b0;
	margin-left: 50px;
	margin-top: 23px;
	width: 350px;
	
}

#contact_big_img
{
	height: 411px;
	width: 447px;
	background: url(../images/conact_paks.png) no-repeat;
	float: left;
	margin-left: 30px;
}

/* -------------- Dropdown Code -------------- */

#page-wrap							
{ 
width: auto;
padding-top: 52px;
z-index: 999;
padding-left: 200px;
} 

a									
{ 
text-decoration: none; 
}

ul		
{ 
list-style: none; 
}

/* 
	LEVEL ONE
*/
ul.dropdown                         
{ 
position: relative; 
z-index: 999;
}

ul.dropdown li                      
{  
font: 23px  Arial, Times, sans-serif;
float: left; 
width: auto;
text-shadow: #000000 1px 1px 3px;
zoom: 1;
z-index: 999;
}

ul.dropdown a:hover		            
{ 
color: #f5de4f;
}

ul.dropdown a:active                
{ 
color: #ffa500; 
}

ul.dropdown li a                    
{
display: block; 
padding: 16px 23px; 
color: #fff; 
}

ul.dropdown li:last-child a        
{ 
border-right: none; 
} /* Doesn't work in IE */

ul.dropdown li.hover, ul.dropdown li:hover               
{ 
color: black; 
position: relative; 
}

ul.dropdown li.hover a              
{ 
color: fff; 
}


/* 
	LEVEL TWO
*/
ul.dropdown ul 						
{ 
width: 150px; 
visibility: hidden; 
position: absolute; 
top: 56px; 
left: 0;
text-align: center;
background: url(../images/menu_bg.png) bottom left no-repeat;
}

ul.dropdown ul li 					
{ 
font-weight: normal; 
width: auto;
color: #000; 
float: none;
text-shadow: #000000 1px 1px 3px;
}
									  


  
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a			
{ 
border-right: none; 
width: 100%; 
display: inline-block; 
padding: 0;
font-size: 16px;
padding: 5px 0;
} 

ul.dropdown ul li a.last{
	padding-bottom: 10px;
}

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					
{ 
left: 100%; 
top: 0; 
}

ul.dropdown li:hover > ul 			
{ 
visibility: visible; 
}
#social{
	position: absolute;
	top: 15px;
	right: 15px;
	width: 115px;
	height: 24px;
}

#social a{
	float: left;	
}

#facebook{
	width: 80px;
	height: 24px;
	overflow: hidden;
	float: right;
}