/* SB Style Sheet --------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

/* ------------------------ type selectors ------------------------ */
body {
	text-align:center;
	font:12px/16px Arial, Helvetica, sans-serif;
	color:#000;
	background-color: #63432e;
	}

blockquote { margin-left:10px; margin-right:10px; }

h1	{ font-size:1.2em; color:#000; }
h2	{ font-size:1.1em; color:#000; }
h3	{ font-size:1.0em; color:#000; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color:#c7534a; text-decoration:underline; outline:none; }
a:hover,a:active	{ color:#eaa9a3; text-decoration:underline; outline:none; }

/* ------------------------ classes ------------------------ */
.clear	{ 
	clear:both;
	}

div.clear	{ 
	height:.01em; 
	overflow:hidden; 
	}

img.img-left { 
	float:left; 
	margin:2px 10px 10px 0px;
	}

img.img-right { 
	float:right; 
	margin:5px 0px 10px 10px; 
	}

/* ------------------------ main framework ------------------------ */
#wrap-container {
	background:#fff url(images/bg-body.jpg) top repeat-x;
	margin:0 auto;
	}
	
#wrap {
	width:910px;
	margin:0 auto;
	text-align:left;
	}

#nav-container {
	width:910px;
	float:left;
	margin:0;
	padding:0;
	}
/* ------------------------ masthead framework ------------------------ */

/* ------------------------ content-left framework ------------------------ */

#content-container {
	width:876px;
	margin:0;
	padding:0;
	}

#content-left {
	width:613px;
	float:left;
	}
	#content-left p, #content-left h1, #content-left ul {
		padding:10px 0px 0px 52px;
		}
		#content-left ul li {padding-left:10px;}

/* ------------------------ content-right framework ------------------------ */
#content-right {
	width:296px;
	float:left;
	}
#location #content-right p {padding:0 20px 0 65px; font-size:11px;}
#contact #content-right p	{padding:0 20px 0 65px; font-size:11px;}


/* ------------------------ header framework ------------------------ */
#header{ height:352px;	clear:both; } /* sets height for all non-flash headers */

	body#index #header { background:url(images/header-index.jpg) no-repeat; }
	body#about #header-graphic { background:url(images/header-about.jpg) no-repeat; }
	body#contact #header-graphic { background:url(images/header-contact.jpg) no-repeat; }
	body#thankyou #header-graphic { background:url(images/header-thankyou.jpg) no-repeat; }
	body#sitemap #header-graphic { background:url(images/header-sitemap.jpg) no-repeat; }


/* ------------------------ subhead framework ------------------------ */
#subhead { height:49px; } /* sets height for all subheads */
	body#index #subhead { background:url(images/subhead-index.jpg) no-repeat; }
	body#about #subhead { background:url(images/subhead-about.jpg) no-repeat; }
	body#contact #subhead { background:url(images/subhead-contact.jpg) no-repeat; }
	body#thankyou #subhead { background:url(images/subhead-thankyou.jpg) no-repeat; }
	body#sitemap #subhead { background:url(images/subhead-sitemap.jpg) no-repeat; }


/* ------------------------ buttons ------------------------ */
#btn-container {
	width:910px;
	margin:0;
	padding:0;
	clear:both;
	overflow:hidden; 
	}

#btn-teleflora {
	background:url(images/btn-teleflora.jpg) no-repeat;
	width:313px;
	height:159px;
	float:left;
	}
	#btn-teleflora a {display:block; height:159px;}
	#btn-teleflora a span { display:none;	}
	#btn-teleflora a:hover { background: url(images/btn-teleflora.jpg) -0px -159px no-repeat; }

#btn-ftd {
	background:url(images/btn-ftd.jpg) no-repeat;
	width:283px;
	height:159px;
	float:left;
	}
	#btn-ftd a {display:block; height:159px;}
	#btn-ftd a span { display:none;	}
	#btn-ftd a:hover { background: url(images/btn-ftd.jpg) -0px -159px no-repeat; }

#btn-location {
	background:url(images/btn-location.jpg) no-repeat;
	width:314px;
	height:159px;
	float:left;
	}
	#btn-location a {display:block; height:159px;}
	#btn-location a span { display:none;	}
	#btn-location a:hover { background: url(images/btn-location.jpg) -0px -159px no-repeat; }

#btn-teleflora-logo {
	background:url(images/btn-teleflora-logo.jpg) no-repeat;
	width:160px;
	height:93px;
	float:left;
	}
	#btn-teleflora-logo a {display:block; height:93px; width:122px; float:right;}
	#btn-teleflora-logo a span { display:none;	}
	#btn-teleflora-logo a:hover { background: url(images/btn-teleflora-logo.jpg) -38px -93px no-repeat; }

#btn-teleflora-int {
	background:url(images/btn-teleflora-int.jpg) no-repeat;
	width:180px;
	height:93px;
	float:left;
	}
	#btn-teleflora-int a {display:block; height:93px; width:128px; float:right;}
	#btn-teleflora-int a span { display:none;	}
	#btn-teleflora-int a:hover { background: url(images/btn-teleflora-int.jpg) -52px -93px no-repeat; }

#btn-ftd-logo {
	background:url(images/btn-ftd-logo.jpg) no-repeat;
	width:136px;
	height:93px;
	float:left;
	}
	#btn-ftd-logo a {display:block; height:93px; width:95px; float:left;}
	#btn-ftd-logo a span { display:none;	}
	#btn-ftd-logo a:hover { background: url(images/btn-ftd-logo.jpg) -0px -93px no-repeat; }

#btn-ftd-int {
	background:url(images/btn-ftd-int.jpg) no-repeat;
	width:116px;
	height:93px;
	float:left;
	}
	#btn-ftd-int a {display:block; height:93px; width:88px; float:left;}
	#btn-ftd-int a span { display:none;	}
	#btn-ftd-int a:hover { background: url(images/btn-ftd-int.jpg) -0px -93px no-repeat; }

#btn-map {
	background:url(images/btn-map.jpg) no-repeat;
	width:163px;
	height:101px;
	float:left;
	}
	#btn-map a {display:block; height:101px; width:163px; float:left; padding-left:0px;}
	#btn-map a span { display:none;	}
	#btn-map a:hover { background: url(images/btn-map.jpg) -0px -101px no-repeat; }

#btn-gmap {
	background:url(images/btn-google-map.jpg) no-repeat;
	width:133px;
	height:101px;
	float:left;
	}
	#btn-gmap a {display:block; height:101px; width:133px; float:left; padding-left:0px;}
	#btn-gmap a span { display:none;	}
	#btn-gmap a:hover { background: url(images/btn-google-map.jpg) -0px -101px no-repeat; }


/* ------------------------ buttons - amenties ------------------------ */
#btn-ftd-1 {
	background:url(images/btn-ftd-1.jpg) no-repeat;
	width:163px;
	height:113px;
	float:left;
	}
	#btn-ftd-1 a {display:block; height:113px; width:106px; float:right;}
	#btn-ftd-1 a span { display:none;	}
	#btn-ftd-1 a:hover { background: url(images/btn-ftd-1.jpg) -57px -113px no-repeat; }

#btn-ftd-2 {
	background:url(images/btn-ftd-2.jpg) no-repeat;
	width:133px;
	height:113px;
	float:left;
	}
	#btn-ftd-2 a {display:block; height:113px; width:106px; float:left;}
	#btn-ftd-2 a span { display:none;	}
	#btn-ftd-2 a:hover { background: url(images/btn-ftd-2.jpg) -0px -113px no-repeat; }

#btn-ftd-3 {
	background:url(images/btn-ftd-3.jpg) no-repeat;
	width:163px;
	height:101px;
	float:left;
	}
	#btn-ftd-3 a {display:block; height:101px; width:106px; float:right;}
	#btn-ftd-3 a span { display:none;	}
	#btn-ftd-3 a:hover { background: url(images/btn-ftd-3.jpg) -57px -101px no-repeat; }
	
#btn-ftd-4 {
	background:url(images/btn-ftd-4.jpg) no-repeat;
	width:133px;
	height:101px;
	float:left;
	}
	#btn-ftd-4 a {display:block; height:101px; width:106px; float:left;}
	#btn-ftd-4 a span { display:none;	}
	#btn-ftd-4 a:hover { background: url(images/btn-ftd-4.jpg) -0px -101px no-repeat; }

/* ------------ must have below column-left and column-right to clear the float ------------ */
#bottom-wrap {
	background:url(images/bottom-wrap.jpg);
	width:100%; /* fix for Safar */
	height:20px;
	clear:both; /* important - do not remove */
	}

/* ------------------------footer framework ------------------------ */
#footer-container {
	background: url(images/bg-footer.jpg) repeat-x;
	height:178px;
	margin:0 auto;
	text-align:center;
	}

#footer {
	width:910px;
	margin:0 auto;
	text-align:center;
	}

#footer p {
	color:#fff;
	margin-bottom:40px;
	padding-top:92px;
	line-height:20px;
	}

#footer a:link, #footer a:visited { color:#c7534a; text-decoration:none; }
#footer a:hover, #footer a:active { color:#eaa9a3; text-decoration:none; }

#footer ul {margin:10px;}
	#footer li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
		display: inline;
		border-left: 1px solid #009900;
		}
	#footer li.first { border: none; }
#logo-kfs {
	height:44px;
	width:124px;
	float:right;
	margin-top: 90px;
	margin-right: 65px;
	margin-bottom: 0;
	margin-left: 0;
	background-image: url(images/kfslogo.png);
	background-repeat: no-repeat;
	}
	
/* ------------------------ horizontal sprite nav ------------------------ */
#nav-container { 
	background:url(images/nav.jpg) no-repeat; 
	width:910px; 
	margin:0;
	padding:0; 
	float:left;
	}

#nav { 
	width:910px; 
	height:103px; 
	margin:0;
	padding:0; 
	}

#nav span { display: none; }
#nav li a {margin-top:33px;}
#nav li, #nav a { height:50px; display:block;  } /* change height here also */
#nav li { float:left; list-style:none; display: inline; }
#nav-01 { width: 77px; padding-left:312px}
#nav-02 { width: 103px;}
#nav-03 { width: 91px;}
#nav-04 { width: 89px;}
#nav-05 { width: 88px;}
#nav-06 { width: 90px;} 
/*-------------- hovers ------------- */
#nav-01 a:hover { background:url(images/nav.jpg)  -312px -136px no-repeat; }
#nav-02 a:hover { background:url(images/nav.jpg) -389px -136px no-repeat; }
#nav-03 a:hover { background:url(images/nav.jpg) -492px -136px no-repeat; }
#nav-04 a:hover { background:url(images/nav.jpg) -583px -136px no-repeat; }
#nav-05 a:hover { background:url(images/nav.jpg) -672px -136px no-repeat; }
#nav-06 a:hover { background:url(images/nav.jpg) -760px -136px no-repeat; }
/*-------------- on state ------------- */
body#in #nav-01 { background:url(images/nav.jpg)  -312px -136px no-repeat;  }
body#f #nav-02 { background:url(images/nav.jpg) -389px -136px no-repeat; }
body#am  #nav-03 { background:url(images/nav.jpg) -492px -136px no-repeat; }
body#loction #nav-04 { background:url(images/nav.jpg) -583px -136px no-repeat; }
body#conact #nav-05 { background:url(images/nav.jpg) -672px -136px no-repeat; }
body#appy #nav-06 { background:url(images/nav.jpg) -760px -136px no-repeat; }