/* 
yogurtology.css
Created : 11 June 2009 By : Nathan Cooper
*/

body { background: url(../images/background-body.gif) top left repeat-x #100c0b; }

h1 { 
	margin: 10px 0px;
	font: bold 24px arial, sans-serif; color: #291e16;
	}
	
h2 { font: bold 16px arial, sans-serif; color: #291e16; }
	
p {	font: 12px arial, sans-serif; color: #291e16; line-height: 20px; }

	.bold { font-weight: bold; } /* font-weight: bold */
	
	.lh16 { line-height: 16px; } /* line-height: 16px; */
	
li {
	list-style: disc inside;
	font: 12px arial, sans-serif; color: #291e16; line-height: 16px;
	}

a {	outline: none; color: #291e16; text-decoration: none; }
	
	a:hover { outline: none; color: #291e16; text-decoration: none; }

/* ---------------------------------------------------------------------------------------------------------------- */
/* header */
/* ---------------------------------------------------------------------------------------------------------------- */
		
/* contains header */				
.cont_head {
	position: relative; margin: 0px auto;
	height: 80px;
	background: url(../images/background-cont_head.jpg) top center no-repeat;
	}
	
	.header {
		position: relative; margin: 0 auto;
		width: 960px; height: 75px;
		}
		
		/* links included in header.php : prefix classnames with h */
		
		.hLink {
			float: left;
			width: 94px; height: 54px;
			font: 10px arial, sans-serif; color: #fff; line-height: 54px; text-align: center; text-transform: uppercase;
			}
		
		.hHome, .hStor, .hFlav, .hTopp, .hLogo, .hNutr, .hFran, .hFund, .hCont {
			float: left;
			width: 94px; height: 54px;
			font: 10px arial, sans-serif; color: #fff; line-height: 54px; text-align: center; text-transform: uppercase;
			}
		
		.hDivi {
			float: left;
			width: 1px; height: 54px;
			background: url(../images/background_header-divider.gif) top left no-repeat;
			}
		
		.hHome { width: 77px; }
			
		.hStor, .hFlav { width: 82px; }
			
		.hTopp { width: 135px; }
			
		.hLogo { width: 198px; height: 66px; }
			
		.hNutr, .hFran, .hFund, .hCont { }
		
		.hFran { width: 111px; }
		
		/* header links */
				
		.header a { color: #fff; text-decoration: none;	}
		
			.header a:hover { color: #dbd8c6; }

/* ---------------------------------------------------------------------------------------------------------------- */
/* content */
/* ---------------------------------------------------------------------------------------------------------------- */
	
/* contains content */	
.cont_cont {
	position: relative; padding: 10px 0 20px 0;
	background: #dbd8c6;
	}

	.content {
		margin: 0 auto;
		width: 960px;
		overflow: auto;
		}
		
		/* included page content displays in here */
		
		.contentInner {
			position: relative; margin: 0; padding: 10px 0px;
			width: 940px; min-height: 350px; max-height: none;
			}
			

/* ---------------------------------------------------------------------------------------------------------------- */
/* footer - footer.php */
/* ---------------------------------------------------------------------------------------------------------------- */

.cont_foot {
	position: relative; margin: 0px auto 20px auto;
	height: 91px;
	background: url(../images/background-cont_foot.gif) top left repeat-x;
	}
	
	.footer {
		position: relative; margin: 0px auto;
		width: 866px; height: 62px;
		}
			
		/* contain links included in footer.php : suffix a : prefix classnames with f */
					
		.fButt1, .fButt2, .fButt3 {
			float: left;
			width: 243px; height: 62px;
			}
			
		.fButt1 { margin: 14px 0px 0px 32px; }
			
		.fButt2 { margin: 14px 0px 0px 32px; }
			
		.fButt3 { margin: 14px 0px 0px 32px; }

/* ---------------------------------------------------------------------------------------------------------------- */
/* home : home.php */
/* ---------------------------------------------------------------------------------------------------------------- */

	.homeContainer {
		width: inherit; height: auto;
		text-align: center;
		}

/* ---------------------------------------------------------------------------------------------------------------- */
/* story : story.php */
/* ---------------------------------------------------------------------------------------------------------------- */
	
	.storyContainer {
		width: 960px; height: auto;
		background: url(../images/background-story.jpg) 95% 55% no-repeat;
		}
		
		.storyCopy {
			position: relative; margin: 0px;
			width: 680px; height: auto;
			}
			
/* ---------------------------------------------------------------------------------------------------------------- */
/* locations : locations.php */
/* ---------------------------------------------------------------------------------------------------------------- */

.loca-left {
	position: relative; float: left; margin: 0;
	width: 423px; height: auto;
	}
	
	.loca-left-inne {
		position: relative; margin: 10px 0 0 100px;
		width: auto; height: auto;
		}
		
	.line {
		width: 250px; height: 1px; margin: 10px 0;
		background: #291e16;
		}
		
	.GMapEZ {
		position: relative; margin: 10px auto;
		width: 400px; height: 400px;
		}
		
		.gMapInfo { font: 10px arial, sans-serif; color: #291e16; }
		
		.gMapDire { color: #5ec36f; }
	
.loca-righ {
	position: relative; float: right; margin: 0;
	width: 423px; height: auto;
	}
	
	.loca-righ-inne {
		position: relative; margin: 10px 0 0 100px;
		width: auto; height: auto;
		}

/* ---------------------------------------------------------------------------------------------------------------- */
/* contact */
/* ---------------------------------------------------------------------------------------------------------------- */
	
	.cont-left {
		position: relative; float: left; margin: 10px 0px 10px 0px;
		width: 423px; height: auto;
		}
		
		.cont-left-inne {
			position: relative; margin: 0px 0px 0px 100px;
			width: auto; height: auto;
			}
		
	.cont-righ {
		position: relative; float: right; margin: 10px 0px 10px 0px;
		width: 423px; height: auto;
		}
		
		.cont-righ-inne {
			position: relative; margin: 0px auto;
			width: 190px; height: auto;
			}
			
/* ---------------------------------------------------------------------------------------------------------------- */
/* funraisers : funraisers.php */
/* ---------------------------------------------------------------------------------------------------------------- */
	
	.fundraisersContainer {
		position: relative; margin: 0px auto;
		width: 960px; height: auto;		
		}
		
		.fundraisersCopy {
			position: relative; margin: 0px;
			width: 650px; height: auto;
			}
			
		.fundraisersLists {
			position: relative; margin: 20px 0px 0px 0px;
			width: 960px; height: auto;
			overflow: auto;
			}
			
			.fundraisersListLeft {
				position: relative; float: left; margin: 0px;
				width: 200px; height: auto;
				}
				
			.fundraisersListRight {
				position: relative; float: left; margin: 0px 0px 0px 25px;
				width: 200px; height: auto;
				}
				
			.fundraisersForm {
				position: relative; float: right; margin: 0px 100px 0px 25px;
				width: auto; height: auto;
				}
			
		.fundraisersCopy2 {
			position: relative; margin-top: 20px;
			width: 650px; height: auto;
			}
			
/* ---------------------------------------------------------------------------------------------------------------- */
/* rewards : rewards.php */
/* ---------------------------------------------------------------------------------------------------------------- */
			
/* rewards.php */
	
	.rewardsContainer {
		position: relative; margin: 0px auto;
		width: 960px; height: auto;
		background: url(../images/background-rewards.jpg) 95% 100% no-repeat;
		}
		
		.rewardsCopy {
			position: relative; margin: 0px;
			width: 650px; height: auto;
			}
			
/* ---------------------------------------------------------------------------------------------------------------- */
/* twitter */
/* ---------------------------------------------------------------------------------------------------------------- */
			
/* twitter.php */
	
	.twitterContainer {
		position: relative; margin: 0px auto;
		width: 960px; height: auto;
		}
		
		.twitterCopy {
			position: relative; float: left; margin: 0px;
			width: 650px; height: auto;
			}
			
		.twitterLink {
			position: relative; float: right; margin: 0px 25px 0px 0px;
			width: auto; height: auto;
			}
			
/* coming soon */

.comingsoon {
	position: relative; margin: 10px 0px;
	font: 32px "times new roman", times, serif; color: #4c3727; text-align: left;
	}