html, body { height: 100%; margin: 0; padding: 0; font: 14px Georgia, Times, serif; min-width: 1000px;
  background: #f1f1f1 url(images/bg-phone1.jpg) no-repeat right 50px; }
img { border: 0; }
body.index { background: #f1f1f1; background-position: right bottom; }
body.index .main { background: url(images/bg-phone1.jpg) no-repeat right bottom; }

a { color: #33a138; font: bold 14px/150% Georgia, Times, serif; }
a:hover { color: #b2e2b4; }

h1 { font: normal 24px Georgia, Times, serif; color: #33a138; margin: 0; padding: 0 0 1em 0; }

.menu { height: 56px; background: url(images/menubg.gif) repeat-x; }

.menu-inner { width: 950px; margin: 0 auto; }
.menu-inner a { color: white; font: bold 14px Georgia; display: block; padding: 20px 7px 0;  }
.menu-inner a:hover { color: #b2e2b4; }
.menu-inner div { height: 56px; position: relative; float: left; margin: 0 20px 0 0; }
.menu-inner span { position: absolute; bottom: 0; left: 0; width: 100%; height: 7px; display: none; 
  background: #f1f1f1 url(images/corner-hover.gif) no-repeat -7px 0; }
.menu-inner i { position: absolute; top: 0; right: 0; width: 7px; height: 7px; background: url(images/corner-hover.gif) no-repeat 0 0; }

.menu-inner .current span { height: 49px; background-image: url(images/corner-current.gif); display: block; z-index: 0; }
.menu-inner .current i { background-image: url(images/corner-current.gif); }
.menu-inner .current a { color: #33a138; text-decoration: none; position: relative; z-index: 1; }

.top { padding: 40px 50px 0; height: 83px; }

.logo { float: left; width: 351px; height: 66px; margin: 0 35px 0 0; background: url(images/logo.jpg) no-repeat right top; }
.index .logo { }

.motto { float: left; font-size: 18px; padding: 6px 0 0; }
.motto span { color: #33a138; display: block; }

.where { display: block; font: normal 24px Tahoma,Arial; color: #333; }
.top .where { float: right; text-align: right; }
.where span { color: #7c7b7b; }
.where a { display: block; }
.index .where a { color: #333; }

.footer { padding: 40px 50px; text-align: center; clear: both; }
.footer address { font: bold 14px/150% Georgia, Times, serif; float: left; text-align: left; }
.footer .spacer { height: 160px; }

.matey { float: right; text-align: right; font: 12px Tahoma,Arial; color: #333; padding: 20px 0 0; }
.matey a { margin: -20px 0 0; padding: 20px 0 0; background: url(images/matey.gif) no-repeat right top; color: #333; font: inherit; }


/* index*/
.leftcol { width: 220px; float: left; background: url(images/faces.jpg) no-repeat left top; min-height: 500px; }
.rightcol { width: 220px; float: right; background: url(images/faces.jpg) no-repeat right top; min-height: 500px; }
.centercol { margin: 0 220px; }
.main { overflow: auto; }

.centerleftcol { width: 192px; float: left; }
.menu-index { margin: 50px 0 30px; }
.menu-index a { display: inline-block; }
.ask { display: block; height: 30px; text-decoration: none; 
  background: url(images/ask-bg.gif) no-repeat; padding: 8px 0 0 20px; }
.ask b { float: left; height: 18px; overflow: hidden; border-bottom: 1px dashed; 
  color: white; }

.centermaincol { margin: 0 0 0 216px; }

.talk { height: 230px; position: relative; }
.talk span { position: absolute; }
/*
.say-left { top: 30px; left: 10px; width: 340px; height: 150px; padding: 36px 0 0 50px; 
  background: url(images/say-left.gif) no-repeat; font-size: 24px;  }
.say-right { top: 90px; right: 20px; width: 390px; height: 180px; padding: 6px 0 0 25px; 
  background: url(images/say-right.gif) no-repeat; font-size: 32px; }
*/  
.say-left { top: 30px; left: 10px; width: 340px; height: 150px; padding: 36px 0 0 50px; 
  background: url(images/say.gif) no-repeat left -182px; font-size: 24px;  }
.say-right { top: 90px; right: 20px; width: 390px; height: 176px; padding: 6px 0 0 25px; 
  background: url(images/say.gif) no-repeat; font-size: 32px; }
.say-right a { font-size: inherit; font-weight: inherit; }

.centerleftcol { position: relative; z-index: 3; }
.centercol h1 { position: relative; z-index: 5; }
h2 { font: normal 18px Georgia, Times, serif; color: #33a138; margin: 2em 0 1em 0; }

.news { padding: 40px 50px; position: relative; z-index: 2 }
.news-inner { padding: 30px 170px; }
.news .phonebg { position: absolute; top: -141px; left: 0; z-index: 0; background: url(images/bg-phone2.jpg); width: 272px; height: 214px; }

.news-inner .h2 { font: normal 18px Georgia, Times, serif; }
.news-inner div { margin: 0 0 0 -2em; }
.news p { display: inline-block; width: 42%; margin: 2em 0 0 2em; padding: 0; vertical-align: top; }
.news b { display: block; margin: 0 0 1em 0; }

.corners-outer { padding: 40px 50px; clear: both; }
.corners { margin: 0; height: 6px; background: white url(images/corner-news-i.gif) no-repeat -6px -6px; overflow: hidden; }
.corners u { float: right; width: 6px; height: 6px; background: white url(images/corner-news-i.gif) no-repeat 0 -6px; }
.corners-bottom { background-position: -6px 0; }
.corners-bottom u { background-position: 0 0; }
.has-corners { background: white; }
.corners-inner { padding: 20px 80px; }
.corners-inner h1 { margin: 0 0 0 -40px; }

/* ask popup */
.form-wrapper .corners,
.form-wrapper .corners u { background-color: #aee2b4; background-image: url(images/corner-ask-i.gif); }
#ask-popup .has-corners { background: #aee2b4; overflow: auto; padding: 1em 2em 1em 1em; }
.form-wrapper .has-corners .f-wrapper { padding-left: 1em; clear: both; }
#ask-popup .corners-bottom {  clear: both; }

#ask-popup { position: absolute; display: none; z-index: 10; }
.form-wrapper .ask-submit { float: right; width: 192px; height: 38px; background-image: url(images/ask-submit-bg.gif); 
  margin: 1em 1px 0 ; padding: 0; text-align: center; border: 0 !important;
  color: white; font: bold 14px/34px Georgia, Times, serif; }

#ask-popup .cancel { float: right; height: 18px; overflow: hidden; text-decoration: none; border-bottom: 1px dashed; }
#ask-popup .cancel:hover { color: white; }
.form-wrapper span { float: left; color: white; }
.form-wrapper label { font-size: 16px; font-weight: bold; display: block; padding: 0.5em 0; color: #33a138; }
.form-wrapper ins.corners,
.form-wrapper ins.corners u { display: block; background-color: white; background-image: url(images/corner-ask-ins-border.gif); }
.form-wrapper ins.corners b { display: block; height: 2px; margin: 0 0 0 6px; overflow: hidden; background: #999; }
.form-wrapper ins.corners-bottom b { margin-top: 4px; }
.form-wrapper .i-wrapper { padding: 0 1%; background: white; border-left: 2px solid #999; border-right: 2px solid #999; }
.form-wrapper input, 
.form-wrapper textarea { border: 0; padding: 0 1%; margin: -1px 0; display: block; width: 98%; }



/* news */
.news-list b { display: block; margin: 0 0 0.5em 0; }

/* partners */
.partners { border: 0; border-collapse: collapse; }
.partners th { text-align: left; padding: 1em 0; }
.partners td { width: 45%; padding: 0 5% 0 0; }

/* orders form */
.form-wrapper { overflow: auto; padding-bottom: 1em; }
.form-normal ins.corners,
.form-normal ins.corners u { background-color: #f1f1f1; background-image: url(images/corner-form-border.gif); }
.form-normal ins.corners b { background: #c7c5c5; }
.form-normal input, 
.form-normal textarea { background: #f1f1f1; }
.form-normal .i-wrapper { background: #f1f1f1; border-color: #c7c5c5; }