@charset "utf-8";
/* CSS Document */

body{font:13px Arial, Helvetica, sans-serif; margin:0; padding:0; background:#222222 url(images/jjb-bg.png) repeat-x 0 0; background-attachment:fixed;}
#page{margin:15px auto 0; background-color:#FFFFFF; width:940px;}
#header{margin:20px; padding-top:10px;}
	#logo{display:inline-block; float:left;}
	#logo img{border:0;}
	#contact{display:inline-block; float:right; text-align:right; line-height:1.5em; margin-top:15px;}
	#contact #fb{float:right; margin-bottom:3px; display: block; height: 20px;}
	#contact #fb div{margin-right:-15px;}	
	#contact p{margin-bottom:0; clear:both}
#main{margin:0 15px 30px; clear:both;}	
#mainImage{width:910px; height:460px; background-color:#EEEEEE; position:relative;}
#mainImage div{position:absolute;}
#mainImage div#main01{top:10px; left:10px; width:290px; height:290px; background-color:#FFF;}
#mainImage div#main02{top:10px; left:310px; width:140px; height:140px; background-color:#FFF;}
#mainImage div#main03{top:10px; left:460px; width:140px; height:140px; background-color:#FFF;}
#mainImage div#main04{top:10px; left:610px; width:140px; height:140px; background-color:#FFF;}
#mainImage div#main05{top:10px; left:760px; width:140px; height:140px; background-color:#FFF;}
#mainImage div#main06{top:160px; left:310px; width:140px; height:140px; background-color:#FFF;}
#mainImage div#main07{top:160px; left:460px; width:140px; height:140px; background-color:#FFF;}
#mainImage div#main08{top:160px; left:610px; width:290px; height:290px; background-color:#FFF;}
#mainImage div#main09{top:315px;
	left:10px;
	width:440px;
	height:140px;
	background-color:#FFF;
	font:14px Georgia, "Times New Roman", Times, serif;
	line-height:21px;
	color:#474646;
}
	#mainImage div#main09 div{margin:20px 35px;}
	#mainImage div#main09 div span{font-size:18px;}
/*#mainImage div#main10{top:310px; left:310px; width:140px; height:140px; background-color:#FFF;}*/
#mainImage div#main11{top:310px; left:460px; width:140px; height:140px; background-color:#FFF;}

#mainImage div a img{border:0;}

.clear{display:block; clear:both;}

#shopBy{text-align:center; font:normal 20px Georgia, "Times New Roman", Times, serif; color:#1DACCB;}
#shopBy a{color:#333333; padding:0 12px;}
#shopBy a:hover{color:#676767;}

#donation{text-align:center; font:15px Georgia, "Times New Roman", Times, serif; color:#676767; margin:10px 0;}

#products{margin:15px 20px 0; display:block; padding-bottom:20px;}
.product{display:block; clear:both; margin-bottom:20px;}
.productImage{display:inline-block; float:left; margin-right:25px;}
.productImage img{padding:10px; background-color:#EEEEEE;}
.productInfo{padding-top:20px;}
.productName{font:normal 24px Georgia, "Times New Roman", Times, serif; color:#1DACCB; line-height:1em; margin-bottom:18px;}
.productDesc{font:normal 14px Arial, Helvetica, sans-serif; color:#474646; line-height:1.4em; margin-bottom:18px;}
.productPrice{font:normal 14px Arial, Helvetica, sans-serif; color:#474646; line-height:1.4em; margin-bottom:18px;}

h1{color:#1DACCB; font-family:Georgia, "Times New Roman", Times, serif; font-size:28px; font-weight:normal; margin:36px 0 18px 0; padding:0; line-height:1.2em; border-bottom:1px solid #1DACCB;}
h2{color:#1DACCB; font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; font-weight:normal; margin:0; padding:0; line-height:1.3em;}
h3{color:#1DACCB; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:normal; margin:0; padding:0; line-height:1.3em;}
p{font:normal 14px Arial, Helvetica, sans-serif; color:#474646; line-height:1.4em; margin-bottom:18px;}
a{color:#1DACCB;}
a:hover{color:#188FA9;}

#footer{margin:0 auto; width:940px; text-align:center; padding-bottom:25px;}