@charset "utf-8";
/* CSS Document */
/*
-----------------------------
Title: Kuppa Tea & Coffee Traders
Designer: Siwat Tongpatanakul
Created: 27 August 2010
Last updated: 27 February 2010
-----------------------------
*/
*
{
	margin:0px;
	padding:0px;
}
body
{
	background:#FFF url(../images/kuppadeli_bg.jpg) repeat-x;
	font-size:14px;
	text-align:center;
}
html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset
{
	border:0px;
	color:#3D3D3D;
	font-family:Arial, Helvetica, sans-serif;
}
img {border-style:none;}

a:active, a:focus {outline:none;}

/*--------------- Layout -------------*/
#main_wrap
{	margin:0 auto;
	text-align:left;
	width:1050px;
}
#header_box
{	width:960px;
	height:70px;
	padding: 60px 45px 0px 45px;
	background:url(../images/kuppadeli_header.png) no-repeat;
}

#menu_box
{	width:960px;
	height:25px;
	padding: 0px 45px 0px 45px;
	background:url(../images/kuppadeli_menu_bg.png) repeat-y;
}

#content_box
{	width:1050px;
	min-height:410px;
	background: url(../images/kuppadeli_content_bg.png) repeat-y;
}
#content
{	width:960px;
	min-height:410px;
	padding: 20px 45px 0px 45px;
}
#footer_a
{	width:1050px;
	height:70px;
	background:url(../images/kuppadeli_footer.png) no-repeat;
}
#social_links
{	padding: 10px 45px 10px 45px;
}
#footer_b
{	width:1050px;
	height:20px;
}
/*--------------- Misc. Styles -----------------*/
.footer_text {font-size:12px;}
.menu_text {font-size:18px;}
.img_space {padding-left:8px;}
.header {font-size:18px; color:#CAAA77;}
.sold {color:#C00;}
.header2 {font-size:26px; font-weight:bold; color:#CAAA77; text-decoration:none;}
.highlight {color:#CAAA77;}

a:link {color:#CAAA77; text-decoration: none;}
a:visited {color:#CAAA77; text-decoration: none;}
a:hover {color:#CAAA77; text-decoration: none;}
a:active {color:#CAAA77; text-decoration: none;}

ul {padding-left:14px}
/*--------------- Content Boxes ----------------*/
#header_a
{	width:300px;
	padding: 0px 20px 0px 0px;
	float:left;
}
#header_b
{	width:300px;
	padding: 0px 10px 0px 10px;
	float:left;
}
#header_c
{	width:300px;
	float:left;
	padding: 0px 0px 0px 20px;
}
#wrap_index {min-height:1000px;}
#wrap_food {min-height:1520px;}
#wrap_drinks {min-height:1600px;}
#wrap_coffee {min-height:1400px;}
#wrap_treats {min-height:910px;}
#wrap_goods {min-height:1100px;}
#wrap_hampers {min-height:850px;}
#wrap_contact {min-height:950px;}
#wrap_employment {min-height:700px;}
#wrap_feast {min-height:860px;}
#content_a
{	width:300px;
	padding: 30px 20px 0px 0px;
	float:left;
}
#content_b
{	width:300px;
	padding: 30px 10px 0px 10px;
	float:left;
}
#content_c
{	width:300px;
	float:left;
	padding: 30px 0px 0px 20px;
}
#contact_a
{	width:300px;
	padding: 0px 20px 0px 0px;
	float:left;
}
#contact_b
{	width:300px;
	padding: 0px 10px 0px 10px;
	float:left;
}
#contact_c
{	width:300px;
	float:left;
	padding: 0px 0px 0px 20px;
}
#footer_1
{	width:610px;
	height:26px;
	padding: 20px 30px 0px 45px;
	float:left;
}
#footer_2
{	width:300px;
	padding: 10px 0px 0px 20px;;
	float:left;
}
#leftbox
{
	width:620px;
	min-height:350px;
	float:left;
	padding-right:15px;
}
#rightbox
{
	width:300px;
	min-height:350px;
	float:right;
	padding-left:15px;
}
/*------------ Navigation Bar --------------------------------------------------------*/

ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/
}
ul#topnav li a {
	float: left;
	text-indent: -9999px; /*--Push text off of page--*/
	height:25px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom;} /*--Hover State--*/
ul#topnav a.home {
	background:url(../images/kd-home.png) no-repeat;
	width:92px;
}
ul#topnav a.food {
	background:url(../images/kd-food.png) no-repeat;
	width:113px;
}
ul#topnav a.treats {
	background:url(../images/kd-treats.png) no-repeat;
	width:136px;
}
ul#topnav a.coffee {
	background:url(../images/kd-coffee.png) no-repeat;
	width:136px;
}
ul#topnav a.drinks {
	background:url(../images/kd-drinks.png) no-repeat;
	width:131px;
}
ul#topnav a.goods {
	background:url(../images/kd-goods.png) no-repeat;
	width:223px;
}
ul#topnav a.contact {
	background:url(../images/kd-contact.png) no-repeat;
	width:129px;
}
/*
#likebox-frame{
 border:5px solid #FFF;
 width:300px;
 z-index:10;
 height: 400px;
 overflow: hidden;
 position:relative;
 top:-1px;
 left:-2px;
}
#likebox-frame iframe{
  left:-5px;
  overflow:hidden;
  position:relative;
  top:-1px;
}*/