/* CSS Reset v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; font-family: Arial; font-size: 12px; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

body { background: url(../img/bg.gif) repeat-x; }

#container { margin: 0 auto; width: 546px; }

#header { color: #FFF; height: 15px; padding: 10px 0; }
#header a { color: #FFF; }
#header img { float: left; }

#headerHome { background: url(../img/header_home.gif) 0 0 no-repeat; display: block; float: left; height: 15px; line-height: 15px; width: 134px; }
#headerHome:hover { background: url(../img/header_home.gif) 0 -16px no-repeat; }

#content {  background: url(../img/content_bg.gif) no-repeat #FFF; padding-top: 3px; width: 546px; }
#content #title { background: #FFF; }
#content #linkButtons { background: url(../img/home_girl_bg.jpg) no-repeat ; height: 365px; margin: 5px auto; padding-top: 10px; width: 520px; }
#content #linkButtons li a { display: block; height: 80px; position: relative; right: -260px; width: 260px; }
#content #linkButton2 { position: relative; top: 10px; }
#content #linkButton3 { position: relative; top: 20px; }
#content #linkButton4 { position: relative; top: 30px; }
#content.pageContent { position: absolute; top: 50px; }

#title { margin: auto; width: 540px; }

#navButtons { margin: auto; width: 526px; }
#navButtons>li { display: block; float: left; height: 41px; margin-left: 2px; position: relative; top: -20px; width: 130px; }
#navButtons>li:first-child { margin-left: 0; }
#navButton1, #navButton2, #navButton3, #navButton4 { display: block; position: absolute; z-index: 1 }
div#navButton1, div#navButton1:hover { background: url(../img/header_what_are_invisible_braces.png) 0 0 no-repeat; }
#navButton1 { background: url(../img/header_what_are_invisible_braces.png) 0 -41px no-repeat; }
#navButton1:hover { background: url(../img/header_what_are_invisible_braces.png) 0 -82px no-repeat; }
div#navButton2, div#navButton2:hover { background: url(../img/header_are_invisible_braces_for_me.png) 0 0 no-repeat; }
#navButton2 { background: url(../img/header_are_invisible_braces_for_me.png) 0 -41px no-repeat; }
#navButton2:hover { background: url(../img/header_are_invisible_braces_for_me.png) 0 -82px no-repeat; }
div#navButton3, div#navButton3:hover { background: url(../img/header_are_invisible_braces_expensive.png) 0 0 no-repeat; }
#navButton3 { background: url(../img/header_are_invisible_braces_expensive.png) 0 -41px no-repeat; }
#navButton3:hover { background: url(../img/header_are_invisible_braces_expensive.png) 0 -82px no-repeat; }
div#navButton4, div#navButton4:hover { background: url(../img/header_contact_us.png) 0 0 no-repeat; }
#navButton4 { background: url(../img/header_contact_us.png) 0 -41px no-repeat; }
#navButton4:hover { background: url(../img/header_contact_us.png) 0 0 no-repeat; }

#contentWrapper { font-family: Arial; height: 400px; margin: auto; overflow: visible; width: 520px; }
#contentWrapper strong, #contentWrapper .highlight { color: #00A8EC; }
#contentWrapper a { color: #E8641B; font-weight: bold; text-decoration: underline; }
#contentWrapper p a:hover { background: #E8641B; color: #FFF; text-decoration: none; }
#contentWrapper h1 { border-bottom: 5px solid #00A8EC; font-size: 1.4em; font-variant: small-caps; font-weight: bold; margin: 1.5em 0 0.3em 0;}
#contentWrapper h2 { font-size: 1.2em; font-variant: small-caps; font-weight: bold; margin: 1.5em 0 0.3em 0;}
#contentWrapper h3 { border-bottom: 2px solid #999; color: #00A8EC; font-size: 1.2em; font-weight: bold; margin: 1.5em 0 0.3em 0;}
#contentWrapper p { color: #999; line-height: 1.3em; margin-bottom: 1em; }
#contentWrapper p.twoImagesPerLine img { margin-left: 52px; }
#contentWrapper p.backToTop { text-align: right; }
#contentWrapper ol { color: #E8641B; font-weight: bold; list-style: decimal; padding: 1em 30px; }
#contentWrapper>ul.aboutUsSubMenu>li { display: inline; font-weight: bold; margin-right: 1em; }
#contentWrapper .sidenote { display: block; float: right; width: 40%; }
#contentWrapper .quote { background: url(../img/quote.png) 0 0 no-repeat; color: #333; font-size: 1.1em; font-weight: bold; padding: 1em 0 0 1em; }
#contentWrapper #meocLogo { background: #fff; float: right; padding-left: 10px; }
#contentWrapper .style25 {font-size: 10px; color: #999; }
#contentWrapper .style25 a {text-decoration: none; color: #999;}
#contentWrapper .style25 a:hover {background: none; color: #999; text-decoration: none;}

#serviceBy { font-size: 10px; text-align: right; }
#serviceBy a { text-decoration: underline; }

#sitemap { float: right; margin: 0 auto; }
#sitemap #sitemapButton { font-weight: bold; cursor: pointer; }
#sitemap>ul { background: #FFF; position: absolute; z-index: 2; }
#sitemap>ul.styled { border: 10px solid #117EA7; padding: 5px; }
#sitemap ul { color: #000; }
#sitemap ul li { color: #000; list-style: square; margin: 5px 15px; }
#sitemap ul li a { color: #00F; }

#sitemap .meocLogoBlue { background: url(../img/meoc_logo_sitemap_blue.gif) 0 2px no-repeat; padding-left: 24px; }
#sitemap .meocLogoWhite { background: url(../img/meoc_logo_sitemap_white.gif) 0 2px no-repeat; padding-left: 24px; }

h3#contactTitle { background: #FFF; border-bottom: 0; color: #333; margin: 0 0 0 8px; padding: 0 2px; position: absolute; text-align: center; width: 7em; z-index: 1; }
form#contactForm { border: 1px solid #DDD; margin: 0 auto; padding: 15px 10px 10px; position: relative; top: 0.5em; }
form#contactForm h4 { font-size: 14px; margin: 0.5em 0 0.2em 0; }
form#contactForm select, form#contactForm input, form#contactForm textarea { border: 1px solid #999; display: block; font-size: 20px; margin: 0 auto 0.2em auto; padding: 0; width: 400px; }
form#contactForm select { line-height: 1.5em; min-height: 1.5em; }
form#contactForm textarea { height: 5em; }