/*

Common styles used throughout the site. These are primarily redefinitions of HTML tags.

*/

body { font-family: arial,verdana,sans-serif; font-size: 14px; color: #707070; padding: 10px 0 0 0; background-image: url(../images/common/bg_body.jpg); background-repeat: repeat-x; background-color: #fff; margin: 0; }
p { line-height: 20px; margin: 0 0 15px 0; }
img { display: block; border: 0; }
table { padding: 0; border: 0; border-collapse: collapse; }
td, th { font-size: 14px; vertical-align: top; padding: 0; border: 0; }
a { color: #707070; text-decoration: none; }
a:focus, a:hover, a:active { outline: none; }
a:hover { color: #707070; text-decoration: underline; }
ul, ol { padding: 0; margin: 0; list-style: none; }
li { padding: 0; }
form { padding: 0; margin: 0; }
object { padding: 0; margin: 0; }
embed { padding: 0; margin: 0; }
map area { cursor: pointer; }

h2 { padding: 0 0 13px 0; background-image: url(../images/work/bg_subhead.gif); background-repeat: repeat-x; background-position: bottom left; margin: 0 0 10px 0; }
h3 { font-size: 18px; font-weight: bold; line-height: 24px; color: #707070; padding: 0; margin: 0 0 20px 0; }
h4 { font-size: 12px; font-weight: bold; color: #363636; padding: 0; margin: 0 0 5px 0; }
h5 { font-size: 18px; font-weight: bold; line-height: 20px; color: #464646; padding: 0; margin: 0 0 20px 0; }
h6 { font-size: 14px; font-weight: bold; color: #464646; padding: 0; margin: 0 0 10px 0; }

h2.noMargin { margin-bottom: 0; }





/*

Primary layout styles

*/

#page { position: relative; width: 936px; padding: 12px; background-color: #fff; background-image: url(../images/common/bg_page.jpg); background-repeat: no-repeat; margin-left: auto; margin-right: auto; }

#header { width: 936px; height: 86px; }
#header:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#header #logo { float: left; width: 294px; padding: 17px 0 0 25px; }
#header #nav { float: left; width: 617px; padding: 69px 0 0 0; }
#header #nav:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#header #nav ul li { float: left; margin: 0 20px 0 0; }
#header #nav ul li.last { float: left; margin: 0 0 0 0; }

#content { width: 896px; padding: 0 20px 0 20px; }
#content:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }

div.wrapper { width: 896px; }
div.wrapper:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
div.wrapper.lower { margin: 30px 0 0 0; }

#colLeft { float: left; width: 212px; }
#colMain { float: left; width: 467px; padding: 27px 16px 0 21px; }
#colMainWide { float: left; width: 700px; padding: 27px 16px 0 0; }
#colRight { float: left; width: 180px; padding: 66px 0 0 0; }
#colRight.lower { padding-top: 88px; }




/*

Home styles

*/

#homeList ul li { float: left; margin: 0 22px 0 0; }
#homeList ul li.last { margin-right: 0; }

#myth0 { position: absolute; margin: 100px 0 0 20px; display: block; filter: alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00; }
#myth1 { position: absolute; margin: 100px 0 0 20px; display: block; filter: alpha(opacity=0); -moz-opacity: 0.00; opacity: 0.00; }
#myth2 { position: absolute; margin: 100px 0 0 20px; display: block; filter: alpha(opacity=0); -moz-opacity: 0.00; opacity: 0.00; }

#fact0 { position: absolute; margin: 100px 0 0 488px; display: block; filter: alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00; }
#fact1 { position: absolute; margin: 100px 0 0 488px; display: block; filter: alpha(opacity=0); -moz-opacity: 0.00; opacity: 0.00; }
#fact2 { position: absolute; margin: 100px 0 0 488px; display: block; filter: alpha(opacity=0); -moz-opacity: 0.00; opacity: 0.00; }




/*

How Does it Work? styles

*/

#bigImg { height: 350px; }
#bigImg div { position: absolute; filter: alpha(opacity=0); -moz-opacity: 0.00; opacity: 0.00; }
#bigImg #bigImgSpacer { position: absolute; display: block; filter: alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00; }
#bigImg #bigImg0 { position: absolute; display: block; filter: alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00; }
#bigImg #bigBackground { position: absolute; display: block; filter: alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00; }

#colLeft #sideNav { padding: 19px 0 0 0; background-image: url(../images/work/bg_sidenav.gif); background-repeat: no-repeat; }
#colLeft #sideNav li { height: 36px; font-size: 14px; font-weight: bold; color: #959595; cursor: pointer; padding: 24px 0 0 18px; background-image: url(../images/work/bg_sidenav_li.gif); background-repeat: no-repeat; }
#colLeft #sideNav li.twoLine { height: 46px; padding-top: 14px; }
#colLeft #sideNav li:hover { text-decoration: underline; }
#colLeft #sideNav li.selected { color: #fff; background-image: url(../images/work/bg_sidenav_li_ovr.gif); }
#colLeft #sideNav li.selected:hover { text-decoration: none; }

#colMain #copy0 { display: block; }
#colMain #copy1 { display: none; }
#colMain #copy2 { display: none; }
#colMain #copy3 { display: none; }
#colMain #copy4 { display: none; }
#colMain #copy5 { display: none; }
#colMain #copy6 { display: none; }

ul#workNav { margin: 0 0 25px 0; }
ul#workNav li { font-size: 14px; padding: 0 0 0 20px; background-image: url(../images/work/icon_plus.gif); background-repeat: no-repeat; background-position: 0px 3px; }
ul#workNav li p { margin: 0 0 15px 3px; }
ul#workNav li img { cursor: pointer; }

div.box467 { background-image: url(../images/common/bg_boxtop_467.gif); background-repeat: no-repeat; margin: 0 0 15px 0; }
div.box467 div.boxCopy { padding: 15px 20px 15px 20px; }

div.boxCallout { padding: 15px 20px 15px 20px; border: 1px solid #e4d690; background-color: #f5f1d6; margin: 0 0 20px 0; }
div.boxCallout ul li { font-size: 18px; font-weight: bold; padding: 0 0 0 20px; background-image: url(../images/work/bullet_checkmark.gif); background-repeat: no-repeat; background-position: 0px 4px; margin: 0 0 5px 0; }
div.boxCallout h5 { font-size: 20px; margin-bottom: 10px; }

ul.bulletList { margin: 0 0 15px 0; }
ul.bulletList li { line-height: 18px; padding: 0 0 0 10px; background-image: url(../images/work/bullet_circle_gray.gif); background-repeat: no-repeat; background-position: 0px 6px; margin: 0 0 5px 0; }





/*

What are the Benefits? styles

*/

table.benefitsTable td { font-size: 14px; padding: 10px 0 0 0; background-image: url(../images/work/bg_subhead.gif); background-repeat: repeat-x; background-position: bottom left; }
table.benefitsTable td img { margin: 0 0 10px 0; }
table.benefitsTable td.label { width: 212px; }





/*

Why Wausau? styles

*/

div.box692 { background-image: url(../images/common/bg_boxtop_692.gif); background-repeat: no-repeat; margin: 0 0 15px 0; }
div.box692 div.boxCopy { padding: 30px 20px 15px 30px; }
div.box547 { background-image: url(../images/common/bg_boxtop_547.gif); background-repeat: no-repeat; margin: 0 0 15px 0; }
div.box547 div.boxCopy { padding: 15px 20px 15px 336px; }
div.box534 { background-image: url(../images/common/bg_boxtop_534.gif); background-position: top right; background-repeat: no-repeat; }
div.box534 div.boxCopy { padding: 15px 20px 15px 306px; }
div.bubble { position: absolute; margin: 15px 0 0 15px; }
div.bubble2 { position: absolute; margin: 15px 0 0 -10px; }




/*

Contact styles

*/

table.contactTable { width: 700px; }
table.contactTable td.label { width: 200px; text-align: left; }
table.contactTable td.field { width: 500px; text-align: left; }
table.contactTable tr.border td { background-image: url(../images/work/bg_subhead.gif); background-repeat: repeat-x; background-position: bottom left; }
table.contactTable td.label { font-weight: bold; text-align: right; padding: 0 20px 20px 0; }
.text400 { width: 300px; }
span.required { color: #f00; }

#contactThanks { margin: 70px 0 30px 100px; }
#contactDownload1 { position: absolute; margin: 43px 0 0 412px; }
#contactDownload2 { position: absolute; margin: 90px 0 0 412px; }





/*

Right column styles

*/

#colRight div.module { margin: 0 0 15px 0; }
#colRight div.moduleBox { background-image: url(../images/sidebar/bg_module_top.gif); background-repeat: no-repeat; margin: 0 0 15px 0; }
#colRight div.moduleCopy { padding: 20px 15px 10px 20px; }
#colRight div.moduleCopy div.logo { margin: 0 0 10px 0; }

#colRight div.download { font-size: 14px; font-weight: bold; color: #464646; padding: 5px 0 5px 30px; background-image: url(../images/sidebar/icon_arrow_down.gif); background-repeat: no-repeat; }
#colRight div.download a { color: #464646; }
#colRight div.register { font-size: 14px; font-weight: bold; color: #464646; padding: 5px 0 5px 0; }
#colRight div.register a { color: #464646; padding: 5px 30px 5px 0; background-image: url(../images/sidebar/icon_arrow_right.gif); background-repeat: no-repeat; background-position: center right; }

#colRight h5 { color: #707070; margin-bottom: 5px; }






/*

Footer styles

*/

#footer { padding: 100px 0 10px 0; }
#footer #call { text-align: right; padding: 0 20px 11px 0; border-bottom: 1px solid #eaeaea; margin: 0 0 11px 0; }
#footer #call img { display: inline; }
#footer #copyrightLine { width: 100%; }
#footer #copyrightLine:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#footer #copyrightLine #copyright { float: left; font-size: 11px; color: #666; padding: 0 0 0 20px; }
#footer #copyrightLine #copyright ul li { float: left; margin: 0 15px 0 0; }
#footer #copyrightLine #welcome { float: right; padding: 0 20px 0 0; }