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

a {color:#3F0559; text-decoration:none; font-weight:normal;}
a:hover {color:#780001; text-decoration:none;}
a img {border:none;}

/*  IE uses font-size, Mozilla uses line-height  */
.sIFR-active h1 {font-size:32px; line-height:32px; height:32px; visibility:hidden; font-weight:normal;}
.sIFR-active h2 {font-size:20px; line-height:20px; height:20px; visibility:hidden;}


/*  Set the 100% page height  */
html, body {
	height: 100%;
}
#shell {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 0 -55px 0;/* the bottom margin is the negative value of the footer's height */
}
#footer, #push {
	height: 55px; /* #push must be the same height as .footer */
}



/*   Body and Wrappers
=====================================*/
body {
	background:#B8A874 url(images/layout/BG.jpg) 0 0 repeat-x;
	font:82%/1.5em Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}
#shell {
	background:url(images/layout/bodyBG.jpg) 0 0 repeat-y;
	position:relative;
	width:776px;
}
#container {
	background:url(images/layout/headBG.jpg) 0 0 no-repeat;
	overflow:hidden;
	width:100%;
}



/*   Content Styles
=====================================*/
#content {
	clear:both;
	padding:250px 0 25px 0;
	margin-left:325px;
	width:450px;
	min-height:350px;
	_height:350px; /* for IE6 */
}
#pagePhoto {
	margin:0 0 10px 10px;
	float:right;
}



/*   Footer Styles
=====================================*/
#footer {
	background:#fff url(images/layout/footBG.jpg) 0 0 no-repeat;
	font:normal 10px/1.3em Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	width:776px;
	clear:both;
}
#footSpace{height:35px;}
#foot_info {
	color:#000;
	margin-left:325px;
	text-align:left;
	line-height:1.2em;
	letter-spacing:-1px;
}
#foot_info a {color:#000; font-weight:normal;}
#foot_info a:hover {color:#780001;}



/*   Navigation Styles
=====================================*/
#nav {
	position:absolute; top:163px; left:289px; z-index:90;
	padding-left:0px; width:100%;
}
#nav li {
	position:relative;
	list-style:none;
	width:125px;
	margin:0px;
	float:left;
}
#nav li a {
	border-left:2px solid #3F0559; border-right:2px solid #3F0559;
	font:normal 13px "Century Gothic", Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	line-height:30px;
	display:block;
	padding:0px;
	color:#fff;
}
#nav li a:hover {
	background:url(images/layout/nav/navOver.jpg) 0 0 repeat-x;
	border-left:2px solid #fff; border-right:2px solid #fff;
	color:#fff;
}
#nav li a span {height:30px; margin:0px;display:block; padding-top:5px;cursor:pointer;}
#navHome {background:url(images/layout/nav/redArrow.png) top center no-repeat; behavior:url(iepngfix.htc);}
#navOffice {background:url(images/layout/nav/yellowArrow.png) top center no-repeat; behavior:url(iepngfix.htc);}
#navPatient {background:url(images/layout/nav/blueArrow.png) top center no-repeat; behavior:url(iepngfix.htc);}
#navTreatment {background:url(images/layout/nav/greenArrow.png) top center no-repeat; behavior:url(iepngfix.htc);}

.menuSubs {
	position:absolute; top:37px; left:0px; z-index:100;
	padding-left:0px; width:121px; background:#E2E2E2;
	border-left:2px solid #fff; display:none;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
}
#nav li ul li {
	background-image:none;
	width:100%;
	float:left;
	clear:both;
}
#nav li ul li a {
	font:bold 11px "Century Gothic", Arial, Helvetica, sans-serif;
	line-height:20px; text-align:center; border:none;
	padding:0px; width:100%;
	color:#000;
}
#nav li ul li a:hover {
	background:#eee; border:none;
	color:#000;
}



/*   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:square;}
.question {
	margin:0px 0px 5px 10px;
	cursor:pointer;
}
.faqAnswer {
	border-top:1px dashed #999;
	border-bottom:1px dashed #999;
	margin:5px 0px 10px 5px;
	padding:8px;
	width:90%;
}




/*   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 {padding:1px; border:2px solid #fff; float:right; margin:1px 0px 8px 9px;}
.photoleft {padding:1px; border:2px solid #fff; float:left; margin:1px 9px 8px 0px;}
.photo {padding:1px; border:2px solid #fff;}
.featureRight {border:2px solid #fff; padding:2px; float:right; margin:0 0 8px 8px;}
.featureCenter {border:2px solid #fff; padding:2px; margin:7px auto 7px auto; }


/*  Invisalign Image */

#invisalign {
	position:absolute; top:450px; left:60px; z-index:75;
	padding-left:0px; width:30%;
}

#invisalign p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	font-weight:bold;
	color:#760000;
}