/* defaults, globals, and miscellaneous
==============================================================================*/
body, h1, h2, h3, p, #header, #content, #menu { margin: 0; padding: 0; }

html { color: #000; overflow-y: scroll; }
body { text-align: center; font-family: verdana, arial, sans-serif; font-size: 76%; color: #000; border: 0; background: #ffdecd; }
h3, p { margin: 15px 0; }
h3 { color: #994826; font-style: italic; font-weight: bold; font-size: 1em; }
p { font-size: 1em; }
img { border: none; }
hr { display: none; }
address { font-weight: bold; font-style: normal; margin-bottom: 15px; }
a { outline: none; }
a, a:visited { color: maroon; }
a:hover { text-decoration: none; }
#skipLink { display: none; }
.clearHack { display: block; visibility: hidden; clear: both; height: 0; }
.person { color: #994826; font-weight: bold; }
.note { color: Highlight; }
.lineaintima { position: relative; bottom: 30px; margin: 75px auto 0 auto; width: 98px; height: 20px; background: url(../images/Linea.Intima.Content.Logo.gif); }
.center { text-align: center; }

/* image replacement
==============================================================================*/
.ir { position: relative; text-indent: -9999px; overflow: hidden; }
.ir em { display: block; position: absolute; left: 0; background-color: #fff3e9; }

.irLineaintima { padding-right: 7px; }
.irLineaintima em { width: 98px; height: 20px; background: #fff3e9 url(../images/Linea.Intima.Content.Logo.gif) no-repeat; top: -3px; }

.irLineaintimaSmall { font-size: 0.7em; padding-right: 11px; }
.irLineaintimaSmall em { width: 76px; height: 16px; background: #fff3e9 url(../images/Linea.Intima.Content.Logo.S.gif) no-repeat; top: -3px; }

.ir80 { padding-right: 4px; }
.ir80 em { width: 34px; height: 15px; background: url(../images/80.gif) no-repeat; top: 1px; }

.irBackPain { font-size: 0.9em; padding-right: 2px; }
.irBackPain em { width: 217px; height: 17px; background: url(../images/Reduce.backpain.gif) no-repeat; top: -1px; }

.irExpert { font-size: 0.9em; padding-right: 2px; }
.irExpert em { width: 45px; height: 17px; background: url(../images/Expert.gif) no-repeat; top: 0; }

/* page title image replacement
==============================================================================*/
h2 { position: relative; text-indent: -9999px; overflow: hidden; height: 33px; padding: 15px 0 0 0; }
h2 em { display: block; position: absolute; height: 33px; top: 15px; left: 0; background-color: #fff3e9; }

/* site id and utility links
==============================================================================*/
h1 { position: relative; height: 107px; background: url(../images/Header.jpg) no-repeat; }
h1 a { display: block; position: absolute; top: 0; width: 290px; height: 107px; text-indent: -9999px; overflow: hidden; }
.flashHeader { position: absolute; top: 0; left: 0; margin-left: 218px; }
.flashHeader object { float: left; margin-left: 402px; }
.flashHeader img { float: left; }

/* layout setup
==============================================================================*/
#container { margin: 0 auto; width: 780px; text-align: left; }
#content { position: relative; padding: 0 10px 0 30px; width: 740px; min-height: 346px; text-align: left; background: url(../images/BG.gif) repeat-y; color: #000; font: 1.1em Verdana; line-height: 1.35em; }

/* top-level navigation
==============================================================================*/
#menu { position: relative; margin: 0; padding: 0; width: 780px; height: 29px; background: #ffdecd; }
#menu li { height: 29px; position: absolute; top: 0; background: url(../images/nav.gif) 0 0 no-repeat; display: block; list-style: none; }
#menu a { height: 29px; display: block; text-indent: -9999px; text-decoration: none; }
#menu #home { left: 0; width: 106px; }
#menu #bra { left: 106px; width: 151px; background-position: -106px 0; }
#menu #tips { left: 257px; width: 180px; background-position: -257px 0; }
#menu #news { left: 437px; width: 179px; background-position: -437px 0; }
#menu #contact { left: 616px; width: 164px; background-position: -616px 0; }

#menu #home a:hover { background: url(../images/nav.gif) 0 -29px no-repeat; }
#menu #bra a:hover { background: url(../images/nav.gif) -106px -29px no-repeat; }
#menu #tips a:hover { background: url(../images/nav.gif) -257px -29px no-repeat; }
#menu #news a:hover { background: url(../images/nav.gif) -437px -29px no-repeat; }
#menu #contact a:hover { background: url(../images/nav.gif) -616px -29px no-repeat; }

/* footer
==============================================================================*/
#footer { position: absolute; width: 778px; height: 207px; background: #ffc5ac url(../images/Bottom.Contact.BG.gif) no-repeat 0 0; border: solid 1px #000; }
#footer .newsletter { position: relative; top:24px; height: 99px; background: url(../images/Newsletter.gif) no-repeat; }
a.newsletter { display: block; position: absolute; float: right; top: 14px; right: 10px; width: 175px; height: 75px; text-indent: -5000px; overflow: hidden; }
#mininav { position: absolute; top: 13px; left: 450px; width: 67px; height: 29px; background: #ffc5ac url(../images/GoTo.gif) no-repeat 0 0; }
#mininav ul { list-style: none; display: block; position: relative; float: left; top: 27px; left: -40px; padding: 0 5px; margin: 0; font: 0.9em Verdana; }
#mininav a { color: #000; }
#mininav ul li { position: absolute; }
#mininav #A1 { top: 0; left: 0; width: 72px; }
#mininav #A2 { top: 20px; left: 0; width: 72px; }
#mininav #A3 { top: 40px; left: 0; width: 72px; }
#mininav #A4 { top: 0; left: 85px; width: 71px; }
#mininav #A5 { top: 20px; left: 85px; width: 71px; }
#mininav #A6 { top: 40px; left: 85px; width: 71px; }
#mininav #A7 { top: 60px; left: 0; width: 115px; }
#footer .footerImages { position: relative; height: 47px; background: url(../images/footerImages.gif) no-repeat 50% 5px; }
.footerImages { display: block; position: absolute; width: 100%; height: 47px; text-indent: -5000px; overflow: hidden; margin: 25px auto 15px auto; border-top: solid 1px #000; }
.legal { color: #000; font: 0.8em Verdana; width: 100%; margin: 0; text-align: center; }
.legal a { color: #000; }