/*
Site: Cage Free Productions
Author: Christian Ross
Author URI: http://www.thinairmediasolutions.com  
Apr 28, 2009 
*/


/* ---- Reset CSS ---- */

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; }



/*  Cage Free Productions - CSS  */
/*  Layout  */
html { overflow-x: hidden; overflow-y: auto; }

body {
	margin-top: 0;
	margin-bottom: 30px;
	background: #808080;
	font: 12px Arial, Helvetica, sans;
	color:#333;
	text-align:left;
}

#container 		{ width:819px; margin:0 auto; text-align:left; background:#FFF; z-index:1; }
#navigation 	{ height:118px; background:url(../images/nav-bg.jpg) 0 0 repeat-y; z-index:2; }
  #logo			{ padding: 10px 10px 0; }
  #nav 			{ text-align:right; padding-right: 38px; color:#F2A42B; text-transform:uppercase; z-index:100; }
#header 		{ margin:0 auto; background:url(../images/header-bg.jpg) 0 0 no-repeat; height:317px; z-index:1; }
#twitter		{ background:url(../images/twitter-bg.jpg) 0 0 no-repeat; height:66px; color:#FFF; margin-bottom:30px; }
  #twitter_update_list { width:450px; }
  #twitter-feed { float:left; width:450px; margin:14px 0 0 255px; }
  #social		{ float:left; width:100px; text-align:right; margin-top:14px; }
#content 		{ background:#FFF; padding:0px 35px; } 
#footer  		{ font-size:10px; background:url(../images/footer-bg.jpg) 0 20px no-repeat; padding:0 35px; height:150px; }
  #copy 		{ float:left; width:260px; padding-top:120px; color:#999; font-size:11px; }
  #footer-nav	{ float:right; width: 480px; text-align:right; padding-top:120px; font-size:11px; }
  
  
/*  Styles  */

a:link    { color: #A63D16; font-weight: bold; text-decoration: none; } 
a:visited { color: #A63D16; font-weight: bold; text-decoration: none; }
a:hover   { color: #666; 	font-weight: bold; text-decoration: underline; }
a:active  { color: #A63D16; font-weight: bold; text-decoration: none; }

a.completesite:link    { color: #A63D16; font-weight: bold; text-decoration: none; }
a.completesite:visited { color: #A63D16; font-weight: bold; text-decoration: none; }
a.completesite:hover   { color: #666; 	 font-weight: bold; text-decoration: underline; }
a.completesite:active  { color: #A63D16; font-weight: bold; text-decoration: none; }

.mainNav 		  { font-size: 11px; font-weight: 600; line-height:30px; }
a.mainNav:link	  { text-decoration:none; color:#F2A42B; font-weight:normal; }
a.mainNav:active  { text-decoration:none; color:#F2A42B; font-weight:normal; }
a.mainNav:visited { text-decoration:none; color:#F2A42B; font-weight:normal;}
a.mainNav:hover   { text-decoration:none; color:#CCC; font-weight:normal;}

.footer 		  { font-size: 11px; font-weight:normal; color:#FFF; }
a.footer:link	  { text-decoration:none; color:#4D4D4D; font-weight:normal; }
a.footer:active   { text-decoration:none; color:#4D4D4D; font-weight:normal; }
a.footer:visited  { text-decoration:none; color:#4D4D4D; font-weight:normal;}
a.footer:hover    { text-decoration:none; color:#A63D16; font-weight:normal;}

a.facebook		{ display:inline-block; width:48px; height:48px; background:url(../images/social-icons.png) -4px -5px no-repeat; }
a.facebook:hover{ display:inline-block; width:48px; height:48px; background:url(../images/social-icons.png) -4px -63px no-repeat; }

a.twitter		{ display:inline-block; width:48px; height:48px; background:url(../images/social-icons.png) -63px -5px no-repeat; }
a.twitter:hover { display:inline-block; width:48px; height:48px; background:url(../images/social-icons.png) -63px -63px no-repeat; }


.completesite { font: 14px/18px Arial, Helvetica, sans; }
.pipe { font-size:10px; color:#999; padding:0 10px; }

h1.completesite { margin: 5px 0 10px 0; font: 24px/28px bold Arial, Helvetica, sans;; color: #666666; text-transform:uppercase; }
h2.completesite { margin: 0 0 10px 0; font: 21px/25px bold Arial, Helvetica, sans;; color:#A63D16; }
h3.completesite { margin: 10px 0 10px 0; font: 18px/22px bold Arial, Helvetica, sans;; padding:0; color:#A63D16; }
h4.completesite { margin: 0; font: 16px/18px bold Arial, Helvetica, sans;; padding:0; color:#A63D16; }


ul {padding:0; margin:0; }
li {padding:0 0 0 0; margin:0 0 0 20px; border:0; }

#twitter_div { width: 500px; }
#twitter_div ul { padding:0; margin:0; }
#twitter_div li { list-style-type:none; padding:0; margin:0; }

h2.tag { text-indent: -9999px; padding:0px; margin:0px; }

