html {
  position: relative;
  margin: 0;
}

body {
  background: #323232;
  font-size: 11px;
  font-family: Arial, "arial", sans-serif;
}

div.home  {
  padding-top: 520px; 
}

#cwebdes {
  clear: left; 
  text-align: right;
  width: 730px;
  margin: 0 auto;
  font-family: Arial, Helvetica;
}
#cwebdes, #cwebdes a {
  color: #444444;
  font-size: 11px;
  text-decoration: none;
  margin-top: 10px;
}

#cwebdes a:hover {
  color: #575757;
}

span.names a,
span.names a:visited,
span.names a:hover {
  font-size: 1px;
  text-decoration: none;
}
.ourcomplete {
  background: url(../images/directions.jpg) no-repeat; 
  color: #fff; 
  font-size: 11px; 
  font-family: Arial, "arial", sans-serif; 
  padding-left:20px; 
  padding-top:68px; 
  padding-right:20px;
}
  
.ourcomplete1 {
  background: url(../images/ourcomplete.jpg) no-repeat; 
  color: #fff; 
  font-size: 11px; 
  font-family: Arial, "arial", sans-serif; 
  padding-left:46px; 
  padding-top:68px;
}

.ourcomplete2 {
  background: url(../images/events.jpg) no-repeat; 
  color: #fff; 
  font-size: 11px; 
  font-family: Arial, "arial", sans-serif; 
  padding-left:46px; 
  padding-top:68px; 
  padding-right:46px;
}
      
td, a {
  color: #fff; 
  font-size: 11px; 
  font-family: Arial, "arial", sans-serif; 
  text-decoration: none;
}
a:hover{
	color:#0084ff
}
.more_links{
	display: inline;
	position: relative;
	left: -50px;
}
.more_links a{
	font-size: 1em;
}

#map {
  color: #000;
}

div#clicker {
  cursor: pointer; 
}

div.show {
  display: block; 
}

div.hide {
  display: none; 
}

div#blocker {
  top: -9999px;
  padding-top: 10px;
  z-index: 2;
  position: absolute;
  height: 98%;
  width: 99%;
 }

div.blocker_inside {
  width: 660px;
  height: 620px;
  margin: 0 auto;
  background: #fff;
  position: relative; 
}

div#lighting,
div#promemoria {
  top: -9999px; 
  z-index: 3;
}

div.contact a {
  background: transparent url(../images/flipbook_a_bg.gif) top left no-repeat;
  color: #000; 
  width: 250px;
  height: 30px;
  display: block;
  float: left;
  text-align: center;
  font-size: 14px;
  line-height: 28px;
  color: #252525;
  font-weight: 700;
}
div.item_profile a:hover.bubble,
div.contact a:hover {
  color: #252525;
  text-decoration: underline;
}

a.bubble {
  background: transparent url(../images/bubble_a_bg.gif) top left no-repeat;
  color: #000; 
  width: 250px;
  height: 30px;
  display: block;
  text-align: center;
  font-size: 14px;
  line-height: 28px;
  color: #252525;
  font-weight: 700;
  margin: 0 auto;
  margin-top: 10px;
}



div.holder {
  position: absolute;
  padding: 5px;
  width: 650px;
  height: 550px; 
  left: 0;
}

div.contact {
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  width: 500px; 
  height: 30px;
  padding: 0 80px;
  padding-bottom: 5px;
  background: #fff url(../images/contact_bg.gif) bottom center repeat-x;
}

div.top {
  width: 650px;
  height: 20px;
  text-align: left;
  font-size: 14px;
  padding: 5px 5px 0 5px; 
  background: #fff url(../images/top_bg.gif) top center repeat-x;
  position: absolute;
  top: 0;
  left: 0;
}
div.top b {
  font-size: 18px; 
  color: #676767;
}

div.blurb {
 color: #9a9a9a;
 text-align: justify; 
}

div.close {
  height: 15px;
  display: block;
  top: 5px;
  right: 15px;
  color: ##9a9a9a;
  border: 1px solid #9a9a9a; 
  font-size: 10px;
  cursor: pointer;
  padding: 2px 5px 0 5px;
  background: #ffe7e7;
  position: absolute;
}

/* gallery stuf -------------------------------------------------------------------------------*/





div.main form {
  margin: 0 0 0 120px; 
  padding: 0;
}

textarea.contact,
input.contact {
  background: #a2a2a2;
  border: 1px solid #000;
  padding: 2px 5px;
  width: 210px;
}

textarea.contact {
  width: 300px;
  height: 100px; 
}

input#zip {
  width: 70px; 
}

input#state {
  width: 30px; 
}

input#verify {
  width: 70px; 
}

input.submit {
  margin-left: 250px; 
  margin-top: 20px;
  cursor: pointer;
  width: auto;
}

input:hover.submit {
  background: #fff; 
}

a img {
  border: 0; 
}

div.destroyer {clear: left;}

div.main div.destroyer {height: 20px;}

div.wrapper {
  width: 750px;
  margin: 0 auto;
  color: #fff;
  border-right: 1px solid #616161; 
  position: relative;
}

div.topper {
  height: 73px;
  background: transparent url(../images/gallery_logo.gif) top left no-repeat;
}

a.haroo {
   font-size: 10px;
   float: right;
   margin-right: 10px;
}

a:hover.haroo {
  color: #3477ff;
}

div.topper h1 {display: none;}

div.menu ul li.switch {
  text-align: right;
  height: 20px;
  width: 145px;
  cursor: pointer;
  color: #0084ff;
}

div.switchbox {
  float: left;
  width: 166px; 
  position: relative;
  border-right: 1px solid #616161; 
}

div#menu{
  position: absolute;
  width: 167px;
  top: 0;
}

div#related{
  position: absolute;
  width: 167px;
  top: 20px;
  display: none;
}

div.menu {
  width: 175px;
}

div.menu ul,
div.menu li {
  margin: 0;
  padding: 0;
  list-style: none; 
}

div.menu li {
  margin-bottom: 5px;
  padding-left: 20px;  /* prevent frog from crowding category name */
  min-height: 2.3em; /* prevent cutting off frog */
}
div.menu li:hover,
div.menu li.current{
	background: transparent url(../images/frog-ovr_v1.png) no-repeat left;
}

div.menu a {
  display: block;
  padding: 2px;
  width: 140px;
  height: auto;
  line-height: 18px;
  text-align: center;
}

div.menu a:hover {
  color: #0084ff;
}

div.main {
  float: left;
  width: 582px;
}

div.main h1 {
  padding: 15px 0 0 20px;
  margin: 0; 
  font-size: 20px;
  font-family: serif;
  font-weight: normal;
}

div.item {
  border-top: 1px solid #fff; 
  width: 142px;
  float: left;
  margin: 0 18px;
  background: #252525;
  text-align: center;
  padding-bottom: 5px;
}

div.item div.empty {
  height: 142px; 
}

div.item div.image {
  border: 1px solid #fff;
  border-top: 0;
  margin-bottom: 4px;
  width: 140px;
  height: 140px;
}

div.item_profile a:hover,
div.item a:hover {
  color: #0084ff;
}

div.item_profile {
  border-top: 1px solid #fff; 
  width: 302px;
  margin: 0 auto;
  background: #252525;
  text-align: center;
  padding-bottom: 5px;
}

div.item_profile div.image {
  border: 1px solid #fff;
  border-top: 0;
  margin-bottom: 4px;
  cursor: pointer;
  position: relative;
  width: 300px;
  height: 300px;
}

div.click {
  position: absolute;
  top: 0;
  right: 1px;
  width: 100px;
  padding: 4px 5px;
  background: transparent url(../images/blocker_bg.png) repeat; 
}

div.gallery_block,
div#blocker2 {
  position: absolute;
  height: 100%;
  width: 582px;
  top: -9999px;
  background: transparent;
}

div.gallery_block div div.click,
div#blocker2 div div.click {
  position: absolute; 
  top: 1px;
  right: 50%;
  display: block;
  width: 100px;
  padding: 4px 5px;
  margin: 0 -50px 0 0;
  height: auto;
  background: transparent url(../images/blocker_bg.png) repeat; 
}

div.gallery_block div,
div#blocker2 div {
  margin: 0 auto;
  margin-top: 15px;    
  text-align: center;
  position: relative;
}

div.gallery_block div img,
div#blocker2 div img {
  border: 1px solid #000; 
}

ul.nav,
ul.nav li {
  list-style: none;
  margin: 0 0 0 0;  
  text-align: right;
}

ul.nav {
   padding: 10px 70px 10px 0; 
   font-size: 12px;
}

ul.nav li {
  display: inline;
  margin-left: -5px;
}

ul.nav li a {
  padding: 0 5px;
}

ul.nav li a.current,
ul.nav li a:hover {
  color: #0084ff;
}


div.new {
  z-index: 0;
  position: absolute;
  left: 50%;
  margin-left: -362px;
  width: 724px;
}

div.new div.right {
  float: left;
  width: 319px;
  height: 515px; 
  margin-left: 6px;
}

div.new div.right img {
  margin-bottom: 7px; 
  cursor: pointer;
}

div#flash_header {
  float: left;
  width: 399px;
  height: 515px;
}


a.home {
  display: block;
  float: left;
  width: 165px;
  height: 60px; 
}

a.home span {
  display: none; 
}



body.login {
  margin: 0; 
  color: #fff;
  background: #323232 url(../images/admin_bg.gif) top right no-repeat;
}

body.login h1 {
  color: #fff; 
}

div.login_box {
  width: 300px;
  height: 300px;
  text-align: center;
  border: 5px solid #fff;
  margin: 25px auto 0 auto;
  background: #323232 url(../images/login_bg.gif) top left repeat-x;
}

form#admin_login {
  display: block;
  margin: 0 auto;
  width: 250px; 
}

form#admin_login input{
  margin: 5px 0 2px 5px; 
}

form input.button,
form.events input.button,
form#admin_login input.button {
  float: right; 
  margin-right: 25px;
  background: #323232;
  border: 1px solid #fff;
  color: #fff;
  cursor: pointer;
  padding: 2px;
}

form input:hover.button,
form.events input:hover.button,
form#admin_login input:hover.button {
  background: #767676; 
}


form input.button,
form.events input.button {
  float: none; 
}

form input.button {
  margin-top: 5px; 
}

ul.admin_nav li {
  list-style: none;
  float: left;
  height: 15px;
  width: 75px;
  display: block;
  margin: 5px; 
  border: 1px solid #fff;
  text-align: center;
}

ul.admin_nav li a {
  display: block;  
}

ul.admin_nav li a:hover {
  background: #767676;
  color: #fff;
}

div.spacer,
body.login form,
form.events {
  margin: 10px 0 0 45px; 
}

select#category,
input#name,
input#image {
  margin-bottom: 5px; 
  margin-left: 10px;
}

form.contact input#name {
  margin: 0; 
}

div.events_box {
  padding: 40px 7px 7px 7px;
  background: url(../images/events_bg.jpg) top left no-repeat; 
  float: left;
  width: 385px;
  height: 360px;
  color: #fff;
  overflow: auto;
}

div.event {
  position: absolute;
  text-align: center;
  top: 410px;
  left: 0;
  width: 400px;
}

div.event a:hover {
  color: #0084ff; 
}
div.contact_info {
  clear: left;
  text-align: center;
/*  width: 730px;
*/  margin: 0 auto; 
  color: #bebebe;
  font-size: 10px;
  margin-top: 10px;
}


a.cat_back {
  float: left;
  background: #323232;
  display: block;
  width: 100px;
  height: 20px;
  line-height: 20px; 
  margin-left: 20px;
  border: 1px solid #fff;
  text-align:center;
  font-size: 12px;
}
a:hover.cat_back {
  color: #0084ff;
}
div.links_top {
  display: none;
  color: #444;
  margin: -10px auto 0 auto;
  width: 720px; 
  text-align: right;
}
div.links_bot {
  color: #444;
  margin: 10px auto 0 auto;
  width: 730px; 
  text-align: right;
}
div.links_top a, 
div.links_bot a{
  color: #444;
  font-size: 10px;
  text-decoration: none;
}
div.links_top a:hover,
div.links_bot a:hover{
  color: #444;
  text-decoration: underline;
}

div.clicker {
  cursor: pointer; 
}

a.showroom {
  display: block; 
  border: 1px solid #fff;
  border-top-width: 0px;
  line-height: 30px;
  margin: -4px 0 10px 0;
  
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  overflow: hidden;
}
div.item_profile a:hover.showroom {
  background: #4f4f4f; 
  color: #0084ff;
}

#categoryName {
	font-size: 0.8em;
	white-space: nowrap;
	font-family:Verdana, Geneva, sans-serif;
}
#headerLink{
	width: 715px;
	padding: 0 5px;
	margin: 0 auto;
	text-align:center;
}
#headerLink span{
	font-size: 2.2em;
}
ul.nav li.catalogHomeLink a {
	background: transparent url(../images/frog-tiny-ovr.png) no-repeat left;
	padding-left: 20px;
}
