/*
Site: Crested Butte Guides
Author: Christian Ross
Author URI: http://www.thinairmediasolutions.com  
Oct 2, 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; }


/*  Crested Butte Guides - CSS  */
/*  Layout  */
html { overflow-x: hidden; overflow-y: auto; }

body {
	margin-top: 0px;
	margin-bottom: 0px;
	background: url(../images/topo_bg2.gif) 0 0 repeat;
	font: 16px Helvetica, Arial, "Helvetica Neue", sans;
	line-height:18px;
	color:#000;
	text-align:left;
}

#container 	{ width:960px; margin:0 auto; text-align:left; z-index:1; border-left:1px solid #888; border-right:1px solid #888; }
#header 	{ height:250px; }
#nav		{ height:34px; background:url(../images/nav-bg.jpg) 0 0 repeat-x; text-align:center; padding-top:8px; }
#content 	{ color:#000; background-color:#DDD; }
  #logo		{ height:100px; text-align:center; padding-top:10px; }
  #sidebar	{ background:url(../images/sidebar-top.jpg) 0 0 no-repeat; background-color:#9CB8E7; padding-bottom:10px; }
  #sidebar-bottom  { background:url(../images/sidebar-bottom.jpg) 0 0 no-repeat; height:5px; }
  #logo-bar	{ text-align:center; height:100px; width:800px; margin:0 auto; padding-top:40px; }
#footer		{ height:30px; background-color:#003; border-top: 1px solid #000; color:#FFF; text-align:center; font-size:12px; padding-top:10px; }

  
#hours		{ font-size:14px; color:#CC8600; margin-bottom: 10px; }
  
/*  Styles  */

a:link    { color: #006699; font-weight: bold; text-decoration: none; } 
a:visited { color: #006699; font-weight: bold; text-decoration: none; }
a:active  { color: #006699; font-weight: bold; text-decoration: none; }
a:hover   { color: #333; 	font-weight: bold; text-decoration: underline; }

.mainNav 		  { font-size: 16px; font-weight: normal; line-height:20px; padding: 0px 16px; }
a.mainNav:link	  { text-decoration:none; color:#FFF; font-weight:normal; }
a.mainNav:active  { text-decoration:none; color:#FFF; font-weight:normal; }
a.mainNav:visited { text-decoration:none; color:#FFF; font-weight:normal; }
a.mainNav:hover   { text-decoration:none; color:#CCC; font-weight:normal; }

a.footer:link	  { text-decoration:none; color:#CCC; font-weight:normal; }
a.footer:active   { text-decoration:none; color:#CCC; font-weight:normal; }
a.footer:visited  { text-decoration:none; color:#CCC; font-weight:normal; }
a.footer:hover    { text-decoration:underline; color:#999; font-weight:normal; }

.completesite 	{ font-family:"Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans; font-weight:normal; font-size:15px; }
.pipe		  	{ font-size:10px; color:#999; padding:0 10px; }
.upper		  	{ text-transform:uppercase; }
.space			{ padding:0 10px; color:#666; }

hr { color:#CCC; }

h1.completesite { margin: 0 0 10px 0; font-size: 24px; line-height:32px; font-weight:bold; }
h2.completesite { margin: 0 0 10px 0; font-size: 20px; line-height:28px; font-weight:bold; }
h3.completesite { margin: 10px 0 6px 0; font-size: 16px; line-height:24px; font-weight:bold; }
h4.completesite { margin: 0 0 6px 0; font-size: 14px; line-height:20px; font-weight:bold; }

#sidebar h2 { text-align:center; padding-top:20px; }

ul {padding:0; margin:0; }
li {padding:0 0 0 0; margin:0 0 0 20px; border:0; }