body, html {
height: 100%;
}
body {
margin: 0;
padding: 0;
font: 76% Verdana, Tahoma, Arial, sans-serif;
}
td, input {
font-size: 1em;
}
h1, h2, p, ul, dl, form {
margin: 0;
}
h1#infomed {
position: absolute;
top: 0;
left: 0;
width: 493px;
height: 111px;
overflow: hidden;
background: #fff url(/images/ui/infomed-health-updates.gif) no-repeat;
}
h1#infomed a {
display: block;
height: 0;
padding-top: 111px;
}
h2#doctors {
position: absolute;
top: 0;
left: 493px;
width: 460px;
height: 82px;
background: #1a78b0 url(/images/ui/infomed-for-doctors.gif) no-repeat;
}
h2#doctors a {
display: block;
width: 244px;
height: 0;
margin-left: 100px;
padding-top: 42px;
overflow: hidden;
}
h2#doctors.doctorsblue {
background: #1a78b0 url(/images/ui/infomed-for-doctors-blue.gif) no-repeat;
}
ul#navbar {
display: none;
}
div#navflash {
position: absolute;
top: 111px;
left: 0;
width: 493px;
height: 487px;
background: #1a78b0;
}
p#navflash object {
width: 493px;
height: 487px;
}
a:link, a:visited {
color: #f10;
text-decoration: underline;
}
.sitecontainer {
position: relative;
top: 0;
left: 0;
margin: 0 auto;
width: 953px;
height: 598px;
text-align: left;
border: 1px solid #000;
}
.contentcontainer {
position: absolute;
top: 82px;
left: 493px;
width: 435px;
height: 508px;
margin: 0;
padding: 4px 12px;
overflow: auto;
border-left: 1px solid #404040;
font-weight: normal;
}
.contentcontainer.doctors {
padding-top: 16px;
height: 496px;
}
.contentcontainer p {
padding-bottom: .5em;
}
.contentcontainer h3 {
font-size: 1em;
color: #f10;
margin: .5em 0 0;
}
.contentcontainer ul, .contentcontainer ol {
margin: .5em 8px .5em 21px;
padding: 0;
}
.contentcontainer ul li, .contentcontainer ol li {
padding-bottom: .5em;
}
object, embed {
background: #1a78b0;
}
/* PAGE CONTENT */
/* intro */
.intro {
position: relative;
background: url(/images/content/intro-bg.gif) left bottom no-repeat;
overflow: hidden;
}
.intro p {
position: relative;
width: 221px;
height: 0;
margin: 0;
padding-top: 209px;
padding-bottom: 0;
background: url(/images/content/infomed-measure-success.gif) no-repeat;
overflow: hidden;
}
/* what */
.what {
background: #143190;
color: #fff;
}
.what h2 {
width: 130px;
height: 0;
padding-top: 15px;
margin: .75em 0;
background: url(/images/titles/what.gif) no-repeat;
overflow: hidden;
}
/* how */
.how h2 {
width: 215px;
height: 0;
padding-top: 15px;
margin: .75em 0;
background: url(/images/titles/how.gif) no-repeat;
overflow: hidden;
}
/* reasons */
.reasons h2 {
width: 240px;
height: 0;
padding-top: 61px;
margin: .75em 0;
background: url(/images/titles/reasons.gif) no-repeat;
overflow: hidden;
}
/* services */
.services h2 {
width: 255px;
height: 0;
padding-top: 15px;
margin: .75em 0;
background: url(/images/titles/services.gif) no-repeat;
overflow: hidden;
}
/* audience */
.audience h2 {
width: 222px;
height: 0;
padding-top: 15px;
margin: .75em 0;
background: url(/images/titles/audience.gif) no-repeat;
overflow: hidden;
}
/* contact */
.contact {
background: url(/images/content/contact-bg.gif) left bottom no-repeat;
}
.contact h2 {
width: 59px;
height: 0;
padding-top: 15px;
margin: .75em 0;
background: url(/images/titles/contact.gif) no-repeat;
overflow: hidden;
}
/* contact form */
.contactform {
background: url(/images/content/intro-bg.gif) left bottom no-repeat;
}
.contactform h2 {
width: 146px;
height: 0;
padding-top: 18px;
margin: .75em 0 .25em;
background: url(/images/titles/contact_form.gif) no-repeat;
overflow: hidden;
}
.contactform dt {
position: relative;
float: left;
width: 120px;
clear: left;
padding-top: 4px;
font-weight: bold;
margin: 0 -3px 0 0;
}
.contactform dd {
margin: 0 0 0;
float: left;
width: 280px;
padding: 0 8px;
}
/* ie 3px jog fix \*/
* html .contactform dd {
height: 1%;
}
/* end fix */
.contactform dd.submitform {
margin: .5em 0 0;
padding-left: 124px;
}
.contactform dd input.text {
border: 1px solid #000;
margin-top: .25em;
}
.contactform dd.error input.text {
border: 1px solid #c00;
}
.contactform dd.error {
background: #fcc;
}