* { margin: 0; padding: 0;}
body { background-color: #e3e2e2; color: #666; font-family: Helvetica, Arial, sans-serif; font-size: 62.5%;}
/* 
navigation place holders Menu2
---------------------------------------- */
body.home #menu2 li.home a,
body.FAQs #menu2 li.FAQs a,
body.contact #menu2 li.contact a,
body.research #menu2 li.research a,
body.gallery #menu2 li.gallery a,
body.testimonials #menu2 li.testimonials a
{ background-color : #fff; color : #0068ac;}

/* 
navigation place holders Menu1 "Questions"
---------------------------------------- */
body.whyShouldIGetBraces #menu1 li.whyShouldIGetBraces a,
body.whatMakesDamonDifferent #menu1 li.whatMakesDamonDifferent a,
body.whoCanWearDamonBraces #menu1 li.whoCanWearDamonBraces a,
body.howLongDoesTreatmentLast #menu1 li.howLongDoesTreatmentLast a,
body.willBracesHurt #menu1 li.willBracesHurt a,
body.willINeedToHaveTeethPulled #menu1 li.willINeedToHaveTeethPulled a,
body.willINeedHeadgearOrExpanders #menu1 li.willINeedHeadgearOrExpanders a,
body.howDoIGetDamonBraces #menu1 li.howDoIGetDamonBraces a
{ background-color : transparent; color : #666; text-decoration: none;}

p { font-size: 1.2em; line-height: 1.4em; margin: .5em 0 1em 0; text-align: left;}

a:link { color: #0068ac;}
a:visited { color: #0068ac;}
a:hover { color: #0991d0; text-decoration: none;}
a:active { color: #0068ac;}

img.nb { border: none;}

/* container
---------------------------------------- */
#container { background-image: url(../images/template/dropShadow.jpg); background-repeat: repeat-y; margin: 0 auto; width: 778px;}

/* wrap
---------------------------------------- */
#wrap { float: left; padding: 0 0 0 4px; width: 770px;}

/* top level navigation
---------------------------------------- */
#menu2 { float: left; background-color: #0068ac; width: 770px;}
#menu2 ul { float: right; font-size: 1.1em; text-transform: uppercase;}
#menu2 li { float: left; list-style: none; border-left: 1px solid #fff; width: 9em;}
#menu2 li.noBorder { border-left: 1px solid #fff;}
#menu2 li a { background-color: #0068ac; display: block; padding: .5em 0 .3em; font-weight: bold; text-align: center;}
#menu2 a:link { color: #FFF; text-decoration: none;}
#menu2 a:visited { color: #FFF; text-decoration: none;}
#menu2 a:hover { background-color: #0991d0; color: #FFF; text-decoration: none;}
#menu2 a:active { color: #FFF; text-decoration: none;}

/* header
---------------------------------------- */
#header { font-size: 0;}
#header h1 { display: none;}
#header h2 { display: none;}
#header img { border: none;}

/* columns
---------------------------------------- */
#column1 { background-image:  url("../images/template/gradient.jpg"); background-position: top; background-repeat: no-repeat; float: left; width: 265px;}

/* menu1
---------------------------------------- */
#menu1 ol { list-style: none; padding: .5em 1em 2em 1em;}
#menu1 li { padding: 1em 0 .5em;}
#menu1 a { color: #0068ac; font-size: 1.4em; font-weight: bold;}
#menu1 a:link { color: #0068ac;}
#menu1 a:visited { color: #0068ac;}
#menu1 a:hover { color: #0991d0; text-decoration: none;}
#menu1 a:active { color: #0068ac;}

/* finder a doctor form 
---------------------------------------- */
#docFinderTopGraphic { background-image:  url("/images/boxGraphics/finderG01.gif"); background-repeat: no-repeat; font-size: 0; height: 7px; margin: 0 5px; width: 255px;}
#docFinder { background-color: #0068ac; margin: 0 5px; width: 255px; text-align: center;}
#docFinder h3 { color: #FFF; font-size: 1.2em; margin: 0 0 .3em 0;}
#docFinder .button { font-size: .9em; margin: 2px 0;}
#docFinder a { color: #fff;}
#docFinder table { margin: 0 0 2px 0; width: 100%; padding: 0 5px;}
#docFinder .textBox, #docFinder .dropDownBox { font-size: .9em;}
#docFinderBottomGraphic { background-image:  url("/images/boxGraphics/finderG02.gif"); background-repeat: no-repeat; font-size: 0; height: 7px; margin: 0 5px; width: 255px;}

/* testimonials
---------------------------------------- */
#testimonials { float: left; text-align: left; width: 265px;}
#testimonials blockquote { background:  url("../images/interiorPages/blockquotes.gif") 5px top no-repeat; padding: .5em 1.2em 10px 1.5em;}
#testimonials blockquote.close { background:  url("../images/interiorPages/blockquotesClose.gif") 190px bottom no-repeat;}
#testimonials blockquote p { color: #666; font-size: 1.3em; font-weight: bold; line-height: 1.5em; margin: 1em 1.2em 0 1.2em; text-align: left;}
#testimonials blockquote p img { float: left; padding: 0 .5em 0 0;}
#testimonials blockquote h4 { font-size: 1.2em; font-weight: lighter; margin: 0 1.5em 0 0; text-align: right;}
#testimonials blockquote h6 { color: #999; font-size: .9em; font-weight: lighter; margin: 0 1.8em 0 0; text-align: right;}

/* video
---------------------------------------- */
#video { float: left; text-align: center; width: 265px;}
#video img { border: 1px solid #ccc; padding: .5em; margin: 0 0 .5em 0;}
#video h6 { font-size: 1em;}

/* video2 
---------------------------------------- */
#video2 { text-align: center; width: 255px;}
#video2 img { border: none; padding: 1.5em 0 .3em 0;}
#video2 h6 { font-size: 1em;}

/* column2 
---------------------------------------- */
#column2 { float: left; width: 505px;}

/* content
---------------------------------------- */
#content { padding: 20px 20px 0 20px; width: 465px;}	
#content h1 { color: #0068ac; font-size: 1.8em; margin: 0 0 1em 0;}
#content h2 { color: #0068ac; font-size: 1.6em; line-height: 1.2em; margin: 1em 0 0 0;}
#content h3 { color: #0068ac; font-size: 1.4em; line-height: 1.2em; margin: 1em 0 .2em;}
#content h3.errorFinderPage { background: #f7f6f6; border: 1px solid #00a1e4; color: #cc0000; padding: 1em; text-align: center;}
#content h4 { color: #0068ac; float: right; font-size: 1.1em; margin: 2em 0 0; text-align: center; width: 100%;}
#content h4.back { text-align: left; margin: -1em 0 1em 0; float: none;}
#content h6 { font-size: .9em; font-weight: lighter;}
#content p { font-size: 1.2em; line-height: 1.4em; margin: .5em 0 1em 0; text-align: left;}
#content ul { font-size: 1.2em; margin: -.5em 2em 1em; text-align: left;}
#content li { line-height: 1.2em; margin: 1em;}
#content li strong { color:#0068ac; font-weight: bold;}
#content ol { font-size:1.2em;}

#content table { font-size: 1.2em; width: 100%;}
#content table td { text-align: left; vertical-align: top; padding: 5px; border-bottom: 1px solid #ccc;}
#content table td.width315 { width: 315px;}
#content table td.width315 img { margin: 0 0 .5em 0;}
#content table td.width190 { width: 190px;}

#content table.titles td { background: #00a1e4; color: #fff; font-weight: bold; font-size: 1.2em;}
#content table td.docsInfoTitle { width: 310px;}
#content table td.mapDistance { width: 195px;}


/* contentHomepage
---------------------------------------- */
#content h1.homepage { font-size: 2.3em; margin: 0 0 .5em 0;}
#content h2.homepage { color: #666; font-size: 1.5em; font-weight: normal; margin: 0;}
#content ul.homepage { margin: 0;}
#content li.homepage { font-size: 1.5em; margin: .5em 1em;}
#content dl { font-size: 1.2em;}
#content dt { color: #0068ac; font-weight: bold; margin: .8em 0 0;}
#content dd { line-height: 1.4em; margin: .2em 0 1em;}
#content input,textarea { border: 1px solid #2e9dd6;}
#content .submit { background-color: #0068ac; border: none; color: #fff; cursor: pointer; font-weight: bold; padding: .2em;}
#content img.center { margin: 0 82px;}
#content img.bracketAnimation { padding: 0 0 0 15px;}

/* content finder a doctor form
---------------------------------------- */
#content .finderTopGraphic { background-image:  url("../images/boxGraphics/finderG01.gif"); background-repeat: no-repeat; font-size: 0; height: 7px; margin: 0 5px; width: 255px;}
#content .findADoctor { background-color: #0068ac; margin: 0 5px; width: 255px; text-align: center;}
#content .findADoctor h3 { color: #FFF; display: inline; margin: 0 0 .5em 0;}
#content .findADoctor .button { margin: 0 0 0 3px;}
#content .finderBottomGraphic { background-image:  url("../images/boxGraphics/finderG02.gif"); background-repeat: no-repeat; font-size: 0; height: 7px; margin: 0 5px; width: 255px;}
#content label { font-size: 1.4em; font-weight: bold; color: #FFF; margin: 0 0 .5em 0;}

/* blockquote
---------------------------------------- */
#content blockquote { background:  url("../images/interiorPages/blockquotes.gif") 5px top no-repeat; float: right; padding: 0 0 10px 10px; width: 240px;}
#content blockquote.close { background:  url("../images/interiorPages/blockquotesClose.gif") 195px bottom no-repeat;}
#content blockquote p { color: #0068ac; font-size: 1.4em; font-weight: bold; line-height: 1.6em; margin: 1em 0 0 1.5em; text-align: left;}
#content blockquote h4 { font-size: 1.2em; font-weight: lighter; margin: .5em 0 0 0; text-align: left;}
#content .patients  { float: left; width: 445px;}
#content .patients blockquote { background:  url("../images/interiorPages/blockquotes.gif") 5px top no-repeat; float: right; padding: 0 0 10px 10px; width: 100%;}
#content .patients blockquote.close { background:  url("../images/interiorPages/blockquotesClose.gif") 390px bottom no-repeat;}
#content .patients blockquote p img { float: left; padding: 0 .5em 0 2.5em;}
#content .patients blockquote p { color: #666; font-size: 1.2em; font-weight: bold; line-height: 1.4em; margin: 1em 0 0 1.5em; text-align: left;}
#content .patients blockquote h4 { color: #666; font-size: 1.2em; font-weight: lighter; margin: .5em 0 0 0; text-align: right;}
#content .patients blockquote h6 { text-align: right;}

/* contact
---------------------------------------- */
#contact dt { font-weight: bold;}
#contact dd { margin: 0;}

/* gallery
---------------------------------------- */
#gallery { text-align: center;}
#gallery img { padding: .65em;}
#gallery h3 { font-weight: bold; margin: 0;}

/* imgbox
---------------------------------------- */
#imgbox { float: right; margin: 0 0 0 20px; width: 200px;}
#imgbox img { margin: 0;}
#imgbox p { color: #0068ac; font-size: 1.1em; margin: .5em 0; text-align: left;}
#imgbox p span { font-weight: bold; padding: 0 0 0 3em;}
#imgbox p span.final { font-style: normal; padding: 0 0 0 4em;}
#imgbox p span.time { margin: 0; padding: 0;}

/* advertisement
---------------------------------------- */
#advertisement { float: left; width: 770px;}

/* lowerContainerGraphic
---------------------------------------- */
#lowerContainerGraphic { background-image: url(../images/ads/778x10NoAd.gif); clear: both; font-size: 0; height: 15px; width: 778px;}

/* lowerContainerGraphicHomepage
---------------------------------------- */
#lowerContainerGraphicHomepage01 { background-image: url(../images/bgModelImgMain/bglowerContainerMain01.jpg); clear: both; font-size: 0; height: 15px; width: 778px;}
#lowerContainerGraphicHomepage02 { background-image: url(../images/bgModelImgMain/bglowerContainerMain02.jpg); clear: both; font-size: 0; height: 15px; width: 778px;}
#lowerContainerGraphicHomepage03 { background-image: url(../images/bgModelImgMain/bglowerContainerMain03.jpg); clear: both; font-size: 0; height: 15px; width: 778px;}
#lowerContainerGraphicHomepage04 { background-image: url(../images/bgModelImgMain/bglowerContainerMain04.jpg); clear: both; font-size: 0; height: 15px; width: 778px;}
#lowerContainerGraphicHomepage05 { background-image: url(../images/bgModelImgMain/bglowerContainerMain05.jpg); clear: both; font-size: 0; height: 15px; width: 778px;}

#map h3 { text-align: center;}

/* footer
---------------------------------------- */
#footer { margin: 0 auto; width: 778px; text-align: center;}
#footer p { font-size: 9px; padding: 5px 0; text-align: center;}
#footer a:hover { color: #0991d0; text-decoration: none;}

/* special divs and classes
---------------------------------------- */
.clearthis { clear: both;} /* (this is the code you will use) <div class="clearthis"><!-- this div is not floated and its clear property is set to both --></div> */
img.icons { float: left; margin: -1px 3px 0 0; border: none;}