﻿/* CSS Document */
/* color theme 874BAE */
/* BG color theme CBA7E5 */
/* body width  982 */

body
{	
	margin: 0;
	padding: 0;	
	font-family: Verdana,Trebuchet MS, Tahoma, Arial, sans-serif;
	font-size: 13px;	
	background-color:#CBA7E5;
	/*background-image: url(Images/bg.jpg);
	background-repeat:repeat;	
	background-color:#FFFFFF; 
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#363636',EndColorStr='#FFFFFF');
	margin: 0px auto;*/
	
}



form {	margin: 0;}
.clear{clear: both;}
.left{ float: left;}
.right{ float: right;}
img{ border: none;}
br.clear { clear:both; } /* Use this br class to clear your floated columns */
.red {
	COLOR: #c10000
}
.blue {
	COLOR: #0054a8
}
.yellow {
	COLOR: #ebbc01
}
.green {
	COLOR: #8a4500
}
.grey {
	COLOR: #cccccc
}
.darkgrey {
	COLOR: #666666
}
.readonly {
	BACKGROUND: #f0f6fa
}
select.ProDropDown
{
border:1px solid #6B344A;
background-color:#FFB239;
font-weight:bold;
color:#68354F;
}
select.ProDropDown option {border-bottom:1px solid #dadada}

.notification_error
{
border: 1px solid #A25965;
height: auto;
width: 90%;
padding: 4px;
background: #F8F0F1;
text-align: left;
-moz-border-radius: 5px;
}

.notification_ok
{
border: 1px #567397 solid;
height: auto;
width: 90%;
padding: 8px;
background: #f5f9fd;
text-align: center;
-moz-border-radius: 5px;
}

/* Input, Textarea */
input, textarea
{
border: 1px solid #999999; 
border-top-color: #CCCCCC; 
border-left-color: #CCCCCC; 
color: #333333; 
font: 11px Verdana, Helvetica, Arial, sans-serif;
-moz-border-radius: 3px;
}

input.shadow {
	background: url(images/bginput.gif) no-repeat;
	border: 1px solid #333;
	padding: 2px;
}

.center {
	text-align: center;
}

.btn 
{
	font-family:Script MT Bold;
	font-size: 12pt;
	color:#874BAE;
	border:1px solid;
	border-color:Black;
	
	cursor:hand;
	background-color: ButtonFace;
	-moz-border-radius: 2px;
}
.btn:hover 
{
	font-family: Script MT Bold;
	font-size: 12pt;
	color: #0B3E51;
	border:1px solid;
	border-color:#0B3E51;
	
	cursor:hand;
	background-color:#DDDBDC;
	-moz-border-radius: 2px;
}

.heading {
font-size: 20pt;
color: #874BAE;
font-family: Georgia, Forte, Script MT Bold, LuciaSSK, Tahoma;
font-weight:bold;
font-style:italic;
padding:10px;
margin:0;
}

.subheading{
	padding:.8em 0 0.5em 0;
	color:#0F2543;
	font-weight:bold;
	font-family: Georgia, Forte, Script MT Bold, LuciaSSK, Tahoma;
	font-size:1.1em;
}


.productName {
font-size: 13px;
color: #874BAE;
font-family: Verdana, "Times New Roman", Times, serif;
font-weight:bold;
font-style:italic;
} 

div#nifty
{
	position:absolute;	
	/*background: #FF8E47;*/
	width:auto;
	height:auto;
	top:20px;
	right:67px;
	color:White;
	font-weight:bold;
	
}
b.rtop, b.rbottom{display:block;background: #C6A6E0}
b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; background: #FFD071}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

#header 
{
position: relative;
width: 980px; margin: 0 auto; padding: 0;height: 200px;
}


#header .logo
{	padding-top:47px;
	padding-left:75px;	
} 


#headerLinks{
position:absolute;
top:30px;
right:80px;
color:White;
font-weight:bold;	
width:502;
height:33px;
background-image:url(Images/HeadersLinkBg.gif);
}

#headerLinks ul {
margin:0;
padding:5px;
display: inline;
border: none;    
} 

#headerLinks ul li {
	border: none;	
	list-style:none;
	display: inline;
	list-style-type: square; 
}




#header h1
{	
position:absolute;
top:50px;
right:240px;
height:31px;

}

#header p
{	
position:absolute;
top:90px;
right:50px;
color:White;
font-weight:bold;	
margin-left:450px;	
color:#000000;
font-family:Verdana;
font-style:normal;
font-weight:normal;	
font-size:8pt;
text-align:justify;
width:500px;
}
#header .headerReadMore
{	
position:absolute;
top:170px;
right:50px;
}






#wrapper {width: 980px; margin: 0 auto; padding: 0;}

/* container */
#container {
	margin: 0 auto;	
	width: 980px;
    height:auto;
	background-color:transparent;
}

/* content */
#content {
	margin: 0 auto;	
	width: 887px;
	overflow: hidden;
	height:auto;
}


/*#content {
position: absolute;
width: 982px;
height:1080px;
left: 0;
top: 50px;  depending on height of header 
bottom: 50px;  depending on height of footer 
overflow: auto;
} */


#footer { 
	padding: 0; 	
	margin: 0 auto; 	
	width:882px;
	height:81px;
	background-image:url(Images/bottom_bg.gif);
	color:#FBBF14;
}

#footNav ul{
	margin: 0;
	padding: 0;
	padding-top:20px;
	padding-left:20px;
	list-style-type: none;
}

#footNav ul li a {
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FBBF14;
	padding:0px 10px 0px 5px;
	
}
#footNav ul li a:hover{
	color: #FEBC06;
	text-decoration:underline;
}

#footNav ul li{
	padding-bottom:5px;
}

.txtSmallWhite {
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


H1 {
background: transparent; color: #874BAE;
font-family: Forte, Script MT Bold, LuciaSSK, Tahoma;
font-size: 1.6em; font-weight: bold; font-style: italic;
margin: 0; border: none; padding: 15px 0 0 50px;
text-align: left; width: auto; line-height: 1.2;
}

/*A:link {color: #ffffff; margin: 0; border: none; padding: 0; text-decoration: none; }
A:visited { color: #FF7800; margin: 0; border: none; padding: 0; text-decoration: none; }
A:hover { color: #FF7800; margin: 0; border: none; padding: 0; text-decoration: underline; }
A:active { color: #fff; margin: 0; border: none; padding: 0; text-decoration: underline; }*/

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #874BAE;
	text-decoration: none;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #874BAE;
	text-decoration: none;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0082DE;
	text-decoration: underline;
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #874BAE;
	text-decoration: none;
}

ADDRESS { background: transparent; color: #f5dd9f;
              font-family: Georgia,"Bookman Old Style","Times New Roman",serif;
              font-size: 1em; font-weight: normal; margin: 0; border: none;
              padding: 0 0.6em 0 25px; text-align: left; text-indent: 0;
              line-height: 1.3; }

#tablediv {
width:887px;
margin:0 auto;
padding:0;
height:auto;
/*background-color:transparent;
border:1px solid  #666666;
border-collapse:separate;*/
}

#tablediv .celldiv-products {
float:left;
width:542px;
background-color:transparent;
padding:5px;

}
#tablediv .rowdiv-products  {
width:542;
}

#tablediv .rowdiv-Ismail { width:542; }
#tablediv .celldiv-Ismail 
{
float:left;
width:540px;
height:509px;
background-image:url(Images/ismailImages.gif);
}

#tablediv .celldiv-Ismail  h1
{
height:25px;
font-size:xx-large;
color:#000000;
font-family:Arial;
font-style:normal;
font-weight:normal;
}

#tablediv .celldiv-Ismail p {
color:#FFFFFF;
font-size:14px;
padding-left:20px;
padding-right:20px;
padding-top:0;
} 


#rowdiv-right-search 
{
	position:relative;
	float:left;
width:270px;
height:auto;
float:right;
padding:10px 0 10px 0;
}
#rowdiv-right-search form
{
margin: 0;
padding: 0;
height: 60px;
width:284px;
}



#rowdiv-right-ExportRegion 
{
width:281px;
height:224px;
float:right;
background-image:url(Images/exportsRegion.gif);
}

#rowdiv-right-ExportRegion  h1{
font-size:x-large;
color:#000000;
font-family:Arial;
font-style:normal;
font-weight:normal;
height:20px;
}

#rowdiv-right-ExportRegion img
{
padding:20px 20px 20px 20px;
}



#rowdiv-right-Advertisement 
{
width:281px;
height:224px;
float:right;
background-image:url(Images/exportsRegion.gif)
}
#rowdiv-right-Advertisement h1 {
font-size:x-large;
color:#000000;
font-family:Arial;
font-style:normal;
font-weight:normal;
height:20px;

}

#rowdiv-right-Advertisement span
{
 padding:75px 8px 10px 12px;
}


/* *************** PRODUCTS ******************************/
#productsArea{
width:887px;
height:461px;
margin:0 auto;
padding:0;
margin-bottom:20px;
margin-top:1px;
background-image:url(Images/products-pageBGNew.png);
background-repeat:no-repeat;
}

#productsArea .productsDescriptionImage
{
position:relative;
float:left;
width:350px;	
}

#productsArea .productsDescriptionHeading
{	
font-size: 20pt;
color: #874BAE;
font-family: Georgia, Forte, Script MT Bold, LuciaSSK, Tahoma;
font-weight:bold;
font-style:italic;
padding:10px 2px 10px 10px;
margin:0;
width:auto;
}

#productsArea .productsDescriptionHeading a
{	
font-size: 20pt;
color: #874BAE;
font-family: Georgia, Forte, Script MT Bold, LuciaSSK, Tahoma;
font-weight:bold;
font-style:italic;
padding:10px 2px 10px 10px;
margin:0;
width:auto;
}

#productsArea img.ProductImage
{
position:relative;
float:left;
padding-top:20px;
width:300px;
height:350px;
}
#productsArea img.productHeadingImages
{
position:relative;
float:left;
width:45px;
height:320px;
padding-top:25px;

}
#productsArea img.ProPageLineBar
{
position:relative;
float:left;
padding-top:20px;
width:1px;
height:355px;
}
#productsArea img.ProPageLineBar1
{
position:relative;
float:left;
padding-top:20px;
width:1px;
height:355px;
}



#productsArea .ProductHeading{
position:relative;
float:left;

left:25px;
font:Trebuchet MS;
color:#000000;
font-size:13px;
font-weight:bold;
width:157px;
height:17px;
}

#productsArea .ProductDescription{
position:relative;
float:left;
left:25px;
top:5px;
width:450px;
height:60px;
font:Verdana;
color:#000000;
font-size:13px;
font-weight:normal;

}


#DescriptionsULLI {
position:relative;
float:left;
width:450px;
height:300px;
left:25px;
top:5px;
text-align:left;
color: #000000;
background-color: transparent;
font-weight:bolder;

}
	
#DescriptionsULLI ul {
	top:30px;
	list-style:none;
	
	display: inline;
	border: none;
	text-align:left;
}
	 
#DescriptionsULLI li {
display: inline;
position:relative;
float:left;
list-style:none;
width:450px;
padding:5px;
}

#ProductDescriptionButtonImages
{
position:relative;
float:inherit;
padding:10px 0px 10px 10px;
width:440px;
}
#ProductDescriptionButtonImages a:hover
{
cursor:pointer;
}



/*------------------ Form Tags ------------------*/
.popupWindow
{
	position:absolute;
    width:250px;
    border: solid 1px black;
    margin: 0px 0px 0px 20px;
    background-color:white;
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color=#2557ad); 
    display:none;
}


#productsCategory{
width:887px;
height:229px;
margin:0 auto;
padding-top:40px;
padding-bottom:20px;
margin-bottom:20px;
}

/**************************************Pages********************************************/

/* This is the transparent box */
#transbox {
width: 870px;
margin: 5px 5px 20px 5px;

border: 2px solid #FFAA00;
/*filter:alpha(opacity=50);
opacity: 0.5;*/
-moz-opacity:0.5;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFD071',EndColorStr='#FF8E47'); 
background: url(images/css-gradient.gif) 0% 0% repeat-x;
background-color:#FFB663;


}

/* This is the container which set text to solid color.
position: relative used for IE */ 
#transbox div {
width:840px;
min-height:400px;
max-height:1000px;
padding: 20px;
font-weight:normal;
-moz-opacity:1;
position: relative;

}

/************************Contact US ****************************************/
#ContactUs {
width: 870px;
margin: 5px 5px 20px 5px;

border: 2px solid #FFAA00;
/*filter:alpha(opacity=50);
opacity: 0.5;*/
-moz-opacity:0.5;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFD071',EndColorStr='#FF8E47');
background: url(images/css-gradient.gif) 0% 0% repeat-x;
background-color:#FFB663;
}
#ContactUs div {
width:840px;
min-height:400px;
max-height:1000px;
padding: 2px 20px 20px 20px;
font-weight:normal;
-moz-opacity:1;
position: relative;

}

/************************Product Categories ****************************************/
#ProductCategories {
width: 876px;
margin: 5px 5px 20px 5px;
/*filter:alpha(opacity=50);
opacity: 0.5;
*/
-moz-opacity:0.5;
background: url(images/products-pageBGNew.png) 0% 0% repeat-x;
background-color:#FFB629;
}

#ProductCategories div {
width:840px;
min-height:400px;
max-height:1000px;
padding: 10px;
font-weight:normal;
position: relative;

}

#ProductCategories H1 {
width:300px;
}

#ProductCategories ul {
list-style:none;
}
#ProductCategories ul li {
list-style:none;
text-align:center;
}

#ProductCategories div a:hover
{
	text-decoration:none;
}
#ProductCategories span.pthbg {
background: url(images/ProductThumbsHeadingBG.gif) 0% 0% repeat-x;
border:solid 1px #D9952B;
border-top-color:transparent;
}

/************************Product Search ****************************************/
#ProductSearch {
width: 870px;
margin: 5px 5px 20px 5px;
border: 2px solid #FFAA00;
/*filter:alpha(opacity=50);
opacity: 0.5;*/
-moz-opacity:0.5;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFD071',EndColorStr='#FF8E47');
background: url(images/css-gradient.gif) 0% 0% repeat-x;
background-color:#FFB663;
}

#ProductSearch div {
width:840px;
min-height:400px;
max-height:100%;
padding: 10px;
position: relative;
top:10px;
color:#000000;
font-family:Verdana;
font-style:normal;
font-weight:lighter;
font-size:11px;
text-align:justify;
top:10px;
overflow:hidden;
}



/************************Product Thumbnails ****************************************/

ul.linklist
{
list-style: none;
}

ul.linklist li
{
border-top: solid 1px #EEEEEE;
padding-top: 5px;
margin: 5px 0px 0px 0px;
}

ul.linklist li.first
{
border-top: 0px;
margin-top: 0px;
padding-top: 0px;
}

/* GridView Begin */

.gridview {
width: 100%;
}

.gridview th {
font-size: 14px;
padding: 2px;
color:White;
background: #555;
letter-spacing: 0;
text-align: left;
padding-left: 5px;
}

.gridview td {
padding: 5px 4px;
border-bottom: solid 1px #C5DBF7;
color: #333;
font-family: Verdana, sans-serif;
font-size: 14px;
background-color: #E6F2FF;
}

.gridview tr.even td {
background-color: #fff;
}

/* GridView End */

li input
{
	width:90px;
	height:15px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

.pager 
{
	margin-left:30px;
	font-size:medium;
}

.pager a
{
	color:red;
}

.productlist li
{
    display: inline;
    float: left;
    margin-left: 15px;
    margin-bottom: 15px;
}

.datapager
{
    display:block;
    text-align:center;
    clear: both;
    font-size:medium;
}


/************************ Export Region ****************************************/
#ExportRegion
{
	width: 887px;
	background: #CBA7E5;
	
}

#ExportRegion div
{
	
	border:5px solid purple;
	margin-bottom:20px;
	text-align:center;
	background: purple;
}


/**************************************Careers********************************************/
/* This is the transparent box */
#Careers {
width: 870px;
margin: 5px 5px 20px 5px;
border: 2px solid #FFAA00;
/*filter:alpha(opacity=50);
opacity: 0.5;*/
-moz-opacity:0.5;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFD071',EndColorStr='#FF8E47');
background: url(images/css-gradient.gif) 0% 0% repeat-x;
background-color:#FFB663;
}

/* This is the container which set text to solid color.
position: relative used for IE */ 
#Careers div {
width:840px;
min-height:400px;
max-height:1000px;
padding: 20px;
font-weight:normal;
-moz-opacity:1;
position: relative;

}

/**************************************Export Inquiry********************************************/
/* This is the transparent box */
#ExportInquiry {
width: 870px;
margin: 5px 5px 20px 5px;
border: 2px solid #FFAA00;
/*filter:alpha(opacity=50);
opacity: 0.5;*/
-moz-opacity:0.5;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFD071',EndColorStr='#FF8E47');
background: url(images/css-gradient.gif) 0% 0% repeat-x;
background-color:#FFB663;
}

/* This is the container which set text to solid color.
position: relative used for IE */ 
#ExportInquiry div {
width:840px;
min-height:400px;
max-height:100%;
padding: 10px;
position: relative;
font-weight:bold;
-moz-opacity:1;

}


/* ********************CSS MENU commom style for all browsers **********************************************/

#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.8em; 

}

#nav a{
display:block;
padding:0px 5px;
border:1px solid #FF8E47;
color:#fff;
text-decoration:none;
background-color:#FF8E47;
}

#nav a:hover{
background-color:#FFD071;
color:#333;
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:12em;
top:1.9em;
}


#nav li ul a{
width:12em;
height:auto;
float:left;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:8.5em;
margin:0px 0 0 20px;

}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}


/************************Product Thumbs preview ****************************************/
#ProductThumbsPreview {

margin: 5px 5px 20px 5px;
border: 2px solid #FFAA00;
/*filter:alpha(opacity=50);
opacity: 0.5;*/
-moz-opacity:0.5;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFD071',EndColorStr='#FF8E47');
background: url(images/css-gradient.gif) 0% 0% repeat-x;
background-color:#FFB663;
}

#ProductThumbsPreview div {

}


/************************ Embeded Fonts ****************************************/
#wrapperSearch {

}
@font-face {
    font-family: GraublauWeb;	
    src: url(fonts/GraublauWeb.otf) format("opentype");
}
@font-face {
    font-family: Tallys;
    src: url(fonts/Tallys_15.otf) format("opentype");
}

@font-face {
    font-family: GraublauWeb;	
font-weight:900;
    src: url(fonts/GraublauWebBold.otf) format("opentype");
}
@font-face {
    font-family: Fertigo;
	src: url(fonts/Fertigo_PRO.otf) format("opentype");
}

@font-face {
    font-family: Diavlo;
	src: url(fonts/Diavlo_LIGHT_II_37.otf) format("opentype");
	font-weight:200;
}
@font-face {
    font-family: Diavlo;
	src: url(fonts/Diavlo_BLACK_II_37.otf) format("opentype");
	font-weight:900;
}
@font-face {
    font-family: Fontin;
	src: url(fonts/Fontin-Regular.otf) format("opentype");
	
}
@font-face {
    font-family: Fontin;
	src: url(fonts/Fontin-Italic.otf) format("opentype");
	font-style:italic;

}
@font-face {
    font-family: Fontin;
	src: url(fonts/Fontin-Bold.otf) format("opentype");
	font-weight:bold;
	
}
@font-face {
    font-family: Fontin;
	src: url(fonts/Fontin-SmallCaps.otf) format("opentype");
	font-weight:bold;
	font-style:italic;
	
}
@font-face {
    font-family: Fontinsans;
	src: url(fonts/Fontin_Sans_R_45b.otf) format("opentype");
	
}
@font-face {
    font-family: Fontinsans;
	src: url(fonts/Fontin_Sans_I_45b.otf) format("opentype");
	font-style:italic;

}
@font-face {
    font-family: Fontinsans;
	src: url(fonts/Fontin_Sans_B_45b.otf) format("opentype");
	font-weight:bold;
	
}
@font-face {
    font-family: Fontinsans;
	src: url(fonts/Fontin_Sans_SC_45b.otf) format("opentype");
	font-weight:bold;
	font-style:italic;
}
@font-face {
    font-family: Pykes;
	src: url(fonts/pykes_peak_zero.otf) format("opentype");
}
@font-face {
    font-family: Kaffeesatz;
	src: url(fonts/YanoneKaffeesatz-Thin.otf) format("opentype");
	
}
@font-face {
    font-family: Kaffeesatz;
	src: url(fonts/YanoneKaffeesatz-Light.otf) format("opentype");
	font-style:italic;

}
@font-face {
    font-family: Kaffeesatz;
	src: url(fonts/YanoneKaffeesatz-Regular.otf) format("opentype");
	font-weight:bold;
	
}
@font-face {
    font-family: Kaffeesatz;
	src: url(fonts/YanoneKaffeesatz-Bold.otf) format("opentype");
	font-weight:bold;
	font-style:italic;
}
@font-face {
    font-family: Vollkorn;
	src: url(fonts/vollkorn.otf) format("opentype");

}
@font-face {
    font-family: Tagesschrift;
	src: url(fonts/YanoneTagesschrift.ttf) format("truetype");

}

@font-face {
    font-family: TEXTILE_;
	src: url(fonts/TEXTILE_.ttf) format("truetype");

}

@font-face {
    font-family: Raspoutine;
	src: url(fonts/RaspoutineDemiBold_TB.otf) format("truetype");

}

.Raspoutine
{
	font-family:Raspoutine,Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;		
	color:#000;
	margin:0;
	padding:10px;
	font-weight:bold;
}

.TEXTILE
{
	font-family:TEXTILE_,Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;	
	text-shadow: #FFF 3px 3px 0px; 
	-webkit-transition-property: opacity, text-shadow, color;
	-webkit-transition-duration: 2s, 2s, 2s; 
	color:#000;
	margin:0;
	padding:10px;
	font-weight:bold;
}


.graublau {
	
    font-family:GraublauWeb,Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	
	text-shadow: #FFF 3px 3px 0px; 
	-webkit-transition-property: opacity, text-shadow, color;
	-webkit-transition-duration: 2s, 2s, 2s; 
	color:#999;
	margin:0;
	padding:10px;
}

.graublau:hover {
  
  	text-shadow: #ccc 2px 2px 5px;
	color:#E20074;
}

.tallys {
	
    font-family:Tallys,Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing:-1px;
	text-shadow: #FFF 3px 3px 0px; 
	-webkit-transition-property: opacity, text-shadow, color;
	-webkit-transition-duration: 2s, 2s, 2s; 
	color:#999;
	margin:0;
	padding:10px;
}

.tallys:hover {
  
  	text-shadow: #ccc 2px 2px 5px;
	color:#E20074;
}


.fertigo {
	
    font-family:Fertigo,Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	
	text-shadow: #FFF 3px 3px 0px; 
	-webkit-transition-property: opacity, text-shadow, color;
	-webkit-transition-duration: 2s, 2s, 2s; 
	color:#999;
	margin:0;
	padding:10px;
}

.fertigo:hover {

  	text-shadow: #ccc 2px 2px 5px;
	color:#00B7EB;
}

.diavlo {
	
    font-family:Diavlo,Verdana, Arial, Helvetica, sans-serif;	
	font-weight:700;
	text-shadow: #672592 1px 1px 0px; 
	font-size:x-large;
    color:#672592;
	
}


.diavlo:hover {

  	text-shadow: #ccc 2px 2px 5px;
	color:#672592;
}



.fontin {
	
    font-family:Fontin,Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	
	text-shadow: #FFF 3px 3px 0px; 
	-webkit-transition-property: opacity, text-shadow, color;
	-webkit-transition-duration: 2s, 2s, 2s; 
	color:#999;
	margin:0;
	padding:10px;
}

.fontin:hover {
  
  	text-shadow: #ccc 2px 2px 5px;
	color:#E20074;
}

.fontinsans {
	
    font-family:Fontinsans,Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:200;
	text-shadow: #FFF 3px 3px 0px; 
	-webkit-transition-property: opacity, text-shadow, color;
	-webkit-transition-duration: 2s, 2s, 2s; 
	color:#999;
	margin:0;
	padding:10px;
}


.fontinsans:hover {

  	text-shadow: #ccc 2px 2px 5px;
	color:#00B7EB;
}

.pykes {
	
    font-family:Pykes,Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	
	text-shadow: #FFF 3px 3px 0px; 
	-webkit-transition-property: opacity, text-shadow, color;
	-webkit-transition-duration: 2s, 2s, 2s; 
	color:#999;
	margin:0;
	padding:10px;
}

.pykes:hover {
  
  	text-shadow: #ccc 2px 2px 5px;
	color:#E20074;
}
.Kaffeesatz {
	
    font-family:Kaffeesatz,Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:200;
	text-shadow: #ccc 2px 2px 5px;
	-webkit-transition-property: opacity, text-shadow, color;
	-webkit-transition-duration: 2s, 2s, 2s; 
	color:#999;
	margin:0;
	padding:10px;
}


.Kaffeesatz:hover {

  	text-shadow: #ccc 2px 2px 5px;
	color:#00B7EB;
}

.vollkorn {	
    font-family:Vollkorn,Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:50px;
	text-shadow: #E20074 1px 1px 0px; 
	-webkit-transition-property: opacity, text-shadow, color;
	-webkit-transition-duration: 2s, 2s, 2s; 
	color:#E20074;
	margin:0;
	
}

.vollkorn:hover {  
  	text-shadow: #ccc 1px 1px 3px;
	color:#E20074;
}
.tagesschrift {
	
    font-family:Tagesschrift,Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
		line-height:50px;
	text-shadow: #FFF 3px 3px 0px; 
	-webkit-transition-property: opacity, text-shadow, color;
	-webkit-transition-duration: 2s, 2s, 2s; 
	color:#999;
	margin:0;
	padding:10px;
}


.tagesschrift:hover {

  	text-shadow: #ccc 2px 2px 5px;
	color:#00B7EB;
}