/* CSS Document */
/* HTML, BODY ---------- */
* {margin:0; padding:0;}
body {margin:0; background: url(images/tile.jpg) repeat-y; font-family: Tahoma, Arial, sans-serif; font-size:12px; line-height:16px; color:#165a89;}
p, h2, h3, ul, blockquote {padding-bottom:20px;}
ul, blockquote, ol {padding-left:30px; padding-right:20px;}
a { color:#165a89;}
a:hover {text-decoration:none;}
a img {border-style:none;}
#footer a {padding-right:12px; color:#706f6f;}

#home-video {float: right; padding-left: 20px;}

/* LAYOUT ---------- */
* #wrapfull {width:100%; background:url(images/bg.jpg) no-repeat top center; min-height:660px; height:auto !important; height:660px; padding-top:22px;}
* #wrap {width:753px; margin:0 auto; background:url(images/tile-body.jpg) repeat-y; }
* #bottom {width:753px; background:url(images/bg-bottom.jpg) no-repeat bottom; overflow:hidden;}
* #headerbg {width:753px; background:url(images/bg-header.jpg) no-repeat; }
* #forms {padding:10px; background-color:#FFF; border:1px solid #bab9b9;	width:180px; margin: 10px 10px 10px 10px; float:right; color:#165a89; clear:right;}
#forms h3, #forms a {color:#000}
* #addresses {padding:80px 0 0 59px; width:136px; font-size:11px; line-height:12px; color:#000; float:left;}
* #content {width:490px; padding:20px 20px 20px 0px; float:right;}
* #footer {width:679px; margin:0 auto; padding:10px 15px 20px 59px; font-size:11px; line-height:15px; color:#706f6f; text-align:center; clear:both;}
* #col1 {width:176px; float:left; padding:0;}
* .name {color:#000; font-style:italic; text-align:right;}

/* HEADERS ---------- */
h1 {background-repeat: no-repeat; height: 74px; width:215px; text-indent: -999em; margin: 0; padding:0;}
h2 {color:#fea50b; font-size:12px;}
h3 {font-size:12px; font-style:inherit;}
#addresses h2 {font-size:11px; color:#135d8c; margin:0; padding:0;}
#footer h2 {font-size:12px; color:#135d8c;}
h1#logo {
margin: 0;
padding: 0;
background-repeat: no-repeat; 
width: 529px;/* this width reflects the width of the logo image */
height: 209px; /* this height reflects the height of the heading image */
overflow: hidden; 
text-indent: -999em;} /* hides rich text so only background image shows */

h1#logo a {
display: block; 
height: 209px;/*same height as logo h1*/ 
width: 529px;/*same width as logo h1*/}

/* CLASSES ---------- */
#footer .sesame {color:#212121; font-weight:; }
* .img {border:#bab9b9 1px solid; margin:0 0 10px 10px; float:right;}
* .resources {border:#bab9b9 1px solid; }
* .right {float:right;}
* .left {float:left;}
* .top  {color:#e4a732; font-size:11px; font-weight:bold;}
* .hide {display:none;}
* .flash {width:506px; padding:0px 11px 25px 10px; background:url(images/bg-flash.gif) no-repeat; float:right; margin-right:1px;}
* .flashp {color:#FFF; font-weight:bold; background-image: url(images/1.jpg); text-align:center; padding-bottom:147px;}
* .block {display:block;}
* .listnone {list-style:none;}
* .center {text-align:center;}
* .clear {clear:both;}
* .phone {color:#135d8c;}
* .hours {list-style:none; margin-left:0; margin-right:0; padding-left:0; padding-right:0;}
* .list1 {float:left; margin-left:40px;}
* .list2 {float:left; width:200px;}

/* NAVIGATION ---------- */


/* NAVIGATION MAIN ---------- */
ul#nav {list-style: none; padding: 0; margin:0 0 0 48px; width:176px; }

/*  Sets styles for all links that are inside the ul id="nav" */
#nav a {display: block;height: 34px; overflow: hidden; text-indent:-999em; width:176px}

/* Set the image for each nav item */
* #aboutouroffice {background: url(images/nav-about-our-office.gif); }
* #aboutorthodontics {background: url(images/nav-about-orthodontics.gif); }
* #braces101 {background: url(images/nav-braces-101.gif); }
* #emergencycare {background: url(images/nav-emergency-care.gif); }
* #funandgames {background: url(images/nav-fun-and-games.gif); }
* #contactus {background: url(images/nav-contact-us.gif); }
* #home {background: url(images/nav-home.gif); }
* #treatmentoptions {background: url(images/nav-treatment-options.gif); }

/* Shift the image position up to show the active state */
#nav a:hover, #nav .active, #nav li:hover, #nav li.sfhover, 
#nav li:hover #aboutouroffice, #nav li.sfhover #aboutouroffice, 
#nav li:hover #aboutorthodontics, #nav li.sfhover #aboutorthodontics, 
#nav li:hover #braces101, #nav li.sfhover #braces101, 
#nav li:hover #emergencycare, #nav li.sfhover #emergencycare, 
#nav li:hover #thegameroom, #nav li.sfhover #thegameroom, 
#nav li:hover #home, #nav li.sfhover #home, 
#nav li:hover #treatmentoptions, #nav li.sfhover #treatmentoptions, 
#nav li:hover #contactus, #nav li.sfhover #contactus {background-position:-176px 0pt;}

/* Set the cursor to default arrow so link does not appear clickable */
#nav .active {cursor: default}

/* NAVIGATION SUB ---------- */
ul#sub {list-style: none; padding: 0; margin:0; width:176px; }

/*  Sets styles for all links that are inside the ul id="nav" */
#sub a {display: block;height: 15px; overflow: hidden; text-indent:-999em; width:176px}

/* Set the image for each nav item */
* #meettheorthodontist {background: url(images/nav-meet-the-orthodontist.gif); }
* #meettheteam {background: url(images/nav-meet-the-team.gif); }
* #officetour {background: url(images/nav-office-tour.gif); }
* #officepolicies {background: url(images/nav-office-policies.gif); }
* #whybraces {background: url(images/nav-why-braces.gif); }
* #orthodonticsforchildren {background: url(images/nav-orthodontics-for-children.gif); }
* #orthodonticsforadults {background: url(images/nav-orthodontics-for-adults.gif); }
* #twophasetreatment {background: url(images/nav-two-phase-treatment.gif); }
* #orthodictionary {background: url(images/nav-ortho-dictionary.gif); }
* #frequentlyaskedquestions {background: url(images/nav-frequently-asked-questions.gif); }
* #resources {background: url(images/nav-resources.gif); }
* #typesofappliances {background: url(images/nav-types-of-appliances.gif); }
* #brushingandflossing {background: url(images/nav-brushing-and-flossing.gif); }
* #orthodontictreatments {background: url(images/nav-ortho-treatments.gif); }
* #damonsystem {background: url(images/nav-damon-system.gif); }
* #suresmile {background: url(images/nav-suresmile.gif); }
* #surgicalorthodontics {background: url(images/nav-surgical-orthodontics.gif); }
* #sleepapnea {background: url(images/nav-sleep-apnea.gif); }
* #tmjtmd {background: url(images/nav-tmj-tmd.gif); }
* #location {background: url(images/nav-location.gif); }
* #commentform {background: url(images/nav-comment-form.gif); }
* #referafriend {background: url(images/nav-refer-a-friend.gif); }
* #appointmentrequest {background: url(images/nav-appointment-request.gif); }
* #testimonials {background: url(images/nav-testimonials.gif); }
* #eventsandspecialvideos {background: url(images/nav-events-and-special-videos.gif); }

/* Shift the image position up to show the active state */
#sub a:hover, #sub .active, #sub li:hover, #.sub li.sfhover, 
#sub li:hover #meettheorthodontist, #sub li.sfhover #meettheorthodontist, 
#sub li:hover #meettheteam, #sub li.sfhover #meettheteam, 
#sub li:hover #officetour, #sub li.sfhover #officetour, 
#sub li:hover #officepolicies, #.sub li.sfhover #officepolicies, 
#sub li:hover #whybraces, #sub li.sfhover #whybraces, 
#sub li:hover #orthodonticsforchildren, #sub li.sfhover #orthodonticsforchildren, 
#sub li:hover #orthodonticsforadults, #sub li.sfhover #orthodonticsforadults, 
#sub li:hover #orthodictionary, #sub li.sfhover #orthodictionary, 
#sub li:hover #frequentlyaskedquestions, #sub li.sfhover #frequentlyaskedquestions, 
#sub li:hover #resources, #sub li.sfhover #resources, 
#sub li:hover #typesofappliances, #sub li.sfhover #typesofappliances, 
#sub li:hover #brushingandflossing, #sub li.sfhover #brushingandflossing, 
#sub li:hover #testimonials, #sub li.sfhover #testimonials, 
#sub li:hover #orthodontictreatments, #sub li.sfhover #orthodontictreatments, 
#sub li:hover #damonsystem, #sub li.sfhover #damonsystem, 
#sub li:hover #suresmile, #sub li.sfhover #suresmile, 
#sub li:hover #surgicalorthodontics, #sub li.sfhover #surgicalorthodontics, 
#sub li:hover #sleepapnea, #sub li.sfhover #sleepapnea, 
#sub li:hover #tmjtmd, #sub li.sfhover #tmjtmd, 
#sub li:hover #location, #sub li.sfhover #location, 
#sub li:hover #commentform, #sub li.sfhover #commentform, 
#sub li:hover #referafriend, #sub li.sfhover #referafriend, 
#sub li:hover #appointmentrequest, #sub li.sfhover #appointmentrequest, 
#sub li:hover #twophasetreatment, #sub li.sfhover #twophasetreatment {background-position:-176px 0pt;}

/* Set the cursor to default arrow so link does not appear clickable */
#sub .active {cursor: default}

/* LOGINS NAV ITEMS ---------- */

ul#logins {height: 17px; width:257px; list-style: none; padding:0; margin:0 0 0 484px; position:absolute; top:203px; z-index:90;}

/*  Makes the list items sit next to each other */
#logins li {float: left;}

/*  Sets styles for all links that are inside the ul id="nav" */
#logins a {display: block;height: 17px; overflow: hidden; text-indent:-999em;}

/* Set the image for each nav item */
* #patientlogin {background: url(images/nav-patient-login.gif);width:133px;}
* #doctorlogin {background: url(images/nav-doctor-login.gif);width:124px;}

/* Shift the image position up to show the active state */
#logins a:hover, #logins .active, #logins li:hover, #logins li.sfhover {background-position:0 -17px;}
/* Set the cursor to default arrow so link does not appear clickable */
#logins .active {cursor: default}

/* CALLOUT NAV ITEMS ---------- */

ul#callouts {height: 99px; width:528px; list-style: none; padding:0 0 13px 0; margin:0 0 0 225px; clear:both;}

/*  Makes the list items sit next to each other */
#callouts li {float: left;}

/*  Sets styles for all links that are inside the ul id="nav" */
#callouts a {display: block;height: 99px; overflow: hidden; text-indent:-999em;}

/* Set the image for each nav item */
* #bannerdamonsystem {background: url(images/banner-damon-system.jpg);width:178px;}
* #bannerfreeinitialvisit {background: url(images/banner-free-initial-visit.jpg);width:172px;}
* #bannersuresmile {background: url(images/banner-suresmile.jpg);width:177px;}


/* Set the cursor to default arrow so link does not appear clickable */
#callouts .active {cursor: default}

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.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;}
div.media-center a {
color:#FFF;}
div.media-center img {
border:1px solid #FFF;}

/* edit.com */

ul, ol {
	margin-top:0px;
	margin-bottom:0px;
}

.NormalText, body, td {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #165a89;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	font-style:normal;
}

 .BlueText {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #135D8C;
	font-weight: normal;
}

.BlackText {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	font-weight: normal;
}

.YellowText {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FEA50B;
	font-weight: bold;
}

.FooterText {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #135D8C;
	font-weight: bold;
}

.LargeBlackText {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: normal;
}

* .PageTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	line-height: 30px;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
}