/*
Site: Crested Butte Avalanche Center
Author: Christian Ross
Author URI: http://www.thinairmediasolutions.com  
Dec 19, 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; }
td { vertical-align:top; }


/*  CB Avalanche Center - CSS  */
/*  Layout  */

body {
	margin-top: 0;
	background:#DAD4C4 url(../images/bg1.jpg) 0 0 repeat;
	font: 14px/20px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
}

#container	{ width:980px; margin:0 auto; text-align:left; z-index:1; background:url(../images/content-shadow-bg.png) 0 0 repeat-y; }
#header 	{ margin:0 auto; width:960px; background:url(../images/banner1.jpg) 0 0 no-repeat; height:345px; }
  #home		{ height:290px; position:relative; width:960px; margin:0 auto; }
  #top-nav	{ text-align:center; }
#content	{ margin:0 auto; width:920px; background-color:#B5CDE5; padding:20px; }
#footer-nav { margin:0 auto; width:960px; background:url(../images/bottom-nav-bg.jpg) 0 0 no-repeat; height:42px; padding-top:18px; text-align:center; }
#footer		{ margin:0 auto; width:980px; background:url(../images/footer-bg.png) 0 0 no-repeat; height:50px; text-align:center; padding-top:15px; }

  
/*  Styles  */

a:link    { color: #3D0C32; font-weight: bold; text-decoration: none; } 
a:visited { color: #3D0C32; font-weight: bold; text-decoration: none; }
a:active  { color: #3D0C32; font-weight: bold; text-decoration: none; }
a:hover   { color: #666; 	font-weight: bold; text-decoration: underline; }

a.completesite:link    { color: #3D0C32; font-weight: bold; text-decoration: none; } 
a.completesite:visited { color: #3D0C32; font-weight: bold; text-decoration: none; }
a.completesite:active  { color: #3D0C32; font-weight: bold; text-decoration: none; }
a.completesite:hover   { color: #666; 	font-weight: bold; text-decoration: underline; }

a.footer:link, a.footer:active, a.footer:visited { color:#FFF; text-decoration:none; text-transform:uppercase; font-size:10px; }
a.footer:hover { color:#666; text-decoration:none; text-transform:uppercase; font-size:10px; }

a.contact:link, a.contact:active, a.contact:visited { text-decoration:none; outline:none; color:#ECECD0; }
a.contact:hover	  { color:#FFF; text-decoration:none; color:#999;  }



.completesite 	{ font: 14px/20px Arial, Helvetica, sans-serif; }
.pipe		  	{ font-size:10px; color:#999; padding:0 10px; }
.space			{ padding:0 6px; }
.underline		{ border-bottom:1px solid #E4E9EE; display:block; margin-top:10px; }
.gray			{ color:#CCC; }


h1.completesite { margin: 0 0 15px 0; font-size: 24px; line-height:30px; font-weight:bold; color:#3D0C32; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; }
h2.completesite { margin:10px 0; font-size: 20px; line-height:26px; font-weight:bold; color:#3D0C32; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; }
h3.completesite { margin: 0 0 6px 0;  font-size: 16px; line-height:22px; font-weight:bold; color:#3D0C32; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; }
h4.completesite { margin: 0 0 6px 0;  font-size: 14px; line-height:18px; font-weight:bold; color:#3D0C32; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; }


h3 { padding:0 0 10px 0; margin:0; }
p { padding:0 0 10px 0; margin:0; }

ul {padding:0; margin:0; }
li {padding:0 0 0 0; margin:0 0 0 20px; border:0; }
