@charset "utf-8";

/* CSS Document */

/* Yogamayai Designs */

body{

	background-image: url(../images/index_bg.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #333333;

	text-align: center;

	background-color: #C6DB90;

}

p,h1,h2,h3{

margin:0px;

}

#container {

	text-align: center;

	margin: 0px;

	padding: 0px;

	width: 856px;

	height: auto;

}

#header {

	background-image: url(../images/index_centerbg.jpg);

	background-repeat: no-repeat;

	background-position: 40px 30px;

	float: left;

	width: 100%;

	padding: 5px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	display: inline;

}

#header_left {

	text-align: left;

	margin: 0px;

	padding: 0px;

	float: left;

	display:inline;

	width: 33%;

}

#header_right {

	margin: 0px;

	float: right;

		display:inline;

	width: 66%;

	padding-top: 40px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

#clickrecipe {

	float: right;

	display:inline;

	width: 90%;

	margin-bottom: 5px;

	text-align: left;

}

#clickrecipe ul{

	margin: 0px;

	padding: 0px;

	display: inline;

	list-style-type: none;

	text-align: left;

}

#clickrecipe li {

	font-size: 16px;

	font-weight: normal;

	color: #76222f;

	margin-right: 5px;

	list-style-type: none;

	text-align: left;

	display: inline;

	vertical-align: middle;

	line-height: 15px;

}

#clickrecipe li a{

	font-family: "Trebuchet MS";

	font-size: 14px;

	font-weight: normal;

	color: #6D0019;

	text-decoration: none;

	padding-bottom: 10px;

	vertical-align: middle;

}

#clickrecipe li a:hover{

}

.recipealign{

	padding-bottom: 10px;

}

#index_content {

	float: right;

		display:inline;

	width: 55%;

	margin-top: 0px;

	margin-right: 25px;

	margin-bottom: 0px;

	margin-left: 0px;

	text-align:left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 16px;

	font-weight: normal;

	color: #3d2322;

	padding-top: 15px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

#index_content p{

	margin-bottom: 10px;

}

#logo {

	text-align: right;

	margin: 0px;

	float: left;

		display:inline;

	width: 42%;

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

.signature {

	float: right;

		display:inline;

	margin-top: 10px;

}#bananaleaf_links {

	text-align: center;

	float: left;

		display:inline;

	width: 100%;

	margin-bottom: 0px;

}

#footer {

	float: left;

	display:inline;

	width: 92%;

	margin-top: 5px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 35px;

	background-image: url(../images/footer_bg.jpg);

	background-repeat: no-repeat;

	background-position: left bottom;

	text-align: left;

	padding-top: 5px;

	padding-right: 8px;

	padding-bottom: 5px;

	padding-left: 9px;

	background-color: #FFFDEA;

}

#footer_left {

	margin: 0px;

	float: left;

	display:inline;

	width: 82%;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 12px;

	font-style: italic;

	font-weight: normal;

	color: #333333;

	text-align: left;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

#footer_right {

	float: right;

	display:inline;

	width: 18%;

	text-align: right;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

	padding: 0px;

}

#navigations {

	text-align: left;

	padding: 0px;

	float: left;

	display:inline;

	width: 76%;

	background-image: url(../images/bananaleaf1.gif);

	background-repeat: no-repeat;

	background-position: 95px top;

	height: 210px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 80px;

}

.topmenu{

	float: left;

		display:inline;

	width: 71%;

}

.sombu {

	float: left;

		display:inline;

	width: 26%;

	padding-top: 54px;

	padding-bottom: 58px;

	text-align: left;

}

.mangoslice {

	float: left;

		display:inline;

	padding-top: 34px;

	padding-right: 5px;

	padding-left: 5px;

}

.poriyal {

	float: left;

		display:inline;

	padding-top: 10px;

	padding-right: 3px;

	padding-left: 3px;

}

.sweet {

	float: left;

		display:inline;

	padding-top: 34px;

	padding-right: 20px;

	padding-left: 30px;

}

.laddu{

	float: left;

		display:inline;

	width: 10%;

	padding-bottom: 40px;

}

.tigerrice{

	float: left;

		display:inline;

	padding-right: 3px;

	padding-left: 5px;

	margin: 0px;

	padding-top: 0px;

	padding-bottom: 0px;

}

/* popup */ 

.bubbleInfo {

	width:auto;

	height:auto;

	float:left;

		display:inline;

	position:relative;

	margin: 0px;

	padding: 0px;

}



.popup {

	display: none; /* keeps the popup hidden if no JS available */

	position: absolute;

	width:80px;

	height:63px;

	overflow:hidden;

	text-align:left;

	margin-top:50px;

	background-image: url(../images/recipelabel.gif);

	background-repeat: no-repeat;

	background-position: left top;

	padding-top: 15px;

	padding-right: 25px;

	padding-bottom: 5px;

	padding-left: 20px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	text-decoration: none;

	z-index: 2;

}



.read  {

	color:#FFFFFF;

		display:inline;

	font-size:13px;

	font-weight:normal;

	font-family: Arial, Helvetica, sans-serif;

	text-decoration: none;

}

.read:hover{

	color: #77001C;

	text-decoration: underline;

}

.internet_links{

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 12px;

	font-style: italic;

	font-weight: bold;

	color: #333333;

	text-decoration: none;

	}

.internet_links:hover{

	color: #436921;

	text-decoration:underline;

}

.music{

text-align:center;

}