@charset "UTF-8";
/* CSS Document */

body {
	color: #F5ECC6;
	background-image: url(../images/topBar.png), url(../images/mainBkgdNoTopBar.jpg);
	background-repeat: repeat-x, no-repeat;
	font-size: 1em;
	webkit-text-size-adjust: none;
	margin: 0;
	background-position: center top, center 50px;
	background-size: auto, 100%;
	font-weight: 300;
	background-color: #180700;
	font-family: 'Lato', 'sans-serif';
}
.wrapper {
	position: relative;
	font-size: 0.9em;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: -142px;
	margin-left: auto;
}
.wrapperIndex {
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: -142px;
	margin-left: auto;
	background-image: url(../images/bkgdIndex.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
}
.wrapperPress {
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: -142px;
	margin-left: auto;
	width: 100%;
}
.wrapperPrivacy {
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: -142px;
	margin-left: auto;
	width: 100%;
}
.header {
	height: 118px;
	background-image: url(../images/RBHeader02.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 768px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 80px;
	padding-left: 80px;
}
.indexHeader {
	height: 480px;
	/* [disabled]background-image: url(../images/RBHeader01.png); */
	background-repeat: no-repeat;
	background-position: center top;
	width: 768px;
	padding-right: 80px;
	padding-left: 80px;
	margin-right: auto;
	margin-left: auto;
}
/*start index menu styling------------------------------------------*/
#welcome{
	color: #FFFFFF;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	padding-top: 25px;
}
#indexMenu {
	background-repeat: repeat-y;
	width: 768px;
	margin-right: auto;
	margin-left: auto;
	height: 150px;
	background-image: url(../images/bkgd.16.jpg);
	background-position: center;
	padding-right: 80px;
	padding-left: 80px;
	margin-top: -1px;
}
#indexMenu ul {
	list-style-type: none;
	padding-top: 20px;
}
#indexMenu ul li{
	display:inline;
	float:left;
}
#indexMenu li{
	width: 157px;
	height: 72px;
	float: left;
	border: 1px ridge #79782C;
	/* [disabled]border-radius: 8px; */
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 58px;
	padding: 10px;
	background-color: #2F2D06;
	text-align: center;
	/* [disabled]box-shadow: inset 0 1px 3px #4D4A12k, inset 0 -5px 15px #180700, 0 2px 1px black; */
	-o-box-shadow: inset 0 1px 3px #4D4A12, inset 0 -5px 15px #180700, 0 2px 1px black;
	/* [disabled]text-shadow: 0 1px 1px black; */
}
#indexMenu li p{
	/* [disabled]color:#FFFFFF; */
}
#indexMenu a{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#indexMenu li:hover{
	background-color:#4D4A12;
}
/*start styling the home page product reference*/
#indexProduct {
	height: 180px;
	width: 768px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: center -480px;
	padding-right: 80px;
	background-image: url(../images/RBHeader01.png);
	padding-left: 80px;
	text-align: center;
	margin-bottom: -1px;
}
#indexProduct p{
	float: right;
	display: block;
	padding-right: 30px;
	line-height: 3em;
}
#indexProduct style1{
	text-size:1.3em;
}

.appStoreLink{
	position:relative; /*this is the key*/
	z-index:100;
	color:#000;
	text-decoration:none;
	display: block;
	visibility: visible;
	width: 297px;
	float: left;
	margin-left: 50px;
}

.appStoreLink:hover{
	z-index:200;
}

.appStoreLink span{display: none}

a.appStoreLink:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	width:180px;
	text-align: left;
	z-index: 200;
	background-color: #2F2D06;
	padding: 10px;
	color:#fff;
	overflow: hidden;
	bottom: 50px;
	border: 1px ridge #D2BC52;
	border-radius:8px;
	box-shadow: inset 0 1px 3px #4D4A12k, inset 0 -5px 15px #180700, 0 2px 1px black;
   	-o-box-shadow: inset 0 1px 3px #4D4A12, inset 0 -5px 15px #180700, 0 2px 1px black;
   	-webkit-box-shadow: inset 0 1px 3px #4D4A12, inset 0 -5px 15px #180700, 0 2px 1px black;
   	-moz-box-shadow: inset 0 1px 3px #4D4A12, inset 0 -5px 15px #180700, 0 2px 1px black;
   	text-shadow: 0 1px 1px black;
}

/* begin gallery styling */
.thumbs{
	height: 400px;
	text-align: center;
	width: 768px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/bkgd.png);
	background-repeat: repeat-y;
	background-position: center;
	padding-right: 80px;
	padding-left: 80px;
	margin-top: -1px;
	font-family: 'Elsie Swash Caps', "cursive;";
	font-size: 2.5em;
	line-height: 1em;
	color: #D1BC53;
	font-weight: 700;
	text-shadow: 2px 2px 2px #000000;
}
.thumbs img {
	margin-right: 10px;
	margin-left: 10px;
}
.thumbs a{
	color:rgba(121,120,44,1);	
}
/*end index menu styling------------------------------------------*/


/*start menu styling------------------------------------------*/
#menu1 {
	width: 412px;
	float: right;
	height: 53px;
	overflow: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: lighter;
	background-image: url(../images/menu/btnBkgd02.png);
	background-repeat: no-repeat;
	background-position: right top;
	text-transform: lowercase;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #591D11;
}
#menu1 ul {
	list-style-type: none;
}
#menu1 ul li{
	display:inline;
	float:left;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #591D11;
}
#menu1 li a {
	width: 102px;
	text-decoration: none;
	text-align: center;
	background-image: url(../images/menu/btnBkgd02.png);
	height: 38px;
	display: block;
	margin: 0;
	padding: 0;
}
/* dropdown menu code*/
#menu1 li ul{
	background: #591D11;
	display: none;
	height: auto;
	padding: 0 0 20px 0;
	margin: 0px;
	border: 0px;
	position: absolute;
	width: 250px;
	z-index: 200;
}
#menu1 li p {
	font-weight: bold;
	font-variant: small-caps;
	font-size: 1.1em;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D2BC52;
	width: 235px;
}
#menu1 li:hover ul{
		display:block;
}
#menu1 li li {
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:200px;
}
#menu1 li:hover li a{
	background:none;
	color: #D2BC52;
}	
#menu1 li ul a{
	display:block;
	height:10px;
	font-size:0.75em;
	font-style:normal;
	margin:0px;
	padding:0 0 0 15px;
	text-align:left;
	width: 225px;
}
#menu1 li a:link, #menu1 li a:visited {
	color: #4C0F00;
	display: block;
	padding-top: 15px;
	font-weight: 700;
	text-transform: uppercase;
}
/* END dropdown menu code*/
#menu1 li a:hover {
	color: #F5ECC6;
	background-color: #591D11;
	text-shadow: 2px 2px 2px #260A00;
}
#menu1 li a.current, #menu1 li a.current:hover, #menu1 li a.current:active {
	color: #F5ECC6;
	background-color: #591D11;
	text-shadow: 2px 2px 2px #260A00;
}	
/*end menu syling------------------------------------------*/


h1 {
	color: #D1BC53;
	font-size: 1.7em;
	font-family: 'Elsie Swash Caps', "cursive;";
}
.intro {
	width: 708px;
	color: #D2BC52;
	height: 107px;
	font-size: 1.2em;
	padding-top: 60px;
	padding-left: 110px;
	padding-right: 110px;
	margin-right: auto;
	margin-left: auto;
	text-shadow: 2px 2px 2px #000000;
	font-weight: 700;
}
.style1 {
	color: #F5ECC6;
	font-weight: bold;
}
.style2 {
	color: #D1BC53;
	font-size: 1.8em;
	text-shadow: 2px 2px 2px #000000;
	font-family: 'Elsie Swash Caps', "cursive;";
	font-weight: 700;
}
.style3 {
	color: #D1BC53;
	font-size: 1.1em;
}
.style4 {
	font-size: 0.8em;
	margin-top: 10px;
	font-family: 'Elsie Swash Caps', "cursive;";
	text-shadow: 2px 2px 2px #000000;
	font-weight: 700;
}
.style5 {
	font-style: italic;
	font-weight: bold;
}
.p2 {
	width: 708px;
	padding-top: 65px;
	padding-bottom: 20px;
	padding-left: 110px;
	padding-right: 110px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/bkgdForm.png);
	background-repeat: no-repeat;
	background-position: center -285px;
	overflow: hidden;
}
.about {
	width: 338px;
	padding-top: 90px;
	/* [disabled]padding-bottom: 20px; */
	padding-left: 480px;
	padding-right: 110px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/bkgdAbout.png);
	background-repeat: no-repeat;
	background-position: center -260px;
	height: 300px;
	text-align: right;
}
.introAbout {
	width: 816px;
	color: #D1BC53;
	height: 90px;
	font-size: 1.8em;
	padding-top: 60px;
	/* [disabled]padding-left: 210px; */
	padding-right: 110px;
	margin-right: auto;
	margin-left: auto;
	/* [disabled]background-image: url(../images/bkgdAbout.png); */
	background-repeat: no-repeat;
	background-position: center -118px;
	text-align: right;
	text-shadow: 2px 2px 2px #000000;
	font-family: 'Elsie Swash Caps', "cursive;";
	font-weight: 700;
}
.press {
	padding-top: 0px;
	padding-right: 110px;
	padding-bottom: 30px;
	padding-left: 110px;
	width: 708px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/bkgd.png);
	background-repeat: repeat-y;
	background-position: center;
}
#tutorial {
	padding-top: 0px;
	padding-right: 85px;
	padding-bottom: 30px;
	padding-left: 85px;
	width: 758px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/bkgd.16.jpg);
	background-repeat: repeat-y;
	background-position: center;
}
#tutorial p{
	width:275px;
	border: 1px solid #EDC07B;
	margin-right: 20px;
	padding: 20px;
	margin-top: 40%;
	margin-bottom: 40%;
}
#tutorial ul{
	list-style-type: none;
	padding-bottom: 20px;
	padding-top: 20px;
	border-bottom: 1px dotted #636307;
	clear: left;
	height: 467px;
	width: 710px;
	margin-right: auto;
	margin-left: auto;
	display: table;
}
#tutorial ul li{
	float:left;
}
#tutorial2 {
	padding-top: 0px;
	padding-right: 85px;
	padding-bottom: 30px;
	padding-left: 85px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/bkgd.png);
	background-repeat: repeat-y;
	background-position: center;
}
#tutorial2 img{
	padding-left: 20px;
}
#tutorial2 p{
	width: 275px;
	border: 1px solid #636307;
	margin-right: 20px;
	padding: 20px;
}
#tutorial2 ul{
	list-style-type: none;
	padding-bottom: 20px;
	padding-top: 20px;
	border-bottom: 1px dotted #636307;
	clear: left;
	height: 250px;
	width: 710px;
	display: table;
	margin: auto;
}
#tutorial2 ul:last-of-type{
	border-bottom: none;
}
#tutorial ul:last-of-type{
	border-bottom:none;	
}
#tutorial2 ul li{
	float:left;
}
.form {
	padding-top: 65px;
	padding-right: 110px;
	padding-bottom: 30px;
	padding-left: 110px;
	width: 708px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/bkgdForm.png);
	background-repeat: no-repeat;
	background-position: center -285px;
}
#ContactForm{
	width:600px;
	padding: 30px;
	border: 1px solid #FFD490;
	border-radius:8px;
	margin-left: auto;
	margin-top: 20px;
	margin-right: auto;
}
.blank{
	width:290px;
	height:290;
	float:right;
}
.logoQuote {
	color: #D1BC53;
	width: 295px;
	float: right;
	font-style: italic;
	text-align: right;
	padding-left: 20px;
	padding-top: 30px;
	font-size: 0.9em;
	margin-top: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.furthermore {
	width: 708px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 110px;
	background-image: url(../images/bkgd.png);
	background-repeat: repeat-y;
	background-position: center;
	padding-left: 110px;
}
.furthermore p{
	font-size: 1em;
	line-height: 1.3em;
}
/*end styling the home page product reference*/
.divider {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.appBio {
	padding-top: 0px;
	padding-right: 110px;
	padding-bottom: 30px;
	padding-left: 110px;
	width: 708px;
	margin-right: auto;
	margin-left: auto;
	;
	background-image: url(../images/bkgd.16.jpg);
	background-repeat: repeat-y;
	background-position: center;
	height: 415px;
	line-height: 1.3em;
}
.appBio img{
	float: right;
	padding-left: 30px;
	padding-bottom: 30px;
}
a {
	color: #A3A243;
	text-decoration: none;
	/* [disabled]font-weight: bold; */
}
a:hover {
	color: #D1BC53;
}
strong {
	font-weight: normal;
}
.download {
	position: absolute;
	right: 0;
	top: 160px;
}
.facebook {
	width: 768px;
	background-image: url(../images/bkgd.16.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	height: 130px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 80px;
	padding-left: 80px;
	color: #999999;
	clear: right;
	margin-top: -1px;
}
.facebook p {
	font-size:0.9em;
	padding-left:10px;
}
.facebookContent {
	width: 280px;
	height: 90px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 110px;
	background-color: #180700;
	border: 1px ridge #79782C;
	border-radius: 8px;
	background-image: url(../images/fBookLook.png);
	background-repeat: no-repeat;
	background-position: left;
	box-shadow: 0 2px 1px black;
	-o-box-shadow: 0 2px 1px black;
	-webkit-box-shadow: 0 2px 1px black;
	-moz-box-shadow: 0 2px 1px black;
}
.tag {
	color:#FB931E;
	font-size:1.1em;
	padding-top: 5px;
	padding-bottom: 5px;
}
.footer {
	position: relative;
	margin-bottom: 100px;
	font-weight: normal;
	padding-top: 20px;
	font-size: 0.7em;
	background-image: url(../images/footerBkgd.png);
	background-repeat: no-repeat;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	line-height: 2em;
	width: 768px;
	background-position: center;
	padding-right: 80px;
	padding-left: 80px;
}
.footer a {
	color: #D2BC52;
	font-size: 1.2em;
	padding-right: 10px;
	padding-left: 10px;
}
.footer p {
	color: #79782C;
	/* [disabled]padding-top: 10px; */
}
.footerContent {
	width: 768px;
	line-height: 2em;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 80px;
	padding-left: 80px;
}
/* styling example recipe*/
.ingredients {
	line-height: 1.5em;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}
.directions {
	width: 700px;
	margin-top: 20px;
}
.recipeImage {
	float:right;
}
.introRecipe {
	width:700px;
	color:#EDC07B;
	height: 60px;
	font-size: 1.5em;
	padding-top: 40px;
	margin-right: auto;
	margin-left: auto;
	text-shadow:2px 2px 2px #000000;
}
/* end recipe styling*/
/* general styling for the java gallery */
* {
	margin: auto;
	padding: 0;
}
.appBio p {
	line-height: 1.3em;
}
#indexProduct p {
	text-align: right;
	width: 600px;
}