@charset "utf-8";
/* The CSS file for www.kechillacatering.com.au, coding by www.savvywebdesign.net */

body {
	margin: 40px auto;
	padding: 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align:center;
	background: #e1dbcf url(images/background-linen.jpg);
	}
/* 	text-align:center is a hack to make the website centre in older browsers. In newer browsers, the auto L&R margins in the subsections handle this. */

p {line-height: 150%;}
.margins {margin:5px 20px 5px 20px;}

h1, h2 {font-weight:normal;margin:20px 0;}

h1 {font-size:2.1em;color:#d71920;}
hr {border-bottom:2px solid #dddddd;color:#fff;background-color:#fff;margin-top:30px;}


h2 {font-size:1.8em;color:#bfbab0;}

h1.home {width:253px;height:30px;
	text-indent:-9999px;overflow:hidden;
	background:url(images/H1-inspired-fresh-food.gif) no-repeat left top;
}

h1.contact {width:229px;height:30px;
	text-indent:-9999px;overflow:hidden;
	background:url(images/H1-contact-us-today.gif) no-repeat left top;}
	
h1.menu {width:312px;height:30px;
	text-indent:-9999px;overflow:hidden;
	background:url(images/H1-menus.gif) no-repeat left top;}
	
h1.menu-business-bites {width:184px;height:21px;
	text-indent:-9999px;overflow:hidden;
	background:url(images/H1-business-bites.gif) no-repeat left top;}
	
h1.menu-canapes {width:115px;height:28px;
	text-indent:-9999px;overflow:hidden;
	background:url(images/H1-canapes.gif) no-repeat left top;}
	
h1.menu-picnic-packs {width:156px;height:23px;
	text-indent:-9999px;overflow:hidden;
	background:url(images/H1-picnic-packs.gif) no-repeat left top;}

a {
	color:#000000;
	text-decoration:none;
	border-bottom:1px dashed #bbbbbb;
	padding-right:7px;
	background: url(images/arrow-link.gif) no-repeat right top;
}
a:hover {text-decoration:none;border-bottom:1px solid #666666;}
a.logo, a:hover.logo {padding:0;border:none;background:none;text-decoration:none;}

h2 a {border:none;color:#bfbab0;}

img {border:0;margin:0;padding:0;}
img.logo {position:relative;top:-10px;margin-left:15px;}
img.h1 {margin-bottom:10px;}


ul {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	list-style-type: square;
	list-style-position: outside;
	color: #333333;
	font-style: normal;
	line-height: 150%;
}
	
#tagline {width:560px;position:absolute;top:355px;left:30px;}
#tagline-right {width:560px;position:absolute;top:355px;left:290px;}

.caption {margin:0 0 10px 0;padding:0;font-size:.75em;}

#wrapper {
	width:850px;
	margin:auto;
	position:relative;
	text-align:centre;}
/* Position rel is necessary to enable absolute positioning of inner elements */

/* Header section */

#header {
	width:850px;
	margin:0 auto;
	text-align:left;
	color:#000000;}

/* Main is the 850px wide section that holds the content */

#main {
	width:850px;
	margin:0 auto;
	padding:0;
	background:#ffffff;overflow:auto;}

#sidebar {width:150px;margin:0 0 0 75px;float:left;display:inline;text-align:right;padding-top:20px;}
#sidebar p {margin:10px 0;font-size:0.8em;color:#666666;}
/* The sidebar DIVs also have the cushycms class */


/* main-text is the box that holds the text content */
#main-text {margin:0 30px 0 265px;width:540px;text-align:justify;overflow:auto;padding:50px 0;}
#main-text p {margin:10px 0;color:#333333;}
#main-text p.margins {margin:5px 20px 5px 20px;}


/* Footer section */

#footer {
	width:850px;
	margin:0 auto;
	text-align:right;
	clear:both;
	background: #d5cfc3;}

#footer p {
	margin:0;
	padding:20px 30px;
	font-size:0.8em;
	color:#666666;
	border-bottom: 1px solid #c0bbb0;
}
#footer a {color:#333333;text-decoration:none;font-weight:bold;border:none;background:none;padding:0;}
#footer a.hover {text-decoration:underline;border:none;background:none;}

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

.navbar-holder {width:365px;/*415px;height:30px;*/margin-right:15px;margin-top:17px;float:right;position:relative;}

/*The following menu bar code is based on techniques developed by Stu Nicholls, www.cssplay.co.uk */

/* reset list styles */
#menu2 ul{ list-style-type:none;list-style-position:inside;padding:0;margin:0;line-height:100%;}

/* make top level links horizontal and pos relative so we can position the sublevel */
#menu2 li{float:left;position:relative;z-index:100;}

/* use Stu's table method to position the dropdown list */
#menu2 table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:30px;
}

/* style all anchors */
#menu2 a {
display:block;
font-size:1em;
width:120px;
padding:10px 0;
color:#666666;
background:#d4cec3;
text-decoration:none;
margin-right:1px;
text-align:center;
font-family:verdana, sans-serif;border-bottom:1px solid #ffffff;
}
/* style the hovers */
#menu2 :hover{color:#444444;background:#dfdad2;}

/* hide the sublevel */
#menu2 ul ul {
visibility:hidden;
position:absolute;
width:120px;
height:0;}

/* make the sublevel visible on hover, list or link */
#menu2 ul li:hover ul, #menu2 ul a:hover ul {visibility:visible;}

/* add the youarehere class to the current location */
#menu2 a.youarehere {background:#FFFFFF;color:#444444;cursor:default;}