html {
font: small/1.5 "Lucida Grande", Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

body {
text-align:center;
padding: 0;
margin: 0;
border: 0px;
height: 100%;
background: url(art/body-bg.gif) top repeat-x;
background-color: #d7d7d7;
min-width: 950px;
}

#container {
width: 900px;
margin: 0 auto;
padding: 119px 0 0 0;
text-align: left;
border: 0px;
background: url(art/con-bg.gif) top left no-repeat;
}

span.category {
font-size: 60%;
color: #b6b6b6;
}

#slider {
width: 624px;
height: 260px;
border: 3px solid #FFF;
margin: 0;
padding: 0;
}	
#slider ul, #slider li{
margin:0;
padding:0;
list-style: none;
}

#slider li{ 
width:581px;
height:260px;
overflow:hidden;
display: block;
}	

#prevBtn, #nextBtn{ 
display:block;
width:30px;
height:77px;
position:relative;
left:-30px;
top:-77px;
margin: 0 0 -144px 0;
}	

#nextBtn{ 
left:587px;
top:-154px;
margin: 144px 0 -144px 0;
}														

#prevBtn a, #nextBtn a{  
display:block;
width:30px;
height:77px;
background:url(images/btn_prev.gif) no-repeat 0 0;
text-indent: -9999px;
font-size: 1%;
}	
#nextBtn a{ 
background:url(images/btn_next.gif) no-repeat 0 0;	
}

.clear {
clear: both;
}

.larry {
border: 10px solid #fff;
margin: 15px 0 25px 0;
padding: 0;
}

#content {
width: 900px;
padding: 0;
margin: 0;
border: 0px;
}

#main {
width: 620px;
float: left;
min-height: 400px;
}

#sub {
width: 250px;
float: right;
padding: 35px 0 0 0;
margin: 0 0 15px 0;
background: url(images/categories.gif) top left no-repeat;
}

#sub ul.categories {
margin: 0 0 25px 0;
padding: 0;
border: 0;
}

#sub ul.categories li {
display: block;
margin: 0;
padding: 6px;
list-style: none;
border-bottom: 1px solid #c9c9c9;
font-size: 1.15em;
list-style-type: none;
text-decoration: none;
color: #464646;
text-align: left;
}

#sub ul.categories li a:link, #sub ul li a:visited {
color: #858585;
text-decoration: none;
}

#sub ul.categories li a:hover {
color: #ffffff;
background-color: #0454a7;
}


#main h2, #sub h2 {
font-family: Georgia, serif;
font-size: 1.8em;
font-weight: normal;
letter-spacing: -.03em;
line-height: 1.2em;
color: #464646;
margin: 0 0 7px 0;
padding: 0;
}

#main h2 a {
font-size: 75%;
color: #0454a7;
font-weight: normal;
text-decoration: none;
}

#main h2 a:hover {
color: #fff;
background-color: #0454a7;
}

#main p, #sub p {
font-size: .9em;
line-height: 1.6em;
color: #464646;
margin: 0 0 5px 0;
padding: 0;
}

/* COLORS
BLUE DARK - 0454a7
BLUE LITE - 8CC4E5
GOLD - d69c49
LITE GREY - CECECE
MEDM GREY - B6B6B6
DARK GREY - 464646
WHITE - FFF
BLACK - 000 
*/

/* Event Schedule ************************** on EVENT SCHEDULE -------*/

#upcomingevents {
margin: 35px 0 35px 0;
padding: 0;
border: 0px;
}

#upcomingevents h2 {
font-family: Georgia, serif;
font-size: 1.5em;
font-weight: normal;
letter-spacing: -.03em;
line-height: 1.2em;
color: #464646;
margin: 0 0 15px 0;
padding: 0;
}

.date {
position: relative; 
float: left; 
padding: 0; 
margin: 0; 
background: url(images/date-bg.gif) top left no-repeat;  
width: 66px; 
height: 80px; 
text-align: center; 
}

#upcomingevents .date h2 {
font-weight: normal;
margin: 0 0 3px 0; 
padding: 22px 0 0 0; 
color: #fff; 
text-transform: uppercase; 
font-family: georgia; 
line-height: 1em;
font-size: 1.2em;
}

#upcomingevents .date p {
margin: 0; 
padding: 0; 
color: #fff; 
font-family: georgia;  
line-height: .7em; 
font-size: 1.2em;
}

.event {
float: left; 
padding: 0 0 15px 0; 
margin: 0 0 20px 15px; 
width: 500px;
border-bottom: 2px solid #fff; 
}

.event h3 {
margin: 15px 0 7px 0;
padding: 0;
font-size: 1.4em;
font-family: georgia; 
font-weight: 500; 
line-height: 1.1em;
color: #0454a7; 
}

.event h4 {
margin: 2px 0 8px 3px;
padding: 0;
font-size: 1.15em;
font-family: georgia; 
font-weight: 500; 
line-height: 1.4em;
color: #464646; 
}

.event ul, .entries ul {
margin: 2px 0 8px 0px;
padding: 0;
list-style-type: none;
}

.event ul li, .entries ul li {
font-size: 1.15em;
font-family: georgia; 
font-weight: 500; 
line-height: 1.4em;
color: #464646;
background: url(art/bullet-bg.gif) top left no-repeat;
padding: 0 0 0 14px;
}

#upcomingevents .event p {
margin: 2px 0 2px 0;
padding: 0;
font-size: .9em;
font-weight: 500; 
line-height: 1.4em;
color: #464646; 
}

#upcomingevents a {
color: #0454a7;
font-weight: 500;
text-decoration: none;
}

#upcomingevents a:hover {
color: #fff;
background-color: #0454a7;
}

a.subcon {
color: #0454a7;
font-weight: 500;
text-decoration: none;
}

a:hover.subcon {
color: #fff;
background-color: #0454a7;
}

.entries h3 {
margin: 15px 0 7px 0;
padding: 0;
font-size: 1.4em;
font-family: georgia; 
font-weight: 500; 
line-height: 1.1em;
color: #0454a7; 
}

img.entries {
float: right;
padding: 0px;
margin: 5px 5px 10px 10px;
border: 5px solid #fff;
}

#upcomingevents .entries p.post-date {
margin: 0 5px 10px 0; 
padding: 0;
font-style: italic;
color: #929292; 
line-height: 1.7em; 
font-size: 1em;
border-bottom: 1px dotted #fff;
}

/* Sections for the FINDIT PAGE these are the place holders  --------------------------- */

.findit {
width: 620px;
min-height: 125px;
margin: 20px 0 40px 0;
clear: left;
}

.findit img {
float: left;
padding: 3px;
margin: 0 15px 5px 0;
border: 1px solid #464646;
background-color: #fff;
}

.findit span {
font-size: 80%;
}

.findit h2 {
font-family: Georgia, serif;
font-size: 1.6em;
font-weight: 500;
letter-spacing: -.03em;
line-height: 1.1em;
color: #0454a7;
margin: 0 0 7px 0;
padding: 0;
}

.findit h3 {
font-family: Georgia, serif;
font-size: 1.25em;
font-weight: 500;
letter-spacing: -.03em;
line-height: 1.1em;
color: #0454a7;
margin: 0 0 7px 0;
padding: 0;
}

.findit p {
margin: 2px 0 2px 0;
padding: 0;
font-size: .9em;
font-weight: 500; 
line-height: 1.4em;
color: #464646; 
}

.findit a {
color: #464646;
font-weight: 500;
text-decoration: underline;
}

.findit a:hover {
color: #fff;
background-color: #0454a7;
}


/* Instructions for only division to hold SEO h1 for each static */

#content #seo h1 {
font-size: .8em;
font-weight: 500;
letter-spacing: -.05em;
line-height: 1em;
color: #aaa;
text-align: left;
margin: 0 0 15px 0;
padding: 3px 0;
}

#content #seo span {
color: #0075b9;
}

h1.title {
font-size: .8em;
font-weight: 500;
letter-spacing: -.05em;
line-height: 1em;
color: #464646;
text-align: center;
margin: 0 0 5px 0;
padding: 3px 10px 0 0;
}


/* navigation for the top portion on the page************************** */

#navigation {
width: 843px;
position: relative;
left: 15px;
top: 0px;
display: block;
margin: 0 0 60px 0;
padding: 0;
height: 29px;
}

#nav {
  width: 843px;
  height: 29px;
  position: relative;
  left: 0px;
  float: left;
  background: url(art/nav-main.gif);
  margin: 0;    
  padding: 0;
}
#nav li {
  float: left;
  list-style-type: none;
}
#nav li a {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  display: block;
  height: 29px;
  background: url(art/nav-main.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 1%;
}
li#nav_hom a {
  left: 0;
  width: 77px;
  background-position: 0 0;
}
li#nav_plr a {
  left: 77px;
  width: 90px;
  background-position: -77px 0;
}
li#nav_plt a {
  left: 167px;
  width: 76px;
  background-position: -167px 0;
}
li#nav_pen a {
  left: 243px;
  width: 106px;
  background-position: -243px 0;
}
li#nav_ear a {
  left: 349px;
  width: 94px;
  background-position: -349px 0;
}
li#nav_evt a {
  left: 443px;
  width: 162px;
  background-position: -443px 0;
}
li#nav_fin a {
  left: 605px;
  width: 78px;
  background-position: -605px 0;
}
li#nav_con a {
  left: 683px;
  width: 93px;
  background-position: -683px 0;
}
li#nav_shp a {
  left: 776px;
  width: 67px;
  background-position: -776px 0;
}

li#nav_hom a:hover {
  background-position: 0 -29px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_plr a:hover {
  background-position: -77px -29px;
  background-color: transparent;
  border-bottom: 0px;  
}
li#nav_plt a:hover {
  background-position: -167px -29px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_pen a:hover {
  background-position: -243px -29px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_ear a:hover {
  background-position: -349px -29px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_evt a:hover {
  background-position: -443px -29px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_fin a:hover {
  background-position: -605px -29px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_con a:hover {
  background-position: -683px -29px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_shp a:hover {
  background-position: -776px -29px;
  background-color: transparent;
  border-bottom: 0px;
}

#body_hom li#nav_hom  a {
  background-position: 0 -58px;
}
#body_plr li#nav_plr a {
  background-position: -77px -58px;
}
#body_plt li#nav_plt a {
  background-position: -167px -58px;
}
#body_pen li#nav_pen a {
  background-position: -243px -58px;
}
#body_ear li#nav_ear a {
  background-position: -349px -58px;
}
#body_evt li#nav_evt a {
  background-position: -443px -58px;
}
#body_fin li#nav_fin a {
  background-position: -605px -58px;
}
#body_con li#nav_con a {
  background-position: -683px -58px;
}
#body_shp li#nav_shp a {
  background-position: -776px -58px;
}

/* sub nav in SIDEBARE for social icons. ----------------------------- SOCIAL ICONS */

.socialicons {
width: 250px;
display: block;
margin: 30px 0 60px 0;
padding: 43px 0 0 0;
background: url(images/follow-kind-designs.gif) top no-repeat;
}

#sub_icons {
  width: 250px;
  height: 25px;
  position: relative;
  left: 0px;
  float: left;
  background: url(images/follow-kind-designs-icons.gif);
  margin: 0;    
  padding: 0;
}
#sub_icons {
  float: left;
  list-style-type: none;
}
#sub_icons a {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  display: block;
  height: 25px;
  background: url(images/follow-kind-designs-icons.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 1%;
}

li#sub_fac a {
  left: 0;
  width: 97px;
  background-position: 0 0;
}
li#sub_flk a {
  left: 103px;
  width: 60px;
  background-position: -103px 0;
}
li#sub_twt a {
  left: 167px;
  width: 83px;
  background-position: -167px 0;
}
li#sub_fac a:hover {
  background-position: 0 -25px;
  background-color: transparent;
  border-bottom: 0px;
}
li#sub_flk a:hover {
  background-position: -103px -25px;
  background-color: transparent;
  border-bottom: 0px;  
}
li#sub_twt a:hover {
  background-position: -167px -25px;
  background-color: transparent;
  border-bottom: 0px;
}

/* FOOTER for the bottom portion on the page************************** */

#footer-wrap {
margin: 0 auto;
background: url(images/footer-wrap-bg.gif) top center no-repeat;
background-color: #0454a7;
text-align: left;
}

#footer {
margin: 0 auto;
width: 900px;
min-height: 150px;
background:url(images/footer-bg.gif) bottom repeat-x;
background-color: #d7d7d7;
padding: 25px 0 75px 0;
}

/* FOOTER for the bottom portion on the page************************** LEFT */

#footerleft {
float: left;
width: 280px;
position: relative;
left: 30px;
padding: 35px 0 0 0;
background: url(images/kind-designs-foot.gif) top left no-repeat;
}

#footerleft h2 {
font-family: Georgia, serif;
font-size: 1.2em;
font-weight: normal;
line-height: 1.3em;
color: #464646;
margin: 0 10px 7px 0;
}

#footerleft p {
font-size: .9em;
line-height: 1.2em;
color: #aaa;
margin: 0 0 10px 0;
}

#footerleft span {
padding: 0;
font-size: 80%;
}

#footerleft a {
color: #0454a7;
font-weight: 500;
text-decoration: none;
}

#footerleft a:hover {
color: #fff;
background-color: #0454a7;
}

/* FOOTER for the bottom portion on the page************************** CENTER */

#footercenter {
float: left;
width: 525px;
position: relative;
left: 80px;
padding: 35px 0 0 0;
}

#body_hom #footercenter, #body_evt #footercenter {
background: url(images/new-items.gif) top left no-repeat;
}

#body_plr #footercenter, #body_plt #footercenter, #body_pen #footercenter, #body_ear #footercenter, #body_fin #footercenter, #body_con #footercenter {
background: url(images/latest-posts.gif) top left no-repeat;
}

#footercenter h2 {
font-family: Georgia, serif;
font-size: 1.2em;
font-weight: normal;
line-height: 1.3em;
color: #464646;
margin: 0 10px 7px 0;
}

#footercenter p {
font-size: .9em;
line-height: 1.2em;
color: #aaa;
margin: 0 0 10px 0;
}

#footercenter span {
color: #fff;
padding: 0;
font-size: 80%;
}

#footercenter a {
color: #0454a7;
font-weight: 500;
text-decoration: none;
}

#footercenter a:hover {
color: #fff;
background-color: #0454a7;
}

#footercenter ul.mainfooter {
margin: 0 0 0 23px;
padding: 0;
border: 0;
}

li.recent {
display: block;
margin: 0;
padding: 6px;
list-style: none;
border-bottom: 1px solid #c9c9c9;
font-size: 1.15em;
list-style-type: none;
text-decoration: none;
color: #464646;
text-align: left;
}

li.recent a:link, li.recent a:visited {
color: #858585;
text-decoration: none;
}

li.recent a:hover {
color: #ffffff;
background-color: #0454a7;
}

/* FOOTER for the bottom portion on the page************************** RIGHT */

/* COLORS
BLUE DARK - 0454a7
BLUE LITE - 8CC4E5
GOLD - d69c49
LITE GREY - CECECE
MEDM GREY - B6B6B6
DARK GREY - 464646
WHITE - FFF
BLACK - 000 
*/

/* FORM INSTRUCTIONS ************************** */

input.txt {
color: #000;
background-color: #fff;
border: 1px inset #464646;
width: 410px;
}

textarea {
color: #000;
background-color: #fff;
border: 1px inset #464646;
width: 410px;
}

input.btn {
color: #fff;
background-color: #0454a7;
border: 1px inset #464646;
}

form div {
clear: left;
margin: 0;
padding: 0;
padding-top: 0.6em;
}

form div label {
float: left;
width: 40%;
font: bold 0.9em Verdana, Arial, san-serif;
color: #0075b9;
}

/* ---------------------------------------------------------   infiniteCarouse  */

.infiniteCarousel {
  width: 500px;
  position: relative;
}

.infiniteCarousel .wrapper {
  width: 460px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 10em;
  margin: 0 20px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
  border: 4px solid #fff;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 5px 8px 0 5px;
  height: 105px;
  width: 105px;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 14px;
  background: url(images/arrows-bg.gif) no-repeat 0 0;
  text-indent: -9999px;
  position: absolute;
  top: 36px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}

/* COLORS
BLUE DARK - 0089c7
BLUE LITE - 8CC4E5
GOLD - d69c49
LITE GREY - CECECE
MEDM GREY - B6B6B6
DARK GREY - 464646
WHITE - FFF
BLACK - 000 
*/

/* ---------------------------------------------------------   LIGHT BOX  */


#gallery {
padding: 0;
width: 610px;
margin: 25px 0 35px 5px;
}
#gallery ul {
list-style: none;
padding: 0;
margin: 0;
}

#gallery ul li {
display: inline;
margin: 0;
padding: 0;
}

#gallery ul img {
border: 5px solid #464646;
margin: 0 7px 7px 0;
padding: 0;
}

#gallery ul a:hover img {
border: 5px solid #0089c7;
color: #0089c7;
}

#gallery ul a:hover {
color: #0089c7;
}
	
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}

#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}

#lightbox-container-image { padding: 10px; }

#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}

#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none;}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}

#lightbox-nav-btnPrev { 
left: 0; 
float: left;
}

#lightbox-nav-btnNext { 
right: 0; 
float: right;
}

#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}

#lightbox-container-image-data {
padding: 0 10px; 
color: #666; 
}

#lightbox-container-image-data #lightbox-image-details { 
width: 70%; 
float: left; 
text-align: left; 
}	

#lightbox-image-details-caption { font-weight: bold; }

#lightbox-image-details-currentNumber {
display: block; 
clear: left; 
padding-bottom: 1.0em;	
}			

#lightbox-secNav-btnClose {
width: 66px; 
float: right;
padding-bottom: 0.7em;	
}

h5 {
margin: 15px 0 15px 0;
padding: 0;
font-size: .9em; 
font-weight: 500; 
line-height: 1.4em;
color: #929292; 
}

/* ---------------------------------------------------------   shopentries  */

.shopentries {
float: left;
width: 275px;
margin: 10px 32px 15px 0;
padding: 0 0 10px 0;
border-bottom: 1px dashed #fff;
}

.shopentries h3 {
margin: 3px 0 7px 0;
padding: 0;
font-size: 1.4em;
font-family: georgia; 
font-weight: 500; 
line-height: 1.1em;
color: #0454a7; 
}

#upcomingevents .shopentries img {
padding: 0px;
margin: 0 5px 5px 5px;
border: 3px solid #fff;
}

#upcomingevents .shopentries img.alignright {
float: right;
margin: 0 5px 5px 10px;
}

#upcomingevents .shopentries img.alignleft {
float: left;
margin: 0 10px 5px 0px;
}

#upcomingevents .shopentries p.post-date {
margin: 0 5px 10px 0; 
padding: 0;
font-style: italic;
color: #929292; 
line-height: 1.7em; 
font-size: 1em;
border-bottom: 1px dotted #fff;
}

.shopentries ul {
margin: 2px 0 8px 0px;
padding: 0;
list-style-type: none;
}

.shopentries ul li {
font-size: 1.15em;
font-family: georgia; 
font-weight: 500; 
line-height: 1.4em;
color: #464646;
background: url(art/bullet-bg.gif) top left no-repeat;
padding: 0 0 0 14px;
margin: 0 0 3px 0;
}

.rigclear {clear:right;}