/* global.css
______________________________________________________________ */

/* include libraries */
@import url("http://www.tocquigny.com/public/stylesheets/lib/reset.css");
@import url("http://www.tocquigny.com/public/stylesheets/lib/grid.css");
@import url("http://www.tocquigny.com/public/stylesheets/lib/typography.css");
@import url("http://www.tocquigny.com/public/stylesheets/lib/forms.css");
@import url("http://www.tocquigny.com/public/stylesheets/lib/fancybox.css");
@import url("http://www.tocquigny.com/public/stylesheets/lib/helpers.css");

/* flash banner */
#flash_banner {
  width: 100%;
  height: 57px;
  position: relative;
}

  #flash_banner #banner{
    width: 100%;
    height: 57px;
    position: absolute;
    z-index: 0;
    background: transparent url("/public/images/interface/flash_banner.jpg") repeat-x top left;
  }

  #logo_tab h1.logo,
  #logo_tab a.logo_link {
    float: left;
    width: 210px;
    height: 35px;
    display: block;
    margin-top: -35px;
    text-indent: -999em;
    overflow: hidden;
    position: relative;
    z-index: 10;
  }

  #logo_tab h1.logo { background: transparent url("/public/images/interface/logo_tab.png") no-repeat top left; }
 /* #logo_tab a.logo_link { margin-left: -210px; }*/

/* main content window */
#content_window {
  width: 100%;
  position: relative;
}
  
/* top right links */  
  #top_bar {}

    #uber_links {
      float: right;
      width: 185px;
      list-style: none;
      padding-left: 0;
      position: relative;
      z-index: 1005;
      margin: 0 0 1.5em 0;
    }

      #uber_links li {
        float: left;
        display: block;
        margin-right: 3px;
      }

      #uber_links li #contact_panel {
        position: absolute;
        right: 0;
        width: 350px;
        z-index: 1005;
      }
      
        #uber_links li #contact_panel h3 {
          font-family: Arial, Helvetica, sans-serif;
          font-weight: bold;
          font-size: 1.35em;
          color: #303030;
          margin-bottom: 0.5em;
          clear: both;
        }
      
        #uber_links li #contact_panel p {
          font-size: 1.15em;
          color: #505050;
        }

          #uber_links li #contact_panel p.two_col {
            width: 46%;
            float: left;
            margin: 0 2% 1em;
          }
      
        #uber_links li #contact_panel .email_form {
          background: #b8bfbf;
          display: none;
          padding: 10px 10px 15px;
        }
        
          #uber_links li #contact_panel .email_form #btn_contact_send,
          #uber_links li #contact_panel .email_form #btn_contact_close {
            border: 1px solid #ccc !important;
          }
        
        #uber_links li #contact_panel .email_form .text, 
        #uber_links li #contact_panel .email_form .textbox,
        #uber_links li #contact_panel .email_form select {
          background: #e1e6e6;
          color: #505050;
        }

        #uber_links li #contact_panel .email_form li {
          float: none;
        }
      
        #uber_links li a.button {
          height: 30px;
          display: block;
          text-indent: -999em;
          position: relative;
          z-index: 1006;
          background: transparent url("/public/images/interface/sprites.png") no-repeat top left;
        }
    
          #uber_links li a#btn_contact {
            width: 92px;
            margin-left: 256px;
            background-position: left -67px;
          }
          
          #uber_links li a#btn_contact_disabled {
            width: 92px;
            background-position: left -107px;
          }

          #uber_links li a#btn_facebook {
            width: 27px;
            background-position: left -239px;
          }
            #uber_links li a:hover#btn_facebook { background-position: left -280px; }

          #uber_links li a#btn_rss {
            width: 27px;
            background-position: left -157px;
          }
            #uber_links li a:hover#btn_rss { background-position: left -198px; }
        
          #uber_links li a#btn_twitter {
            width: 27px;
            background-position: left -321px;
          }
            #uber_links li a:hover#btn_twitter { background-position: left -361px; }

/* global nav */
  #sidebar {  
    height: 515px;
  } 
    #global_nav {
      list-style: none;
      padding-left: 0;
    }
      #global_nav li a {
        width: 80px;
        display: block;
        padding: 5px 10px;
        font-weight: bold;
        text-decoration: none;
      }
        #global_nav li a:hover { background: #e4e4e4; }
        #global_nav li a.current { color: #900000;}
        #global_nav li a:hover.current { background: none; }

  
/* content */
  #main_content {
    height: 515px;
    position: relative;
    overflow: visible;
  }

  h2.image {
    color: #900000;
    font-size: 4em;
    margin-bottom: 0;
    line-height: 1em;
  }
  
  h2.title { 
    font-size: 2em;
    line-height: 1.05em;
    margin-bottom: 5px;
    color: #900000;
  }

  p.modal_title {
    font-size: 1.35em;
    font-weight: bold;
    margin: 0 0 0.5em;
    text-transform: uppercase;
  }

  /* Contact Forms */
  .email_form {
    color: #767676; 
    padding: 0; 
  }
    .email_form label {
      display: block;
      margin-bottom: -5px;
    }

      .email_form label.inline_label {
        display: inline;
        margin-bottom: 0;
      }

    .email_form .text {
      margin-right: 15px;
      width: 145px;
    }

    .email_form .right_col { margin-right: 0; }  

    .email_form textarea {
      height: 75px;
      width: 315px;
    }

    .email_form select { width: 327px; }

    .email_form #btn_contact_send,
    .email_form #btn_contact_close {
      background: transparent url("/public/images/interface/button_gradient.jpg") left top repeat-x;
      border: 1px solid #e4e4e4;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      color: #900000;
      cursor: pointer;
			display: block;
      font-size: 1.1em;
      font-style: italic;
      padding: 3px 12px;
			margin: 0;
			width: 60px;
    }
    
    .email_form #btn_contact_close { margin: -26px 0 0 265px; color: #999; }
    .email_form #btn_contact_send { margin: -32px 0 0 265px;}
    #uber_links li #contact_panel .email_form #btn_contact_send { margin-left: 198px;}

    .form_response li {
      display: block;
      padding-left: 0;
      list-style: none;
    }
		
	#captcha-container {
		width: 180px;
	}


  /* Coda Slider layout */
  #slider_pane {
    position: relative;
	z-index:1000;
  }
      
    #window {
      height: 458px;
      overflow: hidden;
      position: relative;
      clear: left;
      margin-top: 10px;
    }
  
      #window_panes {}

        .window_pane{
          height: 450px;
          width: 838px;  
        }
        
          .nav_button { margin-top: 25px; }
          
            .nav_button span a { 
              background: #900000;
              color: #fff;
              display: block;
              float: left;
              height: 18px;
              padding: 3px 15px 3px 10px;
              margin-right: 3px;
            }

            .nav_button a.arrow {
              float: left;
              display: block;
              height: 24px;
              width: 24px;
            } 
          
    /* subnav */
    .subnav ul.nav_links {
      list-style: none;
      margin: 0 0 0 0;
      line-height: 1em;
      width: 800px;
			float: left;
			padding: 0;
			border-right: 1px solid #e5e5e5;
    }
      .subnav ul.nav_links li.panel_link {
        display: block;
        float: left;
        font-family: Georgia, Times, serif;
        font-size: 0.87em;
        font-style: italic;
				margin: 0 10px 0 0;
        padding: 8px 0 8px 5px;
        width: auto;
      }
			
      .subnav ul.nav_links li.last { background: none; border-right: 0;}    
      
        .subnav ul.nav_links li.selected {}
          
        .subnav ul.nav_links li.panel_link a {}

        .subnav ul.nav_links li.selected a { color: #900000; }
      
      .subnav #nav_buttons {
        float: right;
        width: 35px;
        margin: 1px 20px 0 10px;
      }

			/* change ul width & li attrs for case studies page */
			.subnav ul.nav_links.case-studies {
				width: 488px;
			}
				.subnav ul.nav_links.case-studies li.panel_link {
					width: 146px;
					background: transparent url("/public/images/interface/chevron.png") no-repeat right;
					font-size: 1.1em;
					border-right: 0;
				}
				
				.subnav ul.nav_links.case-studies li.panel_link.last {
					background: none;
				}

  /* ToolTip Popups */
  #tooltip_popups {
    height: 500px;
    position: relative;
    overflow: visible;
  }
    #tooltip_popups a.anchor {
      width: 22px;
      height: 20px;
      color: #ead700;
      display: block;
      position: absolute;
      z-index: 20;
      font-size: 1.2em;
      text-decoration: none;
    }
    #tooltip_popups .tooltip {
      display: none;
      width: 268px;
      z-index: 25;
    }
      #tooltip_popups .tooltip .tooltip_top{
        background: transparent url("/public/images/interface/bubble_top.png") no-repeat top left;
        height: 16px;
        padding: 0;
        margin: 0;
        width: 268px;
      }

      #tooltip_popups .tooltip .tooltip_middle{
        background: transparent url("/public/images/interface/bubble_middle.png") repeat-y top left;
        color: #303030;
        width: 230px;
        padding: 0 23px 0 15px;
        margin: 0;       
      }

        #tooltip_popups .tooltip p.result {
          font-size: 1.05em;
          line-height: 1.25em;
          font-weight: bold;
          margin-bottom: 0;
					margin-left: 0.35em;
        }

        #tooltip_popups .tooltip p.client {
          color: #587b7c;
          font-size: 0.83em;
          font-weight: bold;
          font-style: italic;
          margin: 0.5em 0 0;
          text-align: right;
					line-height: 120%;
        }

    #tooltip_popups .tooltip .tooltip_bottom {
      background: transparent url("/public/images/interface/bubble_bottom.png") repeat-y top left;
      height: 35px;
      padding: 0;
      margin: 0;
      width: 268px;
    }


/* Footer */
#footer_bar {
  background: #fff;
  width: 100%;
  padding: 15px 0 15px;  
  position: absolute;
  bottom: -40px;
}

  #footer {
    font-size: 0.83em;
    line-height: 1em;
  }
	
		#footer a.dots {
			margin-top: 0;
		}
    #footer a { }
  
    #footer ul#footer_links {
      float: left;
      list-style: none;
      padding-left: 0;
      margin: 0;
    }
      #footer ul#footer_links li {
        float: left;
        display: block;
        padding-right: 5px;
        margin-right: 5px;
        border-right: 1px solid #767676;
      }
      #footer ul#footer_links li.last {
        padding-right: 0;
        margin-right: 0;
        border-right: 0 none;
      }
      
/* Modals */
.ajax_modal { 
  padding: 0 15px 0 0 
}
  .ajax_modal h3 {
    font-family: Arial, Helvetica sans-serif;
    font-size: 1.35em;
    font-weight: bold;
    margin: 0 0 0.75em;
    text-transform: uppercase;
  }
  .ajax_modal h4 { 
    font-family: Arial, Helvetica sans-serif;
    font-size: 1em;
    font-weight: bold;
  }
  
#spell_tocquigny h3 {
  color: #000;
  font-family: Georgia, Times, serif;
  font-style: italic;
  font-weight: 100;
  font-size: 2em;
  text-transform: none;
  margin: 1.5em 0 0.25em;
}

#spell_tocquigny img {
  display: block;
  float: left;
  margin: -15px 20px 10px 0;
}

#privacy_policy h3 {
  font-size: 1.75em;
  font-family: Georgia, Times, serif;
  line-height: 1.5em;
  margin-bottom: 0.5em;
  color: #900000;
}

#privacy_policy h4 { 
  color: #000;
  font-family: Georgia, Times, serif;
  font-style: italic;
  font-weight: 100;
  font-size: 1.2em;  
}

a.footer_dots {
  float: left;
  display: block;
  width: 70px;
  height: 10px;
  margin-right:25px;
  overflow: hidden;
  text-indent: -999em;
  background: transparent url("http://www.tocquigny.com/public/images/interface/sprites.png") no-repeat top left;
}