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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
border: 0;
margin: 0;
padding: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
}
body {
background: #D5ECFE url(images/layout/home-bg.gif) repeat-x;
margin: 0px;
padding: 0px;
font-size: 12px;
}
h2 {
font-family: "Times New Roman", Times, serif;
color: #3483d0;
font-size: 18px;
font-weight: bold;
}
h3 {
margin: 0px 0px 20px 0px;
font-weight: bold;
font-size: 14px;
}
h3 a:visited {
color: #1874cd
}
h3 a:hover {
color: #0087ff;
}
h4 {
font-weight: bold;
color: #00355e
}
strong {
font-weight: bold;
}
div,ul {
font-family: Arial, Helvetica, sans-serif;
}
a {
color: #1874cd
}
a:visited {
color: #430096
}
a.noVisited:visited {
color: #1874cd
}
a:hover,a.noVisited:hover {
color: #0087ff;
}
img {
border-width: 0px;
}
#container {
margin: 0pt auto 50px;
position: relative;
width: 797px;
}
#intro {
background: transparent url(images/layout/glk_logo.gif) no-repeat scroll
left top;
padding: 1px;
position: relative;
z-index: 20;
}
#pageHeader {
text-align: right;
height: 100px;
}
#pageHeader h1 {
display: inline;
height: 0pt;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 0pt;
}
.homeLink {
display: block;
width: 290px;
height: 200px;
position: absolute;
text-decoration: none;
}
#pageHeader #topMenu {
margin: 66px 0px 0px 0px;
padding: 0px;
list-style-type: none;
float: right;
font-size: 14px;
font-family: "Arial Narrow" Verdana, Arial, Helvetica, sans-serif;
}
#pageHeader #topMenu li {
float: left;
text-transform: uppercase;
padding: 0px 10px;
border-right: solid 1px black;
}
#pageHeader #topMenu li.last {
border: none;
padding-right: 0px;
}
#pageHeader #topMenu li a {
color: #43a0ff;
text-decoration: none;
}
#pageHeader #topMenu li a:hover {
color: #007ff0;
text-decoration: underline;
}
#splashBlock {
background-color: white;
border: solid black 9px;
padding: 10px;
position: relative;
}
/* Navigation ------------------------------------------------------------------- */
#nav {
width: 187px;
height: 299px;
background-color: #9e9a8f;
padding: 9px 0px 9px 0px;
list-style-type: none;
font: 13px Arial;
position: relative;
z-index: 5;
}
#nav li {
position: relative;
float: left;
width: 178px;
background-color: #9e9a8f;
padding-left: 9px;
}
#about_our_office {
z-index: 100
}
#about_orthodontics {
z-index: 95
}
#braces_101 {
z-index: 90
}
#orthodontics_technologies {
z-index: 85
}
#emergency_care {
z-index: 80
}
#faq {
z-index: 75
}
#the_game_room {
z-index: 70
}
#contact_us {
z-index: 65
}
#home {
z-index: 60
}
#nav li a {
display: block;
width: 169px;
padding: 8px 0px 9px 0px;
color: white;
text-decoration: none;
background: url(images/layout/dot.gif) repeat-x bottom left;
}
#nav li.last a {
background: none;
}
#nav li a:hover,#nav li:hover a,#nav li.sfhover a {
color: black;
}
#nav li ul {
left: 186px;
top: 0px;
position: absolute;
visibility: hidden;
display: block;
background: white none repeat scroll 0%;
color: #071E68;
font-size: 12px;
border: solid 1px white;
position: absolute;
list-style-type: none;
}
#nav li ul li {
float: none;
width: auto;
padding: 0px;
}
#nav li:hover ul,#nav li.sfhover ul {
visibility: visible
}
#nav li ul li a,#nav li ul li a {
display: block;
background: #ddf0ff none no-repeat;
padding: 10px 10px;
width: 150px;
color: #000033
}
#nav li ul li a:hover,#nav li ul li a:hover {
background: #3483d0 none no-repeat;
color: white
}
sup {
vertical-align: baseline;
font-size: 90%;
position: relative;
top: -5px;
}
/* Current navigation highlight ----------------------------------------------- */
#nav li a.current {
color: black;
cursor: default;
}
#nav li ul li a.current {
color: black;
cursor: pointer;
}
#nav li ul li a.current:hover {
color: white;
cursor: pointer;
}
/* Site map ------------------------------------------------------------------- */
#map li {
padding-bottom: 6px;
}
#map li ul li {
padding-bottom: 0px;
}
#map li ul {
margin-bottom: 0px;
font-size: 11px;
}
#map sup {
vertical-align: baseline;
font-size: 90%;
position: relative;
top: -5px;
}
/* -------------------------------------------------------------------------- */
#flash-home,#visual {
position: absolute;
top: 0px;
right: 0px;
width: 560px;
height: 317px;
background-color: white;
background-repeat: no-repeat;
}
#visual h1 {
background-repeat: no-repeat;
height: 57px;
width: 560px;
position: relative;
top: 250px;
overflow: hidden;
text-indent: -999em;
behavior: url(hm_iepngfix.htc);
}
.corners {
clear: both;
position: relative;
width: 100%;
}
.corners:after {
content: ".";
height: 0px;
display: block;
clear: both;
visibility: hidden;
}
.corner {
position: absolute;
width: 33px;
height: 33px;
}
#corner_tl {
top: -12px;
left: -12px;
}
#corner_tr {
top: -12px;
right: -12px;
}
#corner_br {
bottom: -12px;
right: -12px;
}
#corner_bl {
bottom: -12px;
left: -12px;
}
/* Content Block ---------------------------------------------------------------------*/
#contentBlock {
clear: both;
position: relative;
z-index: 10;
width: 100%;
margin-top: 10px;
}
#contentBlock .leftColumn,#contentBlock .leftColumnInner {
width: 185px;
position: absolute;
top: 0px;
left: 0px;
padding: 10px 0px 10px 20px;
}
#contentBlock .rightColumn {
margin: 0px 0px 10px 209px;
padding: 4px 0px 6px 22px;
background: url(images/layout/dot_vertical.gif) repeat-y;
}
#contentBlock .rightColumn p {
font-size: 12px;
margin: 0px 0px 20px 0px;
line-height: 1.5em;
}
.mb0 {
margin-bottom: 0px !important
}
.personList {
list-style-type: none;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
.rightColumn .personList {
list-style-type: disc
}
.personList li {
padding: 0px 0px 2px 0px;
white-space: nowrap
}
.personList li a,.personList li a:visited {
text-decoration: none;
font-weight: bold;
color: #3483d0;
}
.personList li a:hover {
color: #4ba6ff;
text-decoration: underline;
}
/* Patient Forms ------------------------------------------------------------------------*/
.downloadList {
float: right;
background-color: #bddcf4;
width: 240px;
margin: 0px 0px 6px 10px;
color: #445c70;
}
.downloadList h3 {
background-color: #79b0db;
padding: 6px 10px;
color: white
}
.downloadList p {
padding: 0px 10px 0px 10px;
}
.downloadList ul {
padding: 0px 10px 2px 16px;
}
.downloadList ul li {
margin-bottom: 6px;
}
.downloadList a,.downloadList a:visited {
color: #001025;
}
.downloadList a:hover {
color: #349beb;
}
/* --------------------------------------------------------------------------------------*/
.address {
margin: 18px 0px;
}
/* -- Inner Page */
.innerPage {
min-height: 200px;
height: auto !important;
height: 200px;
}
.innerPage h2 {
margin-bottom: 10px;
clear: left;
}
.innerPage h3 {
margin-bottom: 6px;
clear: left;
}
.innerPage em {
font-style: italic;
}
.innerPage ul {
margin: 0px 0px 14px 16px;
line-height: 1.5em;
}
.innerPage ol {
margin: 0px 0px 14px 22px;
line-height: 1.5em;
}
#contentBlock .rightColumn .innerPage p {
margin-bottom: 14px
}
.borderedImg,.borderedLeftImg {
border: solid 1px #35271e;
float: right;
clear: both;
margin: 0px 0px 6px 10px;
}
.borderedLeftImg {
float: left;
margin: 0px 10px 6px 0px;
}
.brownBorder {
border: solid 1px #35271e;
}
/* Footer -------------------------------------------------------------------------------*/
#footer {
background: url(images/layout/dot_horizontal.gif) repeat-x;
text-align: center;
padding-top: 30px;
}
#footer #name {
color: #3483d2;
font-weight: bold;
}
#footer p {
margin: 20px 0px;
}
#footer p a {
color: black;
text-decoration: none;
}
#footer a {
color: #42a4ff;
text-decoration: none;
}
#footer p a:hover,#footer a:hover {
color: #007ff0;
text-decoration: underline;
}
/* Built In classes ----------------------------------------------------------------------*/
.left {
float: left;
margin: 0 10px 10px 0;
}
#flash-common-treatments {
margin-bottom: 1px;
}
dl.logos,dl.logos dt,dl.logos dd {
list-style: none;
margin: 0;
padding: 0;
}
dl.logos {
margin-bottom: 0px;
padding: 10px;
}
dl.logos dd {
margin: 0;
padding: 10px 0 0 0;
width: 70%;
}
dl.logos span {
font-weight: bold;
}
/*for suresmyle.php*/
.innerPage h3 {
clear: none;
}
.clear {
clear: both;
}
h3.media-center {
background: #000033;
color: #FFF;
margin: 0;
padding: 5px;
}
div.media-center {
background: #336699;
color: #FFF;
display: inline-block;
margin-bottom: 10px;
overflow: auto;
padding: 10px;
width: 546px;
}
div.media-center a {
color: #FFF;
}
div.media-center img {
border: 1px solid #FFF;
}
/*for the_game_room.php*/
div#sesame-game {
background: #000;
line-height: 0;
margin: 10px auto;
text-align: center;
width: 400px;
}
ul#sesame-games {
list-style: none;
margin: 0;
padding: 0
}
ul#sesame-games li {
clear: both;
display: block
}
ul#sesame-games img {
border: 0;
margin: 0 0 10px 10px
}
ul#sesame-games a.button {
float: right;
height: 85px;
width: 200px
}
ul#sesame-games p {
padding-bottom: 1em
}
h2 a:visited {
color: #1874cd
}
h2 a:hover {
color: #0087ff;
}
ul.faq {
list-style:none;
}
/* ie png bug fix */
#visual h1 {
behavior: url(hm_iepngfix.htc);
}
/* suresmile */
p.small {
font-size: 10px;}
img.photo {
border: solid 1px #000;
float: right;
margin: 0 0 15px 15px;}
div.learn-more {
background-color: #fff;
color: #036;
width: 50%;
border: solid 1px #fff;
padding: 0;
margin: 15px 18px 15px 15px;
float: right;}
div.learn-more a {color: #036;}
.learn-more h3 {
background-color: #97AFC2;
color: #fff;
margin: 0 0 10px 0;
padding: 10px;}
.learn-more p {
padding: 0;
margin: 0 0 10px 0;}
.clear {clear: both;}
#flash-suresmile-pt-testimonial {
margin: 15px auto;
width: 320px;
height: 206px;
border: solid 1px #ccc;}