a { cursor:pointer; outline: none; color: #e38cde; }
a:hover { text-decoration: underline; }
strong { font-weight: bold; color: #e38cde}

body
{
  margin: 0;
  padding: 0;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  background: #252525 url(/images/left_bg.gif) repeat-y 0 0;
  color: #e6f3f4;
}

h1 {
  font-family: Georgia; font-size: 2em; font-style: italic;
  background: #252525; color: #ffaefa;
  line-height: 30px;
  padding-top: 80px; margin-bottom: 1.5em; margin-left: 24px;
}
p { margin: 1em 0; line-height: 1.5em }

#content-column h1,
#content-column h2,
#content-column p,
#content-column table { margin-left: 24px; }

#menu-column {
  width: 250px; height: 300px; background: black;  position: fixed; z-index: 101;
}

#content-column {
  padding-left: 251px; margin-right: 30px;	padding-bottom: 175px; max-width: 600px;
}

#logo {
  display: block; width: 106px; height: 90px; text-indent: -9999px;
  background: url(/images/hatch-logo.gif) no-repeat 0 0;
  margin: 20px 0px 3em 120px;
}

#menu { font-size: 1.2em; }
#menu a { font-weight: bold; color: white; margin-right: 30px; text-decoration: none; }
#menu a:hover,
#menu a.current { text-decoration: none; color: #ffaefa}
#menu li { text-align: right;  }

#menu #menu_seo_health_check {
  display: block; width: 164px; height: 50px; text-indent: -9999px; text-align: left; float: right;
  margin-top: 25px; margin-right: 20px;
  background: url(/images/check_your_health.gif) no-repeat top left;
}
#menu #menu_seo_health_check:hover { background-position: bottom left; }

#quote {
  clear: both;
  padding: 20px 30px;
  font-family: Georgia;
  font-weight: bold;  color: #999;
  font-style: italic;
}
#quote-content { }
#quote-author { text-align: right; }

#footer #creative {
  font-family: Georgia; color: #ffaefa; font-weight: bold; font-size: 1.2em; font-style: italic;
  right: 23px; position: absolute; z-index: 101;
}
#footer #creative a { color: #ffaefa; }
#footer {
  width: 100%;height: 120px;
  position: fixed; bottom: 0px;
  background: #333 url(/images/footer_bg.png) repeat-x 0 0;
  color: #777;
}
#footer .container {
  height: 120px; max-width: 950px;
  padding-left: 251px; background: url(/images/left_bg.gif) repeat-y 0 0;
  }
#footer ul { padding: 25px; padding-right: 0; width: 190px; float: left; }
#footer .head { font-family: Georgia; font-style: italic; font-weight: bold; margin-bottom: 1em; }
#footer a { color: #999; text-decoration: none; }
#footer a:hover  {color: #e38cde; }
#packages td { color: black; }
#packages p { margin: 0; padding: 5px 10px ; }

#content-column h2 {
  font-size: 1.3em;
  color: #ffaefa;
  margin-top: 2em; margin-bottom: 1em;
}
#content-column ul,
#content-column ol {
  margin-left: 34px;
  padding-left: 8px;
  line-height: 1.5em
}
#content-column ul {	list-style: disc; }
#content-column ul ul,
#content-column ol ul {padding-top: 1em; }
#content-column ol {  list-style: decimal; }


p.notify { margin: 0; padding: 5px 24px 5px 275px; background: #374e37; border-bottom: 1px solid black; }
p.error { margin: 0; padding: 5px 24px 5px 275px; background: #ffffaa; color: red;  border-bottom: 1px solid black; }

#addthis {
  margin: 15px 0px 0px 25px;
  padding-bottom: 20px;
  text-align: right;
}

/* -------------------------------------------------------------------------------footer position revised */

html, body { height:100%; }
#content-column {
  height:auto !important;
  min-height:100%;
  margin: 0 30px -150px 0;
  position: relative;
  padding-bottom: 0;
}
#footer, .push { height: 150px; }
#footer { position: relative; height: 150px;}
#footer .container { height: 150px; }



/* -------------------------------------------------------------------------------SEO Packages */

#seo_packages_table { margin: 15px 0 25px; }
#seo_packages_table th,
#seo_packages_table td {
  border: 1px solid #252525; padding: 3px 5px; width: 95px;
  background-repeat: no-repeat; background-position: top left;
}
#seo_packages_table th { line-height: 29px; text-indent: -9999px; }
#seo_packages_table td { height: 22px; line-height: 22px; text-align: center; color: black; }

#seo_packages_table .startup-yes,
#seo_packages_table .corporate-yes,
#seo_packages_table .ecommerce-yes { text-indent: -9999px; }

#seo_packages_table .description {
  text-align: right; width: 242px; color: black;
  background-color: #dadada; background-image: url(/images/packages/description-even.png);
}

#seo_packages_table #startup,
#seo_packages_table .startup { background-color: #c1e7ff; background-image: url(/images/packages/startup-even.png);}
#seo_packages_table .startup-yes { background-color: #c1e7ff; background-image: url(/images/packages/startup-even-ok.png);}

#seo_packages_table #corporate,
#seo_packages_table .corporate { background-color: #c1ffc1; background-image: url(/images/packages/corporate-even.png);}
#seo_packages_table .corporate-yes { background-color: #c1ffc1; background-image: url(/images/packages/corporate-even-ok.png);}

#seo_packages_table #ecommerce,
#seo_packages_table .ecommerce { background-color: #fbd2ff; background-image: url(/images/packages/ecommerce-even.png);}
#seo_packages_table .ecommerce-yes { background-color: #fbd2ff; background-image: url(/images/packages/ecommerce-even-ok.png);}

#seo_packages_table .price { font-weight: bold; font-size: 1.2em; }
#seo_packages_table .price td { padding: 10px 5px; }
#seo_packages_table .price .startup { background-color: #c1e7ff;}
#seo_packages_table .price .corporate { background-color: #c1ffc1;}
#seo_packages_table .price .ecommerce { background-color: #fbd2ff;}

#seo_packages_table .link { font-size: 1.2em; font-weight: bold; }

#seo_packages_table #startup { background-image: url(/images/packages/startup.png); }
#seo_packages_table #corporate { background-image: url(/images/packages/corporate.png); }
#seo_packages_table #ecommerce { background-image: url(/images/packages/ecommerce.png); }

.copyright { color: #666; margin: 0 15px; }