/*
Site: Southwest Colorado Travel
Author: Christian Ross (http://twitter.com/christianross)
Author URI: http://www.thinairmediasolutions.com  
Dec 22, 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; }


/*  Southwest Colorado Travel - CSS  */
/*  Layout  */

body {
	margin:0;
	background:#555758 url(../images/nav-bg.png) 0 50px repeat-x;
	font: 14px/22px "Times New Roman", Times, Georgia, serif;
	color:#000;
	text-align:left;
}

#container	{ width:1200px; margin:0; text-align:left; z-index:1; background:url(../images/bg-telluride.jpg) 0 0 no-repeat; }
#header 	{ height:160px; background:url(../images/nav-bg.png) 0 50px repeat-x; }
  #logo		{ float:left; width:230px; padding: 40px 0 0 26px; }
  #nav		{ float:left; width:800px; padding:70px 0 0 30px; color:#FFF; text-transform:uppercase; font-size:13px; }
  #tagline	{ float:left; width:670px; padding:30px 0 0 30px; text-transform:uppercase; font-size:20px; font-family: "Century Gothic", Arial, Helvetica, sans-serif; }
#counties	{ margin:350px 0 0 20px; width:980px; height:85px; }
#content 	{ margin:40px 0 0 20px; padding:30px; width:900px; background-color:#FFF; border:1px solid #CCC; }
  #main-content {  }
  #sidebar		{ padding:0; margin:0; }
#footer		{ margin:25px 0 50px 20px; width:960px; color:#FFF; font-size:12px; font-family: "Century Gothic", Arial, Helvetica, sans-serif; padding-bottom:1px; }
  #copy	  	{ float:left; width:300px; }
  #footer-nav { float:right; width: 640px; text-align:right; }

  
/*  Styles  */

a:link, a:visited, a:link { color:#B8802A; font-weight:bold; text-decoration:none; } 
a:hover { color:#666; font-weight:bold; text-decoration:underline; }

a.completesite:link, a.completesite:visited, a.completesite:active { color:#B8802A; font-weight:bold; text-decoration:none; } 
a.completesite:hover { color:#666; font-weight:bold; text-decoration:underline; }

a.mainNav:link,	a.mainNav:active,a.mainNav:visited  { 
	color:#FFF; font-size: 13px; line-height:18px; 
	font-weight:normal; font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	text-decoration:none; text-transform:uppercase;
	padding:0 20px 0 0;
}

a.mainNav:hover   { 
	color:#CCC; font-size: 13px; line-height:18px; 
	font-weight:normal; font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	text-decoration:none; text-transform:uppercase;
	padding:0 20px 0 0;
}

a.footer:link, a.footer:active, a.footer:visited { color:#FFF; text-decoration:none; text-transform:uppercase; font-size:10px; font-weight:normal; }
a.footer:hover { color:#CCC; text-decoration:none; text-transform:uppercase; font-size:10px; font-weight:normal; }


.completesite 	{ font: 14px/19px "Times New Roman", Times, Georgia, serif; }
.pipe		  	{ font-size:10px; color:#999; padding:0 10px; }
.space			{ padding:0 8px; }
.underline		{ border-bottom:1px solid #E4E9EE; display:block; margin-top:10px; }


h1.completesite { margin: 0 0 15px 0; font-size: 28px; line-height:32px; font-weight:normal; color:#000; font-family: "Century Gothic", Arial, Helvetica, sans-serif; }
h2.completesite { margin: 0 0 10px 0; font-size: 22px; line-height:28px; font-weight:normal; color:#000; font-family: "Century Gothic", Arial, Helvetica, sans-serif; }
h3.completesite { margin: 0 0 6px 0;  font-size: 18px; line-height:24px; font-weight:normal; color:#000; font-family: "Century Gothic", Arial, Helvetica, sans-serif; }
h4.completesite { margin: 0 0 6px 0;  font-size: 14px; line-height:20px; font-weight:normal; color:#000; font-family: "Century Gothic", Arial, Helvetica, sans-serif; }

#sidebar h2.completesite { background:#434546; border:1px solid #666; display:block; color:#FFF; padding:3px 7px; }


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; }


ul.counties	{ padding:0; margin:0 0 -5px 0; }
li.counties	{ list-style:none; padding:0; margin:0 -1px 0 0; display:inline; }

/* county buttons */

a.delta		  		{ border:none; background:url(../images/counties/delta.png) 0 0 no-repeat; width:192px; height:42px; display: inline-block; }
a.delta:hover 		{ border:none; background:url(../images/counties/delta.png) 0 -42px no-repeat; }

a.hinsdale		  	{ border:none; background:url(../images/counties/hinsdale.png) 0 0 no-repeat; width:190px; height:42px; display: inline-block; }
a.hinsdale:hover 	{ border:none; background:url(../images/counties/hinsdale.png) 0 -42px no-repeat; }

a.montrose		 	{ border:none; background:url(../images/counties/montrose.png) 0 0 no-repeat; width:190px; height:42px; display: inline-block; }
a.montrose:hover 	{ border:none; background:url(../images/counties/montrose.png) 0 -42px no-repeat; }

a.san-juan		 	{ border:none; background:url(../images/counties/san-juan.png) 0 0 no-repeat; width:191px; height:42px; display: inline-block; }
a.san-juan:hover 	{ border:none; background:url(../images/counties/san-juan.png) 0 -42px no-repeat; }

a.archuleta		  	{ border:none; background:url(../images/counties/archuleta.png) 0 0 no-repeat; width:192px; height:42px; display: inline-block; }
a.archuleta:hover 	{ border:none; background:url(../images/counties/archuleta.png) 0 -42px no-repeat; }

a.gunnison		  	{ border:none; background:url(../images/counties/gunnison.png) 0 0 no-repeat; width:190px; height:42px; display: inline-block; }
a.gunnison:hover 	{ border:none; background:url(../images/counties/gunnison.png) 0 -42px no-repeat; }

a.montezuma		  	{ border:none; background:url(../images/counties/montezuma.png) 0 0 no-repeat; width:190px; height:42px; display: inline-block; }
a.montezuma:hover 	{ border:none; background:url(../images/counties/montezuma.png) 0 -42px no-repeat; }

a.ouray		  		{ border:none; background:url(../images/counties/ouray.png) 0 0 no-repeat; width:190px; height:42px; display: inline-block; }
a.ouray:hover 		{ border:none; background:url(../images/counties/ouray.png) 0 -42px no-repeat; }

a.san-miguel		{ border:none; background:url(../images/counties/san-miguel.png) 0 0 no-repeat; width:191px; height:42px; display: inline-block; }
a.san-miguel:hover 	{ border:none; background:url(../images/counties/san-miguel.png) 0 -42px no-repeat; }

a.la-plata		  { border:none; background:url(../images/counties/la-plata.png) 0 0 no-repeat; width:190px; height:42px; display: inline-block; }
a.la-plata:hover  { border:none; background:url(../images/counties/la-plata.png) 0 -42px no-repeat; }

/* end county buttons */


a.cs-logo 		{ border:none; background: url(../images/completesite.png) 0 0 no-repeat; width:130px; height:30px; display:block; }
a.cs-logo:hover { border:none; background: url(../images/completesite.png) 0 -30px no-repeat; }


  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */