/*

jj.css ------------------------

site design by
Chris Underwood + Geoff Stevens

site build by
Chris Underwood

contact:
chris@nicasiodesign.com

:) ----------------------------

*/

a img {border:0px solid WHITE;}

a {color:#936137;text-decoration:none;}
a:hover {color:#3c3c3c;text-decoration:underline;}

.clear {clear:both;}

.error {color:#bf0101;font-weight:bold;}

body {margin:0;padding:0;padding-bottom:35px;background-color:WHITE;text-align:center;color:#3c3c3c;font-family:"Georgia",serif;}

#outside {margin:0 auto;padding:0;width:967px;background:white url('images/pageBG.jpg') repeat-y;text-align:left;}

#inside {margin:0;margin-left:12px;padding:0;padding-top:50px;width:952px;}

#header-horz-line {float:left;margin:0;margin-top:5px;padding:0;}
#header-logo {float:left;margin:0;margin-left:5px;padding:0;}
#header-tagline {float:left;margin:0;margin-top:6px;margin-left:20px;padding:0;}
#header h1 {margin:0;padding:0;font-size:1.3em;font-weight:normal;color:#3c3c3c;letter-spacing:0.08em;word-spacing:1px;}
#header-vert-line {clear:both;margin:0;margin-top:-5px;margin-left:653px;padding:0;height:67px;width:20px;}

#home-menu-area {background:transparent url('/images/loading.gif') no-repeat;/*background:transparent url('/images/home-bg.jpg');*/width:952px;height:270px;}
#home-menu-container {
     width:100%;
     height:34px;
     margin:0;
     position:relative;
     top:200px;
     left:0px;
     padding:0;
     text-align:left;
}
#home-menu {margin:0;padding:0;}
#home-menu ul {
	margin:0;
	padding:0;
}
#home-menu li {
	margin:0;
	padding:0;
	height:34px;
	display:inline;
	list-style-type:none;
}
#home-menu a {
	display:block;
	padding-top:34px;
	height:0;
	color:#000;
	text-decoration:none;
	float:left;
	overflow:hidden;
}
* html #home-menu a:link, * html #home-menu a:visited {height:34px; he\ight:0;}
#home-menu a:hover {z-index:50;}
* html #home-menu a:hover {height:34px; he\ight:0;}
#home-menu li.home-ends a {
	width:54px;
	background:transparent url('images/home-ends.png') 0px 0px no-repeat;
	overflow:hidden;
}
#home-menu li.home-quilts a {
	width:118px;
	background:transparent url('images/home-quilts.png') 0px 0px no-repeat;
	overflow:hidden;
}
#home-menu li.home-quilts a:hover {
	background-position: 0px -34px;
}
#home-menu li.home-how-to a {
	width:182px;
	background:transparent url('images/home-how-to-order.png') 0px 0px no-repeat;
	overflow:hidden;
}
#home-menu li.home-how-to a:hover {
	background-position: 0px -34px;
}
#home-menu li.home-scraps a {
	width:240px;
	background:transparent url('images/home-scraps.png') 0px 0px no-repeat;
	overflow:hidden;
}
#home-menu li.home-scraps a:hover {
	background-position: 0px -34px;
}
#home-menu li.home-about a {
	width:145px;
	background:transparent url('images/home-about.png') 0px 0px no-repeat;
	overflow:hidden;
}
#home-menu li.home-about a:hover {
	background-position: 0px -34px;
}
#home-menu li.home-contact a {
	width:159px;
	background:transparent url('images/home-contact.png') 0px 0px no-repeat;
	overflow:hidden;
}
#home-menu li.home-contact a:hover {
	background-position: 0px -34px;
}

#home-lower {
	width:100%;
	margin-top:15px;
	background:white url('images/jj_tagNEW.jpg') 0px 95px no-repeat;
	border-top:1px solid #B9B9B9;
}

#home-about-text {
	width:513px;
	float:left;
	margin-left:105px;
	margin-top:50px;
}
#home-about-text p {
	font-size:0.9em;
	line-height:36px;
}
#home-about-text p span {
	font-size:18px;
	position:relative;
	top:3px;
	color:#505050;
}

#page-content {
	width:100%;
	margin:0px;
    padding:0;
    margin-top:-9px;
	background:transparent url('images/jj_tagNEW.jpg') 0px 45px no-repeat;
}

#page-text {
	width:493px;
	float:left;
	margin-left:105px;
	margin-top:-6px;
	margin-bottom:-6px;
}
#page-text p, #media-release p {
	font-size:0.9em;
	line-height:36px;
}
#page-text p span, #media-release p span {
	font-size:18px;
	position:relative;
	top:3px;
	color:#505050;
}

#page-text p.norm-spacing {font-size:0.9em;line-height:20px;}

#credits-inner p, #credits-inner table td {
	font-size:0.9em;
	line-height:20px;
}

#quilt-size-chart {
	width:472px;
	margin:0;
	padding:0 0 5px 0;
	background:transparent url('images/quilt-size-chart.jpg') bottom right no-repeat;
	min-height:149px;
	height: auto !important;
	height: 149px;
}

#sewing-close-up {
	width:503px;
	margin:0;
	padding:0 0 5px 0;
	background:transparent url('images/sewing-close-upNEW.jpg') bottom right no-repeat;
	min-height:149px;
	height: auto !important;
	height:149px;
}

#mint-chocolate-close-up {
	width:503px;
	margin:0;
	padding:0 0 5px 0;
	background:transparent url('images/mint-chocolate-image.jpg') bottom right no-repeat;
	min-height:179px;
	height: auto !important;
	height:179px;
}

#cinder {
	width:503px;
	margin:0;
	padding:0 0 5px 0;
	background:transparent url('images/cinderNEW.jpg') bottom right no-repeat;
	min-height:179px;
	height: auto !important;
	height:179px;
}

#fabric-shop {
	width:503px;
	margin:0;
	padding:0 0 5px 0;
	background:transparent url('images/fabric-shopNEW.jpg') bottom right no-repeat;
	min-height:179px;
	height: auto !important;
	height:179px;
}

#credits-more-info {
	width:503px;
	margin:0;
	padding:0 0 5px 0;
	background:transparent url('images/pile-of-fabrics.jpg') bottom right no-repeat;
	min-height:179px;
	height: auto !important;
	height:179px;
}

#quilt-listing {
	margin-top:-8px;
	width:565px;
	float:left;
}

p.sub-p {margin:20px 0px 0px 105px;padding-bottom:10px;color:#999;font-size:11px;}

#quilt-container-outer {
	width:464px;
	margin:20px 0px 20px 105px;
	text-align:left;
	font-size:1.1em;
}

#loadarea {
	width:327px;
	padding:5px;
	border:1px dashed #B9B9B9;
	text-align:left;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#galleryimage {
position: relative;
z-index:0;

}

.thumbnail {
display:block;
font-family: Arial, Helvetica, sans-serif;
font-size: 13.5px;
color: #333333;
text-decoration: none;

}


.thumbnail:hover{
position:relative;

}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background: #FFFFFF;
padding:5px;
left: -1000px;
border: 1px dashed #B9B9B9;
display:none;
color: #666666;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 8.5pt;
font-style: normal;
font-weight: normal;

}


.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding:2px;

}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
display:block;
top:-30px;
z-index: 50;
left: -40px;

}
/* end of Dynamic Drive CSS */

#quilt-enlarged {display:none;}

#quilt-thumbs {
	clear:both;
	width:100%;
	margin:40px 0px 0px 0px;
	padding:5px;
	/*border:1px dashed #B9B9B9;*/
}
#quilt-thumbs ul, #quilt-thumbs li {margin:0;padding:0;list-style-type:none;}
#quilt-thumbs ul {margin-bottom:9px;}
#quilt-thumbs li {display:inline;margin:0px 9px 0px 0px;}
#quilt-thumbs li.category {display:block;margin:0px;margin-bottom:10px;padding:0px;padding-bottom:3px;border-bottom:1px dashed #B9B9B9;}
#quilt-thumbs li.five {margin:0px;}

#right-col {
	float:right;
	margin:0;
	padding:0;
	width:319px;
}

#right-nav {
	margin-left:22px;
	border-left:1px dashed #B9B9B9;
	padding-left:3px;
	padding-bottom:200px;
	line-height:26px;
}

#credits-top {
	background:transparent url('images/spread-the-love.jpg') top right no-repeat;
	height:36px;
	width:100%;
}
#credits-content {
	margin:0;
	padding:0;
	width:100%;
	background:transparent url('images/sidebar-credits-tile.jpg') top left repeat-y;
}
#credits-content p {
	margin:0px 65px 0px 65px;
	padding:0px 0px 35px 0px;
	font-size:0.9em;	
	line-height:18px;
}
#latest-news-top {
	background:transparent url('images/current-buzz.jpg') top left no-repeat;
	height:66px;
	width:100%;
}
#latest-news-content {
	margin:0;
	padding:0;
	width:100%;
	background:transparent url('images/sidebar-leftMiddle-line.jpg') top left repeat-y;
}
#latest-news-content p {
	margin:0px 35px 0px 65px;
	padding:0px 0px 35px 0px;
	font-size:0.9em;	
	line-height:18px;
}

#newest-products-top {
	margin:0;
	padding:0;
	width:100%;
	height:47px;
	background:transparent url('images/take-a-look.jpg') bottom left no-repeat;
}
#newest-products-content {
	margin:0;
	padding:0;
	height:91px;
	background:transparent url('images/sidebar-newest-products-left.jpg') top left repeat-y;
}
#newest-products-content-inner {
	margin:0 0 0 60px;
	padding:0;
	height:65px;
	background:transparent url('images/sidebar-newest-products-mid.jpg') 0px 46px repeat-x;
}
#newest-products-content-inner img {
	display:inline;
	margin:0px 2px 0px 2px;
}

#right-col-close {
	width:298px;
	height:5px;
	margin-left:21px;
	background:transparent url('images/sidebar-newest-products-mid.jpg') top left repeat-x;margin-bottom:20px;
}

#media-kit {
	margin-top:18px;
	width:535px;
	float:left;
	margin-bottom:20px;
	border-top: 1px dashed #B9B9B9;
	border-right: 1px dashed #B9B9B9;
	border-bottom: 1px dashed #B9B9B9;
}
#media-release {
	width:420px;
	margin:10px 0px 0px 105px;
	text-align:left;
	font-size:0.9em;
}
#media-release p {
	font-size:0.9em;
	line-height:36px;
}
#media-release p span {
	font-size:18px;
	position:relative;
	top:3px;
	color:#505050;
}

#media-release p.norm-spacing {line-height:13px;}
#media-thumbs {
	clear:both;
	width:100%;
	margin:10px 0px 0px 0px;
	padding:5px;padding-left:0px;
}
#media-thumbs ul, #media-thumbs li {margin:0;padding:0;list-style-type:none;}
#media-thumbs ul {margin-bottom:9px;}
#media-thumbs li {display:inline;margin:0px 9px 0px 0px;}
#media-thumbs li.five {margin:0px;}

#contact-form, #distributors, #credits-listings {
	margin-top:-8px;
	width:565px;
	float:left;
}
#contact-form-inner, #distributors-inner, #credits-inner {
	width:464px;
	margin:20px 0px 20px 105px;
	text-align:left;
	font-size:0.9em;
}

#distributors-inner a:hover {text-decoration:none !important;}

#name, #email_addy, #question_comments label, #no-spam label {
	display:block;
	margin-bottom:3px;
	font-weight:bold;
}
#name input, #email_addy input, #question_comments textarea, #no-spam input {
	font-weight:normal;
	width:300px;
	display:block;
	margin-top:4px;
	margin-bottom:10px;
	padding:2px;
	border:2px solid #ddd;
	font-size:11px;
	color:#999;
	font-family:"Georgia", serif;
}

#footer {
	clear:both;
	margin:0 auto;
	padding:40px 0px 0px 0px;
	width:967px;
	background:white url('images/bottomBG.jpg') no-repeat;
	text-align:center;
}

#footer p {
	color:#999999;
	font-size:10px;
	line-height:14px;
}