/*
Site: Dragonfly Anglers - Crested Butte, CO
Author: Christian Ross
Author URI: http://www.thinairmediasolutions.com  
Apr 08, 2010 
*/


/* ---- 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; }


/*  Dragonfly Anglers - CSS  */
/*  Layout  */

body {
	margin-top: 0;
	background:#656565 url(../images/bg1.png) 0 0 repeat-x;
	font: 14px/18px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:left;
}

#container	{ width:980px; margin:0 auto; z-index:1; }
#weather	{ padding:20px 20px 0 0; text-align:right; width:960px; margin:0 auto; font-size:12px; color:#FFF; }
#header		{ width:960px; margin:10px auto 0; height:200px; background:url(../images/header-bg.jpg) 0 0 no-repeat; clear:both; }
  #search	{ text-align:right; width:200px; float:right; padding:14px; font-size:12px; color:#FFF; }
#nav		{
	background-color:#BD4004; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width:980px; 
	margin:0 auto; 
	height:30px;
	text-align:center;
	padding-top:4px;
	z-index:90;
	}
#content	{
	background:#222;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	width:920px;
	margin:0 auto;
	padding:20px;
	z-index:2;
	}
  #slideshow	{ width:660px; float:left; margin-bottom:20px; }
  #home-aside	{ width:240px; float:right; margin-bottom:20px; }
  #main-content {  }
  #sidebar		{  }
#footer { width:960px; margin:0 auto; padding-top:20px; height:40px; }
  #footer-nav	{ float:left; width:750px; }
  #completesite	{ float:right; width:130px; text-align:right; }

  
/*  Styles  */

p { padding:0; margin:0; }
ul { padding:0; margin:0; }
li { padding:0 0 0 0; margin:0 0 0 20px; border:0; }


.completesite 	{ font: 14px/20px Arial, Helvetica, sans-serif; color:#FFF; }
p.completesite  { margin-bottom:20px; }


a:link, a:visited, a:active { color: #BD3F04; font-weight: bold; text-decoration: none; } 
a:hover   { color: #797066; font-weight: bold; text-decoration: underline; }

a.completesite:link, a.completesite:visited, a.completesite:active { color: #BD3F04; font-weight: bold; text-decoration: none; } 
a.completesite:hover   { color: #797066; 	font-weight: bold; text-decoration: underline; }

a.mainNav:link,	a.mainNav:active,a.mainNav:visited  { 
	color:#FFF; font-size: 18px; line-height:22px; 
	font-weight:normal; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-decoration:none;
	padding:0 12px;
}

a.mainNav:hover   { 
	color:#999; font-size: 18px; line-height:22px; 
	font-weight:normal; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-decoration:none;
	padding:0 12px;
}

a.footer:link, a.footer:active, a.footer:visited { color:#FFF; text-decoration:none; font-size:12px; padding:0 6px; }
a.footer:hover { color:#333; text-decoration:none; font-size:12px; padding:0 6px; }


.pipe	  	{ font-size:10px; color:#999; padding:0 12px; }
.space		{ padding:0 12px; }


h1.completesite { margin: 0 0 10px 0; font-size: 28px; line-height:34px; font-weight:bold; color:#797066; font-family:  "Palatino Linotype", "Book Antiqua", Palatino, serif; }
h2.completesite { margin: 0 0 10px 0; font-size: 24px; line-height:30px; font-weight:bold; color:#797066; font-family:  "Palatino Linotype", "Book Antiqua", Palatino, serif; }
h3.completesite { margin: 0 0 5px 0;  font-size: 20px; line-height:26px; font-weight:bold; color:#797066; font-family:  "Palatino Linotype", "Book Antiqua", Palatino, serif; }
h4.completesite { margin: 0 0 5px 0;  font-size: 16px; line-height:22px; font-weight:bold; color:#797066; font-family:  "Palatino Linotype", "Book Antiqua", Palatino, serif; }

#home-aside ul { padding:0; margin:0; list-style:none; }
#home-aside li { padding:0 0 10px; margin:0; }

a.cs-logo 		{ border:none; background: url(../images/completesite.png) 0 0 no-repeat; width:122px; height:19px; display:block; }
a.cs-logo:hover { border:none; background: url(../images/completesite.png) 0 -19px no-repeat; }

a.storeBtn		 { border:none; background: url(../images/online-store.jpg) 0 0 no-repeat; width:240px; height:120px; display:block; }
a.storeBtn:hover { border:none; background: url(../images/online-store.jpg) 0 -120px no-repeat; }

a.guidedBtn		  { border:none; background: url(../images/guided-services.jpg) 0 0 no-repeat; width:240px; height:120px; display:block; }
a.guidedBtn:hover { border:none; background: url(../images/guided-services.jpg) 0 -120px no-repeat; }

a.riverBtn 		 { border:none; background: url(../images/river-report.jpg) 0 0 no-repeat; width:240px; height:120px; display:block; }
a.riverBtn:hover { border:none; background: url(../images/river-report.jpg) 0 -120px no-repeat; }


ul.imageContainer { margin:0; padding:0; list-style:none; }
li.imageContainer { margin:0; padding:0; list-style:none; }
