/*    colours .......................................................

green : #a3b293
page color: white
brown : #77431b
cream : e0d8c1
rose : #b29393
*/

p{padding:0;margin:0;}
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.floatleft{float:left;}
.floatright{float:right;}
.clear{clear:both;}
.price{text-align:center;}

h1,h2,h3,h4,h5,h6{margin:0;padding:0;color:#606;}

h2{font-family:"Monotype Corsiva","Times New Roman", Times, serif;font-size:200%;}
.home h2{color:#a3b293;padding:2em 0 1em 0; }

/*    LAYOUTS .......................................................*/

body{margin:0;padding:0;
	min-height:600px;
	background-color:#a3b293;
	color:#77431b;
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
}



#container{
	margin:0 auto;
	text-align:center;
	background:white;
	max-width:1200px;
}

.sectionpic{

	float:left;
	width:25%;
	min-height:330px;
	text-indent:-9000px;
	padding:0;
	margin:0;
}

#eatpic{background:url('blueberry.jpg') no-repeat center center;}
#drinkpic{background:url('coffee3.jpg') no-repeat center center;}
#homepic{background:black url('coffee330.jpg') no-repeat center center;}
#meetpic{background:url('coffee3.jpg') no-repeat center center;}
#shoppic{background:url('coffee3.jpg') no-repeat center center;}

#col2 #main{

	float:left;
	width:45%;
	text-align:left;
	min-height:330px;
	text-indent:0;
	padding:0 10px;
}

#main p{margin-bottom:1em;}

.span{border:1px solid red;	width:100%; margin:2em 0;}

#col2 #sidebar{
	float:left;
	width:24%;
	text-align:left;
	padding:5px;
}

.col3{width:100%;}
.col3 td{vertical-align:top;margin:1em;}
.col3 caption{text-align:right;	padding:0 35px 1em 0;}

/*    HEADER .......................................................*/

#header{position:relative;	height:110px;	margin:0;	margin-bottom:1em; padding:1em; background-color:#e0d8c1;}

#mainimage{position:absolute;	top:5%;	left:3%;	z-index:100;	width:331px;	height: 167px;	
	background-image: url('karilogo.gif');	background-repeat:no-repeat;}

#logo{	text-indent: -9000px;}

#header .box{width:200px;float:right;	height:75px;	font-size:80%;}
.hours .address{line-height:1.5em;}



/*    NAVIGATION .......................................................*/

#navigation{text-align:center;margin:0;height:100px; padding-left:2em}

#navigation li{
	display: inline;
	list-style:none;
	width:22%;
	min-height:70px;
	margin:1em 1em 0 1em;
	float:left;	
	
}

#navigation .nav{color:#606;font-family:"Monotype Corsiva","Times New Roman", Times, serif;	font-size:130%;
}


#navigation span{font-size:50%; color: #77431b; text-decoration:none;}
#navigation a:link, #navigation a:visited{color:#606; font-weight:normal;}
#navigation a:hover{text-decoration:none;}

a:link, a:visited{color: #a3b293 ;text-decoration: none; font-weight:bold;}
a:hover{text-decoration:underline;}

a:link.inline, a:visited.inline{font-weight:bold;color :red; text-decoration:underline;padding:0.5em;}
a:link.exlink, a:visited.exlink{font-weight:bold;color :red; text-decoration:underline;}

.box{margin:1em;}



/*    FOOTER .......................................................*/

#footer{
	clear:both;
	text-align:center;
	margin:0 auto;
	padding:0;
	margin-top:1em;
	font-size:100%;
	background-color:#b29393;
	color:#774313;
	height:120px;
	
}

#footer a{
color: #a3B293; font-size:200%;
}