/* Play nice with the WWW, validate me! */
/* clear floats */
* {
	margin: 0;
	padding: 0;
}/* sets all elements margin and padding to 0 */

.clear:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clear {
    display: inline-block;
}

html[xmlns] .clear {
    display: block;
}

* html .clear {/* For IE =< 6 */
    height: 1%;
}


.image-float-left {
	float: left;
	clear: left;
	display: block;
}
.image-float-right {
	float: right;
	clear: right;
	display: block;
}

/* Image Replacement -- add class="replace" to root element, i.e. <p> and add a bg image*/

.replace { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .replace { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */

.replace ul, .replace ul li {letter-spacing: 0; text-indent: 0; overflow: auto;}


html {
     /*overflow: -moz-scrollbars-vertical;*/
}

body {
	margin: 0 0 0px;
	text-align:center;
	background-image: url(images/bkd.jpg);
	background-color: #CA9B72;
	background-repeat: repeat-x;
font-family: Arial, Helvetica, sans-serif;

}
hr{
	color: #99B686;
	margin-bottom: 8px;
}
p{
	margin-top: 2px;
	margin-bottom: 15px;	
}
.text{
	color: #01274B;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	padding-left: 4px;
	padding-right: 10px;
}
.caption {
	color: #c8946d;	
	font-size: 11px;
	line-height: 19px;
	padding-left: 4px;
	padding-right: 10px;
	margin: 0;
}
.text a:link{
	color: #01274B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}
.text a:visited{
	color: #01274B;
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}
.text a:hover{
	color: #B96551;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}
li.text,.text li{
	color: #01274B;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 15px;
	list-style: disc outside;
}
ul.text,.text ul{
	margin-bottom:15px;
	margin-left:6px;
}
.text2{
	float:left;
	width: 350px;
}
.address{
	color: #FBF0DD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
}
#footer{
	background-color: #C28162;
	width: 750px;
	float:left;
	overflow: hidden;
}
#footernav {
	color: #C28162;
	text-align:left;
	float: right;
	width: 535px;
}
#footernav a:link {color:#FBF0DD;}
#footernav .inner {
	margin: 10px 0px 0px;
}
.footertext {
	color:#FBF0DD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:left;
	line-height: 15px;
}
.footertext a:link{
	color:#FBF0DD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
}
.footertext a:visited {
	color: #FBF0DD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
}
.footertext a:hover{
	color: #FBF0DD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:underline;
}
.servingtext {
color: #F6DFB3;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
}
#design{
	color: #02294A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
	text-align:left;
	width: 507px;
}
#design a:link{
	color: #02294A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
}
#design a:visited{
	color: #02294A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
}
#design a:hover{
	color: #02294A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration:underline;
}
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #01274B;
	font-weight: bold;
	overflow: hidden;
	position: relative;
	text-transform: uppercase;
}
h1 span{
background-repeat: no-repeat; 
height: 100%; 
position: absolute; 
width: 100%;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #01274B;
	line-height: 19px;
	padding-left: 4px;
	padding-right: 10px;
}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #B96551;
	line-height: 19px;
	padding-left: 4px;
	padding-right: 10px;
}
h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #01274B;
	font-weight: bold;
	overflow: hidden;
	position: relative;
	text-transform: uppercase;
	padding-bottom: 10px;
	padding-top: 5px;
	padding-left: 3px;
}
h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #01274B;
	line-height: 19px;
	padding-left: 4px;
	padding-right: 10px;
}
.module{
margin-top: 3px;
	margin-bottom: 7px;
}
.module2{
	margin-bottom: 20px;
}
.module3{
	margin-left: 57px;
}


#nav-column {
	width: 170px;
	float: left;
	margin: 0;
	padding-bottom:20px;
}
#nav-column .inner {
	margin: 0px 0px 0px 20px;
}

ul#nav, #nav ul {
	font-size: 12px;
	padding: 0;
	margin: 0;
	list-style: none;
	width: 170px;
}
ul#nav a {
	display: block;
	width: 170px;
}
ul#nav li{
	position: relative;
	float: left; 
	width: 170px;
}

#home, #doc, #team, #tour, #practice, #office, #faqs, #ortho, #braces, #care, #game, #contact, #events {
	overflow: hidden; 
	text-indent: -999em; /* Indents the rich-text so it does not show */
	width: 170px;
	line-height: 12px; 
	cursor: pointer;
}
/* Set the image for each nav item */
#home {
	background: url(images/home.jpg);
	height: 29px;
}
#doc {
	background: url(images/law.jpg);
	height: 33px;
}
#team {
	background: url(images/team.jpg);
	height: 35px;
}
#tour {
	background: url(images/tour.jpg);
	height: 35px;
}
#practice {background: url(images/practice.jpg);
height: 35px;}
#office {
	background: url(images/office.jpg);
	height: 35px;
}
#faqs {
	background: url(images/faqs.jpg);
	height: 35px;
}
#ortho {
	background: url(images/ortho.jpg);
	height: 35px;
}
#braces {
	background: url(images/braces.jpg);
	height: 35px;
}
#care{
	background: url(images/care.jpg);
	height: 35px;
}
#game {
	background: url(images/game.jpg);
	height: 35px;
}
#contact {
	background: url(images/contact.jpg);
	height: 42px;
}
#events {
	background: url(images/events.jpg);
	height: 35px;
}

/* Shift the image position up to show the active state */
#nav a:hover, #nav .active{
	background-position:-170px 0px}

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

#navbox {
	width: 500px;
	float:right;
	height:65px;
	padding-right:40px;
}
#navbox2 {
	width: 500px;
	float:right;
	height:46px;
	padding-right:40px;
}
#navbox3 {
	width: 500px;
	float:right;
	height:30px;
	padding-right:40px;
}

ul#nav2, #nav2 ul {
	font-size: 12px;
	padding: 0;
	margin: 0;
	list-style: none;
	height: 21px;
}
ul#nav2 a {
	display: block;
	height: 21px;
}
ul#nav2 li{
	height: 21px;
	float: left;
}

#aboutortho, #why, #child, #dic, #treatments, #resources, #two, #adult, #surgical, #types,#types, #life, #retainers, #invis, #ibraces, #diagram, #apps, #video, #braces101, #contactus, #friend, #comment
{
	overflow: hidden;
	text-indent: -999em; /* Indents the rich-text so it does not show */
	height: 21px;
	cursor: pointer;
}
/* Set the image for each nav item */
#aboutortho {
	background: url(images/aboutortho.jpg);
	width: 153px;
}
#why {
	background: url(images/why.jpg);
	width: 94px;
}
#child {
	background: url(images/child.jpg);
	width: 100px;
}
#two{
	background: url(images/two.jpg);
	width: 147px;
}
#adult {
	background: url(images/adults.jpg);
	width: 89px;
}
#surgical {
	background: url(images/surgical.jpg);
	width: 164px;
}
#treatments{
	background: url(images/treatments.jpg);
	width: 137px;
}
#dic {
	background: url(images/dic.jpg);
width: 129px;
}
#resources {
	background: url(images/resources.jpg);
width: 78px;
}
#types{
	background: url(images/types.jpg);
width: 120px;
}
#life{
	background: url(images/life.jpg);
width: 123px;
}
#retainers{
	background: url(images/retainers.jpg);
width: 70px;
}
#invis{
	background: url(images/invis.jpg);
width: 80px;
}
#ibraces{
	background: url(images/ibraces.jpg);
width: 82px;
}
#diagram{
	background: url(images/diagram.jpg);
width: 121px;
}
#apps{
	background: url(images/apps.jpg);
width: 146px;
}
#video{
	background: url(images/video.jpg);
width: 118px;
}
#braces101{
	background: url(images/braces101.jpg);
width: 89px;
}
#contactus{
	background: url(images/contactus.jpg);
width: 89px;
}
#friend{
	background: url(images/friend.jpg);
width: 100px;
}
#comment{
	background: url(images/comment.jpg);
width: 108px;
}

/* Shift the image position up to show the active state */
#nav2 a:hover, #nav2 .active{
	background-position:0px -21px;	
}

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

/* Image Replacement */
#h-home, #h-why, #h-office, #h-contact, #h-care, #h-doc, #h-team, #h-tour, #h-practice, #h-faqs, #h-about, #h-child, #h-phase, #h-adults, #h-surgical, #h-common, #h-dic, #h-resources, #h-braces,
#h-life, #h-invisalign, #h-ibraces, #h-types, #h-apps, #h-diagram, #h-retainers, #h-game, #h-comment, #h-friend, #h-site, #h-events{
	line-height: 0px;
	height: 65px;
	width: 507px;
}

/* headings */
#h-home {background: url(images/title_home.gif)}
#h-why {background: url(images/title_why.gif)}
#h-office {background: url(images/title_office.gif)}
#h-contact {background: url(images/title_contact.gif)}
#h-care {background: url(images/title_care.gif)}
#h-doc {background: url(images/title_doc.gif)}
#h-team {background: url(images/title_team.gif)}
#h-events {background: url(images/title_events.gif)}
#h-tour {background: url(images/title_tour.gif)}
#h-practice {background: url(images/title_practice.gif)}
#h-faqs {background: url(images/title_faqs.gif)}
#h-about {background: url(images/title_about.gif)}
#h-child{background: url(images/title_child.gif)}
#h-phase {background: url(images/title_phase.gif)}
#h-adults {background: url(images/title_adult.gif)}
#h-surgical {background: url(images/title_surgical.gif)}
#h-common {background: url(images/title_common.gif)}
#h-dic {background: url(images/title_dic.gif)}
#h-resources {background: url(images/title_resources.gif)}
#h-braces {background: url(images/title_braces.gif)}
#h-life {background: url(images/title_life.gif)}
#h-invisalign {background: url(images/title_invisalign.gif)}
#h-ibraces {background: url(images/title_ibraces.gif)}
#h-types {background: url(images/title_types.gif)}
#h-apps {background: url(images/title_apps.gif)}
#h-diagram {background: url(images/title_diagram.gif)}
#h-retainers {background: url(images/title_retainers.gif)}
#h-game {background: url(images/title_game.gif)}
#h-comment {background: url(images/title_comment.gif)}
#h-friend {background: url(images/title_friend.gif)}
#h-site {background: url(images/title_site.gif)}
	
#container{
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	background-image: url(images/homebkd.jpg);
	background-color: #F3E9C4;
	background-repeat: no-repeat;
	background-position: top;
}
#subcontainer{
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	background-image: url(images/subbkd.jpg);
	background-color: #F3E9C4;
	background-repeat: no-repeat;
	background-position: top;
}
#content {
	width: 750px;
}
#main {
	float: right;
	width: 535px;
	padding-bottom: 5px;
}
#main .inner {
	margin: 6px 35px 10px 0px;
}
#header{
	width: 624px;
	overflow: hidden;
	float:left;
}
#logo {
	height: 116px;
	width: 624px;
}
#logo a {
	display: block;
	height: 116px;
	width: 624px;
	line-height: 0px;
	text-indent: -999em;
	background: url(images/headerfull.jpg) no-repeat left;
}
#logo2 {
	height: 116px;
	width: 624px;
}
#logo2 a {
	display: block;
	height: 116px;
	width: 624px;
	line-height: 0px;
	text-indent: -999em;
	background: url(images/headerfull-sub.jpg) no-repeat left;
}
#sub  {
	width: 126px;
	height: 116px;
	overflow: hidden;
	float:right;
}
ul#navsub {
	width: 126px;
	height: 116px;
	list-style: none;	
}

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

/*  Sets styles for all links that are inside the ul id="nav" */
#navsub a {
display: block;
width: 126px;
height: 116px;
overflow: hidden; 
text-indent: -999em; /* Indents the rich-text so it does not show */
}

/* Set the image for each nav item */
#login {background-image: url(images/login.jpg);}
#login2 {background-image: url(images/login-sub.jpg);}

/* Shift the image position up to show the active state */
#navsub a:hover, #navsub .active {background-position:-126px 0px;}

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

.top{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #B96551
	line-height: 19px;
	font-size: 10px;
	text-align: right;
	font-weight: bold;
	text-decoration: underline;
}
.top a:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #B96551;
	line-height: 19px;
	font-size: 10px;
	text-align: right;
	font-weight: bold;
	text-decoration: underline;
}
.top a:visited{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #B96551;
	line-height: 19px;
	font-size: 10px;
	text-align: right;
	font-weight: bold;
	text-decoration: underline;
}
.top a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #96B786;
	line-height: 19px;
	font-size: 10px;
	text-align: right;
	font-weight: bold;
	text-decoration: underline;
}
.abo {
	width: 170px;
	float: left;
	margin-top: 15px;
}
#footerlogo {
	width: 170px;
	margin-top: 12px;
	margin-left:20px;
}
.footerlogo {
	width: 170px;
	margin-bottom:10px;
}
blockquote {
	padding-left: 23px;
}
.resourcesright {
	float: right;
	clear: right;
	display: block;
	width: 220px;
}
.resourcesleft {
	float: left;
	clear: left;
	display: block;
	width: 250px;
}
.diagram{
	margin-bottom: 20px;
	margin-left: 40px;
}
.diagrambkd{
	background-color: #FFFFFF;	
}
.mediacenter{
	background-color: #96B786;
	width: 489px;
	border: 6px solid #B96551;
	margin-bottom:20px;
	margin-top:20px;
}
.medialeft {
	float: left;
	clear: left;
	display: block;
	width: 226px;
	padding-left: 25px;
}
#forms {
	float: right;
	clear: right;
	display: block;
	background-color: #97B886;
	width: 250px;
	margin-left: 5px;
	margin-right: 7px;
	border: 4px solid #B96551; font-size:13px;
}
.formtext{
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	margin-left: 11px;
	margin-right: 10px;
}
#forms h5{font-size:15px;}
.picibrace{
	margin-top: 15px;
	margin-bottom: 20px;
	margin-left: 35px;
}
.gameleft {
	width: 250px;
	display:block;
	height:155px;
	margin-bottom:15px;
	margin-top:10px;
	display:block;
}
.gameright {
float:right;
width: 220px;
	display:block;
	clear:right;
}

.gameright2 {
float:right;
width: 220px;
	display:block;
	clear:right;
	margin-top:10px;
}
.bullets{
	float: right;
	width: 230px;
}