body { background-color: #fff; color: #000; margin: 0; padding: 0; border: 0; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 13px; }

hr {clear: both; visibility: hidden; height: 1px; margin: 0; padding: 0; }

#pagewrap { width: 744px; margin: 5px auto; padding: 0; border: 0; border: 1px solid #000;}
#header { background: #fff url(/img/header.jpg) top center no-repeat; height: 115px; padding: 0; width: 712px; margin: 0 auto; }
#header h1 { visibility: hidden; }

ol#sitenav { color: #00AE00; text-transform: uppercase; font-size: 11px; text-align: right; border-top: 3px solid #00AE00; width: 712px; margin: 5px auto; padding: 5px 0 0 0; }
ol#sitenav li { float: right; list-style: none; padding: 0 10px; background: #fff url(/img/vbar.gif) top right no-repeat; }
ol#sitenav li.lastlink { background-image: none; padding-right: 0px; }
ol#sitenav li a { text-decoration: none; color: #00AE00; }
ol#sitenav li a:hover { text-decoration: underline; }

#content {margin-top: 30px;}

.success {background-color: #aaff99; color: #000; border: 2px solid #00ff20; padding: 10px; font-weight: bold;}

/* Home page */
h3.home {float: left; width: 200px; margin: 15px 0 0 15px; color: #BCBEC0; text-align: right; text-transform: uppercase; font-weight: normal;}
.hometitle {position: relative; top: 370px; left: -40px; float: right; font-size: 26px; background: url(/img/SM_wordmark.jpg) top left no-repeat; height: 33px; width: 350px;}
.hometitle strong {visibility: hidden;}
.gr {color: #00AE00;}
.green {color: #00AE00; font-size: 18px; font-weight: normal;}
.twocol {float: right; margin: -85px 25px 0 0; margin-bottom: 250px; width: 470px;}
.ie .twocol {float: right; margin: -45px 25px 0 20px; margin-bottom: 250px; width: 450px; line-height: 15px;}
.lcol {float: left; margin: 0 20px 0 0; width: 215px; line-height: 15px;}
.rcol {float: right; margin: 0 0 0 255px; width: 215px; line-height: 15px;}
.download {position: relative; top: 430px; left: 320px; float: right; background: url(/img/download_worksheet.jpg) top left no-repeat; height: 43px; width: 367px;}
.download a {display: block; text-decoration: none;}
.download strong {visibility: hidden;}

/* Process page */
.twocolphoto { margin: 0 25px 10px 0; float: right;}
.twocologo { margin: 10px 25px 0 0; float: right; border: 0;}
.tallcol {width: 224px; padding: 0 0 0 25px; float: left; line-height: 15px;}
.twocolvar {float: right; width: 440px; line-height: 15px; margin: 0 25px 0 30px;}
.lcolvar {float: left; margin: 0 10px 0 0; width: 210px; line-height: 15px;}
.rcolvar {float: right; margin: 0 0 0 10px; width: 210px; line-height: 15px;}

/* Case study page */
.onecol { margin: 0 25px; line-height: 15px; }
dl { margin: 10px 0 0 0; width: 235px; display: block;}
dt {float: left; clear: left; text-align: right; width: 120px; margin: 0; padding: 0;}
dd {float: right; clear: right; text-align: left; font-weight: bold; width: 110px; margin: 0 0 0 5px; padding: 0;}
.onecol p { margin: 10px 0 0 0;}
.cent {text-align: center; margin: 20px auto 0 auto; display: block;}
.postscript {font-size: 10px; float: right;}

/* Testimonials page */
.onecolvar { margin: 0 25px; background: url(/img/coins.jpg) bottom right no-repeat; }
blockquote { line-height: 16px; margin: 0;}
cite {font-weight: bold; margin: 5px 0 40px 50px; display: block;}
.botquote {width: 350px;}
.botcite {margin: 5px 0 300px 50px;}

/*Menu tips page */
.post h2 a {color: #00AE00; text-decoration: none;}
.post h2 a:hover {text-decoration: underline;}
fieldset{border: 0; border-top: 1px solid #000; margin: 20px 0;}
legend {font-size: 16px; font-weight: bold;}
#loginform {float: right; width: 150px; background-color: #eee; border: 3px solid #ccc; margin: 0 25px 0 0; padding: 15px;}
.pin {width: 120px;}
#loginform input {border: 1px solid #666;}
#registerform {float: left; width: 450px;}
#registerform input, #registerform select {border: 1px solid #666;}

/* Contact Us page */
#locations {list-style-type: none; display: block;}
#locations em {visibility: hidden;}
#locations li {float: left; margin: 0; padding: 0;}
#locations li a {text-decoration: none; border: 0;}
li.vic a {background: #fff url(http://www.industryimages.com/gfx/cities/cities_02.gif) top left no-repeat; height: 148px; width: 95px; display: block;}
li.vic a:hover {background: #fff url(http://www.industryimages.com/gfx/cities/over/cities_02.gif) top left no-repeat;}
li.van a {background: #fff url(http://www.industryimages.com/gfx/cities/cities_03.gif) top left no-repeat; height: 148px; width: 95px; display: block;}
li.van a:hover {background: #fff url(http://www.industryimages.com/gfx/cities/over/cities_03.gif) top left no-repeat;}
li.edm a {background: #fff url(http://www.industryimages.com/gfx/cities/cities_04.gif) top left no-repeat; height: 148px; width: 95px; display: block;}
li.edm a:hover {background: #fff url(http://www.industryimages.com/gfx/cities/over/cities_04.gif) top left no-repeat;}
li.cal a {background: #fff url(http://www.industryimages.com/gfx/cities/cities_05.gif) top left no-repeat; height: 148px; width: 95px; display: block;}
li.cal a:hover {background: #fff url(http://www.industryimages.com/gfx/cities/over/cities_05.gif) top left no-repeat;}
li.sas a {background: #fff url(http://www.industryimages.com/gfx/cities/cities_06.gif) top left no-repeat; height: 148px; width: 95px; display: block;}
li.sas a:hover {background: #fff url(http://www.industryimages.com/gfx/cities/over/cities_06.gif) top left no-repeat;}
li.win a {background: #fff url(http://www.industryimages.com/gfx/cities/cities_07.gif) top left no-repeat; height: 148px; width: 95px; display: block;}
li.win a:hover {background: #fff url(http://www.industryimages.com/gfx/cities/over/cities_07.gif) top left no-repeat;}
li.ott a {background: #fff url(http://www.industryimages.com/gfx/cities/cities_08.gif) top left no-repeat; height: 148px; width: 95px; display: block;}
li.ott a:hover {background: #fff url(http://www.industryimages.com/gfx/cities/over/cities_08.gif) top left no-repeat;}

/* Tips Page */
#tipheader {border: 1px solid #000; padding: 3px 10px;}
#tipheader h2 {width: 300px; float: right; text-transform: uppercase; text-align: center; font-size: 14px; margin: 0; padding: 0; color: #2a992c;}
#tipheader img {float: left;}
.pretip {color: #2a992c; text-align: center; font-weight: bold; font-size: 14px; line-height: 18px;}
dl#tips {width: auto; margin: auto;}
dl#tips dt {float: none; font-size: 18px; font-weight: bold; width: auto; border-bottom: 1px solid #000; text-align: left; margin: 15px 0 10px 0; padding: 5px 0 10px 45px; background: url('/img/checkbox.gif') top left no-repeat; clear: both; text-transform: uppercase;}
dl#tips dd {display: block; float: none; width: auto; font-weight: normal !important;}
.rightside {display: block; float: left; width: 400px;}
dl#tips dd ol {display: block; width: 250px; float: right; border-left: 1px solid #000; padding: 0; margin: 0;}
dl#tips dd ol li {border: 1px solid #000; margin: 5px 0 5px -1px; padding: 5px; font-size: 18px; list-style-position: inside;}
p.postscript {font-size: 10px; margin: 50px 10px 15px 10px; color: #666; display: block;}

#footer { color: #939598; font-size: 9px; border-top: 1px solid #939598; padding: 0; width: 712px; margin: 10px auto 0 auto; }
#trademark {float: left;}
#copyright {float: right;}