/*== Developed By: Ryan H ===========*/

/*   Globals
=====================================*/
* {margin:0px; padding:0px;}
p, ul, h1, h2, h3, h4, h5 {margin-bottom:10px;}
li {line-height:1.5em; margin-left:20px;}

h3 { font-size: 13px; }


a {color:#5C2D1D; text-decoration:none; font-weight:bold;}
a:hover {color:#768043; text-decoration:none;}
a img {border:none;}

/*  IE uses font-size, Mozilla uses line-height  */
.sIFR-active h1 {font-size:30px; line-height:30px; visibility:hidden;}



/*   Body and Wrappers
=====================================*/
body { background:#996649 url(images/layout/BG.jpg) 0 0 repeat-x; }

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

.Title		{ color: #502014; font-size: 28px; font-weight: bold; font-family: Times New Roman, Times, serif; line-height: 1.5em; }
.Header		{ color: #000000; font-size: 18px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; }
.Subheader	{ color: #000000; font-size: 13px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; }

.Red		{ color: #A7001F; }
.Green		{ color: #5B671D; }
.Brown		{ color: #502014; }
.Black		{ color: #000000; }
.White		{ color: #FFFFFF; }

.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; }


* #shell {
	background:url(images/layout/bodyBG.jpg) 0 0 repeat-y;
	margin:0px auto;
	position:relative;
	overflow:hidden;
	width:820px;
}
* #container {
	background:url(images/layout/headBG2.jpg) -1px 0 no-repeat;
	position:relative;
	overflow:hidden;
	width:100%;
}



/*   Content Styles
=====================================*/
* #content {
	clear:both;
	padding-bottom:20px;
	margin-left:50px;
	width:500px;
	min-height:445px;
	_height:445px; /* for IE6 */
}
* #allFlash {
	margin:40px 0 0 30px;
}
* #pagePhoto {
	margin:0 0 10px 10px;
	float:right;
}

* #faceb {
	position:absolute;
	top:700px;
	right:140px;
}

* #twitter_logo {
	position:absolute;
	top:700px;
	right:81px;
}

* #invisalign {
position:absolute;
	top:750px;
	right:57px;
}

* #invisalignteen{
position:absolute;
	top:801px;
	right:57px;
}

* #aaoButton {
	position:absolute;
	top:853px;
	right:57px;
}
* #aboButton {
	position:absolute;
	top:915px;
	right:50px;
}


/*   Footer Styles
=====================================*/
* #footer {
	background:#996649 url(images/layout/footBG.jpg) 0 0 no-repeat;
	font:normal 11px/1.3em Verdana, Arial, Helvetica, sans-serif;
	margin:0px auto;
	width:100%;
	height:145px;
	clear:both;
}
* #footSpace{height:45px;}
* #foot_info {
	color:#CC9966;
	margin:0px auto;
	text-align:center;
	line-height:1.5em;
	letter-spacing:-1px;
}
* #foot_info a {color:#CC9966; font-weight:normal;}
* #foot_info a:hover {color:#fff;}



/*   Sitemap Styles
=====================================*/
* #nav {
	padding-bottom:0px; width:175px;
}
* #nav img {border:none;}
* #nav li {
	list-style:none; margin:0px;
	cursor:pointer;
	width:100%;
	float:left;
	clear:left;
}
* #nav li a {
	font:bold 15px "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:left; line-height:28px; color:#512113;
	padding-left:20px; width:155px;
	display:block;
}
* #nav li a:hover {
	color:#A7001F;
}
* .menuSubs {
	padding-left:5px; width:170px; overflow:hidden;
	margin-bottom:0px;
}
* #nav li ul li a {
	background-image:none; text-transform:none;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	line-height:24px; color:#5C2D1D;
}
* #nav li ul li a:hover {
	color:#768043;
}



/*   Individual Pages
=====================================*/
* .staffBlock {
	padding-top:10px; margin-bottom:10px;
	min-height:225px; _height:225px;
	border-top:1px solid #ddd;
}
* .staffBlock img {
	margin:0px 9px 8px 0px;
	float:left;
}

* #faq {list-style:none;}
* .question {margin-bottom:10px; cursor:pointer;}
* .faqAnswer {
	padding:10px;
	margin-left:15px;
	width:80%;
	background:#fff;
	color:#000;
}
* #accountNav {
	margin:25px 0px 0px 20px;
}
* .beforeAfter {text-align:center; width:100%; border-bottom:1px solid #632F21; padding:20px 0px 10px 0px; margin-bottom:15px; background:#BBAC83;}
* .beforeAfter img {margin-bottom:10px; border:1px solid #632F21;}



/*   Forms Styles
=====================================*/
form {padding:0;margin:0;}
* .text  {border:1px solid #666; width:200px;}
* .error {border:1px solid #f00;background-color:#ffe0e0;}
* .req {color:#999;font-size:10px;margin-left:5px;}
* .req2 {color:#f00;font-weight:bold;margin-left:5px;}
* .formText {text-align:right; padding-right:15px; width:33%; line-height:14px; padding-bottom:10px;}



/*   sIFR3 Styles
=====================================*/
* .sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}
.sIFR-unloading .sIFR-flash {
	visibility: hidden !important;
}
* .sIFR-replaced, * .sIFR-ignore {
	visibility: visible !important;
	margin:0; /* may not be needed */
	padding:0; /* may not be needed */
}
* .sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
	margin: 0pt; 
	padding: 0pt; 
	overflow: auto; 
	letter-spacing: 0px; 
	float: none;
}
* .sIFR-dummy { 
	width: 0px;
	height: 0px;
	margin-left: 42px;
	z-index: 0;
}


/*   Standard Image/Feature Styles
=====================================*/
* #feature {margin:30px auto 20px auto;}
* .caption {font-style:italic; color:#666;}
* .right {margin:0px 0px 8px 9px; float:right;}
* .left {margin:0px 9px 8px 0px; float:left;}
* .photoright {background:#fff; border:2px solid #5C2D1D; float:right; margin:1px 0px 8px 9px;}
* .photoleft {background:#fff; border:2px solid #5C2D1D; float:left; margin:1px 9px 8px 0px;}
* .photo {background:#fff; border:2px solid #5C2D1D;}
* .featureRight {border:5px solid #5C2D1D; padding:2px; float:right; margin:0 0 8px 8px;}
* .featureCenter {border:5px solid #5C2D1D; padding:2px; margin:7px auto 7px auto; }
* .clear {clear:both;}


/*   Pop Up Styles
=====================================*/
* .bubbleInfo {
    position: relative;
	 float:left; margin-right:50px;
}

* .bubbleInfo2 {
    position: relative;
		 float:none; margin-right:1px;
}

* .trigger {border:5px solid #C3B489; margin:5px;}
* .trigger:hover, * .popup {border:5px solid #fff; margin:5px;}

* .popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
}