@import url(reset.css);
@import url(tools.css);

/*  = INFO
/*  -------------------------------------------------------- */
  /*

    project:          Orthodontics by Crutchfield - Website
    file:             screen.css
    creator:          Ben Kutil <ben@make-things.com>
    creation date:    Tue Jul  7 13:26:11 EDT 2009
    copyright:        (c) 2009 - Make Things Studio, LLC
                      All rights reserved.      

    info:             Site Screen and Print CSS

  */
/*  -------------------------------------------------------- */
/*  = [end] INFO */

/*div { background: url(/_assets/images/_d/t.png);}*/

/*  = Typography
/*  -------------------------------------------------------- */
    
    body { font-family: helvetica neue, helvetica, arial, sans-serif; line-height: 15px; color: #081229; }
    h1, h2, h3, h4, h5, h6 { position: relative; margin: 0 0 7.5px; font-weight: lighter; color: #060d0e; }
    h1, h2 { font-weight: bold; line-height: 15px; color: #224fb0;}
    h1, h2, h3, h4 {  }
    h3, h4, h5, h6 { }
    h1 { font-size: 21px; }
    h2 { font-size: 18px; margin: 0 0 3px; }
    h3 { font-size: 15px; font-style: italic; }
    h4 { font-size: 13.5px; }
    h5 { font-size: 12px; font-weight: bold; }
    h6 { font-size: 11px; letter-spacing: 1px; text-transform: uppercase; }

    p, pre, address { margin: 0 0 9px; font-size: 12px; line-height: 18px; }
    abbr, code, kbd,
    samp, small, var { line-height: 15px; }
    em { font-family: georgia, serif; font-style: italic; color: #112527; }
    ul, ol, dl, dialog { font-size: 11px; line-height: 15px; position: relative; margin-top: 0; margin-bottom: 15px; }
    li { margin: 0 0 5px; padding: 0 0 0 9px; background: url(/_assets/images/_s/icn-sprites.gif) left .4em no-repeat; }
    li ul, li ol { top: 0; margin-top: 0; margin-bottom: 0; }
    li h1, li h2, li h3,
    li h4, li h5, li h6,
    li p { top: 0; margin: 0; }
    
    .nolist li { padding: 0; background: none; }
  
    h1:first-child,
    h2:first-child,
    h3:first-child,
    h4:first-child { margin-top: 0; }

    table { font-size: 11px; line-height: 15px; margin: 18px 0; }
    th, td { padding: 3px 12px; line-height: 30px; }
    th { background: rgba(0, 0, 0, 0.2); }
    tr:nth-child(even) { background: rgba(0, 0, 0, 0.1); }
    tr:nth-child(odd) { }

    hr { position: relative; height: 4px; margin: 18px 0 14px 0; }
    
    a { color: #00bee5; }
    a:hover { text-decoration: underline; color: #060d0e; }
    
/*  -------------------------------------------------------- */
/*  = [end] Typography */

/*  = SIFR
/*  -------------------------------------------------------- */

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

/*  -------------------------------------------------------- */
/*  = [end] SIFR */

@media screen {
  
  /*  = Viewport
  /*  -------------------------------------------------------- */
      
      html { background: #16436d url(/_assets/images/_s/bg-body.gif) left 145px repeat-x; }
        body { text-align: center; background: transparent url(/_assets/images/_s/bg-header.jpg) left top repeat-x;  }
          

  /*  -------------------------------------------------------- */
  /*  = [end] Viewport */
  
  /*  = Forms
  /*  -------------------------------------------------------- */
      
      fieldset { display: inline; float: left; width: 100%; margin: 0 0 15px; }
        fieldset legend { display: none; }
      
      div.ctl { position: relative; display: inline; float: left; width: 100%; margin: 0 0 15px; }
        div.ctl label { position: absolute; top: 6px; left: 6px; display: block; font-size: 15px; font-weight: bold; color: #1bacbb; }
        
        div.text span,
        div.textarea span { display: block; border: 1px solid #349bac; }
        
        div.text input,
        div.textarea textarea { display: block; width: 95.5%; padding: 4px; font-size: 15px; line-height: 1; font-weight: bold; color: #1bacbb; border: 2px solid #fafdfe; background: #fff; }
        div.textarea textarea { height: 200px; }
        
        .blog div.text input,
        .blog div.textarea textarea { width: 95%; }
      
        div.submit label { display: none; }
        input.submit { height: 42px; width: 112px; font-size: 15px; font-weight: bold; color: #fff; background: url(/_assets/images/_s/btn-frm-send.png) left top no-repeat; }
        
  /*  -------------------------------------------------------- */
  /*  = [end] Forms */
  
  /*  = Navigation
  /*  -------------------------------------------------------- */

      .nav,
      .nav li { margin: 0; padding: 0; background: none; }
      
      ul.inline li { display: inline; float: left; }
      .nav a { display: block; }

  /*  -------------------------------------------------------- */
  /*  = [end] Navigation */
  
  /*  = Structure
  /*  -------------------------------------------------------- */
    
    /*  = Header
    /*  -------------------------------------------------------- */

        #header { position: relative; width: 960px; height: 115px; margin: 0 auto; overflow: visible; z-index: 1;}
          #branding { position: absolute; top: 0; left: 40px; z-index: 1; width: 540px; height: 157px; margin: 0; text-align: left; background: url(/_assets/images/_s/bg-branding.png) left -8px no-repeat; }
            #branding-logo { display: inline; float: left; width: 245px; height: 127px; margin: 5px 0 0 7px; }
            #branding-tagline { display: inline; float: left; width: 228px; height: 58px; margin: 26px 0 0 36px; background: url(/_assets/images/_s/brnd-tagline.png) left top no-repeat; }
            
          #phone-contact { position: absolute; top: 10px; right: 0; width: 300px; height: 104px; background: url(/_assets/images/_s/bg-contact.png) left 0 no-repeat; }
          
         
          #btn-patient_login,
          #btn-patient_login a,
          #btn-patient_login span { display: block; width: 156px; height: 41px; }

          #btn-patient_login { position: absolute; top: 60px; right: 120px; font-size: 10px; color: #fff; text-align: center; }
            #btn-patient_login span { background:  url(/_assets/images/_s/btn-patient_login.png) left top no-repeat; }
            #btn-patient_login a:hover span { background-position: left -41px; }
    /*  -------------------------------------------------------- */
    /*  = [end] Header */
    
    /*  = Nav Tier 1
    /*  -------------------------------------------------------- */

        #nav-wrap { display: block; border-top: 1px solid #fff; border-bottom: 1px solid #b4d2d5; background: #e3eff0; }
          #nav-tier1 { position: relative; z-index: 100; width: 960px; margin: 0 auto; /*background: url(/_assets/images/_s/sep-tier1.gif) 45px top no-repeat;*/ }
            #nav-tier1 li { margin: 0; background: url(/_assets/images/_s/sep-tier1.gif) right top no-repeat; }
              #nav-tier1 li.first { margin-left: 275px; }
              #nav-tier1 a { margin: 0 2px 0 0; padding: 6px 13px; font-family: Lucida Grande, Lucida, Helvetica Neue, Helvetica, sans-serif; font-weight: bold; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; color: #2e666b; text-shadow: 0 0 1px #fff; border-bottom: 1px solid transparent; }
              #nav-tier1 a:hover,
              #nav-tier1 .here a { color: #1c4097; background: url(/_assets/images/_s/bg-tier1-a.gif) left top repeat-x; }

    /*  -------------------------------------------------------- */
    /*  = [end] Nav Tier 1 */
    
    /*  = Nav Utility
    /*  -------------------------------------------------------- */

        #nav-utility { position: absolute; z-index: 100; top: 5px; left: 50%; width: 300px; margin: 0 0 0 55px; }
          #nav-utility li { float: right; padding: 0 5px 0 0; margin: 0 5px 0 0; font-family: Lucida Grande, Lucida, Helvetica Neue, Helvetica, sans-serif; font-weight: lighter; line-height: 18px; background: url(/_assets/images/_s/sep-utility.png) right top repeat-y; }
          #nav-utility li.first { padding: 0; margin: 0; background: none; }
            #nav-utility a { color: #fff; text-decoration: none; }
            #nav-utility a:hover { color: #16436d; }

    /*  -------------------------------------------------------- */
    /*  = [end] Nav Utility */
    
    /*  = Nav Tier2
    /*  -------------------------------------------------------- */

       #nav-tier2,
       #nav-tier2 li { display: inline; float: left; }
       #nav-tier2 { width: 100%; background: #cae0e2 url(/_assets/images/_s/bg-nav-tier2.gif) left bottom repeat-x; }
       #nav-tier2 li { margin: 0; background: url(/_assets/images/_s/sep-tier1.gif) right top no-repeat; }
       #nav-tier2 a { display: block; margin: 0; padding: 6px 13px; font-family: Lucida Grande, Lucida, Helvetica Neue, Helvetica, sans-serif; font-weight: bold; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; color: #2e666b; text-shadow: 0 0 1px #fff; background: #e3eff0; }
       #nav-tier2 a:hover { color: #fff; text-shadow: 0 0 1px #001F3E; background: #224fb0 }
       #nav-tier2 .here a { padding-bottom: 7px; color: #fff; background: #224fb0 url(/_assets/images/_s/bg-tier2-a.gif) left bottom no-repeat; }
       

    /*  -------------------------------------------------------- */
    /*  = [end] Nav Tier2 */
    
    /*  = Content
    /*  -------------------------------------------------------- */

        .img { border: none; }
        .fl-left { display: inline; float: left; margin: 0 10px 5px 0; }
        .fl-right { display: inline; float: right; margin: 0 0 5px 10px; }

        #content { width: 900px; margin: 10px auto 0; text-align: left; }
          #promo-content { position: relative; width: 900px; height: 270px; margin: 0 0 15px; }
          #promo-content.rotate img { position: absolute; top: 0; left: 0; }
          
          #index #branding-tagline { display: none; }
          #index #main-content { display: inline; float: left; width: 100%; padding: 0 0 30px; border: 1px solid #b4d2d5; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background: #fff; }
            #index .col { display: inline; float: left; width: 250px; margin: 25px 0 0 25px; }
              #index .col h3 { margin: 0 0 3px; padding: 0; font-size: 18px; line-height: 1; font-weight: lighter; letter-spacing: 1px; border-bottom: 1px solid #e3eff0; }
              #index .col li { font-size: 10.5px; color: #1c4097; }
                
                #index #info-about { position: relative; }
                #index #info-about h3 { display: inline; float: right; width: 120px; }
                #index #info-about p { margin: 0;  }
                #index #info-about p em { display: block; margin: 0 0 1em; font-size: 1.2em; line-height: 1.4;}
                #btn-new_patients { position: absolute; bottom: -3.5em; right: -22px; }
                #btn-new_patients,
                #btn-new_patients a,
                #btn-new_patients span { display: block; width: 147px; height: 51px; font-size: 10px; text-align: center; }
                #btn-new_patients span { background: url(/_assets/images/_s/btn-new_patients.gif) left top no-repeat; }
                #btn-new_patients a:hover span { background-position: left -51px; }
                
                #index #info-about .img { display: inline; float: left; width: 120px; margin: 0 10px 1px 0; font-size: 9px; line-height: 10px; font-weight: bold; }
            
                #index #info-treatment { margin-right: 25px; margin-left: 50px; }
                #index #info-treatment ul { display: inline; float: left; width: 250px; }
                #index #info-treatment ul.options { float: left; padding: 0; }
                #index #info-treatment ul.options li { display: inline; float: left; padding: 0; background: none; }
                #info-treatment li.first { margin-right: 10px; }
                #info-assoc li { display: inline; float: left; padding: 0; margin: 0 5px 0 0; background: none; }
                #info-assoc .last { margin: 0; }
          
          #interior #wrap-content { position: relative; display: inline; float: left; width: 100%; margin: 0; padding: 55px 0 30px; background: #f5feff; }
           #interior #main-content { display: inline; float: left; width: 840px; margin: 0 25px; }
           
           #interior #main-content.col2 { width: 430px; }
           #interior #sub-content.col2 { display: inline; float: right; width: 360px; margin: 0 25px 0 0; }
           #sub-content.col2>p { margin-top: 28px; }
           #sub-content.col2 h3+p,
           #sub-content.col2 h2+p,
           #sub-content.col2 p+p { margin-top: 0; }
           #interior #nav-tier2 { position: absolute; top: 0; left: 0; }
           
            .hreview { position: relative; background: url(/_assets/images/_s/bg-testimonial-l.gif) left top no-repeat; }
            
            .hreview p { position: relative; z-index: 100; margin: 0 0 9px; padding: 0 0 48px; font-family: georgia, serif; font-weight: normal; font-size: 18px; font-style: italic; line-height: 24px; color: #F4307B; }
            .hreview p.item { position: absolute; }
            .hreview p.reviewer { z-index: 1; position: absolute; bottom: 0; left: 0; width: 100%; padding: 60px 0 15px 0; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-style: normal; font-weight: bold; font-style: italic; text-align: right; color: #F4307B; background: url(/_assets/images/_s/bg-testimonial-r.gif) right bottom no-repeat; }
            
            .testimonial { display: inline; float: left; width: 240px; margin: 0 60px 0 0; padding: 0; }
            .testimonial img { display: block; margin: 0 0 15px; }
            .testimonial p { font-size: 15px; line-height: 21px;}
            .testimonial p.reviewer { padding-bottom: 20px; }
            #testimonial-3 { margin: 0; }
            
            #sub-content .hreview { margin-top: 26px; }
            #sub-content p+.hreview { margin-top: 0; }
          

        #interior .gallery #main-content { display: inline; float: right; width: 445px; margin: 0 25px 0 0; }
        #gallery { display: inline; float: left; width: 400px; margin: 0 0 0 12px;}

        #gallery .item { display: inline; float: left; width: 180px; height: 220px; margin: 0 20px 20px 0;  overflow: hidden; }
        #gallery .item h2 { text-align: center; }
        /*.gallery .gallery .image { display: none; }*/
        
        #interior .detail #photo-content { display: inline; float: left; width: 360px; margin: 0 0 0 15px; }
          #interior .detail #photo-content img { margin: 0 0 10px; }
        #interior .detail #main-content { display: inline; float: left; width: 220px; }
        #interior .detail #sub-content { display: inline; float: left; width: 200px; }
        
        .dos-and-donts, html.blog,html.sponsorship,html.sitemap { background-image: none; }
        

        /*  = BLOG
        /*  -------------------------------------------------------- */

            .blog #interior #main-content { width: 430px; }
            .blog #interior #sub-content { float: right; width: 175px; margin-right: 60px; }

        /*  -------------------------------------------------------- */
        /*  = [end] BLOG */
    /*  -------------------------------------------------------- */
    /*  = [end] Content */
    
    /*  = jQuery
    /*  -------------------------------------------------------- */

        #jquery-overlay {
        	position: absolute;
        	top: 0;
        	left: 0;
        	z-index: 90;
        	width: 100%;
        	height: 500px;
        }
        #jquery-lightbox {
        	position: absolute;
        	top: 0;
        	left: 0;
        	width: 100%;
        	z-index: 100;
        	text-align: center;
        	line-height: 0;
        }
        #jquery-lightbox a img { border: none; }
        #lightbox-container-image-box {
        	position: relative;
        	background-color: #fff;
        	width: 250px;
        	height: 250px;
        	margin: 0 auto;
        }
        #lightbox-container-image { padding: 10px; }
        #lightbox-loading {
        	position: absolute;
        	top: 40%;
        	left: 0%;
        	height: 25%;
        	width: 100%;
        	text-align: center;
        	line-height: 0;
        }
        #lightbox-nav {
        	position: absolute;
        	top: 0;
        	left: 0;
        	height: 100%;
        	width: 100%;
        	z-index: 10;
        }
        #lightbox-container-image-box > #lightbox-nav { left: 0; }
        #lightbox-nav a { outline: none;}
        #lightbox-nav-btnPrev, #lightbox-nav-btnNext {
        	width: 49%;
        	height: 100%;
        	zoom: 1;
        	display: block;
        }
        #lightbox-nav-btnPrev { 
        	left: 0; 
        	float: left;
        }
        #lightbox-nav-btnNext { 
        	right: 0; 
        	float: right;
        }
        #lightbox-container-image-data-box {
        	font: 10px Verdana, Helvetica, sans-serif;
        	background-color: #fff;
        	margin: 0 auto;
        	line-height: 1.4em;
        	overflow: auto;
        	width: 100%;
        	padding: 0 10px 0;
        }
        #lightbox-container-image-data {
        	padding: 0 10px; 
        	color: #666; 
        }
        #lightbox-container-image-data #lightbox-image-details { 
        	width: 70%; 
        	float: left; 
        	text-align: left; 
        }	
        #lightbox-image-details-caption { font-weight: bold; }
        #lightbox-image-details-currentNumber {
        	display: block; 
        	clear: left; 
        	padding-bottom: 1.0em;	
        }			
        #lightbox-secNav-btnClose {
        	width: 66px; 
        	float: right;
        	padding-bottom: 0.7em;	
        }

    /*  -------------------------------------------------------- */
    /*  = [end] jQuery */
    
    /*  = Siteinfo
    /*  -------------------------------------------------------- */

        #siteinfo { width: 900px; margin: 9px auto 30px; text-align: left; }
          #siteinfo-copyright,
          #siteinfo-contact { margin: 0 0 0 28px; color: #fff; }

    /*  -------------------------------------------------------- */
    /*  = [end] Siteinfo */
    
  /*  -------------------------------------------------------- */
  /*  = [end] Structure */
  
  /*  = SIFR
  /*  -------------------------------------------------------- */

      /* Example:
      .sIFR-active h1 {
        font-family: Verdana;
        visibility: hidden;
      }
      */
      .sIFR-active #index #main-content h3 { visibility: hidden; }
      .sIFR-active #interior #content h1,
      .sIFR-active #interior #content h2 { line-height: 1; visibility: hidden;}
    }
    .sIFR-dummy { 
      width: 0px;
      height: 0px;
      margin-left: 42px !important;
      z-index: 0;
    }

  /*  -------------------------------------------------------- */
  /*  = [end] SIFR */
  
}
@media print {
  
}