body {
	background-color: #ffc;
	font-family: "trebuchet ms", Verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	margin: 0px; /* top and bottom margins to zero; spans entire browser width */
	padding: 0px; /* for Opera, which renders pages with a default padding of about 12px */
}

td, p, ul, table {
	font-family: "trebuchet ms", Verdana, Arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
 }

  /*  Netscape 4 does not understand Font-Family on the body selector, need to assign font to more specific selectors. Add more tags as necessary, example -- ol -- */

p.info {
	font-size: 11px;
	font-weight: bold;
	line-height: 1.3em;
}
	
p.red {
	font-size: 13px;
	font-weight: bold;
	line-height: 1.3em;
	font-color: #cc3300;
}

 h1:first-child {margin-top: 0;}/*starts first h1 in TD flush top*/
 h2:first-child {margin-top: 0;}/*starts first h2 in TD flush top*/
 h3:first-child {margin-top: 0;}/*starts first h2 in TD flush top*/
 /* Modern browsers render a default top margin for heading (and paragraph) elements.  This sets top margin at 0  */

h1 { font-family: "trebuchet ms", Verdana, arial, helvetica, sans-serif;
	font-size: 160%; }
h2 { font-family: "trebuchet ms", Verdana, arial, helvetica, sans-serif;
	font-size: 140%; }  /* this is percentage of base font - see body */
h3 { font-family: "trebuchet ms", Verdana, arial, helvetica, sans-serif;
	font-size: 120%; font-weight: bold; }  /* this is percentage of base font - see body */


#swell-top-border {
	position:absolute;
	left:10px;
	top:0px;
	width:736px;
	height:7px;
	background-color: #fff;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	border-left: 2px solid #000;
}

#swell-left-border {
	position:absolute;
	left:10px;
	top:9px;
	width:5px;
	height:336px;
	background-color: #fff;
	border-left: 2px solid #000;
}

#swirl {
	position:absolute;
	left:17px;
	top:9px;
	width:41px;
	height:43px;
	background-color: #fff;
}

#pine-top {
	position:absolute;
	left:58px;
	top:9px;
	width:242px;
	height:20px;
	background-color: #fff;
}

#white-top {
	position:absolute;
	left:300px;
	top:9px;
	width:442px;
	height:20px;
	background-color: #fff;
}

#right-border {
	position:absolute;
	left:742px;
	top:9px;
	width:6px;
	height:401px;
	background-color: #fff;
	border-right: 2px solid #000;
}

#white-left1 {
	position:absolute;
	left:36px;
	top:60px;
	width:22px;
	height:285px;
	background-color: #fff;
}

#white-left2 {
	position:absolute;
	left:17px;
	top:135px;
	width:19px;
	height:210px;
	background-color: #fff;
}

#white10 {
	position:absolute;
	left:17px;
	top:52px;
	width:41px;
	height:8px;
	background-color: #fff;
}

#pine-side {
	position:absolute;
	left:17px;
	top:60px;
	width:19px;
	height:75px;
	background-color: #fff;
}


#left-text {
	position:absolute;
	left:58px;
	top:29px;
	width:407px;
	height:316px;
	background-color: #fff;

}

#swell-right-text {
	position:absolute;
	left:465px;
	top:10px;
	width:278px;
	height:410px;
	background-color: #fff;
}

#main-text {
	position:absolute;
	left:58px;
	top:29px;
	width:684px;
	height:316px;
	background-color: #fff;
}

#sox-bottom-text {
	position:absolute;
	left:265px;
	top:345px;
	width:200px;
	height:65px;
	background-color: #fff;
}

#Swell-logo {
	position:absolute;
	left:10px;
	top:345px;
	width:255px;
	height:95px;
}

#katey-border {
	position:absolute;
	left:10px;
	top:315px;
	width:2px;
	height:105px;
	border-left: 2px solid #000;
}

#katey-logo-nav {
	position:absolute;
	left:12px;
	top:315px;
	width:155px;
	height:125px;
}

#katey-logo-nav2 {
	position:absolute;
	left:169px;
	top:390px;
	width:56px;
	height:50px;
}

#nav-filler {
	position:absolute;
	left:225px;
	top:410px;
	width:43px;
	height:30px;
	background-color: #000;
}


#tablecloths {
	position:absolute;
	left:44px;
	top:102px;
	width:103px;
	height:26px;
	background-color: #fff;
}

#napkins {
	position:absolute;
	left:44px;
	top:146px;
	width:103px;
	height:34px;
	background-color: #fff;
}

#towels {
	position:absolute;
	left:44px;
	top:190px;
	width:103px;
	height:25px;
	background-color: #fff;
}

#items-for-sale {
	position:absolute;
	left:169px;
	top:0px;
	width:579px;
	height:389px;
	background-color: #fff;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	overflow: auto;
}

#katey-fill01 {
	position:absolute;
	left:10px;
	top:0px;
	width:157px;
	height:100px;
	background-color: #fff;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
}

#katey-fill03 {
	position:absolute;
	left:10px;
	top:102px;
	width:32px;
	height:113px;
	background-color: #fff;
	border-left: 2px solid #000;
}

#katey-fill05 {
	position:absolute;
	left:147px;
	top:102px;
	width:22px;
	height:113px;
	background-color: #fff;
}

#katey-fill06 {
	position:absolute;
	left:44px;
	top:128px;
	width:103px;
	height:18px;
	background-color: #fff;
}

#katey-fill08 {
	position:absolute;
	left:44px;
	top:180px;
	width:103px;
	height:10px;
	background-color: #fff;
}

#katey-fill10 {
	position:absolute;
	left:10px;
	top:215px;
	width:157px;
	height:100px;
	background-color: #fff;
	border-left: 2px solid #000;
}

#katey-fill13 {
	position:absolute;
	left:223px;
	top:376px;
	width:525px;
	height:34px;
	background-color: #fff;
	border-right: 2px solid #000;
}

#shop {
	position:absolute;
	left:265px;
	top:410px;
	width:68px;
	height:30px;
}

#company {
	position:absolute;
	left:333px;
	top:410px;
	width:105px;
	height:30px;
}

#mailing-list {
	position:absolute;
	left:438px;
	top:410px;
	width:133px;
	height:30px;
}

#contact {
	position:absolute;
	left:571px;
	top:410px;
	width:99px;
	height:30px;
}

#home {
	position:absolute;
	left:670px;
	top:410px;
	width:80px;
	height:30px;
}