* {padding: 0; margin: 0; }
html {font-size: 100%; /* IE font hack */ }
body {background-color: white; color: #666666; font-family: verdana,arial,helvetica,sans-serif; font-size: 0.8em; }
html, body {height: 100%; }
table {font-size: 100%; /* IE font hack */ }
input, select {font-size: 1em; font-family: arial,helvetica,sans-serif; }
h1, h2 {color: black; font-weight: bold; }
h1 {font-size: 1.4em; }
h2 {font-size: 1.1em; font-family: arial,helvetica,sans-serif; }
hr {border: 0; color: #EEEEEE; background-color: #EEEEEE; height: 1px; width: 100%; text-align: left; }
ul {font-size: 1em; line-height: 1.7em; list-style: square inside none; padding-top: 6px; }


#container {min-height: 100%; margin: 0 auto; }
* html #container {height: 100%; /* IE height hack */ }
#footer {clear: both; height: 50px; margin: -50px auto 0 auto; position: relative; }
#clearfooter {display: block; height: 50px; }


/* Home */
td.imgBG {background: #AAAAAA url(/images/img.jpg) no-repeat top left; vertical-align: top; }
td.findOutHow, td.findOutHowOn {padding: 4px 8px 5px 9px; vertical-align: middle; }
td.findOutHow {background-color: #FF6600; }
td.findOutHowOn {background-color: #CC6633; cursor: pointer; }
td.homeText {line-height: 1.7em; vertical-align: top; color: black; }

.passwordOff {background: #FFFFFF url(/images/passwordbg.gif) no-repeat top left; }
.usernameOff {background: #FFFFFF url(/images/usernamebg.gif) no-repeat top left; }
.loginOn {background-color: #FFFFFF; }
.loginSubmit, .loginSubmitOn {font-size: 0.89em; font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: bold; border: 1px solid #FFFFFF; margin: 0; padding: 0; height: 24px; width: 63px; color: #666666; background-color: #CCCCCC; cursor: pointer; }
.loginSubmitOn {background-color: #FFFFFF; border: 1px solid #9A9A9A; }


/* Header */
td.headerImg {background: #747371 url(/images/img.jpg) no-repeat top left; }
td.headerTitle {background: #BAB9B8 url(/images/sub_imgoverlay.jpg) no-repeat top left; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; vertical-align: middle; text-indent: 37px; }
td.topnavOn, td.topnavAbout, td.topnavServices, td.topnavPortfolio, td.topnavContact {text-indent: 12px; vertical-align: middle; }
td.topnavOn {background-color: #747371; cursor: pointer; }
td.topnavAbout {background-color: #0066FF; }
td.topnavServices {background-color: #009999; }
td.topnavPortfolio {background-color: #FF6600; }
td.topnavContact {background-color: #FFCC00; }


/* Left Column */
div.leftContainer {position: relative; }
div.leftnav {font-size: 0.89em; font-weight: bold; position: absolute; top: 3px; left: 29px; }
div.leftnavCell {padding: 2px 0 3px 3px; }
div.freeReview {font-size: 0.89em; position: absolute; top: 188px; left: 22px; }

td.yellowBG {background-color: #FFFFCC; }
td.shadowBG {background-color: #F0F0F0; vertical-align: top; }

.leftnavAboutOn, .leftnavServicesOn, .leftnavPortfolioOn {cursor: pointer; }
.leftnavAboutOff, .leftnavServicesOff, .leftnavPortfolioOff {background-color: #FFFFFF; }
.leftnavAboutOn {background-color: #0066FF; }
.leftnavServicesOn {background-color: #009999; }
.leftnavPortfolioOn {background-color: #FF6600; }
.orangeText {color: #FF6600; }


/* Content Column */
div.freeReviewContainer {margin-right: 4px; }

span.referenceText {font-size: 0.89em; }

td.contentText {line-height: 1.5em; vertical-align: top; }
td.contentText sup {line-height: 1em; font-size: 0.89em; }
td.contentTestimonial {font-family: arial,helvetica,sans-serif; }
td.contentPortfolioIntro {line-height: 1.7em; vertical-align: middle; }


/* Right Column */
table.columnTestimonial {font-size: 0.89em; }


/* Footer */
td.footerText {font-family: arial,helvetica,sans-serif; font-size: 0.89em; }


/* Links */
a.topnavLink:link, a.topnavLink:visited, a.topnavLink:hover, a.topnavLink:active {font-family: arial,helvetica,sans-serif; font-weight: bold; font-size: 0.89em; color: #FFFFFF; text-decoration: none; }

a.findOutHowLink:link, a.findOutHowLink:visited, a.findOutHowLink:hover, a.findOutHowLink:active {color: #FFFFFF; font-family: arial,helvetica,sans-serif; font-size: 0.9em; font-weight: bold; text-decoration: none; }

a.noUnderline:link, a.greyNoUnderline:link {text-decoration: none; }
a.noUnderline:visited, a.greyNoUnderline:visited {text-decoration: none; }
a.noUnderline:hover, a.greyNoUnderline:hover {text-decoration: underline; }
a.noUnderline:active, a.greyNoUnderline:active {text-decoration: underline; }

a.greyNoUnderline:link {color: #666666; }
a.greyNoUnderline:visited {color: #666666; }
a.greyNoUnderline:hover {color: #666666; }
a.greyNoUnderline:active {color: #666666; }

a.underline:link {text-decoration: underline; }
a.underline:visited {text-decoration: underline; }
a.underline:hover {text-decoration: none; }
a.underline:active {text-decoration: none; }

.leftnavAboutOn a:link, .leftnavAboutOff a:link, .leftnavServicesOn a:link, .leftnavServicesOff a:link, .leftnavPortfolioOn a:link, .leftnavPortfolioOff a:link {text-decoration: none; }
.leftnavAboutOn a:visited, .leftnavAboutOff a:visited, .leftnavServicesOn a:visited, .leftnavServicesOff a:visited, .leftnavPortfolioOn a:visited, .leftnavPortfolioOff a:visited {text-decoration: none; }
.leftnavAboutOn a:hover, .leftnavAboutOff a:hover, .leftnavServicesOn a:hover, .leftnavServicesOff a:hover, .leftnavPortfolioOn a:hover, .leftnavPortfolioOff a:hover {text-decoration: none; }
.leftnavAboutOn a:active, .leftnavAboutOff a:active, .leftnavServicesOn a:active, .leftnavServicesOff a:active, .leftnavPortfolioOn a:active, .leftnavPortfolioOff a:active {text-decoration: none; }

.leftnavAboutOn a:link, .leftnavServicesOn a:link, .leftnavPortfolioOn a:link {color: #FFFFFF; }
.leftnavAboutOn a:visited, .leftnavServicesOn a:visited, .leftnavPortfolioOn a:visited {color: #FFFFFF; }
.leftnavAboutOn a:hover, .leftnavServicesOn a:hover, .leftnavPortfolioOn a:hover {color: #FFFFFF; }
.leftnavAboutOn a:active, .leftnavServicesOn a:active, .leftnavPortfolioOn a:active {color: #FFFFFF; }

.leftnavAboutOff a:link {color: #0066FF; }
.leftnavAboutOff a:visited {color: #0066FF; }
.leftnavAboutOff a:hover {color: #0066FF; }
.leftnavAboutOff a:active {color: #0066FF; }

.leftnavServicesOff a:link {color: #009999; }
.leftnavServicesOff a:visited {color: #009999; }
.leftnavServicesOff a:hover {color: #009999; }
.leftnavServicesOff a:active {color: #009999; }

.leftnavPortfolioOff a:link {color: #FF6600; }
.leftnavPortfolioOff a:visited {color: #FF6600; }
.leftnavPortfolioOff a:hover {color: #FF6600; }
.leftnavPortfolioOff a:active {color: #FF6600; }
