@font-face {
 font-family: MyCustomFont;
 src: url("MankSans.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: MyCustomFont;
 src: url("MankSans.eot") /* TTF file for CSS3 browsers */
}




@font-face {
 font-family: MyCustomFontMedium;
 src: url("MankSans-Medium.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: MyCustomFontMedium;
 src: url("MankSans-Medium.eot") /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: MyCustomFontMedium;
 src: url("MankSans-Medium.otf") /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: MyCustomFontMedium;
 src: url("MankSans-Medium.woff") /* TTF file for CSS3 browsers */
}




@font-face {
 font-family: MyCustomFontObliqueMedium;
 src: url("MankSans-MediumOblique.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: MyCustomFontObliqueMedium;
 src: url("MankSans-MediumOblique.eot") /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: MyCustomFontObliqueMedium;
 src: url("MankSans-MediumOblique.otf") /* TTF file for CSS3 browsers */
}


@font-face {
 font-family: MyCustomFontObliqueMedium;
 src: url("MankSans-MediumOblique.woff") /* TTF file for CSS3 browsers */
}





body {
  background-color: #000000;
  width: 100%;
  margin: 0 auto;
}




.menu {
  font-family: "MyCustomFontObliqueMedium";
  font-size: 12px;
  color: #FFFFFF;
}

.menu1 {
  font-family: "MyCustomFontMedium";
  font-size: 25px;
  color: #7f7f7f;
}


.recipe {
  font-family: "MyCustomFontMedium";
  font-size: 14px;
  color: #000000;
}

.rered {
  font-family: "MyCustomFontMedium";
  font-size: 14px;
  color: #FFFFFF;
}



.content {
  font-family: "MyCustomFont";
  font-size: 11px;
  color: #666666;
  
}

.content1 {
  font-family: "MyCustomFont";
  font-size: 11px;
  color: #666666;
  font-weight: bold; 
}

.bottom {
  font-family: "MyCustomFont";
  font-size: 11px;
  color: #666666;
}


a.link {

 font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-style: normal;
	letter-spacing: normal;	
 text-decoration: none;
color: #6d6d6d;
padding: 5px;

}






a.link:hover {
 color: #ffffff;
 font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-style: normal;
	letter-spacing: normal;	
 text-decoration: none;
 background-color:#6d6d6d;
 padding: 5px;

}



a.service, a.service:active, a.service:visited  {
 color: #ffffff;
 font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-style: normal;
	letter-spacing: normal;	
 text-decoration: none;
 background-color:#6d6d6d;
 padding: 5px;

}


a.bottom {
  font-family: "MyCustomFont";
  font-size: 11px;
  color: #c4c4c4;
}

a.bottom:hover {
  font-family: "MyCustomFont";
  font-size: 11px;
  color: #c4c4c4;
  text-decoration:underline;
	
}




a.down {

     font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	font-style: normal;
	letter-spacing: normal;
	;
	color: #c4c4c4;
	
	text-decoration:none;
	color: #c4c4c4;
}

a.down:hover{

    font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	font-style: normal;
	letter-spacing: normal;
	;
	color: #c4c4c4;
	
	text-decoration:underline;
	color: #c4c4c4;
}



.big { font-family: "MyCustomFont"; font-size: 30px; color: #000000; ; font-weight: bold; font-style: oblique}
//.recipe { font-family: "MyCustomFont"; font-size: 20px; color: #FFFFFF; ; font-weight: bold; font-style: normal}
.small { font-family: "MyCustomFont"; font-size: 11px; color: #666666; }
.white { font-family: "MyCustomFont"; font-size: 12px; color: #ffffff; }
.red {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-style: normal;
	letter-spacing: normal;
	;
	color: #666666;
}




.red2 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	font-style: normal;
	letter-spacing: normal;
	;
	color: #666666;
}



.red1 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	font-style: normal;
	letter-spacing: normal;
	;
	color: #c4c4c4;
}


.red3 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
	font-style: normal;
	letter-spacing: normal;
	;
	color: #c4c4c4;
}

.white {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-style: normal;
	letter-spacing: normal;
	;
	color: #ffffff;
}


a, a.active, a.visited {
font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-style: normal;
	letter-spacing: normal;
	text-decoration: none;
	color: #666666;

}

a:hover{
text-decoration: underline;
}


.T1 { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; font-style: normal; letter-spacing: normal; ; color: #000000}
.T2 { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px; font-style: normal; letter-spacing: normal; ; color: #000000}
.T3 { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 24px; font-style: normal; letter-spacing: normal; ; color: #000000}
.T4 { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 14px; font-style: normal; letter-spacing: normal; ; color: #000000}
.T5 { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 30px; font-style: normal; letter-spacing: normal; ; color: #c4c4c4}
.T6 { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 16px; font-style: normal; letter-spacing: normal; ; color: #665f5f}
.T7 { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 11px; font-style: normal; letter-spacing: normal; ; color: #7f7f7f}