/* 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;

}



html[xmlns] .clear {

    display: block;

}



* html .clear {/* For IE =< 6 */

    height: 1%;

}





* .left {

	float: left;

	clear: left;

	display: block;

}

* .right {

	float: right;

	clear: right;

	margin:0 0 10px 10px;

	display: block;

}

* .right-border {

	float: right;

	clear: right;

	margin: 0 10px 10px 10px;

	display: block;
	
	border:#ecb559 3px solid;

}

* .border { border:#ecb559 3px solid;}

img { 

behavior: url(iepngfix.htc);

}





.left-info p{ 

	color:#695438; 

	font-family:Verdana, Arial, Helvetica, sans-serif; 

	font-size:14px; 

	font-weight:bold;

	padding-left: 10px;

}



* #left-bar{ 

	background:url(images/logo-bg.gif); 

	background-repeat:no-repeat;

	float:left; 

	width:214px;
	
	height:100%;

	background-color:#fff;

}

* #left-bottom-shadow{ 

	position:relative; 

	/*top:42px; */

	width:214px; 

	height:6px; 

	background:url(images/left-bottom-shadow.gif);

}

/* 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 {
	background-image: url(images/bg-main.jpg);
	background-repeat: repeat-x;
}

/* edit.com visible styles */
BODY, TD, .NormalText { text-decoration: none; font-weight: normal; font-style: normal; font-size: 13px; line-height:16px; color: #382f1f; font-family: Verdana, Arial, Helvetica, sans-serif; }

.Title		{ color: #382F1F; font-size: 24px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; line-height:19px; font-style: italic; }
.Header		{ color: #382F1F; font-size: 14px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:19px; }
.Subheader	{ color: #EF9910; font-size: 13px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:19px; }

.Orange		{ color: #EF9910; }	
.Brown		{ color: #695438; }
.Black		{ color: #000000; }
.White		{ color: #FFFFFF; }
.Gray		{ color: #382F1F; }

.SmallText	{ font-size: 10px; }
.MediumText	{ font-size: 16px; line-height: 16px; }
.LargeText	{ font-size: 24px; line-height: 24px; }

IMG.FloatLeft 	{ float: left; margin: 0 5px 5px 0; }
IMG.FloatRight 	{ float: right; margin: 0 0 5px 5px; }


p{

	margin-top: 2px;

	margin-bottom:15px;

	color: #382f1f;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	line-height:16px;

	font-weight: normal;

}



li.text,.text li{

	color: #382f1f;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	margin-left: 32px;

	list-style: disc outside;

	line-height:19px;

}

ul.text,.text ul{

	margin-bottom:15px;

}

a:link{

	color: #382f1f;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: bold;

	text-decoration: none;

}



a:visited{

	color: #382f1f;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: bold;

	text-decoration: none;

}

 a:hover{

	color: #382f1f;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: bold;

	text-decoration: underline;

}





* #footernav {

	text-align:center;

	float: left;

	width: 973px;

	background-color:#624f36;

}

* #footernav .left-address {

	margin-top: 5px;

}

* #bottom-clear {

	height:10px; 

	width:600px; 

	float:left; 

}

* .title{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #fff;

	line-height:14px;

	font-weight: normal;

}

* .address{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #382f1f;

	font-weight: normal;

}

* #footer{ position:relative; left:-7px;

}



* .design{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height:11px;

	color: #fff;

	font-weight: normal;

}

.design a:link{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height:11px;

	color: #fff;

	font-weight: normal;

	text-decoration:none;

}

.design a:visited{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #fff;

	line-height:11px;

	font-weight: normal;

	text-decoration:none;

}

.design a:hover{

	color: #ecb559;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height:11px;

	font-weight: normal;

	text-decoration:underline;

}

h1{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 36px;

	height:87px; width:745px;

	color: #000000;

	font-weight: bold;

	overflow: hidden;

	position: relative; left:-3px; top:-1px;

	text-transform: uppercase;

}

h1 span{

background-repeat: no-repeat; 

height: 100%; 

position: absolute; 

width: 100%;

}

/* headings */

* #h-office, * #h-doctor, * #h-staff, * #h-new, * #h-tour, * #h-consultation, * #h-why, * #h-diagram, * #h-first, * #h-policy, * #h-testimonials, * #h-forms, * #h-contact, * #h-survey, * #h-orthodontics, * #h-braces, * #h-faqs, * #h-children, * #h-two, * #h-adults, * #h-common, * #h-before, * #h-links, * #h-braces101, * #h-invisalign, * #h-typesbraces, * #h-appliances, * #h-life, * #h-oral, * #h-retainers, * #h-dictionary, * #h-emergency, * #h-games, * #h-fun-games, * #h-contest-events, * #h-painter, * #h-site, * #h-newsletter, * #h-prairie-pesos {
	height: 87px;
	width: 745px;
	line-height:0px;	
	margin-left: 3px;
	margin-right: -3px;
	background-position: 100% 0;
}

* #h-template {
	height: 57px;
	width: 735px;
	margin-left: 3px;
	margin-right: -3px;
	padding: 30px 0 0 10px;
	background-position: 100% 0;
}

* #h-office {background: url(images/titles/our-office.gif);}
* #h-doctor {background: url(images/titles/doctor.gif);}
* #h-staff {background: url(images/titles/staff.gif);}
* #h-new {background: url(images/titles/new.gif);}
* #h-tour {background: url(images/titles/tour.gif);}
* #h-consultation {background: url(images/titles/consultation.gif);}
* #h-why {background: url(images/titles/why.gif);}
* #h-testimonials {background: url(images/titles/testimonials.gif);}
* #h-first {background: url(images/titles/first.gif);}
* #h-policy {background: url(images/titles/policy.gif);}
* #h-forms {background: url(images/titles/forms.gif);}
* #h-contact {background: url(images/titles/contact.gif);}
* #h-survey {background: url(images/titles/survey.gif);}
* #h-orthodontics {background: url(images/titles/orthodontics.gif);}
* #h-braces {background: url(images/titles/braces.gif);}
* #h-faqs {background: url(images/titles/faqs.gif);}
* #h-children {background: url(images/titles/children.gif);}
* #h-two {background: url(images/titles/two.gif);}
* #h-adults {background: url(images/titles/adults.gif);}
* #h-common {background: url(images/titles/common.gif);}
* #h-before {background: url(images/titles/before.gif);}
* #h-links {background: url(images/titles/links.gif);}
* #h-braces101 {background: url(images/titles/braces101.gif);}
* #h-invisalign {background: url(images/titles/invisalign.gif);}
* #h-typesbraces {background: url(images/titles/typesbraces.gif);}
* #h-appliances {background: url(images/titles/appliances.gif);}
* #h-life {background: url(images/titles/life.gif);}
* #h-oral {background: url(images/titles/oral.gif);}
* #h-retainers {background: url(images/titles/retainers.gif);}
* #h-dictionary {background: url(images/titles/dictionary.gif);}
* #h-diagram {background: url(images/titles/diagram.gif);}
* #h-emergency {background: url(images/titles/emergency.gif);}
* #h-games {background: url(images/titles/games.gif);}
* #h-fun-games {background: url(images/titles/fun-games.gif);}
* #h-contest-events {background: url(images/titles/contest-events.gif);}
* #h-painter {background: url(images/titles/painter.gif);}
* #h-site {background: url(images/titles/site.gif);}
* #h-newsletter {background: url(images/titles/newsletter.gif);}
* #h-prairie-pesos {background: url(images/titles/prairie-pesos.gif);}
* #h-template {background: url(images/titles/template.gif);}

h2{

	margin-top: 2px;

	color: #382f1f;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	line-height: 19px;

	font-weight: bold;

}

h3{

	margin-top: 2px;

	color: #ef9910;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	line-height: 19px;

	font-weight: bold;

}

h5{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 16px;

	color: #ef9910;

	font-weight: normal;

	margin-top:15px;

}





* #home, * #our-office, * #new-patients, * #contact, * #orthodontics, * #braces101, * #games, * #doc-login, * #patient-login {

	cursor: pointer;

	height:41px;

	text-indent: -999em;

}

/* Set the image for each nav item */

* #home {background: url(images/nav-home.jpg);

height:41px;}

* #our-office {background: url(images/nav-office.jpg);

height:41px;}

* #new-patients {background: url(images/nav-new-patients.jpg);

height:41px;}

* #contact {background: url(images/nav-contact.jpg);

height:41px;}

* #orthodontics {background: url(images/nav-ortho.jpg);

height:41px;}

* #braces101 {background: url(images/nav-braces.jpg);

height:41px;}

* #games {background: url(images/nav-games.jpg);

height:41px;}

* #doc-login {background: url(images/nav-doc-login.gif);

height:45px;}

* #patient-login {background: url(images/nav-patient-login.gif);

height:45px;}



/* Image Replacement */



* #outside{

	width: 973px;

	background-color:#695438;

	margin-right: auto;

	margin-left: auto;

}

* #container{

	width: 959px;

	text-align:left;

	margin-right: auto;

	margin-left: auto; 

	background:url(images/white.gif); 

	background-repeat:repeat-y;	

}

* #content {

	width: 959px;  

	background-color:#fff;

}



* #main {

	float: left;

	width: 745px;

	background-color:#fff;

}

* #main-contests {

	float: right;

	width: 745px;

	background:url(images/bubbles-bg.gif); 

	background-repeat:repeat-x;	

}

ul#main, #main ul, ol#main, #main ol, ul#main-contests, #main-contests ul, ol#main-contests, #main-contests ol {

	font-size: 13px;

	line-height:16px;

	color: #382f1f;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	padding-left: 20px;
	
	margin-bottom:15px;
	
	margin-top:15px;

}

* #main .inner {

	padding:30px 0 10px 0;
	margin: 0 10px 0 20px;

}

* #main-contests .inner {

	padding:30px 10px 10px 20px;

}

* #divider{ 

	width:959px; 

	background:url(images/divider-bg.gif);

	height:6px;

	float:left;

}

* #lower-nav{

	width:959px;

	height:51px;

	float:right; 

	background-color:#8995ac;

	z-index:0;

}

* #login {

	width:152px;

	float:right;

}

* #nav-login { 

	list-style:none; z-index:-1;

}

#nav-login a {

	display: block; 

	padding: 0; 

	width: 152px; 

	margin: 0; 

}

ul#nav-login, #nav-login ul {

	font-size: 11px;

	list-style:none;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

ul#nav-login a {

	display: block;

}

ul#nav-login li {

	position: relative;

	float: left;

}

#nav-login li:hover ul, #nav-login li.sfhover ul {

	left: auto;

}



* #nav-contain  {

	width:959px;

	float:right;

	background-color:#4c6684; z-index:2;

}

* #nav { list-style:none;}

#nav a {display: block; padding: 0; width: 136px; margin: 0; }

ul#nav, #nav ul {

	font-size: 11px;

	list-style:none;

	font-family: Verdana, Arial, Helvetica, sans-serif; z-index:2;

}

ul#nav a {

	display: block;

}

ul#nav li {

	position: relative;

	float: left;  z-index:2;

}

ul#nav li ul {

	position: absolute;

	left: -999em;

	top: 41px;

	width:180px;

	z-index:2;

}



ul#nav ul li a {

	background:#695438;

	padding: 4px 4px 5px;

	color: #ffe1ac;

	font-weight: bold;

	text-decoration: none;

	width:180px;

}

ul#nav ul li a:hover {

	color: #695438;

	background: #b0b9ca;

}

#nav li:hover ul, #nav li.sfhover ul {

	left: auto;

}





/* Shift the image position up to show the active state */

#nav a:hover, #nav .active {

	background-position:0px -41px;

}

#nav-login a:hover, #nav .active {

	background-position:0px -45px;

}

/* Set the cursor to default arrow so link does not appear clickable */

#nav .active {

	cursor: default;

	background-position:0px -41px;

}





h4{font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #e6ab4d;

	font-weight: bold;

	margin-top:5px;

	margin-left:5px;}



/* -- */

#flash h2 {

visibility:hidden;}

#flash p {

background:#FFFF99;

padding:5px;}



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 10px 10px 10px}



ul#sesame-games a.button {

float:right;

height:85px;

width:200px; padding-right:10px;}



ul#sesame-games p {

padding-bottom: 1em}