#wrapper{
width:900px;
height:614px;
background-color: white;
position: relative;
}
#audioplayer{
	width:556px;
    height:30px;
	-moz-transform: scale(1,0.7);
    -ms-transform: scale(1,0.7); /* IE 9 */
	-o-transform: scale(1,0.7); /* IE 9 */
    -webkit-transform: scale(1,0.7); /* Safari */
    transform: scale(1,0.7); /* Standard syntax */

}

@keyframes headstrip {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}

@-webkit-keyframes headstrip {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}

@-moz-keyframes headstrip {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}

@-ms-keyframes headstrip {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}

@-o-keyframes headstrip {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}

#animate-area	{ 
	width: 670px; 
	height: 171px; 
	background-image: url(http://www.cafemozart-windsor.co.uk/JPEGS/HEADERSTRIP.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	
	animation: headstrip 40s linear infinite;
	-webkit-animation: headstrip 40s linear infinite;
	-moz-animation: headstrip 40s linear infinite;
	-ms-animation: headstrip 40s linear infinite;
	-o-animation: headstrip 40s linear infinite;
}
#animate-area2	{ 
	width: 670px; 
	height: 171px; 
	background-image: url(http://www.cafemozart-windsor.co.uk/JPEGS/HEADERSTRIP2.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	
	animation: headstrip 40s linear infinite;
	-webkit-animation: headstrip 40s linear infinite;
	-moz-animation: headstrip 40s linear infinite;
	-ms-animation: headstrip 40s linear infinite;
	-o-animation: headstrip 40s linear infinite;
}
#animate-area3	{ 
	width: 670px; 
	height: 171px; 
	background-image: url(http://www.cafemozart-windsor.co.uk/JPEGS/HEADERSTRIP3.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	
	animation: headstrip 40s linear infinite;
	-webkit-animation: headstrip 40s linear infinite;
	-moz-animation: headstrip 40s linear infinite;
	-ms-animation: headstrip 40s linear infinite;
	-o-animation: headstrip 40s linear infinite;
}

.homeheadtext {
	font-family: Times New Roman, Times, serif;
	font-size: 27px;
	color: #892188;
	font-style: normal;
	font-weight: normal;
}
.headtext {
	font-family: Times New Roman, Times, serif;
	font-size: 20px;
	color: #892188;
	font-style: normal;
	font-weight: normal;
}
.headtextblack {
	font-family: Times New Roman, Times, serif;
	font-size: 20px;
	color: black;
	font-style: normal;
	font-weight: normal;
}
.headbold {
	font-family: Times New Roman, Times, serif;
	font-size: 20px;
	color: #892188;
	font-style: normal;
	font-weight: bold;
}
.navtext1 {
	font-family: Times New Roman, Times, serif;
	font-size: 23px;
	color: #cab0ca;
	font-style: normal;
	font-weight: bold;
}
.navtext2 {
	font-family: Times New Roman, Times, serif;
	font-size: 23px;
	color: #892188;
	font-style: normal;
	font-weight: bold;
}
.italic18 {
	font-family: Times New Roman, Times, serif;
	font-size: 18px;
	color: #000000;
	font-style: italic;
	font-weight: normal;
}
.headitalic {
	font-family: Times New Roman, Times, serif;
	font-size: 20px;
	color: #892188;;
	font-style: italic;
	font-weight: normal;
}
.textbody {
	font-family: Times New Roman, Times, serif;
	font-size: 16px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
}
.textbold {
	font-family: Times New Roman, Times, serif;
	font-size: 16px;
	color: #000000;
	font-style: normal;
	font-weight: bold;
}
.textitalic {
	font-family: Times New Roman, Times, serif;
	font-size: 16px;
	color: #000000;
	font-style: italic;
	font-weight: normal;
}
.textcolitalic {
	font-family: Times New Roman, Times, serif;
	font-size: 16px;
	color: #892188;
	font-style: italic;
	font-weight: normal;
}
.textcolitbold {
	font-family: Times New Roman, Times, serif;
	font-size: 16px;
	color: #892188;
	font-style: italic;
	font-weight: bold;
}
.textpaleitalic {
	font-family: Times New Roman, Times, serif;
	font-size: 17px;
	color: #cab0ca;
	font-style: italic;
	font-weight: normal;
}
.textpalecopy {
	font-family: Times New Roman, Times, serif;
	font-size: 17px;
	color: #cab0ca;
	font-style: normal;
	font-weight: normal;
}
.textitabold {
	font-family: Times New Roman, Times, serif;
	font-size: 16px;
	color: #000000;
	font-style: italic;
	font-weight: bold;
}
.texthead {
	font-family: Times New Roman, Times, serif;
	font-size: 16px;
	color: #892188;
	font-style: normal;
	font-weight: normal;
}
.boldhead {
	font-family: Times New Roman, Times, serif;
	font-size: 16px;
	color: #892188;
	font-style: normal;
	font-weight: bold;
}
.inputbox {
    padding: 3px;
	background: #ebdaeb;
	border: 2px solid #892188;
	border-radius: 8px;
	font-family: Times New Roman, Times, serif;
	color: #892188;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
}
.labelbox {
    padding: 3px;
	background: #ffffff;
	border: 2px solid #ffffff;
	border-radius: 8px;
	font-family: Times New Roman, Times, serif;
	color: #ffffff;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
}
.moreinfo {
    padding: 3px;
	background: #ebdaeb;
	font-family: Times New Roman, Times, serif;
	color: #892188;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
}
.eventstrip {
    padding-top: 3px;
	padding-bottom: 3px;
	background: #ebdaeb;
	font-family: Times New Roman, Times, serif;
	color: #892188;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
}
.eventstripbold {
    padding-top: 3px;
	padding-bottom: 3px;
	background: #ebdaeb;
	font-family: Times New Roman, Times, serif;
	color: #892188;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
}
.contactbutton {
	width:204px;
	height:30px;
	border: 2px solid #892188;
	border-radius: 8px;
	background: url("http://www.cafemozart-windsor.co.uk/JPEGS/SUBMIT-1.jpg") no-repeat; 
}
.contactbutton:hover {
	width:204px;
	height:30px;
	border: 2px solid #892188;
	border-radius: 8px;
    background: url("http://www.cafemozart-windsor.co.uk/JPEGS/SUBMIT-2.jpg") no-repeat;    
}

.movbox {
    padding: 3px;
	background: #E6D8BE;
	border: 2px solid #892188;
	font-family: Times New Roman, Times, serif;
	color: #892188;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}
.selectbox {
    padding: 3px;
	width: 300px;
	background: #ebdaeb;
	border: 2px solid #892188;
	font-family: Times New Roman, Times, serif;
	color: #892188;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}
.addcart {
    width: 180px;
	height: 30px;
	border: none;
	background: url("http://www.boxandfir.com/NAV/ADDCART-B1.jpg") no-repeat; 
}
.addcart:hover {
	width: 180px;
	height: 30px;
	border: none;
    background: url("http://www.boxandfir.com/NAV/ADDCART-B2.jpg") no-repeat;    
}
.addcart:active {
	width: 180px;
	height: 30px;
	border: none;
    background: url("http://www.boxandfir.com/NAV/Addload.gif") no-repeat;    
}
.viewcart {
    width: 249px;
	height: 30px;
	border: none;
	background: url("http://www.boxandfir.com/NAV/VIEWCART-1.jpg") no-repeat; 
}
.viewcart:hover {
	width: 249px;
	height: 30px;
	border: none;
    background: url("http://www.boxandfir.com/NAV/VIEWCART-2.jpg") no-repeat;    
}

a.textlink:link { font-family: Times New Roman, Times, serif; color: #892188; font-size: 16px; font-style: normal; font-weight: bold; text-decoration: none }
a.textlink:active { font-family: Times New Roman, Times, serif; color: #892188; font-size: 16px; font-style: normal; font-weight: bold; text-decoration: none }
a.textlink:visited { font-family: Times New Roman, Times, serif; color: #892188; font-size: 16px; font-style: normal; font-weight: bold; text-decoration: none }
a.textlink:hover { font-family: Times New Roman, Times, serif; color: #d131ff; font-size: 16px; font-style: normal; font-weight: bold;text-decoration: underline }

a.navlink:link { font-family: Times New Roman, Times, serif; color: #cab0ca; font-size: 23px; font-style: normal; font-weight: bold; text-decoration: none }
a.navlink:active { font-family: Times New Roman, Times, serif; color: #892188; font-size: 23px; font-style: normal; font-weight: bold; text-decoration: none }
a.navlink:visited { font-family: Times New Roman, Times, serif; color: #cab0ca; font-size: 23px; font-style: normal; font-weight: bold; text-decoration: none }
a.navlink:hover { font-family: Times New Roman, Times, serif; color: #d131ff; font-size: 23px; font-style: normal; font-weight: bold;text-decoration: none }

a.navlink2:link { font-family: Times New Roman, Times, serif; color: #892188; font-size: 23px; font-style: normal; font-weight: bold; text-decoration: none }
a.navlink2:active { font-family: Times New Roman, Times, serif; color: #892188; font-size: 23px; font-style: normal; font-weight: bold; text-decoration: none }
a.navlink2:visited { font-family: Times New Roman, Times, serif; color: #892188; font-size: 23px; font-style: normal; font-weight: bold; text-decoration: none }
a.navlink2:hover { font-family: Times New Roman, Times, serif; color: #d131ff; font-size: 23px; font-style: normal; font-weight: bold;text-decoration: none }

a.mailink:link { font-family: Times New Roman, Times, serif; color: #892188; font-size: 20px; font-style: normal; font-weight: bold; text-decoration: none }
a.mailink:active { font-family: Times New Roman, Times, serif; color: #892188; font-size: 20px; font-style: normal; font-weight: bold; text-decoration: none }
a.mailink:visited { font-family: Times New Roman, Times, serif; color: #892188; font-size: 20px; font-style: normal; font-weight: bold; text-decoration: none }
a.mailink:hover { font-family: Times New Roman, Times, serif; color: #d131ff; font-size: 20px; font-style: normal; font-weight: bold;text-decoration: none }

a.mailink2:link { font-family: Times New Roman, Times, serif; color: #892188; font-size: 16px; font-style: normal; font-weight: bold; text-decoration: none }
a.mailink2:active { font-family: Times New Roman, Times, serif; color: #892188; font-size: 16px; font-style: normal; font-weight: bold; text-decoration: none }
a.mailink2:visited { font-family: Times New Roman, Times, serif; color: #892188; font-size: 16px; font-style: normal; font-weight: bold; text-decoration: none }
a.mailink2:hover { font-family: Times New Roman, Times, serif; color: #d131ff; font-size: 16px; font-style: normal; font-weight: bold;text-decoration: none }

a.textheadlink:link { font-family: Times New Roman, Times, serif; color: #892188; font-size: 16px; font-style: normal; font-weight: normal; text-decoration: none }
a.textheadlink:active { font-family: Times New Roman, Times, serif; color: #892188; font-size: 16px; font-style: normal; font-weight: normal; text-decoration: none }
a.textheadlink:visited { font-family: Times New Roman, Times, serif; color: #892188; font-size: 16px; font-style: normal; font-weight: normal; text-decoration: none }
a.textheadlink:hover { font-family: Times New Roman, Times, serif; color: #d131ff; font-size: 16px; font-style: normal; font-weight: normal;text-decoration: underline }