/*Globals*/
* { margin:0; padding:0; }
ul { margin: 5px 0px; }
ul li { list-style:inside; margin-left: 10px; }
ol li { margin-left: 30px; }

/*Page*/
body { background: url(images/pageElements/v1_bkgd_premiereorthodontics.jpg) repeat-x top #fff; position:relative }

#shell { width: 910px; height: auto; overflow: auto }
#container { width:100%; height:auto; padding-bottom: 20px; background-color: #fff; overflow: auto; }

#header { width:900px; height:297px; background: url(images/pageElements/headerbg_new1.jpg) no-repeat; }

#content { width: 587px; min-height: 350px; _height: 350px; padding: 0px 0px 15px 25px; font: 11px/20px Verdana, Arial, Helvetica, sans-serif; color: #000; border-left: 1px #7A7A7A solid; float: left;  }
	#content a { color: #00b5cb; text-decoration: none; }
	#content a:hover { color: #D2EBF2; }
	#content a img { border: none; }
	#content h2, h3, h4, h5 { margin: 5px 0px; }
	#content h3 { font-size: 18px; }
	#content h4 { font-size: 16px; }
	#content p { margin: 10px 0px; }

#address { width: 587px; height: 64px; font: 12px/20px Verdana, Arial, Helvetica, sans-serif; color: #00b5cb; padding: 0px 0px 33px 10px; }

.name { font: 17px Verdana, Arial, Helvetica, sans-serif; color: #6b6a6a; font-weight: normal; }
.number { font-size: 16px; }
#foottop { background: url(images/pageElements/foottop_repeater.jpg) repeat-x; height: 243px; }
/*Footer*/
#footer { font: 11px/30px Verdana, Arial, Helvetica, sans-serif; color: #fff; padding: 5px;  background-color: #33B0C6; text-align: left;  }
	#footer a { color: #fff; text-decoration: none; }
	#footer a:hover { color: #D2EBF2; }


/*Menu*/
#navigation { width: 260px; min-height: 340px; _height: 340px; float: left; text-align: right; padding: 0px 25px 0px 0px;  }
#nav li { list-style:none; display: block; padding: 9px 0px; }
#nav li a { font: 14px Verdana, Arial, Helvetica, sans-serif; color: #00b5cb; text-decoration: none; font-weight: bold; }
	#nav li a:hover { color: #D2EBF2; } 

/*Misc*/
.featureCenter { border: 2px #33B0C6 solid; }
.spaceme li { font-weight: bold;}
.faqAnswer { font-weight: normal; margin-left: 10px; padding: 5px 0px; }

/*---- sIFR 3---*/
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .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;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}