/* Color Legend

dark brown:#4F2700;
light brown:#CDA355;
tan accent:#F0E9E1;

-------------------------------------------------------------- */

/* Reset
-------------------------------------------------------------- */

html, body { margin: 0; padding: 0; border: 0;  background: transparent; font-size:10px; }

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, img, ol, ul, li, 
table, tr, th, td, tbody, tfoot, thead {

	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, b, i, u, strike { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight: normal;
	font-style: normal;
	line-height: 1; 
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000;
	}

ol, ul { list-style:none;}

table { border-collapse: collapse; border-spacing: 0; }

	/* The border-collapse property sets whether the table borders are collapsed into a single border or detached as in standard HTM 
	The border-spacing property sets the distance between the borders of adjacent cells */

 
/* Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000; }

h1 {
	font-size: 24px;font-family: "Lucida Handwriting"; color:#9D9D00; text-shadow:-1px -1px 1px #000;}
h2 { font-size:13px; color:#00C;}
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:14px; }
h6 { font-size:14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }


/* Text elements
-------------------------------------------------------------- */

p           	{ color:#006; font-size:12px; line-height:130%;  }

blockquote  	{ color:#000; font-size:12px; }

strong      	{ font-weight:bold; }
em		      	{ font-style:italic; }

ol          	{ list-style-type:decimal; }

hr {}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX Containers XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

body				{ text-align:center; background-color:#000;  background-attachment: fixed;}
          
#wrapper 			{
					width: 1100px;
					height:auto;
					margin: 0 auto;
					background-color:#fff;
}

#top	 			{ width:100%; height:25px; background-image:url(../images/border.png); background-color:#4F2700; border-top:2px #828200 ridge; border-bottom:2px #828200 ridge; }

#banner 			{ width:100%;  height:304px; margin:0 ; background-image:url(../images/new%20view.jpg); }

#banner img         {margin-top:50px;}

#subbanner 			{ border-top:2px #828200 ridge; border-bottom:2px #828200 ridge; background-image:url(../images/border.png); background-color:#4F2700; padding:10px 10px; text-align:right; }


#leftnav 			{
					float: left;
					clear:none;
					padding: 24px 15px;
					background-image:url(../images/side.png);
					background-color: #003300;
					height:500px;
					border-left:2px #828200 ridge; border-bottom:2px #828200 ridge ;border-right:2px #828200 ridge; border-bottom:2px #828200 ridge;
				}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX Start of Index page XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#content		    { background-color:#fff; padding:20px; width:860px; margin-left:200px; height:640px;   }
	#content h1		{ font-size:24px; margin:12px 30px; padding-left:30px; }
	#content h2		{ font-size:14px; margin:8px 30px; color:#006; }
	#content p		{ line-height:130%; margin-bottom:9px; margin-left: 30px; padding: px; color:#006;}
	#content img 	{ padding:5px; background-color:#fff;	 border:1px #000 dotted; margin:5px;	 }
.h1                  {text-align:center;}	


	
#staff	             {width:100%; height:120px; margin-left:20px; padding:10px 0px 10px 0px; border-top:1px dotted #300; background-image:url(../images/SIGN.gif) ; background-position:left; background-repeat:no-repeat; border-bottom:1px dotted #300; }
	
#staff-left	             {width:555px; height:120px; float:left;}
	#staff-left img 			{ padding:0px; border:1px #000 dotted; margin-left:100px; background-color:#fff;	 }
	#staff-left p			{ line-height:150%; text-align:center; margin-left:75px; color:#006;}	

	
#staff-right	             {width:125px; height:120px; float:left;margin-left:50px;}
	#staff-right img 			{ padding:0px; border:1px #000 dotted; margin:6px;	background-color:#fff;	 }
	#staff-right p			{ line-height:150%; text-align:center; color:#006;}
		
	
#footer 			{ background-image:url(../images/border.png);background-color:#4F2700; padding:10px 0px;border-top:2px #828200 ridge; border-bottom:2px #828200 ridge; margin-top:20px; }

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXend of Index page XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX Start  of Menu page XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
#contentevents		    { background-color:#fff; padding-left:70px; width:750px; margin-left:200px; height:670px;   }
	#content_events h1		{ font-size:24px; margin:12px 30px; padding-left:30px; }
	#contentevents h2		{ font-size:5px; margin:7px 30px; color:#006; }
	#content_events p		{ line-height:150%; text-align:center; margin-bottom:9px; margin-left: 30px; padding: px; color:#006;}
	#content_events img 	{ padding:5px; background-color:#fff; border:1px #000 dotted; margin:4px;	 }
	
.h1                  {margin-left:35px;}	

.menu_1     {width:198px; height:auto; float:left;  background-color:rgba(204,204,204,.3); color:#828200; font-family:"Lucida Bright"; font-weight:bold font-size:1.15em; padding:4px; text-align:center; border: 4px double #4f2700; border-radius:15px; margin:10px 10px 20px 10px ;}

.menu_2     {width:198px; height:auto; float:left;background-color:rgba(204,204,204,.3); color:#828200; font-family:"Lucida Bright"; font-weight:bold font-size:1.15em; padding:4px; text-align:center; border: 4px double #4f2700;border-radius:15px; margin:10px 10px 20px 10px ;}

.menu_3    {width:198px; height:auto; float:left; clear:none; background-color:rgba(204,204,204,.3); color:#828200; font-family:"Lucida Bright"; font-weight:bold font-size:1.15em; padding:4px; text-align:center; border: 4px double #4f2700;border-radius:15px;margin:10px 10px 20px 10px ;}

.menu_4   {width:320px; height:auto; float:left; clear:none; background-color:rgba(204,204,204,.3); color:#828200; font-family:"Lucida Bright"; font-weight:bold font-size:1.15em; padding:4px; text-align:center; border: 4px double #4f2700; border-radius:15px;margin:10px 10px 20px 10px ;}

.menu_5    {width:320px; height:auto; float:left; clear:none; background-color:rgba(204,204,204,.3); color:#828200; font-family:"Lucida Bright"; font-weight:bold font-size:1.15em; padding:4px; text-align:center; border: 4px double #4f2700; border-radius:15px;margin:10px 10px 20px 10px ; }

.left_space {padding-left:15px; font-family:"Lucida Handwriting"}
.center      {text-align:center; font-family:"Lucida Handwriting";}
#lowermenu  {text-align:center; margin-left:300px;}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX end of Menu page XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX start  of regularmenu page XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
#hot-drinks              {width:250px; float:left; margin-left:-225px; margin-top:600px;}
#hot-drinks  h2		{ font-size:14px; margin:8px 30px; color:#006; }
	#hot-drinks  p		{ line-height:110%; margin-bottom:9px; margin-left: 30px; padding: px; color:#006;}
#content-menu		    { background-color:#fff; padding:20px; width:600px; margin-left:200px; height:940px;   }
	#content-menu h1		{ font-size:24px; margin:12px 30px; padding-left:30px; }
	#content-menu h2		{ font-size:14px; margin:8px 30px; color:#006; }
	#content-menu p		{ line-height:130%; margin-bottom:9px; margin-left: 30px; padding: px; color:#006;}
	#content-menu img 	{ padding:5px; background-color:#fff;	 border:1px #000 dotted; margin:5px;	 }
#wine                    { float:right;margin-left:0px; clear:left; margin-top:-870px;}	
#wine h1		{ font-size:24px; margin:12px 30px; padding-left:30px; }
	#wine h2		{ font-size:14px; margin:8px 30px; color:#006; }
	#wine p		{ line-height:130%; margin-bottom:9px; margin-left: 30px; padding: px; color:#006;}
	#wine img 	{ padding:5px; background-color:#fff;	 border:1px #000 dotted; margin:5px;	 }	
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX end of Menu page XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/	
/*XXXXXXXXXXXXXXXXXXXXXX Navigation Items XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#leftnav ul 	{
	width: 198px;
	height: 200px;
}
#leftnav li a 	{
	height: 35px;
	display: block;
	font-family:"Lucida Handwriting";
	font-size:2.50em;
	padding-left:1.30em;
	padding-top:.35em;
}

#leftnav li a focus	{
	height: 35px;
	display: block;
	font-family:"Lucida Handwriting";
	font-size:2.50em;
	padding-left:1.30em;
	padding-top:.35em;
}
#leftnav li a visited	{
	height: 35px;
	display: block;
	font-family:"Lucida Handwriting";
	font-size:2.50em;
	padding-left:1.30em;
	padding-top:.35em;
}


#leftnav li.home 	{background-image:url(../images/MENU-TABS%20purple.jpg);}
#leftnav li.home  a:hover	{ background-image:url(http://churchfarmcandcpark.co.uk/images/welcom-2.jpg);}

#leftnav li.contact 	{ background-image:url(../images/contact1.jpg);}
#leftnav li.contact a:hover	{ background-image:url(../images/contact2.jpg); }


#leftnav li.events 	{ background-image:;}
#leftnav li.events a:hover	{ background-image:;}


#leftnav li.hours 	{ background-image:url(../images/hours1.jpg);}
#leftnav li.hours a:hover	{ background-image:url(../images/hours2.jpg);}

#leftnav li.loc 	{ background-image:url(../images/location1.jpg);}
#leftnav li.loc a:hover	{ background-image:url(../images/location2.jpg);}

#leftnav li.menus 	{background-image:url(../images/menu-1.jpg);}
#leftnav li.menus a:hover	{ background-image:url(../images/menu-2.jpg);}

#leftnav li.churchfarm 	{ background-image:url(../images/churchfarm1.jpg); }
#leftnav li.churchfarm a:hover	{ background-image:url(../images/churchfarm2.jpg); }


#leftnav img {margin-top:125px;}
/*  Layout-------------------------------------------------------------- */
/*XXXXXXXXXXXXXXXXXXXXXXXX location page XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
#content-loc		    { background-image:#fff; padding:20px; width:750px; margin-left:200px; height:525px;   }
	#content-loc h1		{ font-size:24px; margin:12px 30px; padding-left:30px; }
	#content-loc h2		{ font-size:18px; margin:15px 30px; color:#006; }
	#content-loc p		{ line-height:150%; margin-bottom:9px; margin-left: 30px; padding: px; color:#006;}
	#content-loc img 	{ padding:5px; background-color:#fff;	 border:1px #000 dotted; margin:5px;	 }
	
#map {width:75%; height:250px;}
/*XXXXXXXXXXXXXXXXXXXXXlocation page-ENDXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*XXXXXXXXXXXXXXXXXXXX EVENTS PAGE STARTSXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX-*/
#content_events		    {width:750px; margin-left:235px;  height:560px;   }
	#content_events h1		{ font-size:24px; margin:0px 30px; padding-left:30px; }
	#content_events h2		{ font-size:18px; margin-bottom:10px; text-align:center; margin-left:75px; color:#006; }
	#content_events p		{ font-family:"Lucida Handwriting"; line-height:150%; margin-bottom:9px; margin-left: 100px; padding: px; color:#003300;}
	#content_events img 	{ padding:0px; background-color:red; margin-left:100px; }
	
.dec  {width:520px; height:400px;margin-bottom:0px; background-color:rgba(204,204,204,.2);margin-left:20px; box-shadow:-1px 0px 4px #999;}
.dec p {padding:10px ;}
#price                   {
	font-size: 18px;
	font-weight:bold;
	color: #006;
	text-shadow: 1px 1px 0px rgba(0,0,0,1);
	width: 140px;
	height: 95px;
	position: absolute;
	top: 420px;
	left: 375px;
	transform: rotate(-35deg);
}
#pricebottom                   {
	font-size: 18px;
	font-weight:bold;
	color: #006;
	text-shadow: 1px 1px 0px rgba(0,0,0,1);
	width: 140px;
	height: 95px;
	position: absolute;
	top: 420px;
	left:1050px;
	transform: rotate(35deg);
}
/*XXXXXXXXXXXXXXXXXXXX EVENTS PAGE ENDS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX-*/

/*XXXXXXXXXXXXXXXX HOURS page-start XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#times         {width:700px; margin-left:100px;height:240px; background-color:fff; clear:none;}
							
#hanlegastimesleft			{
	width: 340px;
	float: left;
	background-image:rgba(204,204,204,.2);	
	margin-right:px;
	height:auto;
	border: 1px dotted #666;
	margin-left: 20px;
	padding-top:10px;
	margin-bottom:10px;
	} 

#hanlegastimesright			{
	width: 240px;
	float: left;
	padding:10px 5px 2px 0px;	
	background-color:rgba(204,204,204,.2);
	height:auto;
	border: 1px dotted #666;
	border-left:none;
	clear:none;}
	
#hanlegastimesbottom  {width:580px; height:235px;color:#006; float:left; margin-left:120px; margin-top:-210px; clear:both;}
#hanlegastimesbottom p {font-family:"Lucida Handwriting";}
.center                {padding-top:-200px;}


#content_hours		    { background-color:#fff;padding:20px; width:750px; margin-left:200px; height:500px;   }
	#content_hours h1		{ font-size:24px; margin:12px 20px; padding-left:30px; }
	#content_hours h2		{ font-size:18px; margin:8px 10px; color:#006; }
	#content_hours p		{ line-height:150%; margin-bottom:9px; margin-left: 30px; padding: px; color:#006;}
	#content_hours img 	    { padding:0px; background-color:#fff; border:1px #000 dotted; margin-top:0px; margin-left:-10px;	 }
	
/*XXXXXXXXXXXXXXXXXXXXXXXXX HOURS page-ENDXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*XXXXXXXXXXXXXXXXXXXX CONTACT PAGE STARTS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX-*/
#content_contact		    { background-color:#fff; padding:0px 10px 10px 0px; width:750px; margin-left:200px; height:500px;   }
	#content_contact h1		{ font-size:24px; margin:12px 30px; padding-left:30px; color:#006; }
	#content_contact h2		{ font-size:18px; margin:15px 30px; color:#006; }
	#content_contact p		{ line-height:150%; margin-bottom:9px; margin-left: 30px; text-align:center; padding: px; color:#006; }
	#content_contact img 	    { padding:5px; background-color:#fff;	 border:1px #000 dotted; margin-top:100px; margin-left:50px; 	 }
	



/*XXXXXXXXXXXXXXXXXXXX CONTACT PAGE ENDS eXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX-*/
	
.hr {width:33%; color:rgba(0,204,51,1);}
/* place your layout css here */




/*  Navigation
-------------------------------------------------------------- */



/* Misc classes
-------------------------------------------------------------- */
/*---------------START of ribbon--*/
h4{
	width: 115%;
}
h4{
	text-align: center;
	position: relative;
	color: rgba(255,255,255,1);
	margin: 17px 30px -5px -30px;
	padding: 10px 0 10px 0px;
	text-shadow: 0 1px rgba(0,0,0,.8);
	background: #5c5c5c;
	background-image: -moz-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	background-image: -webkit-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	background-image: -o-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	background-image: -ms-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	background-image: linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	-moz-box-shadow: 0 2px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.3);
	box-shadow: 0 2px 0 rgba(0,0,0,.3);
	border-bottom: none;
	border-left: none;
	border-top-right-radius: 7px;
	border-bottom-left-radius: 7px;
	border-radius: 9px 9px 0px 9px;
	margin-left: -6px;
	-webkit-transition: all 1s linear 0s;
	-moz-transition: all 1s linear 0s;
	-ms-transition: all 1s linear 0s;
	-o-transition: all 1s linear 0s;
	transition: all 1s linear 0s;
    }
    
    h4:before, h4:after
    {
	content: '';
	position: absolute;
	border-style: solid;
	border-color: transparent;
	bottom: -30px;
    }
    
    h4:before
    {
	border-width: -0px 20px 20px 0px;
	left: 0;
	
    }
    
    h4:after
    {
	border-width: 0 0 30px 15px;
	border-left-color: #222;
	right: 0px;
    }   
   
/*---------------end of ribbon--*/

.copyright-text	{ font-size:80%; font-style:italic; color:#333; }
.footer-text	{ font-size:125%; font-style:italic; color:#9D9D00; font-weight:bold; text-shadow:-1px 0px 0px#FFF; text-align:center; }

.title			{ font-size:18px; font-weight:bold; color:#333;  }
.subtitle		{ font-size:14px; font-style:italic; color:#333;  }

.artist			{ font-size:16px; font-weight:bold; color:#333;  }
.author			{ font-size:14px font-weight:bold; color:#555;  }
.editor			{ font-size:14px font-style:italic; color:#555;  }

.pub-date		{ font-size:10px font-style:italic; color:#555; }
.article-date	{ font-size:10px font-style:italic; color:#555;  }
.location		{ font-size:10px font-style:italic; color:#555;  }

.float-right	{
	float: right;
		
}
.float-left		{ float:left; }

.hide			{ display:none }
.block			{ display:block }
.inline			{ display:inline }



.box
{
	position: relative;
	width: 300px;
	padding: 10px;
	border:1px ridge #009;
	border-radius:3px;
	margin: 0 auto;
	background-color: #03F;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), inset 0 0 50px rgba(0, 3, 3, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), inset 0 0 50px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), inset 0 0 50px rgba(0, 0, 0, 0.1);
}

.box-:before, .box:after
{
	position: absolute;
	width: 40%;
	height: 10px;
	content: ' ';
	left: 12px;
	bottom: 12px;
	background: transparent;
	-webkit-transform: skew(-5deg) rotate(-5deg);
	-moz-transform: skew(-5deg) rotate(-5deg);
	-ms-transform: skew(-5deg) rotate(-5deg);
	-o-transform: skew(-5deg) rotate(-5deg);
	transform: skew(-5deg) rotate(-5deg);
	-webkit-box-shadow: 0 9px 12px rgba(0, 0, 0, 0.9);
	-moz-box-shadow: 0 9px 12px rgba(0, 0, 0, 0.9);
	box-shadow: 0 9px 12px rgba(0, 0, 0, 0.9);
	z-index: -1;
}
.box:after
{
	left: auto;
	right: 12px;
	-webkit-transform: skew(5deg) rotate(5deg);
	-moz-transform: skew(5deg) rotate(5deg);
	-ms-transform: skew(5deg) rotate(5deg);
	-o-transform: skew(5deg) rotate(5deg);
	transform: skew(5deg) rotate(5deg);
}
.box-large
{
	position: relative;
	width: 625px;
	padding: 10px;	
	margin: 0 auto;
	border-top-left-radius:15px;
	border-top-right-radius:15px;	
	background-color:rgba(255,255,255,1);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5), inset 0 0 50px rgba(0, 3, 3, 0.2);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5), inset 0 0 50px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), inset 0 0 50px rgba(0, 0, 0, 0.2);
}

.box-large:before, .box-large:after
{
	position: absolute;
	width: 40%;
	height: 10px;
	content: ' ';
	left: 12px;
	bottom: 12px;
	background: transparent;
	-webkit-transform: skew(-5deg) rotate(-5deg);
	-moz-transform: skew(-5deg) rotate(-5deg);
	-ms-transform: skew(-5deg) rotate(-5deg);
	-o-transform: skew(-5deg) rotate(-5deg);
	transform: skew(-5deg) rotate(-5deg);
	-webkit-box-shadow: 0 9px 12px rgba(0, 0, 0, 0.9);
	-moz-box-shadow: 0 9px 12px rgba(0, 0, 0, 0.9);
	box-shadow: 0 9px 12px rgba(0, 0, 0, 0.9);
	z-index: -1;
}
.box-large:after
{
	left: auto;
	right: 12px;
	-webkit-transform: skew(5deg) rotate(5deg);
	-moz-transform: skew(5deg) rotate(5deg);
	-ms-transform: skew(5deg) rotate(5deg);
	-o-transform: skew(5deg) rotate(5deg);
	transform: skew(5deg) rotate(5deg);
}