/* CSS Kaffee Scape */


body { 
	margin: 5px;
	padding: 0px;
	background-color: #663300;
	}
	
	
ul, li {
	margin: 10px;
	padding: 2px;
	display: block;
	list-style-type: square;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #663300;
	font-weight: 200;
	background: transparent;	
	}
	
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	

#searchtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	background-color: #FFCC66;
	padding-right: 7px;	
	padding-top: 7px;		
	padding-bottom: 7px;			
	}
	

#menutext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;			
	}	

#menutextlarge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;			
	}	
	
#orangebold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color: orange;
	}

	
#searchtext2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	background-color: #FFFF66;
	padding-right: 7px;	
	padding-top: 7px;		
	padding-bottom: 7px;			
	}	

#searchtextlinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	background-color: #FFCC66;
	}
	
#searchtextlinks2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	background-color: #FFFF66;
	}
		
#btn, .btn {
	height=20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	background-color: #FFCC66;
	}	

#largebtn, .largebtn {
	height=30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold;
	background-color: #FFCC66;
	}	
	
#btn2 {
	height=20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	background-color: #FFFF66;
	}	
			
	/*CONTAINER*/
	
#mastercontainer {
	position: absolute; top: 0px; left: 25px;
	width: 750px;
	}
	
	/*=========================
	Logo
	===========================*/
	
#logo {
	position: absolute; top: 70px; left: 0px;
	width: 342px;
	height: auto;
	border: 1px; 
	border-color: #00FF00;
	}
	
	/*=========================
	Footer
	===========================*/
	
#footer {
	position: absolute; top: 600; left: 125px;
	width: 725px;
	height: 25px; 
	background-color: #F4F4F4;
	clear: both;
	padding-top: 20px;
	}
#footer p {
	padding-top: 7px;
	padding-left: 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #663300;
	font-weight: 200;
	}
	
	
	/*=========================
	Top Navigation
	===========================*/

#topnavcontainer {
	position: absolute; top: 13px; left: 647px;
	width: 92px;
	height: 29px;
	border: 1px; 
	}
	
#topnav ul, #topnav li {
    display: inline;
    margin: 0px;
    padding: 3px;
	}
	

	/*=========================
	Left Container
	===========================*/
	
#leftcontainer {
	width: 371px;
	height: auto;
	border: 1px; 
	float: left;
	}
	

	
#leftsidebox {
	position: absolute; top: 490px; left: 0px;
	width: 340px;
	height: 305px;
	}

#ad {
	width: 340px;
	height: 196px;
	background: url(img/ad_01.jpg); 
	background-repeat: no-repeat;
	}
	
#ad2 {
	width: 340px;
	height: 110px;
	background: url(img/ad_02.jpg); 
	background-repeat: no-repeat;
	}

#ad2txt {
	position: absolute; top: 225px; left: 25px;
	width: 287px;
	height: 64px;
	}
	
#ad2txt ul, #ad2txt li {
	margin: 0px;
	padding: 2px;
	display: block;
	list-style-type: square;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #663300;
	font-weight: 200;
	}
	
	/*=========================
	Right Container
	===========================*/
	
#rightcontainer {
	width: auto;
	height: auto;
	border: 1px; 
	float: left;
	}
	
#contentmaster {
	position: absolute; top: 96px; left: 372px;
	}
	
	/*=========================
	Navigation
	===========================*/
	
#nav {
	width: 600px;
	height: auto;
	margin: 0px;
	padding: 0px;
	}

#nav ul, #nav li {
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style-type: none;
	font-family: Verdana, "Times New Roman", Times, serif;
	font-size:18px;
	color:#663300;
	}
	
	

#nav a:link, #nav a:visited {
	margin: 0px 29px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	font-family: Verdana, "Times New Roman", Times, serif;
	font-size:18px;
	color:#663300;

	}

#nav a:link#current, #nav a:visited#current, #nav a:hover {
	border-bottom: 4px solid #CCC;
	padding-bottom: 2px;
	background: transparent;
	color: #663300;
	}

#nav a:hover { color:#CCC; }
	
	
	/*=========================
	Main Content
	===========================*/
	
	
#contentcontainer {
	position: absolute; top: 160px ; left: 0px;
	width: auto;
	height: auto;
	border: 1px; 
	float: left;
	}

#contenttop {
	background: url(img/content_head.jpg);
	width: 342px;
	height: 153px;
	}


#contentmid {
	background: url(img/conent_area.jpg);
	width: 342px;
	height: 106px;
	}

#contentbtm {
	background: url(img/content_btm.jpg);
	width: 342px;
	height: 44px;
	}
	
#contenttxt {
	position: absolute; top: 162px; left: 12px;
	width: 315px;
	height: 90px;
	text-align: justify;
	}
	
	
	/*=========================
	Coffees
	===========================*/
	
	
#coffees {
	position: absolute; top: 62px ; left: 0px;
	width: 186px;
	height: 305px;
	border: 1px; 
	float: left;
	}
	
#ourcoffeestop {
	background: url(img/ks_ourcoffees.jpg);
	width: 186px;
	height: 45px;
	border: 1px; 
	}
	
#ourcoffees {
	background: url(img/ks_ourcoffeesbg.jpg);
	width: 186px;
	height: 260px;
	}
	
#ourcoffeetxt {
	width: 160px;
	height: 250px;
	}
	
#ourcoffeetxt ul, #ourcoffeetxt li {
	margin: 0px;
	padding: 0 0 3px 0;
	display: block;
	list-style-type: none;
	font-family: Verdana, "Times New Roman", Times, serif;
	font-size:12px;
	color: #663300;
	font-weight: 100;
	}
	
#ourcoffeetxt a {
	color: #663300;
	font: Verdana, "Times New Roman", Times, serif; 
	font-weight: 100;
}

#ourcoffeetxt a:active {
	outline: none;
	
}
#ourcoffeetxt a:hover {
	color: #5D0000;
	text-decoration: underline;
	outline: none;
}
	
	/*=========================
	News
	===========================*/
	
	
#news {
	position: absolute; top: 62px; left: 195px;
	width: 148px;
	height:305px;
	}
#newstop {
	width: 148px;
	height: 41px;
	background: url(img/ks_news.jpg);
	}
#newsbg {
	width: 148px;
	height: 264px;
	background: url(img/ks_newbg.jpg);
	}
#newstxt {
	width: 122px;
	height: 251px;
	position: absolute; top: 46px; left: 12px;
	}

	/*=========================
	Feautred Coffee
	===========================*/
	
	
#featuredcoffee {	
	width: 338px;
	height: 280px;
	}
	
#featuredcoffee01 {
	width: 338px;
	}
	
#learnmore01 {
	width: 338px;
	height: 43px;
	
	}
	
#content01 {
	width: 330px;
	padding: 4px;
	text-align: justify;
	border: 0px;
	border-bottom: 1px;
	}
	
	/* Featured Coffee 2 */
	
#featuredcoffee02 {
	width: 338px;
	padding: 10px 0px 0px 0px;
	}
	
#learnmore02 {
	width: 338px;
	height: 43px;
	
	}
	
#content02 {
	width: 330px;
	padding: 4px;
	text-align: justify;
	border: 0px;
	border-bottom: 1px;
	}
	
	/*=========================
	Structure Markup
	===========================*/
	
a img {
    border: 0px;
	}
	
h1 {
	font-family: Verdana, "Times New Roman", Times, serif; 
	color:#663300;
	font-size: 18px;
	font-weight:100;
	line-height: 1.2em;
	margin: 0px;
    padding: 0px
	}
	
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	font-weight: 100;
	color: #909090;
	margin: 0px;
    padding: 0px
	}
	
p {
	font-family: Verdana, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight:100;
	xline-height: 1.2em;
    margin: 0px;
    padding: 0px;
	}
	
	
	/*=========================
	Classes
	===========================*/
	
	
.light {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 100;
	color: #BABCBF;
	background-color: #FAFAFA;
	margin: 0px;
    padding: 0px
	}
	
.dark {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	color: #666666;
	margin: 0px;
    padding: 0px
	}
	
.highlight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 200;
	color: #333333;
	background-color:#999999;
	margin: 0px;
    padding: 0px
	}
	

	
p.bold {
font-family: Verdana, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.2em;
    margin: 0px;
    padding: 0px;
	}
	
.content {
	font-family: Verdana, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight:100;
	line-height: 1.2em;
    margin: 0px;
    padding: 0px;
	}

.style2 {
	font-size: 11px; 
	text-align: left;
	}
	
.style3 {
	color: #8A484B
	}



	/*=========================
	Secondary Pages
	===========================*/




#pageheader {
	width: 338px;
	height: 43px;
	}
	
	/*=========================
	Content
	===========================*/
	
#content01 {
	width: 330px;
	padding: 4px;
	text-align: justify;
	}
	
#conent01container {
	position: absolute; top: 161px; left: 0px;
	width: 1000px;
	height: auto;
	}
	
/*=========================
	Info Mark Up
	===========================*/
	
	
#steps ol, #steps li {
	margin: 0px;
	padding: 2px;
	list-style-position: inside;
	list-style-type: decimal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #666666;
	font-weight: 100;
	
	}
	
#store ol, #store li {
	margin: 0px;
	padding: 2px;
	list-style-position: inside;
	list-style-type: disc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #666666;
	font-weight: 100;
	}
	
#terms ol, #terms li {
	margin-left: 0px;
	padding: 2px;
	list-style-position: outside;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #666666;
	font-weight: 100;
	}	
	

/*=========================
	Store Page
	===========================*/
	
#storepage {
	width: 400px;
	height: auto;
	float: left;
	}

#product
{
	float:left;
	width: 94px;
	height: 94px;
	margin:7px 0 0px 7px;
	padding-right:7px;

}



#storepage p {
	margin:0;
	width: 400px;
	height: 103px;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	padding: 7px 0px 0 0px;
}
#storepage p:hover {
	background-color: #E6E6E6;
}
	
	
#storepage a {
	color: #663300;
	font: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold
}
#storepage a:active {
	outline: none;
	
}
#store a:hover {
	color:#CC9933;
	text-decoration: underline;
	outline: none;
}

a {
	color: #663300;
	font: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold
}

a:hover {
	color:#CC9933;
	text-decoration: underline;
	outline: none;
}

.addto a {
	font: Verdana, , "Lucida Sans Unicode", verdana, helvetica, sans-serif; color: #663300; 
	font-weight: 200;
}
	
#PagerControlHolderTop td, #PagerControlHolderBottom td {
	color:#663300;
	font-family: Verdana, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 1.2em;
}

#PagerControlHolderTop .selectedItem, #PagerControlHolderBottom .selectedItem {
	color:#CC9933;
}

form {
	margin: 0px;
	padding: 0px;
}