/* ======================================================================

	PRANACAFE.COM
	Design + Dev // Matt St. Gelais
	studio@c03ur.com
	
======================================================================== */

* { padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
}


body{
	background: url(../images/pc_body_bkg.jpg);
	background-attachment:fixed;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: 62.5% "Helvetica Neue", HelveticaNeue, Helvetica, Arial; 
	color: #563916;
	}


/* Structure */

#total{
 	width: 800px;
	margin: 0px auto;
	position: relative;
	min-height: 800px;
}

#top{
	width: 100%;
	background: url(../images/pc_nav_bkg.jpg) repeat-x;
	height: 146px;
	clear:both;
	padding:0;
}
#top img.logo {float:left; border:none;}

#main{
	margin: 50px 0px 0px 0px;
	width: 800;
	float:left;
	clear:both;
}
#main ul {list-style:none; text-align:center; font-size:14px;}
#main ul li {padding: 2px 0;}

/* MENU */

.section{
	width: 100%;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	display:block;
	float:left;
}

	.section img{
		border: solid 5px #FFF;
		margin: 0px 0px 15px 0px;
	}
	
	.col_380{
		width: 380px;
		float:left;
		padding: 0px 20px 0px 0px;
		margin: 10px 0px 0px 0px;
		display:block;
	}
	
	
	.col_340{
		width: 340px;
		float:left;
		padding: 0px 10px 0px 0px;
		margin: 10px 0px 0px 0px;
		display:block;
	}
	
	.col_440{
		width: 440px;
		float:left;
		padding: 0px 10px 0px 0px;
		margin: 10px 0px 0px 0px;
		display:block;
	}
	

.quote_block{
	background: url(../images/pc_quote_bkg.jpg) no-repeat;
	position: relative;
	width: 790px;
	height:120px;
	display:block;
	margin: 0px auto;
	float:left;
}	
	
	.home_quote{
		font: normal 25px/30px "Palatino Linotype", "Book Antiqua", Palatino, Georgia, "Times New Roman", times, serif;
		color: #FFF; 
		display: block;
		padding: 10px 10px 10px 10px;
	}
	
	
.section_quote{
	font: normal 18px "Palatino Linotype", "Book Antiqua", Palatino, Georgia, "Times New Roman", times, serif;
	color: #563916; 
	border-top: solid 1px #d09658;
	border-bottom: solid 1px #d09658;
	display: block;
	padding: 10px 10px 10px 10px;
}

	.title{
		font: normal 12px/16px "Comic Sans MS";
		letter-spacing: .05em;
		color: #7b036f;
		text-transform: uppercase;
		display: block;
		margin: 0px 0px 5px 0px;
	}

	.desc{
		font: 12px/20px "Helvetica Neue", HelveticaNeue, Helvetica, Arial; 
		color: #563916;
		display: block;
		margin: 0px 0px 15px 0px;
	}
	
		.desc em{
			color: #738a2f;
		}
		

#google_map{
	border: solid 5px #FFF;
}

#footer{
	clear:both;
	float:left;
	height: 180px;
	width: 100%;
	display:block;
	margin: 50px 0px 0px 0px;
	background-color: #92a34e;
}

	#footer_body{
		color:#FFF;
		width: 790px;
		text-transform: uppercase;
		margin: 20px auto;
		position: relative;
	}

	/*Links */

	a:link, a:visited, a:active {
		color: #738a2f;
		text-decoration: none; 
	}

	a:hover {
		color:#333;
		text-decoration: none; 
	}


	/* Gets rid of the dotted-line shown in Mozilla when clicking text-indented links */
	a{
	  outline: none;
	}	
	
	
/* Text */

h1, h2, h3, h4, h5, p{
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}

h1{
	text-indent: -1000em;
	margin: 0px 0px 15px 0px;
}
	.welcome{ background: url(../images/h_welcome.gif) no-repeat;}

h2{
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	letter-spacing: -2px;
	border-bottom: solid 1px #d09658;
	display: block;
	padding: 0px 0px 5px 0px;	
	width: 800px;
	height: 70px;
	text-indent: -1000em;
}
	.menu{ background: url(../images/h_menu.gif) no-repeat;}
	.live{ background: url(../images/h_live.gif) no-repeat;}
	.takeout{ background: url(../images/h_takeout.gif) no-repeat;}
	.boutique{ background: url(../images/h_boutique.gif) no-repeat;}
	.classes{ background: url(../images/h_classes.gif) no-repeat;}
	.reservations{ background: url(../images/h_reservations.gif) no-repeat;}
	.contact{ background: url(../images/h_contact.gif) no-repeat;}
	.takeout{ background: url(../images/h_takeout.gif) no-repeat;}
	.kids{ background: url(../images/h_kids.gif) no-repeat;}
	
	
	
	h3{
		width: 100%;
		height: 25px;
/*		text-indent: -1000em; */
		margin: 0px 0px 5px 0px;
		display:block; 
		font-size: 2.5em;
		font-family: "Comis Sans MS";
		font-weight: 50;
/*		color: #67015a; */
		text-transform: uppercase;
		color: #7B036F
	}
	

/* 

	.what{ background: url(../images/h_what.gif) no-repeat;}
	.about_raw{ background: url(../images/h_about_raw.gif) no-repeat;}
	.about_tp{ background: url(../images/h_about_tp.gif) no-repeat;}
	.philosophy{ background: url(../images/h_our.gif) no-repeat;}

	.awaken{ background: url(../images/h_awaken.gif) no-repeat;}
	.awaken{ text-indent: 0; }
	.revitalize{ background: url(../images/h_revitalize.gif) no-repeat;}
	.sustain{ background: url(../images/h_sustain.gif) no-repeat;}
	.graze{ background: url(../images/h_graze.gif) no-repeat;}
	.rejuvenate{ background: url(../images/h_rejuvenate.gif) no-repeat;}
	.food_combining{ background: url(../images/h_food_combining.gif) no-repeat;}
	.indulge{ background: url(../images/h_indulge.gif) no-repeat;}
	.additions{ background: url(../images/h_additions.gif) no-repeat;}
	.kids_menu{ background: url(../images/h_kids_menu.gif) no-repeat;}
*/	
		

		
h4{
	color: #563916;
	font: bold 14px "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif; 
	letter-spacing: .1em;
	text-transform: uppercase;
	clear:both;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	display:block;
}	


p{
	font: normal 13px/26px "Helvetica", Arial, sans-serif;
	margin: 0px 0px 10px 0px;
}


/* Primary Nav */

#primaryNav{
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	width: 790px;
	height: 146px;
	margin: 0px auto;
	position: relative;
	display: inline-block;
}

	#primaryNav li{
		list-style-type: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float:left;
	}
	
/* ------------------------------------------------------- */

	#m_1 a{ display:block; width: 100px; height: 140px; background: url(../images/pc_primary_nav.png)  0px 0px; text-indent: -1000em;float: left;}	
	#m_1 a:hover{ display:block; width: 100px; height: 140px; background: url(../images/pc_primary_nav.png)  0px -146px; text-indent: -1000em;float: left;}
	#m_1.active a{ margin: display:block; width: 100px; height: 140px; background: url(../images/pc_primary_nav.png)  0px -146px; text-indent: -1000em; float: left;}	

	#m_2 a{ display:block; width: 140px; height: 140px; background: url(../images/pc_primary_nav.png)  -100px 0px; text-indent: -1000em;float: left;}
	#m_2 a:hover{ display:block; width: 140px; height: 140px; background: url(../images/pc_primary_nav.png)  -100px -146px;text-indent: -1000em;float: left; }
	#m_2.active a{ display:block; width: 140px; height: 140px; background: url(../images/pc_primary_nav.png)  -100px -146px;text-indent: -1000em;float: left; }
	
	#m_3 a{ display:block; width: 110px; height: 140px; background: url(../images/pc_primary_nav.png) -240px 0px; text-indent: -1000em;float: left;}
	#m_3 a:hover{ display:block; width: 110px; height: 140px; background: url(../images/pc_primary_nav.png)  -240px -146px; text-indent: -1000em;float: left;}
	#m_3.active a{display:block; width: 110px; height: 140px; background: url(../images/pc_primary_nav.png)  -240px -146px; text-indent: -1000em;float: left;}
	
	#m_4 a{ display:block; width: 110px; height: 140px; background: url(../images/pc_primary_nav.png)  -360px 0px; text-indent: -1000em;float: left;}
	#m_4 a:hover{ display:block; width: 110px; height: 140px; background: url(../images/pc_primary_nav.png)  -360px -146px;text-indent: -1000em; float: left;}
	#m_4.active a{ display:block; width: 110px; height: 140px; background: url(../images/pc_primary_nav.png)  -360px -146px;text-indent: -1000em; float: left;}
	
	#m_5 a{ display:block; width: 110px; height: 140px; background: url(../images/pc_primary_nav.png)  -470px 0px;text-indent: -1000em; float: left;}
	#m_5 a:hover{ display:block; width: 110px; height: 140px; background: url(../images/pc_primary_nav.png)  -470px -146px; text-indent: -1000em;float: left;}
	#m_5.active a{ display:block; width: 110px; height: 140px; background: url(../images/pc_primary_nav.png)  -470px -146px; text-indent: -1000em;float: left;}

	#m_6 a{display:block; width: 130px; height: 140px; background: url(../images/pc_primary_nav.png)  -580px 0px;text-indent: -1000em; float: left;}
	#m_6 a:hover{ display:block; width: 130px; height: 140px; background: url(../images/pc_primary_nav.png)  -580px -146px; text-indent: -1000em;float: left;}
	#m_6.active a{ display:block; width: 130px; height: 140px; background: url(../images/pc_primary_nav.png)  -580px -146px; text-indent: -1000em;float: left;}
	
	#m_7 a{ display:block; width: 80px; height: 140px; background: url(../images/pc_primary_nav.png)  -710px 0px;text-indent: -1000em; float: left;}
	#m_7 a:hover{ display:block; width: 80px; height: 140px; background: url(../images/pc_primary_nav.png)  -710px -146px; text-indent: -1000em;float: left;}
	#m_7.active a{ display:block; width: 80px; height: 140px; background: url(../images/pc_primary_nav.png)  -710px -146px; text-indent: -1000em;float: left;}


/* Misc */


.clear{
	clear:both;
}

.padder_5{
	padding: 5px 5px 5px 5px;
	display: block;
}

.padder_10{
	padding: 10px 10px 10px 10px;
	display: block;
}

.padder_15{
	padding: 15px 15px 15px 15px;
	display: block;
}

.fright{
	float: right;
}

.fleft{
	float:left;
}

a img{
	border:none;
}