body { text-align: center; background:#9C988C; color:#FFF; font-size:62.5%; font-family:Helvetica, 'Helvetica Neue', Arial, sans-serif ; }

h2, h3, h4, h5, p {  }
h1 { color:#9C988C; font-size:1.8em; letter-spacing:0.04em; font-weight:normal; }
h2	{ color:#9C988C; font-size:1.5em; margin:0 0 0.3em }
h3	{ color:#9C988C; font-size:1.3em; margin:0 0 0.7em; }

p { text-align: left; line-height: 1.4em; font-size:1.2em; margin:0 0 1em; }
a { color: #FFF; text-decoration: none; }
a:hover, a:focus, a.on { color: #9C988C; }

p a	{ color:#9C988C; }
p a:hover, p a:focus	{ color:#251D1B; }

.clearfix:after { content: "."; 	display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.sig	{ margin-bottom:-20px; position:relative; right:15px; }

.ir	{ display:block; text-indent:-1000em; background:0 0 no-repeat; overflow:hidden; text-align:left; }
.ir.logo	{ float:right; margin:44px 46px 0 0; width:324px; height:130px; background-image:url(../images/cotswold-handmade-meringues-logo.gif); }

/**********	LAYOUT BLOCKS	***********/
#container { width:870px; margin: 35px auto 12px; text-align: left; background:#FFF; color:#251D1B }
	#main	{ padding:55px 20px 55px 55px; float:left; width:431px; }
	#side	{ float:right; width:364px; }
#header { width:100%; height:220px; clear: both; position:relative; background:#251D1B; }

#content { width:100%; clear: both; }

#footer { width:870px; margin:0 auto; clear: both; text-align:left; }

/**********	SLIDESHOW	**********/
#slideshow	{ position:absolute; top:20px; left:50px; width:181px; height:161px; overflow:hidden }

.splash #slideshow	{ position:relative; width:364px; height:322px; display:block; margin:0 auto 35px; left:0; top:0; }

/**********	PRODUCTS	**********/
.products	{ width:170px; float:left; display:block; margin:1.5em 0 3em }
.products li:last-child	{ margin-bottom:-0.3em; }
.products.even	{ width:190px; padding:0 0 0 25px; border-left:1px solid #251D1B; }
.products.odd	{ margin-right:10px; }

/********	RECIPES	********/
.recipes	{ margin:0 0 3em; }
.recipes a	{ color:#9C988C; font-size:1.1em; margin:0 0 0.7em; }
.recipes a:hover, .recipes a:focus	{ color:#251D1B; }

#side .recipes li	{ float:left; display:block; }
#side .recipes a	{ display:block; margin:0; }

/**********	NAV	**************/
.nav	{ position:absolute; bottom:10px; left:48px; font-size:1.2em; font-weight:bold; }
.nav li	{ float:left; }
.nav a	{ display:block; padding:0.1em 0.5em; margin:0 30px 0 0; }

/***********	SPLASH	***********/
#container.splash	{ text-align:center; padding:105px 0; background:#251D1B; }
.splash h1	{ margin:0 0 45px; }
.splash img	{ margin:0 auto 80px; }
.splash h2	{ font-size:1.8em; }
.splash a	{ margin-right:-1em; font-weight:normal; color:#9C988C; }
.splash a:hover, .splash a:focus	{ color:#FFF; }

/**********	FOOTER	**********/
#footer li	{ display:block; float:left; font-size:1.1em; margin:0 0.4em 0 0; }
#footer .credit	{ float:right; }
#footer a:hover, #footer a:focus	{ color:#251D1B; }

/************	CONTACT	**********/
.vcard	{ margin:73px 0 0; }
.vcard dl	{ margin:25px 0 0; width:100% }
.vcard dt	{ float:left; width:1.5%; clear:left; font-size:1.3em; color:#9C988C; margin:0 1% 0 0; }
.vcard dd	{ float:right; width:97.5%; font-size:1.3em; font-weight:bold; color:#251D1B; }
.vcard dd a	{ color:#251D1B; }
.vcard dd a:hover, .vcard dd a:focus	{ color:#9C988C; }

address	{ clear:both; margin:20px 0 0; font-size:1.3em; line-height:1.3em; }
address span	{ display:block; }

.submit, .contact .submit	{ width:auto; padding:0.3em 0.6em; height:auto; cursor:pointer; color:#002503; border-color:#CCC; background:#FFF; font-weight:bold; text-transform:uppercase; }
.submit:hover, .contact .submit:hover,
.submit:focus, .contact .submit:focus	{ background:#002503; color:#FFF; border-color:#002503; }