/************************************************
 * 
 *  File        :     css/global.css
 *  Version     :     v1.0
 *  Date        :     Thursday, 09 August 2007
 *  Email       :     JakeAlger@comcast.net
 *  Website     :     JakeAlger.com
 * 
 ************************************************
 * Global style settings
 ************************************************/
 
 @media screen {
  
  * { margin: 0; padding: 0; }
  
  html { background:#899099 url(../images/tt-html-bg.jpg) repeat-x; }
  
  body {
    text-align: center;
    font: 11px Arial, Verdana, Tahoma;
    color:#fff;
  }
  
  h1, h2     { text-indent: -9000px; }
  img        { border: 0; vertical-align: bottom; }
  table      { width: 100%; border-collapse: collapse; }
  a          { text-decoration: none; overflow: hidden; }
  ul         { list-style-type: none; }
  address    { font-style: normal; }
  input      { vertical-align: middle; }
  select     { font-size: 0.85em; font-weight: normal; color: #12395A; }
  option     { padding-left:5px; }
  textarea   { font: 11px Arial, Verdana, Helvetica, sans-serif; }
  
  .clearfix:after {
    content: ".";
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
  }

/************************************************
 * DEBUG
 ************************************************/
 
 #wrapper { padding-bottom:11px; margin:0 auto; text-align:left; width:886px; background: url(../images/tt-wrapper-bg.jpg) no-repeat 0 100%; }
 
 #container 	{ padding:0 2px 0 2px; background: url(../images/tt-container-bg.jpg) repeat-y; }
 #container h1 	{ height:87px; background: url(../images/tt-main-header.jpg) no-repeat; }
 
 #navigation 				    { padding-top:6px; height:21px; background: url(../images/tt-navigation-bg.jpg) no-repeat; }
 #navigation ul 			    { text-align:center; }
 #navigation ul li 			    { margin-right:30px; float: left; display:inline; font-weight:bold; }
 #navigation ul li a 		    { color:#fff; }
 #navigation ul li a#home       { text-indent:-9000px; margin-right: 250px; float: left; width: 39px; }
 #navigation ul li a:hover 	    { text-decoration:underline; }
 
 #content { background: url(../images/tt-content-bg.jpg) no-repeat; }
 
 #content #home 			{ padding:59px 0 0 208px; }
 #content #home p#welcome 	{ line-height:17px; padding:13px 20px 0px 30px; width:415px; height:76px; background: url(../images/tt-welcome-bg.jpg) no-repeat; }
 #content #home ul 			{ text-align:center; width:455px; }
 #content #home ul li a 	{ margin:55px 0 0 90px; text-indent:-9000px; float:left; width:275px; height:71px; background: url(../images/tt-work-examples.jpg) no-repeat; }
 
 #content #about,
 #content #affiliations,
 #content #testimonials,
 #content #process       { height:254px; padding-top:42px; }
 
 #content #subnavi 					{ float:left; padding-right:1px; width:170px; height:302px; background: url(../images/tt-subnavi-bg.jpg) no-repeat 100% 0; }
 #content #subnavi ul 				{ padding:20px 0 0 20px; text-align:right; }
 #content #subnavi ul li 			{ display:block; font-weight:bold; height:21px; padding:1px 10px 0 0; }
 #content #subnavi ul li.selected 	{ background: url(../images/tt-about-subselect.jpg) no-repeat 100% 0; }
 #content #subnavi ul li a 			{ color:#fff; }
 #content #page-content 			{ padding:20px; width:550px; float:left; }
 #content #page-content h3 			{ color:#ffca4a; font-size:12px; }
 #content #page-content p 			{ margin-top:10px; line-height:15px; }
 #content #page-content ul			{ margin-bottom:20px; }
 
 #content #page-content #services 		{ margin:25px; }
 #content #page-content #services ul 	{ margin:10px; }
 #content #page-content #services ul li { line-height:17px; display:block; padding-left:10px; background: url(../images/tt-services-bullet.jpg) no-repeat 0 7px; }
 
 #content #login { padding:50px; }
 #content #login div { margin-bottom:10px; display:block; }
 #content #login div label { width:150px; display:block; }
 
 #content #affiliations dl 			{ height:65px; padding-left:100px; margin:0 0 25px 50px; }
 #content #affiliations dl dt 		{ font-weight:bold; }
 #content #affiliations dl dd 		{ margin-top:5px; }
 #content #affiliations dl dd a 	{ color:#fff; }
 #content #affiliations dl#adch 	{ background: url(../images/tt-adch-dl.jpg) no-repeat; }
 #content #affiliations dl#oih 		{ background: url(../images/tt-oih-dl.jpg) no-repeat; }
 #content #affiliations dl#linkedin { background: url(../images/tt-linkedin-dl.jpg) no-repeat; }
 
 #bottom { float:left !important; float:; clear:left; margin:55px 0 0 12px; width:859px; height:172px; background: url(../images/tt-bottom-flash.jpg) no-repeat; }
 
 /***** Admin Styles *****/
 
 #client    { width: 500px; padding: 25px; }
 #client p  { padding: 10px; }
 #client h3 { color:#f2c63f; font-size: 12px; margin-top: 20px; }
 
 #client dl     { padding-left: 20px; }
 #client dl dt  { margin-top: 20px; font-weight: bold; }
 
 #client table           { margin-top: 5px; width: 100% }
 #client table thead th  { background-color:#32383f; padding:3px 0 3px 5px; color:#8b9daf; font-weight:bold; }
 #client table tr td     { padding:3px 0 3px 5px; background-color:#a3a7ac; }
 #client table tr td a   { color:#fff; }
 #client table tr.odd td { background-color:#737980; }
 
 #client div.client-row               { margin-top:10px; }
 #client div.client-row label         { text-align:right; padding: 3px 10px 0 0; font-weight:bold; float:left; width:100px; }
 #client div.client-row input         { padding: 1px; width: 150px; }
 #client div.client-row textarea      { padding: 1px; width: 400px; height:200px; font-size: 11px; }
 #client div.client-row select        { padding: 1px; width: 155px; }
 #client div.client-row input.button  { width: 75px; }
 #client div.client-row p a           { color:#fff; font-weight:bold; }
 
 #client ul.link         { width: 100%; margin-top:5px; }
 #client ul.link li      { text-align:right; font-weight:bold; }
 #client ul.link li a    { color:#fff; }
 
 ul#files li a { color:#fff; font-weight: bold; }
 
 
 }