html, body {
  padding:0;
  margin: 0;
  border:0; 
  height: auto;
  _height: 100%;
  background: #b4ceb4 url("images/body_bg.jpg") top center repeat;
}

html {font: normal normal 13px georgia times new roman; color: #222;}

#header {
  background: #fff url(images/header.jpg) top center no-repeat;
  width: 870px;
  height: 230px;
  margin: 0 auto;
}
#logo {margin: 18px 0 0 153px;}

#header h1 {
  float: left;
  font: normal bold 30px georgia times new roman;
  text-align: center;
  color: #000;
  margin: -10em;
  line-height: 1.3em;
  z-index: 1;
}

#container {width: 870px; height: 100%; background: #00f url(images/body_mid.png) top center repeat-y; margin: 0 auto;}

#sidebar {float: left; width: 235px; height: auto; margin: 0 0 0 12px; _margin-left: 6px;}
#sidebar br {line-height: 1.2em; margin: 0; padding: 0;}

#sidebar_div {
  float: left;
  width: 10px;
  height: 100%;
  margin: 0 0 0 3px;
  padding: 0;
}

.menu {
  display: block; 
  background: url("images/menu_reg.png") top center no-repeat;
  font-size: 18px; 
  text-decoration: none;
  color: #444;
  padding-left: 30px;
  margin-left: 5px;
  margin-top: -5px;
  _margin-top: -7px;
  width: 192px;
  height: 36px;
  line-height: 38px;
}

.menu:hover {background: url("images/menu_hi.png") center center no-repeat; color: #333;}
#selected, #selected:hover {background: url("images/menu_sel.png") center center no-repeat; color: #333;}
#neutral, #neutral:hover {background: url("images/menu_neutral.png") center center no-repeat; color: #fff;}

#mainbar {
  width: 590px;
  height: auto;
  margin: 10px 0 0 250px;
  _margin: 25px 0 0 245px;
  border: 1px solid #ddd;
  border-width: 0 0 0 1px;
}

#mainbar h2 {font-size: 26px; color: #333; width: 570px; padding: 0 0 0 15px; line-height: 1.5em; margin: 0; z-index: 50;}
#mainbar h3 {font-size: 19px; color: #333; width: 570px; padding: 0 0 0 15px; line-height: 1.5em;}
#mainbar h4 {font-size: 17px; color: #333; width: 570px; padding: 0 0 0 15px; line-height: 1.5em;}
#mainbar p {font-size: 15px; width: 560px; padding: 0 0 0 20px; line-height: 1.3em; margin: 0;}
#mainbar a  {color: #4319ea; font-weight: bold; text-decoration: none;}
#mainbar a:hover {color: #8339ff;}
#mainbar ul {margin-top: 0; }
#mainbar ul li {font-size: 14px; padding: 0 0 0 5px; margin: 0; line-height: 1.5em;}
#mainbar br {padding: 0; margin: 0; line-height: 1.2em;}
#mainbar blockquote {font-size: 15px; width: 510px;}
#mainbar .hr_top {background: #fff url(images/divider_top.png) top center no-repeat; width: 392px; height: 47px; margin: 0 auto;}
#mainbar .hr_btm {background: #fff url(images/divider_btm.png) top center no-repeat; width: 392px; height: 47px; margin: 0 auto;}
#mainbar .h2_top {background: #fff url(images/div_top.png) top center no-repeat; width: 296px; height: 29px; margin: 0 auto;}
#mainbar .h2_btm {background: #fff url(images/div_btm.png) top center no-repeat; width: 296px; height: 29px; margin: 0 auto;}

#mainbar a img {border: 0px solid #fff;}
#mainbar table {border: 3px solid #ddd;}
#mainbar table td.serv_left {width: 200px; font-size: 16px; text-align: right; padding-right: 10px;}
#mainbar table td.serv_right {width: 200px; font-size: 16px; font-weight: bold; color: #c33;}
#mainbar table th {border: 1px solid #ddd; border-width: 0 0 1px 0;}
#mainbar .bullet {background: url(images/bullet.png) top center no-repeat; width: 10px; height: 10px;}

#footer {
  clear: both;
  background: #efb2b2 url("images/footer.png") top center no-repeat;
  width: 870px;
  height: 80px;
  margin: 0 auto;
  color: #333;
  font: normal bold 12px arial;
}

#footer_left {
  float: left; 
  line-height: 1.5em;
  margin: 23px 0 0 25px;
  _margin: 23px 0 0 13px;
}

#footer_right {
  float: right; 
  line-height: 1.5em;
  margin: 23px 25px 0 0; 
  _margin: 23px 13px 0 0; 
  text-align: right; 
}

#footer_left a, #footer_left a:visited {color: #007; text-decoration: none;}
#footer_right a, #footer_right a:visited {color: #007; text-decoration: none;}
#footer_left a:hover, #footer_right a:hover {color: #fff;}

#motto {
  background: #b5cfb5 url("images/motto_mid.png") top center repeat-y;
  width: 210px;
  height: auto;
  margin: 0 auto;
  line-height: 1.5em;
}
#motto br {line-height: 20px; padding: 0; margin: 0;}
#motto p {width: 180px; margin: 0 auto; font: normal normal 13px georgia; padding: 15px 0 15px 0; color: #227;}
#motto b {font-size: 12px;}
#motto_top {width: 210px; height: 50px; _height: 48px; padding: 0; margin: 0;}
#motto_btm {width: 210px; height: 10px; padding: 0; margin: 0;}

.floatleft {float: left !important; padding: 0 15px 5px 0;}
.floatright {float: right !important; padding: 5px 0 0 10px;}
.large {font-size: 15px;}
.highlight {font-weight: bold; font-size: 16px; color: #333;}
.center {text-align: center; margin: 0 auto; padding-left: 15px;}
.framepos {display: inline; z-index: 1;}
.hilite_h2 {font-size: 24px !important; color: #333; width: 570px; line-height: 1.2em; margin: 0;}
.hilite_h3 {font-size: 19px !important; color: #333; width: 570px; line-height: 1.2em; margin: 0;}
.hilite_h4 {font-size: 17px !important; color: #333; width: 570px; line-height: 1.2em; margin: 0;}
.font11 {font-size: 11px !important;}
.pad20 {padding-left: 20px !important;}
.blue {color: #5218fa !important;}
.red {color: #c33 !important;}

#promobar_1 {background: url(images/promobar_1.jpg) top center no-repeat; width: 827px; height: 227px; margin: 0 auto;}
#promobar_1 h2 {font-size: 20px; padding: 20px 0 0 270px;}
#promobar_1 p {font-size: 13px; font-weight: bold; padding: 0 0 0 270px; width: 280px;}
#promobar_1 form {float: right; margin: -210px 5px 0 0; _margin: -195px 5px 0 0;}

#contactform  {width: 430px; height: 650px; _height: 600px; background-color: #fff; margin-left: 75px;}
#contactform_asp {margin: 0 0 30px 110px; }
#contactform_asp p {font-size: 14px; color: #4319ea; width: 380px; padding: 0;}
#contactform_asp input.fields {width: 380px; _margin-left: -110px;}

a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; float:left; margin:4px; z-index:50;}
a.slide01 {background:url(images/thumb01.jpg);}
a.slide02 {background:url(images/thumb02.jpg);}
a.slide03 {background:url(images/thumb03.jpg);}
a.slide04 {background:url(images/thumb04.jpg);}
a.slide05 {background:url(images/thumb05.jpg);}
a.slide06 {background:url(images/thumb06.jpg);}
a.slide07 {background:url(images/thumb07.jpg);}
a.slide08 {background:url(images/thumb08.jpg);}
a.slide09 {background:url(images/thumb09.jpg);}
a.slide10 {background:url(images/thumb10.jpg);}
a.slide11 {background:url(images/thumb11.jpg);}
a.slide12 {background:url(images/thumb12.jpg);}
a.slide13 {background:url(images/thumb13.jpg);}
a.slide14 {background:url(images/thumb14.jpg);}
a.slide15 {background:url(images/thumb15.jpg);}
a.slide16 {background:url(images/thumb16.jpg);}
a.slide17 {background:url(images/thumb17.jpg);}
a.slide18 {background:url(images/thumb18.jpg);}
a.slide19 {background:url(images/thumb19.jpg);}
a.slide20 {background:url(images/thumb20.jpg);}
a.slide21 {background:url(images/thumb21.jpg);}
a.slide22 {background:url(images/thumb22.jpg);}
a.slide23 {background:url(images/thumb23.jpg);}
a.slide24 {background:url(images/thumb24.jpg);}
a.slide25 {background:url(images/thumb25.jpg);}
a.slide26 {background:url(images/thumb26.jpg);}
a.slide27 {background:url(images/thumb27.jpg);}
a.slide28 {background:url(images/thumb28.jpg);}
a.slide29 {background:url(images/thumb29.jpg);}
a.slide30 {background:url(images/thumb30.jpg);}


a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}

#container_bottom {position:relative; width:425px; height:730px; background:#deeade url(images/portfolio_bg.png) top center no-repeat; border:1px solid #a49188; margin:1em auto;}
#container_bottom img {border:0;}
#container_bottom .thumbs {position:absolute; left:0; bottom:0; height:285px;}
#container_bottom a.gallery:hover span {display:block; position:absolute; width:402px; height:30px; top:-20px; left:5px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
#container_bottom a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_bottom a.gallery:active, #container_bottom a.gallery:focus {border:1px solid #000;}
#container_bottom a.gallery:active em, #container_bottom a.gallery:focus em {display:block; position:absolute; width:402px; height:350px; top:-380px; left:5px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}
#container_bottom h1 {position: absolute; clear:both; margin:0 110px 0 110px; padding-top:80px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#5218fa; z-index: 1;}
#container_bottom h1 em {font-size:1.2em; color:#000;}

.proditem {background: #deeade; border: 1px solid #b0ccb0; width: 515px; height: auto; margin-left: 40px; padding-right: 15px; font-size: 14px; line-height: 1.3em;}
.proditem img {padding: 20px 15px 0 10px; float: left; padding-bottom: 20px;}
.prod_title {font: normal bold 18px georgia !important; color: #c33 !important; }
.prod_desc {margin-right: 15px !important; }
.prod_desc p {width: 490px !important;}
.prod_price {font-size: 18px !important; font-weight: bold; color: #c33 !important; float: right !important; padding: 10px !important; background: #ffff80 !important;}

#signup {width:210px; height: 100px; padding: 15px 20px 0 0; _padding: 0 20px 0 0;}