/*
Site: Third Sector Innovations
Author: Christian Ross
Author URI: http://www.thinairmediasolutions.com  
May 23, 2009 
*/


/* ---- Reset CSS ---- */

* {margin:0;padding:0;}

html, body, img {
	margin: 0; padding: 0; border: 0; outline: 0;
	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
	vertical-align: baseline;
}

:focus { outline: 0; }

html { overflow-x: auto; overflow-y: auto; }

body { line-height: 1;}

p { margin:0; padding:0; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
em { font-style: italic; }
strong { font-weight: bold; }

.clear:after { content: "."; display: block; height: 0;	font-size: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* \*/
.clear { display: block; }
/* */ 
.image { display: block; font-size: 0; text-indent: -9999px; outline: none; }


/*  Third Sector Innovations - CSS  */
/*  Layout  */

html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}

body {
	margin-top: 0;
	background: #FFF url(../images/bg-top.jpg) 0 0 repeat-x;
	font: 12px "Lucida Grande", Arial, Helvetica, sans;
	color:#000;
	text-align:center;
}

#wrap	 		{ width:960px; margin:0 auto; text-align:left; z-index:1; }
#navigation 	{ text-align:left; height:46px; padding-top:12px; }

/* Home divs */
#home-header	{ height:264px; width:960px; }
  #logo			{ float:left; width:520px; padding-top:28px; }
  #featured-buttons { float:right; width:400px; }
#main 			{ padding-bottom: 150px; }  /* must be same height as the footer */
  #main-content { width:960px; padding:40px 0; }
  #home-sidebar	{ width:380px; padding:10px; background:#BEB920; border: 1px solid #666; }

/* Interior divs */
#int-header		{ height:122px; width:960px; }
  #int-logo		{ padding: 6px 0 0 20px; }
#main 			{ padding-bottom: 150px; }  /* must be same height as the footer */
  #main-content { width:960px; padding:40px 0; }
  #home-sidebar	{ width:380px; padding:10px; background:#BEB920; border: 1px solid #666; }

#footer {
	position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;
	background: url(../images/bg-bottom.jpg) 0 0 repeat-x;
}
#footer-content { width:960px; margin:0 auto; text-align:left; padding-top:80px; color:#FFF; }
  #address	{ float:left; width:200px; }
  #phone	{ float:left; width:80px; }
  #numbers	{ float:left; width:100px; }
  #nav	 	{ float:right; width:500px; text-align:right; }
  
  
/*  Styles  */

a:link    { color: #E08E07; font-weight: bold; text-decoration: none; } 
a:visited { color: #E08E07; font-weight: bold; text-decoration: none; }
a:hover   { color: #666; 	font-weight: bold; text-decoration: underline; }
a:active  { color: #E08E07; font-weight: bold; text-decoration: none; }

a.completesite:link    { color: #fff; text-decoration: none; font-weight:normal; }
a.completesite:visited { color: #fff; text-decoration: none; font-weight:normal; }
a.completesite:hover   { color: #222; text-decoration: none; font-weight:normal; }
a.completesite:active  { color: #fff; text-decoration: none; font-weight:normal; }

a.cs:link    { color: #fff; text-decoration: none; font-weight:normal; }
a.cs:visited { color: #fff; text-decoration: none; font-weight:normal; }
a.cs:hover   { color: #222; text-decoration: none; font-weight:normal; }
a.cs:active  { color: #fff; text-decoration: none; font-weight:normal; }

.mainNav 		  { font-size: 16px; font-weight: normal; line-height:30px; display:inline-block; background-color:#ADAA1E; padding:3px 8px; margin: 0 0 0 3px; }
a.mainNav:link	  { text-decoration:none; color:#000; font-weight:normal; }
a.mainNav:active  { text-decoration:none; color:#000; font-weight:normal; }
a.mainNav:visited { text-decoration:none; color:#000; font-weight:normal;}
a.mainNav:hover   { text-decoration:none; color:#FFF; font-weight:normal;}

.footer 		  { font-size: 12px; font-weight:normal; color:#FFF; }
a.footer:link	  { text-decoration:none; color:#FFF; font-weight:normal; }
a.footer:active   { text-decoration:none; color:#FFF; font-weight:normal; }
a.footer:visited  { text-decoration:none; color:#FFF; font-weight:normal;}
a.footer:hover    { text-decoration:none; color:#BBB; font-weight:normal;}


h1.completesite { margin:0 0 20px 0; font: 24px/28px bold "Lucida Grande", Arial, Helvetica, sans; color: #000; }
h2.completesite { margin: 0 0 10px 0; font: 20px/24px bold "Lucida Grande", Arial, Helvetica, sans; color:#000; }
h3.completesite { margin: 10px 0 10px 0; font: 16px/20px bold "Lucida Grande", Arial, Helvetica, sans; padding:0; color:#000; }
h4.completesite { font: 14px/18px "Lucida Grande", Arial, Helvetica, sans; padding:0; color:#000; }

p.completesite { padding: 0 0 20px 0; line-height: 20px; }

.completesite { font: 14px "Lucida Grande", Arial, Helvetica, sans; color:#000; }
.cs { font: 9px "Lucida Grande", Arial, Helvetica, sans; color:#FFF; }
.pipe { font-size:9px; color:#999; padding:0 10px; }


ul { padding: 0; margin: 0; }
li { padding: 0; margin: 0 0 0 20px; border:0; }

ul.featured { padding: 20px 0 0 0; }
li.featured { padding: 0; margin:12px 0; list-style:none; }


td { vertical-align:top; }

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Featured Button Rollovers */

a.btnBusiness		 { border:none; background: url(../images/business-services.png) 0 0 no-repeat; width:400px; height:55px; display:block; }
a.btnBusiness:hover	 { border:none; background: url(../images/business-services.png) 0 -55px no-repeat; }

a.btnNonprofit		 { border:none; background: url(../images/nonprofit-services.png) 0 0 no-repeat; width:400px; height:55px; display:block; }
a.btnNonprofit:hover { border:none; background: url(../images/nonprofit-services.png) 0 -55px no-repeat; }

a.btnGovernment		  { border:none; background: url(../images/government-services.png) 0 0 no-repeat; width:400px; height:55px; display:block; }
a.btnGovernment:hover { border:none; background: url(../images/government-services.png) 0 -55px no-repeat; }

