/*  
Site: JKTotalCreations.com
Author: Patty Rosol: Rendering Effects
Author URL: http://www.renderingeffects.com
*/


/* BODY and RESETS
==============================================================*/
*			{margin:0; padding:0; border:0 none; text-decoration:none; font-style:normal; outline-style:none; }
html, body	{width:100%;}
body		{background:url(../images/bg.png) repeat-x #010101; font-family:Arial, Helvetica, sans-serif; color:#d7d7d8;}
#wrapper	{overflow:hidden;}
#top		{width:800px; position:relative; margin:0px auto; padding-bottom:30px;}
a img,:link img,:visited img{border:none;}

.left 		{float:left;}
.right 		{float:right;}
.clearboth	{clear:both;} 
.hide 		{display:none;}
.last		{margin-bottom:15px;}


/* TYPOGRAPHY
==============================================================*/
h1, h2, h3, h4, h5, h6{font-weight:normal; margin:0; padding:0; clear:both;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{text-decoration:none;}
h1{font:normal small-caps 2.2em/1.5em "Trebuchet MS", sans-serif; color:#e9e9e9;}
h2{font:normal 1.6em/1.5em Georgia, "Times New Roman", Times, serif; color:#f7ebc3;}
h3{font:normal 1.25em/1em Georgia, "Times New Roman", Times, serif; color:#f7ebc3; text-align:center;}
h4{font:normal small-caps 1.2em/1.2em "Trebuchet MS", sans-serif; margin-bottom:8px;}
h5{font:normal 1.2em/1.5em "Trebuchet MS", sans-serif; margin-bottom:30px;}
h6{}

p 					{font:normal 15px/23px Arial, Helvetica, sans-serif; margin-bottom:30px;}
a,a:link,a:visited 	{color:#e9e9e9; text-decoration:none; outline:none;}
a:hover 			{color:#f7ebc3; text-decoration:none;}
ul,ol				{list-style:none; margin:0; padding:0;}
.accent				{font:normal 12px/22px Arial, Helvetica, sans-serif; color:#93878c;}
.link 				{color:#e9e9e9; border-bottom: 1px dotted #e9e9e9; outline:none;}
.link:hover 		{color:#f7ebc3; border-bottom: 1px dotted #f7ebc3;}


/* HEAD
==============================================================*/
#head				{height:115px;}
#head h1			{height:115px; width:900px; background:url(../images/header.jpg) no-repeat; position:absolute; top:26px; left:-175px; margin:0; text-indent:-9999px;}


/* NAVIGATION
==============================================================*/
#top #nav			{float:right; position:absolute; top:30px; right:20px;}
#nav, #nav ul		{margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; z-index:3;}
#top #nav a			{display:block; padding:0px; outline:none;}
#top #nav ul 		{position:absolute; display:none; top:105px;}
#top #nav li ul a	{font:normal bold 13px/23px Arial, Helvetica, sans-serif; color:#f4f4f4; width:155px; height:auto; float:left; text-align:left;}
#top #nav ul ul		{top:auto;}	
#top #nav li		{float:left; position:relative;}
#top #nav li li		{background-color:#270e18; padding:7px 14px;}
#top #nav li li:hover	{background-color:#523e46; }
#top #nav li:hover ul ul{display:none;}
#top #nav li:hover ul, #top #nav li li:hover ul  {display:block;}
#top #nav li ul a:hover, #top #nav li ul a:focus {color:#f7ebc3; text-decoration:none;}

#nav li#home		{background-image:url(../images/nav-home-on.png);}
#nav li#products 	{background-image:url(../images/nav-products-on.png);}
#nav li#services 	{background-image:url(../images/nav-services-on.png);}
#nav li#help 		{background-image:url(../images/nav-help-on.png);}


/* MAIN CONTENT
==============================================================*/
#main		{width:800px; margin-top:45px;}
#ty			{height:300px; text-align:center; margin-top:45px; padding:25px;}

.welcome				{width:565px; float:left; margin-right:20px;}
.sidepromo				{width:215px; float:left;}
.pricingbtn	img			{width:212px; height:67px; background-image:url(../images/pricing1.jpg); display:block; float:right; cursor:pointer; clear:both; margin-top:10px; text-indent:-9999px;}
.pricingbtn img:hover	{background-image:url(../images/pricing2.jpg);}
.specialsbtn img		{width:212px; height:67px; background-image:url(../images/specials1.jpg); display:block; float:right; cursor:pointer; clear:both; margin:5px 0 20px 0; text-indent:-9999px;}
.specialsbtn img:hover	{background-image:url(../images/specials2.jpg);}

.grid-row		{width:260px; float:left; margin-bottom:30px;}
.item			{height:auto; padding:10px; margin:0 auto 10px auto;}
.grid-row1		{width:800px; clear:both;}
.item1			{width:245px; display:block; float:left; padding:10px; margin:0 auto 20px auto;}
.item p					{margin:5px 0 12px 0;}
.prod-image				{width:135px; height:135px; margin:0 auto 10px auto;}
.prod-image img			{border:2px solid #7a3b50;}
.prod-image img:hover	{border:2px solid #f7ebc3;}

.price				{font:normal 1.1em/1em Georgia, "Times New Roman", Times, serif; color:#f7ebc3; text-align:center; margin:8px 0;}
.size				{font:normal 1.1em/1em Georgia, "Times New Roman", Times, serif; text-align:left; margin:8px 0;}

.row				{width:auto; clear:both;}
.row ul				{width:auto; height:90px; display:block; float:left; margin-bottom:40px;}
.thumbs				{width:60px; height:60px; display:block; float:left; margin-right:20px;}
.thumbs img			{border:2px solid #7a3b50;}
.thumbs img:hover	{border:2px solid #f7ebc3;}
.prod-view			{width:300px; height:203px; margin:0 0 15px 15px;}

.button			{background:#3d2730; border:1px solid #3b111e; text-align:center; cursor:pointer; padding:8px;}
.button:hover	{background:#523e46; border:1px solid #45201b; padding:8px;}
.buttonrt		{width:175px; background:#3d2730; display:block; float:left; border:1px solid #3b111e; text-align:center; cursor:pointer; margin:0 30px 10px 0; padding:8px; clear:both;}
.buttonrt:hover	{background:#523e46; border:1px solid #45201b; padding:8px;}


/* SLIDING CONTENT
==============================================================*/
ul#toolbar 				{width:250px; display:block; float:left; clear:both; margin:10px 10px 0 0;}
#toolbar li 			{height:30px; background:url(../images/arrow.gif) 0 6px no-repeat; font:normal 16px "Trebuchet MS", sans-serif; text-indent:25px;}
#toolbar li a 			{display:block; }
#toolbar li.active 		{height:30px; background:url(../images/arrow-on.gif) 0 6px no-repeat; text-indent:25px; z-index:10;}
	
#frame 		{width:520px; float:left; position:relative; overflow:hidden;}
#scroller 	{width:500px; margin:0 auto; overflow: hidden;}
#content 	{width:5250px;}
	
.section 				{width:485px; padding:10px; float:left;}
.section img 			{float:left; margin:0 0 5px 20px; border:4px solid #441f1b;}


/* HIDDEN CONTENT
==============================================================*/
.open			{background:#270e18; width:auto; padding:10px 0 5px 0; margin-top:25px;}
.openintro		{width:800px; margin:0 auto;}
.openintro a	{display:inline; margin-left:30px; font:normal 17px "Trebuchet MS", sans-serif;}
.intro			{font:normal 1.6em Georgia, "Times New Roman", Times, serif; color:#f7ebc3;}
#uploadWrapper 	{background:#270e18; color:#d7d7d8; height:auto; overflow:hidden;}
#upload 		{width:800px; height:auto; background:#270e18; margin:0 auto; display:none;}


/*  FORMS
==============================================================*/
fieldset			{border:1px solid #5d4a52; margin-bottom:20px; padding:10px;}
select 				{width:100px;}
textarea			{width:98%; height:100px; background:#5d4a52; font:12px Verdana, Arial, Helvetica, sans-serif; margin-bottom:5px; padding:3px; overflow:auto;}
textarea:focus		{background:#fff;}
input#button		{width:100%; height:30px; background:#5d4a52; float:right; font:normal 13px/20px "Trebuchet MS", sans-serif; color:#fff; text-transform:uppercase; cursor:pointer; padding:5px;}
input#button:hover	{background:#f7ebc3; color:#010101;}	

#personal input			{width:98%; height:18px; background-color:#5d4a52; font:12px Verdana, Arial, Helvetica, sans-serif; margin:0 10px 5px 0; padding:3px;}
#personal input:focus	{background-color:#fff;}
#product label		{width:auto; display:block; float:left; font:normal 13px Arial, Helvetica, sans-serif; text-align:right; margin-bottom:15px;}
#product input 		{margin:3px 0 16px 5px;}
#uword				{margin:5px;}
.required input, fieldset .required textarea, fieldset .required select{border:none;}

.col1 	{width:370px; display:block; float:left; padding:10px; margin-right:10px;}
.col2	{width:370px; display:block; float:left; padding:10px;}

.row1	{display:block; float:left; width:180px;}
.row2	{display:block; float:left; width:155px;}


/* SITE MAP
==============================================================*/
#sitemap 		{width:400px; margin:0 auto; padding: 1.667em 0;}
#sitemap li 	{line-height:1.667em;}
#sitemap li.main-level 	{border:0px solid #ccc; padding:5px; margin: 0;}
#sitemap a.main-level 	{font:normal 1.25em/1em Georgia, "Times New Roman", Times, serif; color:#f7ebc3;}
#sitemap li.main-level ul a	{padding-left:28px;}
#sitemap li ul	{background:url(../images/line1.gif) repeat-y; margin-left:28px; }
#sitemap li li	{background:url(../images/line2.gif) no-repeat 0 0;}


/* FOOTER
==============================================================*/
.footer				{background:#010101 url(../images/footer_top.png) repeat-x top; width:auto; height:275px;}
.footercontent		{width:800px; height:215px; margin:0px auto; padding:30px 0 30px 0;}
.footer a 			{color:#fff; text-decoration:none;}
.footer a:hover 	{color:#f7ebc3;}
.footer ul			{margin:12px 0;}
.footer li 			{font:normal 13px/20px Arial, Helvetica, sans-serif;}

.footer .col-1 		{width:240px; height:215px; float:left; margin:10px 15px 0 0;}
.footer .col-2 		{background:url(../images/fcol2_left.png) no-repeat left; width:160px; height:215px; float:left; margin:10px 20px 0 0; }
.footer .col-3 		{background:url(../images/fcol3_left.png) no-repeat left; width:320px; height:215px; float:left; margin:10px 0 0 0;}

.copyright 			{font:normal 11px Arial, Helvetica, sans-serif; color:#773a4d; margin:25px 0 10px 0;}
.copyright a 		{color:#773a4d;}
.copyright a:hover	{color:#96596d;}
.validbtn			{font:normal 10px "Trebuchet MS", sans-serif; text-transform:uppercase; background:#270e18; text-align:center; cursor:pointer; padding:2px 4px; margin-right:8px;}
.validbtn:hover		{background:#3d2730;}

.footernav			{display:block; padding-left:55px;}
.footernav li		{font:normal 13px/24px "Trebuchet MS", sans-serif; text-transform:uppercase; padding:4px 0;}

blockquote 		{background:transparent url(../images/blockquote_top.png) 20px 0 no-repeat; margin:15px 0; padding:0 0 5px 0;}
blockquote div 	{background:transparent url(../images/blockquote_btm.png) bottom right no-repeat; font:italic 14px/22px Georgia, "Times New Roman", Times, serif; color:#d8d8d8; padding:0 0 10px 50px;}
.client	a		{width:auto; float:right; font:normal 12px Arial, Helvetica, sans-serif; color:#773a4d; text-align:right; clear:both; margin:10px 0 0 0;}
.client a:hover	{color:#96596d;}