/* =Reload 
-----------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, 
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, 
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;}

body {
	background: #fff url(../images/BG-header.jpg) repeat-x;
	color: #000;;
  	font: 62.5% "Comic Sans MS", Arial, Helvetica, sans-serif;
	line-height: 1;
}

ol, ul {list-style: none;}
blockquote, q { quotes: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/* =General
-----------------------------------------------------------------------------------------*/
img.left{margin: 5px 10px 5px 0;}
.test{
	clear: both;
}
img.right{margin: 5px 0 5px 10px;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
strong, b{font-weight: bold;}
em, i{font-style: italic;}

/* =Typography
-----------------------------------------------------------------------------------------*/
p{
	font:normal 1.3em/2.4em "Comic Sans MS", Arial, Helvetica, sans-serif;
	margin:10px;
}

#footer p{
	font:normal 1.1em/1.4em "Comic Sans MS", Arial, Helvetica, sans-serif;
	margin: 0px auto;
	width: 969px;
}

ul{
	font:normal 1.2em/1.2em "Comic Sans MS", Arial, Helvetica, sans-serif;
	list-style: disc;
	margin:10px 10px 10px 25px;
}

ol{
	font:normal 1.2em/1.2em "Comic Sans MS", Arial, Helvetica, sans-serif;
	list-style: decimal;	
	margin:10px 10px 10px 25px;
}

/* =Headings
-----------------------------------------------------------------------------------------*/
h1{
	clear: left;
	color: #EF7AAE;
	font:normal 2.4em/1.2em "Comic Sans MS", Arial, Helvetica, sans-serif;
	margin:10px 10px 20px 10px;
}

h2{
	clear: left;
	font:normal 2.2em/1.2em "Comic Sans MS", Arial, Helvetica, sans-serif;
	margin:20px 10px;
}

h3{
	clear: left;
	font:normal 2.0em/1.2em "Comic Sans MS", Arial, Helvetica, sans-serif;
	margin:20px 10px;
}

h4{
	clear: left;
	font:normal 1.8em/1.2em "Comic Sans MS", Arial, Helvetica, sans-serif;
	margin:20px 10px;
}	

h5{
	clear: left;
	font:normal 1.6em/1.2em "Comic Sans MS", Arial, Helvetica, sans-serif;
	margin:20px 10px;
}	

h6{
	clear: left;
	font:normal 1.4em/1.2em "Comic Sans MS", Arial, Helvetica, sans-serif;
	margin:20px 10px;
}				

/* =Links
-----------------------------------------------------------------------------------------*/
a:link, a:visited{
	color: #526731;
}

a:hover, a:active{color: #f27cb1;}		

/* =MainNav
-----------------------------------------------------------------------------------------*/
.nav{
	height: 78px;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 44px;	
	width: 420px;
}

.nav li{
	display: inline;
	font:bold 14px/22px "Comic Sans MS", Arial, Helvetica, sans-serif;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.nav a:link, .nav a:visited{
	color: #fff;
	height: 23px;
	padding: 55px 0 0 0;
	position: absolute;
	text-align: center;
	text-decoration: none;
	top: 0px;
	z-index: 10;
}

.nav .home a:link, .nav .home a:visited {left: 0px; width: 76px;}
.nav .home a:hover, .nav .home a:focus, .nav .home a:active, .current-home .home a:link, .current-home .home a:visited {
	background: url(../images/BG-nav.jpg) no-repeat -89px 0px; color: #f27cb1;}
.nav-home, .nav-home-click {
	background: url(../images/BG-nav.jpg) no-repeat -89px 0px;
	height: 	78px;
	left: 0px;
	position: absolute;
	top: 0;
	width: 76px;
}

.nav .menu a:link, .nav .menu a:visited {left: 76px; width: 77px;}
.nav .menu a:hover, .nav .menu a:focus, .nav .menu a:active, .current-menu .menu a:link, .current-menu .menu a:visited {
	background: url(../images/BG-nav.jpg) no-repeat -165px 0px; color: #f27cb1;}
.nav-menu, .nav-menu-click {
	background: url(../images/BG-nav.jpg) no-repeat -165px 0px;
	height: 	78px;
	left: 76px;
	position: absolute;
	top: 0;
	width: 77px;
}

.nav .locations a:link, .nav .locations a:visited {left: 153px; width: 96px;}
.nav .locations a:hover, .nav .locations a:focus, .nav .locations a:active, .current-locations .locations a:link, .current-locations .locations a:visited {
	background: url(../images/BG-nav.jpg) no-repeat -242px 0px; color: #f27cb1;}
.nav-locations, .nav-locations-click {
	background: url(../images/BG-nav.jpg) no-repeat -242px 0px;
	height: 	78px;
	left: 153px;
	position: absolute;
	top: 0;
	width: 96px;
}

.nav .about a:link, .nav .about a:visited {left: 249px; width: 81px;}
.nav .about a:hover, .nav .about a:focus, .nav .about a:active, .current-about .about a:link, .current-about .about a:visited {
	background: url(../images/BG-nav.jpg) no-repeat -338px 0px; color: #f27cb1;}
.nav-about, .nav-about-click {
	background: url(../images/BG-nav.jpg) no-repeat -338px 0px;
	height: 	78px;
	left: 249px;
	position: absolute;
	top: 0;
	width: 81px;
}

.nav .contact a:link, .nav .contact a:visited {left: 330px; width: 90px;}
.nav .contact a:hover, .nav .contact a:focus, .nav .contact a:active, .current-contact .contact a:link, .current-contact .contact a:visited {
	background: url(../images/BG-nav.jpg) no-repeat -419px 0px; color: #f27cb1;}
.nav-contact, .nav-contact-click {
	background: url(../images/BG-nav.jpg) no-repeat -419px 0px;
	height: 	78px;
	left: 330px;
	position: absolute;
	top: 0;
	width: 90px;
}

	
#subNav{
	list-style: none;
	margin: 0px;
	margin-bottom:20px;
	padding: 0px;
	text-align:center;
	width: 347px;
}

#subNav li{
	border-bottom: 1px solid #546931;
	font:normal 1.6em/2.0em "Comic Sans MS", Arial, Helvetica, sans-serif;
	margin:0;
	padding: 0px;
	text-align:center;
	width: 347px;
}

#subNav a{text-decoration:none;}
	
/* =Layout
-----------------------------------------------------------------------------------------*/
#content{
	clear: both;
	width: 969px;
	z-index: 1;
}

#contentMain{
	float: left;
	width: 612px;
}

#contentSupport{
	float: right;
	width: 347px;
}

#cupofyogurt {
	width:320px;
	margin:0 auto;
}

#footer{
	border-top: solid 24px #000;
	clear: both;
	padding-top: 5px;
}

#header{
	height: 122px;
	position: relative;
	z-index: 100;
}

#header a.logo{
	position: absolute;
	right: 6px;
	top: 13px;
}

#map{
	width: 345px;
}

#wrapper{
	margin:0 auto;
	width:969px;
}

img.cup-fruit{margin: 10px 4px;}
		
/* =Map ad Directions
-----------------------------------------------------------------------------------------*/
#map1{
	border: solid 1px #526731;
	float: left;
	height: 400px;
	width: 600px;
	z-index: 1;
}


#directions1, #address{
	clear: both;
	font:normal 1.4em/1.4em "Comic Sans MS", Arial, Helvetica, sans-serif;
	width: 600px;
}

#map ul{
	list-style: none;
	margin: 0;
	padding: 22px 0 0 0;
}

#map ul li{
	color: #fff;
	font:normal 1.2em/1.2em "Comic Sans MS", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0px;
}

#directionsSearch{
	float: right;
	height: 125px;
	margin: 10px 11px 10px 10px;  
	width: 600px;
}

* html #directionsSearch{margin: 10px 5px 10px 10px;}

/* =Forms
-----------------------------------------------------------------------------------------*/
/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 0px solid transparent;}
legend{display: none;}
#contact_info p{
	font:normal 1.6em/1.6em "Comic Sans MS", Arial, Helvetica, sans-serif;
	margin:5px 10px;
}

#contact_info label{
	clear: left;
	display: block;
	float: left;
	width: 150px;
}

#contact_info input, #contact_info textarea {
	float: left;
	width: 250px;
}

#contact_info #contactSubmit{margin-left: 150px;}

/* =Filters
-----------------------------------------------------------------------------------------*/
/*[BEGIN] Clear Fix for Fire Fox*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*[END] Clear Fix for Fire Fox*/

/*Text inputs
-----------------------------------------------------------------------------------------*/
.NFText {border:none; vertical-align:middle; font:12px/15px "Comic Sans MS", Arial, Helvetica, sans-serif; background:none; width: 127px;}
* html .NFText {height: 12px;}
.NFTextCenter {height:15px; background:url(../images/input.png) repeat-x 0 0; padding:2px 0 4px 0;  margin:0; float:right; line-height:15px; margin: 3px 0;}
.NFTextLeft, .NFTextRight {width:7px; height:21px; vertical-align:middle; float:right; margin: 3px 0;}
.NFTextLeft {background:url(../images/input-right.png) no-repeat 0 0;}
.NFTextRight {background:url(../images/input-left.png) no-repeat 0 0;}

.NFButton {width:auto; height:21px; color:#000; padding:0; background:url(../images/input.png) repeat-x 0 0; cursor:pointer; border:none; font:10px/15px "Comic Sans MS", Arial, Helvetica, sans-serif; vertical-align:middle; float: right;}
.NFButtonLeft, .NFButtonRight {width:7px; height:21px; vertical-align:middle; float:right;}
.NFButtonLeft {background:url(../images/input-right.png) no-repeat 0 0; clear: both;}
.NFButtonRight {background:url(../images/input-left.png) no-repeat 0 0;}


/* =Components These need to be set for back-ground
-----------------------------------------------------------------------------------------*/
#fckPages, #fckArticles, #fckNews, #fckQuestion, #fckTestimonials{
	background-color: #fff;
	background-image: none;
}

img.icons{padding: 20px 0;}