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

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

a:link, a:visited {color:#FF516A; text-decoration:none; font-weight:bold;}
a:hover, a:active {color:#FF0024; text-decoration:none;}
a img {border:none;}

/*  IE uses font-size, Mozilla uses line-height  */
.sIFR-active h1 {height:32px; font-size:22px; line-height:22px; visibility:hidden; width:100%; margin-bottom:10px;}
.sIFR-active h2 {height:24px; font-size:16px; line-height:16px; visibility:hidden; width:100%; margin-bottom:15px;}




/*   Body and Wrappers
=====================================*/
body {
	background:#FFFFFF url(images/layout/bg.jpg) 0 0 repeat;
	font:72%/1.5em Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}
#shell {
	background:url(images/layout/bodyBG.jpg) 0 0 repeat-y;
	width:900px;
}
#container {
	background:url(images/layout/headBG.jpg) 0 0 no-repeat;
	position:relative;
	width:100%;
}



/*   Content Styles
=====================================*/
#content {
	clear:both;
	padding:100px 0 25px 0;
	margin-left:60px;
	width:525px;
	min-height:825px;
	_height:825px; /* for IE6 */
}
#pagePhoto {
	position:absolute; top:395px; right:55px;
	border:1px solid #000000; z-index:15;
}
#callOutMap {border:none; position:absolute; top:730px; right:26px;}


/*   Footer Styles
=====================================*/
#footer {
	background:url(images/layout/bodyBG.jpg) 0 0 repeat-y;
	font:normal 10px/1.3em Verdana, Arial, Helvetica, sans-serif;
	margin:0px auto; height:80px;
	width:900px;
	clear:both;
}
#footSpace{height:80px; padding:0px 0px 5px 25px;}
/*#footSpace a {float:left; width:140px; height:80px; display:block; background:url(images/layout/logos.gif); text-indent:-9999px;}
#footSpace a#aao {background-position:0 -80px;} #footSpace a#aao:hover {background-position:0 0px;}
#footSpace a#wildsmiles {background-position:-125px -80px;} #footSpace a#wildsmiles:hover {background-position:-125px 0px;}
#footSpace a#abo {background-position:-140px -80px;} #footSpace a#abo:hover {background-position:-140px 0px;}
#footSpace a#invisalign {background-position:-280px -80px;} #footSpace a#invisalign:hover {background-position:-280px 0px;}
#footSpace a#invisalignteen{background-position:-420px -80px;} #footSpace a#invisalignteen:hover {background-position:-420px 0px;}*/

/*#footSpace a#ada {background-position:-420px -80px; width:115px;} #footSpace a#ada:hover {background-position:-420px 0px;width:115px;}
#footSpace a#suresmile {background-position:-535px -80px;} #footSpace a#suresmile:hover {background-position:-535px 0px;}*/



#foot_info {
	color:#666;
	margin:0px auto;
	text-align:center;
	line-height:1.5em;
	letter-spacing:-1px;
	padding:0 30px 0 30px
}
#foot_info a {color:#666; font-weight:normal;}
#foot_info a:hover {color:#FF0024;}



/*   Navigation Styles
=====================================*/
#nav {
	position:absolute; top:295px; left:0px; 
	padding-left:0px; width:100%;z-index:90;
}
#nav li {
	position:relative;
	list-style:none;
	cursor:pointer;
	margin:0px;
	float:left;z-index:90;
}
#nav li a {
	background:url(images/layout/navBG.jpg) top right no-repeat;
	font:bold 14px Arial, Helvetica, sans-serif;
	text-decoration:none;
	line-height:43px;
	display:block;
	padding:0px 45px 0px 15px;
	color:#ddd;
}
#nav li a:hover {
	color:#fff;
}
.menuSubs {
	position:absolute; top:50px; left:-50px; z-index:100;
	background:#FF0024; padding:0px; width:175px; display:none;
}
#nav li ul li {
	background-image:none;
	width:100%;
	float:left;
	clear:both;
	
}
#nav li ul li a {
	font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000;
	line-height:22px; text-align:center; background:none;
	padding:0px; width:100%;
	color:#fff;
	
}
#nav li ul li a:hover {
	background:#CE0609;
	color:#fff;
}
/*#sideNav {position:absolute; top:357px; right:37px;}*/
#rotating{position:absolute; top:540px; right:65px; z-index:20;}
#sideNav {position:absolute; top:450px; left:50px;}
#sideNav li{ margin:7px 0px; list-style:none;}
#sideNav li a{
background-image:url(images/layout/sideNav.jpg);
border:1px solid #CAC0BE; text-indent:-9999px;
width:215px; height:57px; display:block;
}

#login a {background-position:0 0;} #login a:hover {background-position:-215px 0;}
#new a {background-position:0 -57px;} #new a:hover {background-position:-215px -57px;}
#refer a {background-position:0 -114px;} #refer a:hover {background-position:-215px -114px;}
#tour a {background-position:0 -171px;} #tour a:hover {background-position:-215px -171px;}
#offer a {background-position:0 57px;} #offer a:hover {background-position:-215px 57px;}

/*--------- in Espanol ---------*/
#nav.espanol li a {padding:0px 30px 0px 5px;}
#nav.espanol li ul li a {padding:0px;}
#nav.espanol .menuSubs {left:-20px;}

#sideNav.espanol li a{background-image:url(images/layout/sideNav2.jpg);}



/*   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, .openAll {
	margin:0px 0px 5px 0px;
	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;}
form table {border-left:1px solid #333; border-top:1px solid #333;}
form td {padding:5px; border-right:1px solid #333; border-bottom:1px solid #333;}
.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;
	color:#000000
}
.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:1px solid #FF0024; float:right; margin:1px 0px 8px 9px;}
.photoleft {padding:1px; border:1px solid #FF0024; float:left; margin:1px 9px 8px 0px;}
.photo {padding:1px; border:1px solid #FF0024;}
.featureRight {border:3px solid #FF0024; padding:2px; float:right; margin:0 0 8px 8px;}
.featureCenter {border:3px solid #FF0024; padding:2px; margin:7px auto; }