/* STYLE SHEET FOR Gallery320, Created by Jozee Designs! jozeedesigns.com*/

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


html, body{ text-align:center; 	} 
html {	background:#0c3745 url(../images/bg.jpg) top center;	}
body {
	background:url(../images/bg-top.jpg) top center no-repeat;
	font-family:"Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	font-size:12px;	}
em, b {		font-family:"Lucida Sans", Tahoma, Verdana, sans-serif;	}
#container{ 
	width:860px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;  
	} 
#header{
	position:relative; 
	height:119px;  
	width:800px;
	margin:0 auto;
	}
#header h1{
	width:300px;
	height:119px;
	position:absolute;
	margin:0 0 0 501px;
	font-size:8px;
	}
#header h1 span{
	background:url(../images/logo.jpg) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
	}
	
#wrapper, #wrapperfull{
	width: 730px;
	margin:0 auto;
	background:url(../images/bg-wrapper.jpg) repeat-y;
	}
#wrapperfull{	background:url(../images/bg-wrapper-full.jpg) repeat-y;	}
	
#leftcol{
	color:#FFFFFF;
	width:160px; 
	float:left; 
	position:relative; 
	background:url(../images/leftcol-bg.jpg) no-repeat;
	min-height:700px;
	height:auto !important;
    height:700px;
	}
 #leftcol ul { 	margin:40px 0 0 0; }
 
ul.nav {
	width:160px;
	height:530px;
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
	}
ul.nav li a:link, ul.nav li a:visited {
    border: none;
    width: 138px; 
    height: 26px;
    display: block; 
    position: absolute; 
    top: 0; 
    text-indent: -7000px;
    outline: none;
	margin:0 0 0 11px;}
ul.nav li.one a:link, ul.nav li.one a:visited { 
	background: url(../images/nav1.gif) no-repeat 0 0; left:0;}
ul.nav li.two a:link, ul.nav li.two a:visited { 
	background: url(../images/nav1.gif) no-repeat 0 -27px; left:0px; top:27px;}
ul.nav li.three a:link, ul.nav li.three a:visited { 
    background: url(../images/nav1.gif) no-repeat 0 -53px; left:0px; top:53px; height:36px;}
ul.nav li.four a:link, ul.nav li.four a:visited { 
	background: url(../images/nav1.gif) no-repeat 0 -89px; left:0px; top:89px;}
ul.nav li.five a:link, ul.nav li.five a:visited { 
	background: url(../images/nav1.gif) no-repeat 0 -116px; left: 0px; top:116px; height:27px;}
ul.nav li.six a:link, ul.nav li.six a:visited { 
	background: url(../images/nav1.gif) no-repeat 0 -143px; left: 0px; top:143px;}
ul.nav li.sixa a:link, ul.nav li.sixa a:visited { 
	background: url(../images/nav1.gif) no-repeat 0 -181px; left: 0px; top:181px;}
ul.nav li.sev a:link, ul.nav li.sev a:visited { 
	background: url(../images/nav1.gif) no-repeat 0 -203px; left: 0px; top:203px;}
ul.nav li.eig a:link, ul.nav li.eig a:visited { 
	background: url(../images/nav1.gif) no-repeat 0 -229px; left: 0px; top:229px;}
ul.nav li.nine a:link, ul.nav li.nine a:visited { 
	background: url(../images/nav1.gif) no-repeat 0 -264px; left: 0px; top:264px;}
ul.nav li.ten a:link, ul.nav li.ten a:visited { 
	background: url(../images/nav1.gif) no-repeat 0 -392px; left: 0px; top:388px; height:58px;}
ul.nav li.ele a:link, ul.nav li.ele a:visited { 
	background: url(../images/nav1.gif) no-repeat 0 -519px; left: 0px; top:519px;}
ul.nav li.twe a:link, ul.nav li.twe a:visited { 
	background: url(../images/nav1.gif) no-repeat 0 -545px; left: 0px; top:545px;}
ul.nav li.trtn a:link, ul.nav li.trtn a:visited { 
	background: url(../images/nav1.gif) no-repeat 0 -571px; left: 0px; top:571px;}
ul.nav li.frtn a:link, ul.nav li.frtn a:visited { 
	background: url(../images/nav1.gif) no-repeat 0 -597px; left: 0px; top:597px;}
ul.nav li.fvtn a:link, ul.nav li.fvtn a:visited { 
	background: url(../images/nav1.gif) no-repeat 0 -623px; left: 0px; top:623px;}
	
ul.nav li.one a:hover, ul.nav li.one#on a {
    background: url(../images/nav1.gif) no-repeat -148px 0;}
ul.nav li.two a:hover, ul.nav li.two#on a {
    background: url(../images/nav1.gif) no-repeat -148px -27px;}
ul.nav li.three a:hover, ul.nav li.three#on a {
    background: url(../images/nav1.gif) no-repeat -148px -53px;}
ul.nav li.four a:hover, ul.nav li.four#on a {
    background: url(../images/nav1.gif) no-repeat -148px -89px;}
ul.nav li.five a:hover, ul.nav li.five#on a {
    background: url(../images/nav1.gif) no-repeat -148px -116px;}
ul.nav li.six a:hover, ul.nav li.six#on a {
    background: url(../images/nav1.gif) no-repeat -148px -143px;}
ul.nav li.sixa a:hover, ul.nav li.sixa#on a {
    background: url(../images/nav1.gif) no-repeat -148px -181px;}
ul.nav li.sev a:hover, ul.nav li.sev#on a {
    background: url(../images/nav1.gif) no-repeat -148px -203px;}
ul.nav li.eig a:hover, ul.nav li.eig#on a {
    background: url(../images/nav1.gif) no-repeat -148px -229px;}
ul.nav li.nine a:hover, ul.nav li.nine#on a {
    background: url(../images/nav1.gif) no-repeat -148px -264px;}
ul.nav li.ten a:hover, ul.nav li.ten#on a {
    background: url(../images/nav1.gif) no-repeat -148px -392px;}
ul.nav li.ele a:hover, ul.nav li.ele#on a {
    background: url(../images/nav1.gif) no-repeat -148px -519px;}
ul.nav li.twe a:hover, ul.nav li.twe#on a {
    background: url(../images/nav1.gif) no-repeat -148px -545px;}
ul.nav li.trtn a:hover, ul.nav li.trtn#on a {
    background: url(../images/nav1.gif) no-repeat -148px -571px;}
ul.nav li.frtn a:hover, ul.nav li.frtn#on a {
    background: url(../images/nav1.gif) no-repeat -148px -597px;}
ul.nav li.fvtn a:hover, ul.nav li.fvtn#on a {
    background: url(../images/nav1.gif) no-repeat -148px -623px;}


#rt2cols{
	width:570px; 
	float:right; 
	position:relative; 
 	}
#rightcol{
	width:145px; 
	float:right; 
	position:relative; 
	background:#CBC6AF url(../images/bg-rt-bg.jpg) repeat-y;
	padding:0 0 0 0;
	color:#000000;
	}
.rtnarrow{
	color:#000000;
	padding:20px 7px 7px 7px;
	text-align:center;
	line-height:110%;
	}
.rtnarrow img{	padding: 6px 0;	}
p.rttop  {
	width:145px;
	height:59px;
	margin:0;
	padding:0;
	}
p.rttop span{
	background:url(../images/bg-rt-top.jpg) no-repeat;
	position:absolute;
	width:100%;
	height:59px;
	}
#rightcol ul {
	margin:0 0 0 0;
	}
#rightcol ul li p {
	text-indent:-9999px;
	}
	
#maincol, #maincolbg {
	background: #f2f1ea url(../images/bg-top-pg.jpg) no-repeat;  
	float: left; 
	display:inline; 
	position: relative; 
	width:425px; 
	}
 #maincolbg {
 	width: 570px;
	background: url(../images/bg-top-pg-full.jpg) no-repeat;
	}
#maincol h1 span, #maincol h2 span {
	position: absolute;
	left: -999em;
	}
 #maincol h1, #maincolbg h1 {
	margin: 55px 0 0 0; 
	padding:0 0 0 20px;
	font-size:14px;
	background: transparent url(../images/bg-underline.gif) 28px 21px no-repeat;
	}
#maincol h2, #maincolbg h2{
	margin: 55px 0 0 0;
	padding:0 0 5px 20px;
	font-size:14px;
	background: transparent url(../images/bg-underline.gif) 20px 17px no-repeat;
	}
#maincol h2.tear1, #maincol h2.tear2, #maincolbg h2.tear1, #maincolbg h2 tear2 {
	margin: 20px 0 0 0;
	padding:28px 0 0 20px;
	font-size:14px;
	background:url(../images/bg-edge1.jpg) no-repeat;
	height:30px;
	clear:both;
	}
#maincol h2.tear2, #maincolbgh2.tear2 {
	padding:33px 0 0 20px;
	background:url(../images/bg-edge2.jpg) no-repeat;
	}
#maincol p, #maincolbg p {
	margin: 10px 20px 8px 30px;
	line-height:160%;
	}
#maincolbg p {	padding:0 30px 8px 0;	}
#maincolbg ul {	padding:0 30px 8px 50px;	}

p.atc  {	padding:50px 0 0 0;	height:196px;	}
.atc img {	float:left;	margin:0 20px 30px 0;	}
	
.imgrt {	float:right; padding: 6px 27px 5px 15px;	}
.imglft {	float:left;	padding: 6px 20px 0 30px;	}
.caption {
	margin:160px 0 0 -170px;
	position:absolute;
	width:150px;
	text-align:center;
	}
	
table td {	padding:20px 15px 10px;	}
	
.halfform, .fullform {
	background-color:#d9e8ee;
	margin:25px 0 12px 0;
	padding:8px 0;
	text-align:center;
	width:200px;
	}
.fullform {
	margin:12px 0 12px 30px;
	padding:20px;
	width:85%;
	background:#e2e2e3 url(../images/form-rl.jpg) top left no-repeat;
	border-bottom:1px solid #d2d0cb;
	border-right: 1px solid #d2d0cb;
	}
input.btn {
	font-weight:bold;
	color:#EDEBE1;
	border:1px solid #242C51;
	padding:1px 6px;
	margin:10px 0 7px 0;
	text-align:center;
	background-color:#5885A6;
	font-size:10px;
	cursor:pointer;
	}
#footer, #footerfull {
	height:243px;
 	background:url(../images/bg-footer.jpg) top center no-repeat;
	width:875px;
	margin:0 auto;
	}
#footerfull { 	background:url(../images/bg-footer-full.jpg) top center no-repeat;	}

span.ef {	margin:118px 255px 0 0; float:right;	}
	
.fortune {	margin:89px 0 0 124px; position:relative; float:left;	}

#bot {	width:720px; margin:-58px auto;	}
	
ul.bkmks {	margin:0 0 17px 330px;	}
ul.bkmks li {	display:inline;	margin:0 10px 0 0;	}
	
#copyright, #gcopyright {
	color:#406880;
	margin:20px 0 0 0;
	padding:10px 0 0 0;
	font-size:10px; 
	width:845px;
	clear:both;
	}
#copyright a, #gcopyright a {
	color:#406880; 
	}
#copyright a:link {text-decoration: none; color:#406880; }
#copyright a:visited {text-decoration: none; color:#406880;}
#copyright a:hover {text-decoration: underline; color:#406880;}
#copyright a:active {text-decoration: none; color:#406880;}/**/

#middlelong {	width:530px;margin-top:70px;}

.newimg, .newimgsale {
	padding:15px 15px;
	margin:10px 20px 10px 20px;
	min-height:160px; height:auto !important; height:160px;
	}
.newimgsale {
	min-height:180px;
	height:auto !important;
    height:180px;
	}
.newdesc {
	background-color:#FFFFFF;
	border:1px solid #cec7b4;
	padding:10px 0 10px 15px;
	margin:30px 30px 0 0;
	}
.newdesc form { margin-top:10px;}
.newttl {	font-weight: bold; font-size:14px;	}
.newrightimg {	float:right; margin:-120px 15px 0 0;	}
.newrightimgsale {	float:right; margin:-160px 15px 0 0;	}
.newimg a:link {text-decoration: underline; color: #5885A6; background-color:transparent;}
.newimg a:active {text-decoration: underline; color: #999; background-color:transparent;}
.newimg a:visited {text-decoration: none; color: #5885A6; background-color:transparent;}
.newimg a:hover {text-decoration: underline; color: #999; background-color:transparent;}

a:link {text-decoration: none; color: #666; background-color:transparent;}
a:active {text-decoration: underline; color: #999; background-color:transparent;}
a:visited {text-decoration: none; color: #666; background-color:transparent;}
a:hover {text-decoration: underline; color: #999; background-color:transparent;}

/*recipes start*/
.recipe {
	margin:20px 0px 0 20px;
	padding:0px 20px 0 22px;
	/*background:url(../images/bg-recipe-md.gif) left top repeat-y;*/
	background: url(../images/bg-index-cards.jpg) left top no-repeat;
	}
.rinfo {
	margin:0 0 0 -50px;
	padding:0 45px 35px 83px;
	/*background:url(../images/bg-recipe-bot.gif) bottom left no-repeat;*/
	}
h3.rtitle  {
	font-weight:bold;
   /* background:url(../images/bg-recipe-top.gif) left top no-repeat;*/
	font-size:14px;
	padding:30px 0 10px 55px;
	margin-left:-28px;
	}
.ingredients { 	line-height:140%; padding:0 45px 0 35px;	}
.instructions {	line-height:120%; padding:0 45px 0 35px;	}
.instructions li{	padding:0 0 15px 0;	}
.recipe p img {	margin:-3px 0 0 0; padding-bottom:5px;	}
.rcaption {	font-size:11px;	line-height:100%; width:400px; margin: -20px 0 15px 35px; font-style:italic;	}
/*recipes end*/

/*streethearts*/
.strhrt, .strhrtrt{
	margin: 30px  0 60px 20px;
	position:relative;
	width:234px;
	height:200px;
	background:url(../images/bg-sh-shadow.gif) 2px 2px no-repeat;
	}
.forsale {	background:none; height:auto;	}
.strhrtrt {	position: absolute;	margin:-220px 0 0 270px; left: 1px;	}
.strhrt span, .strhrtrt span {
	width:37px;
	height:32px;
	display:block;
	position:absolute;
	top:-20px;
	left:105px;
	background:url(../images/bg-sh-tack.png) no-repeat;
	}
.shinfo {	margin:5px 0 0 5px;	padding:5px; line-height:100%;	}
/*streethearts end*/

/*before and after start*/
.bab, .baa {	margin: 30px  0 40px 30px;	position:relative;	}
.bab img, .baa img {	border:1px solid;	}
.bab span {
	width:424px;
	height:79px;
	display:block;
	position:absolute;
	top:-25px;
	left:100px;
	background:url(../images/ba-before.png) no-repeat;
	}
.baa span {
	width:332px;
	height:76px;
	display:block;
	position:absolute;
	top:-25px;
	left:-25px;
	background:url(../images/ba-after.png) no-repeat;
	}
.bainfo {
	margin:5px;
	padding:5px;
	line-height:100%;
	width:460px;
	}
.baa .bainfo {
border-bottom: 1px dotted green;}

.baa {
	margin-bottom: 50px;}
/*before and after end*/ 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
/*printer styles*/ 
@media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}