/*
Heat Custom Catering
Hazel Whicher - http://www.hazelwhicher.co.uk
August 2012
*/



* {}

html { 	background: #f6f6f6;
	height: 100%;
	}

/*Typography*/

body {	font-family: Verdana, Sans-serif;
	font-size: 100%;
	color: #000000;
	}

@font-face { 
    font-family: 'BediniRegular';
    src: url('bedini-webfont.eot');
    src: url('bedini-webfont.eot?#iefix') format('embedded-opentype'),
         url('bedini-webfont.woff') format('woff'),
         url('bedini-webfont.ttf') format('truetype'),
         url('bedini-webfont.svg#BediniRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AngelinaRegular';
    src: url('angelina-webfont.eot');
    src: url('angelina-webfont.eot?#iefix') format('embedded-opentype'),
         url('angelina-webfont.woff') format('woff'),
         url('angelina-webfont.ttf') format('truetype'),
         url('angelina-webfont.svg#AngelinaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

strong { font-weight: bold; }

p {
	font-size: 13px;
	line-height: 22px;
	margin: 0 0 20px 0;
	color:#555;
	}

a	{
	color: #fff;
	text-decoration: none;
	}

a:hover {
	color: #bf2726;
	text-decoration: none;
	}


.footleft p, .tel, .email, h2, h3 { font-family: 'BediniRegular'; }

.footercol p, .footercol h3 { color:#fff; }

.footleft p { 
	font-style:italic;
	font-size:14px;
	line-height:20px;
	}

.footmid p { line-height:20px; }
	
.tel	{ font-size: 35px; }
	
.email	{ font-size: 18px; }

.slogan {
	position:absolute;
	top:36px;
	left:346px;
	}

.slogan h2 {
	font-family: 'AngelinaRegular';
	color:#fff;
	font-size:32px;
	font-style:italic;
	}
	
.copyright, .design { font-size: 0.6em;}

.design a { color:#bf2726;}

.design { float:right;}

#content p {text-align:justify;}

/*clearfix*/	
.group:after {
	content: "";
	display: block;
	clear: both;
	}
	
* html .group             { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */

/*headings*/

h1   {
	font-family: Arial, San-serif;
	font-size: 36px;
	color: #ffffff;
     }


h2   {
	font-size: 34px;
	color: #000;
     }	
	
h3   {
	font-size: 25px;
	color: #000;
	letter-spacing:0.1em;
     }	


/*structure*/

.wrapper, .featurewrapper { 
	width: 860px;
	padding: 0 50px;
	margin: 0 auto;
	position:relative;
	}

#intro	{
	background:#000;
	padding: 20px 0 8px 0;
	}

#feature {
	background:#f6f6f6;
	padding: 24px 0 24px 0;
	}

#content {
	background:#f6f6f6;
	padding-bottom: 2px;
	text-align:center;
	}

#gallery {
	background:#f6f6f6;
	padding-bottom: 24px;

	}
	
#footer	{
	background:#000;
	padding: 24px 0;
	text-align:center;
	}
	
#sub-footer { background:#f6f6f6; }

/*header*/

#header	{
	background:#000;
	height:120px;
	}

/*logo*/


h1.logo {
	width: 281px;
	height: 120px;
	float:left;
	
	}

h1.logo a{
	width: 281px;
	height: 120px;
	display: block;
	background: url(../img/sprite.png) 0 0 no-repeat;
	text-indent: -9999%;
	}

/*flame*/

p.flame {
	width:129px;
	height:192px;
	display: block;
	background: url(../img/sprite.png) 0 -184px no-repeat;
	text-indent: -9999%;	
	position:absolute;
	top:-174px;
	right:118px;
	z-index:1;
	}
	
/*get in touch*/

p.getintouch {
	width: 160px;
	height: 153px;
	display: block;
	background: url(../img/sprite.png) -311px 0 no-repeat;
	text-indent: -9999%;	
	position:absolute;
	top:18px;
	right:100px;
	z-index:1;
	}

/*quote marks*/

p.quote {
	height: 10px;
	display: block;
	position:absolute;
	z-index:1;
	text-indent: -9999%;
	}

p.quote1 {
	width: 13px;
	background: url(../img/sprite.png) -325px -241px no-repeat;
	top:30px;
	left:35px;
	}

p.quote2 {
	width: 14px;
	background: url(../img/sprite.png) -408px -241px no-repeat;
	top:70px;
	left:503px;
	}

p.quote3 {
	width: 13px;
	background: url(../img/sprite.png) -325px -241px no-repeat;
	top:150px;
	left:35px;
	}

p.quote4 {
	width: 14px;
	background: url(../img/sprite.png) -408px -241px no-repeat;
	top:190px;
	left:503px;
	}

/*primary navigation*/

/*.primary_nav {
	position: absolute;
	top: 30px;
	right: 40px;
	}
	
.primary_nav li {
	display: inline;
	}

.primary_nav a {
	font-size: 17px;
	font-weight: normal;
	padding: 10px 15px;
	color: #ffffff;
	text-decoration: none;
	letter-spacing: 0.1px;
	border-top: 10px solid transparent;
	display: inline-block;
	}*/


/*main feature*/

.slide {
	position: relative;
	width: 860px;
	}
	
.slide_nav {
	margin: -60px 0 15px;
	padding: 18px 30px 0 757px;
	text-align: center;
	}
			
.slide_nav a {
	width: 19px;
	height: 19px;
	display: inline-block;
	text-indent: -9999%;
	background: url(../img/sprite.png) -341px -184px no-repeat;
	margin: 0 2px;
	cursor: pointer;

	}	
			
.slide_nav a:hover,
.slide_nav .activeSlide {
	background: url(../img/sprite.png) -311px -184px no-repeat;
	z-index:9999;
	}
	
.services {z-index:-1;}	
.featurewrapper {z-index:0;}



/*gallery*/

.gallery_thumbs li {
	float: left;
	padding: 10px;
	}

.gallery_thumbs li a {
	width: 100px;
	height: 104px;
	display: block;
	text-indent: -9999%;
	}
		
	
.gallery_thumbs .thumb1 a { background: url(../img/thumbnails.png) 0px 0px no-repeat; }	

.gallery_thumbs .thumb1 a:hover { background: url(../img/thumbnails.png) 0 -118px no-repeat; cursor:default;}	
	
.gallery_thumbs .thumb2 a { background: url(../img/thumbnails.png) -125px 0px no-repeat; }
	
.gallery_thumbs .thumb2 a:hover { background: url(../img/thumbnails.png) -125px -118px no-repeat; cursor:default;}
	
.gallery_thumbs .thumb3 a { background: url(../img/thumbnails.png) -250px 0px no-repeat; }
	
.gallery_thumbs .thumb3 a:hover { background: url(../img/thumbnails.png) -250px -118px no-repeat; cursor:default;}

.gallery_thumbs .thumb4 a { background: url(../img/thumbnails.png) -374px 0px no-repeat; }
	
.gallery_thumbs .thumb4 a:hover { background: url(../img/thumbnails.png) -374px -118px no-repeat; cursor:default;}	

.gallery_thumbs .thumb5 a { background: url(../img/thumbnails.png) -499px 0px no-repeat; }
	
.gallery_thumbs .thumb5 a:hover { background: url(../img/thumbnails.png) -499px -118px no-repeat; cursor:default;}

/*columns*/

.column {
	width: 260px;
	margin: 0 40px 0 0;
	float: left;
	}


.rightcol { margin:0; }
	
.footleft {
	width: 460px;
	margin: 0 70px 0 0;
	float: left;
	}

.footmid { width:200px; }
	
.footright { 
	margin:60px 0 0 0; 
	float:right;
	
	}

/*Sub footer*/

p.copyright { 
	float:left; 
	margin: 0 405px 0 0;
	}