/* FlyFishingHeaven.ca CSS 2008 - David A. Taylor */
/* Template for All Pages */


/* browser defaults cleanup */
body, h1, h2, h3, h4, h5, h6, h7, div, p, img, table, tr, td, ul, ol, li, form {margin:0;padding:0;border:0;}

/* Global */
body {background-color: #00794d; text-align: center; font-family: Arial, Helvetica, sans-seif; font-size: 12px;}
#top {height: 1px; width: 1px;line-height: 0; position: absolute; top:0;}

h1 {font-size: 48px; font-family: "Times New Roman", Times, serif; color: #1d15ad;}
h2 {font-size: 72px; color: #00794d; margin-top: 16px; line-height: 1;}
p {margin: 7px 0 17px 0;}

a {text-decoration: none; color: #1d15ad;}
a:visited {color: #7d0085;}
a:hover, a:active {text-decoration:underline;}


ul, ol {margin-left: 15px;}

ul.nav {list-style-type: none; margin:0;}
ul.nav li {}

.stress {color:#b25a00;}

.clear {float: none; clear: both;}


/* Wrappers */
#outer-container {width: 810px; margin: 0 auto; background: #fff url(../images/building-blocks/container-bg.gif) top left repeat-y;}
	#inner-container {width: 800px; margin: 0 5px; background: #fff url(../images/building-blocks/body-bg.gif) top left repeat-y; padding-bottom: 20px;}


/* Header */
#header {width: 800px; height: 163px; margin: 0 5px 4px;}
	#header #logo {float: left; width: 118px; height: 153px; padding: 10px 0 0 31px; font-size: 30px; color: #000;}
	#header #header-img {float: right; width: 364px; height: 163px;}
	#header #ffh-header-text {float: right; text-align: right; width: 185px; height: 126px; padding-top: 10px; font-size: 40px;}
	#header #ffh-header-subtext, #header #ffh-header-subtext img {float: right; text-align: right; margin: 0; width: 259px; height: 27px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: italic; color: #000;}

/* Main Nav - inner pages */
#main-nav {clear: both; height: 30px; line-height: 30px; width: 800px; margin: 0 5px; background: #b25a00 url(../images/building-blocks/main-nav-bg.gif) top left repeat-x; position: relative;}
	#main-nav li {float: left; height: 30px;}
	#main-nav li.top-level {background: #b25a00 url(../images/building-blocks/main-nav-bg.gif) top left repeat-x; border-right: 1px solid #753b00; border-left: 1px solid #c88948; text-transform: uppercase;}
	#main-nav li a {float: left; padding: 0 20px; color: #fff; text-decoration: none;}
	#main-nav li.current a, #main-nav li.top-level a:hover, #main-nav li.top-level a:active {background: #e89400 url(../images/building-blocks/main-nav-bg-active.gif) top left repeat-x;}  
   
	#main-nav #home a {padding-left: 23px;}
   
	/* dropdowns */
	#main-nav li.top-level ul {clear: left; position: absolute; top: 30px; width: 8em; text-transform: capitalize; display: none;} 
		#main-nav li.top-level ul li, #main-nav li.top-level ul a {width: 8em; height: 24px; line-height: 24px; text-align: left;}
		#main-nav li.top-level ul a {margin-left: ; background: transparent url(../images/building-blocks/nav-dropdown-bg.png) top left repeat;}
		#main-nav li.top-level ul a:hover, #main-nav li.top-level ul a:active {background-image: url(../images/building-blocks/nav-dropdown-bg-active.png)}

		/* multi-level dropdowns */
		#main-nav li ul ul {margin: -2.1em 0 0 10em;}
		#main-nav li:hover ul ul, #main-nav li:hover ul ul ul, #main-nav li.sfhover ul ul, #main-nav li.sfhover ul ul ul {display: none}

		/* show dropdowns on hover */
		#main-nav li:hover ul, #main-nav li li:hover ul, #main-nav li li li:hover ul, #main-nav li.sfhover ul, #main-nav li li.sfhover ul, #main-nav li li li.sfhover ul {display: block;}
   
/* Main Content */
#main-content {clear: both; float: left; display: inline; width: 552px; padding: 25px 30px 20px 31px; text-align: left; line-height: 1.6;}
	#main-content p {line-height: 1.6;}
	#main-content img {border: 1px #000 solid;}
	#main-content h1.page-headers {height: 42px; margin: 0 0 0 36px;}	
	#main-content h2.page-headers {margin: 3px 0 18px 0;}
	#main-content .page-headers img {display: block; border: none;}

	/* Fly Thumbnails Pages */
	.thumbnails-table {width: 552px; text-align: center;}	
	.thumbnails-table h3 {margin-bottom: 4px;}
	.thumbnails-table h3, .thumbnails-table h3 a, .thumbnails-table h3 a:hover, .thumbnails-table h3 a:active {color: #00794d; font-family:"Times New Roman",Times,serif; font-size: 20px; text-decoration: none;}
	.thumbnails-table p {text-align: center; margin: 0;}
	.thumbnails-table td {padding: 11px;}
	
	/* Tools pages */
	.tools-table img {width: 250px;}
	img.tool-lrg {width: 545px;}

	/* Individual Tying Instruction Page */
	.single-fly-title {font-family: Verdana; font-size: 24px; font-weight: normal; color:#b25a00; margin-bottom: 8px;}
	
	table.fly-tying-supplies {border: #b25a00 solid 1px; margin: 5px auto;}
	table.fly-tying-supplies td, table.fly-tying-supplies th {padding: 2px 3px;}
	
	.tying-instruction-table {}
	.tying-instruction-table img {display: block; margin: 5px 0;}
	.tying-instruction-table td {padding: 5px;}
	
	/* Photo Gallery page */
	#main-content img#placeholder {border: 3px solid #00794D;}
	#main-content #img-description {padding: 0 35px; line-height: 1.2; text-align: center; font-size: 12px;}
	
	#gallery-thumbnails {width: 552px;}
	#gallery-thumbnails p {margin: 10px 0 5px;}
	#gallery-thumbnails ul, li {margin: 0; padding:0;}
	#gallery-thumbnails li {float: left; list-style-type: none;}
	#gallery-thumbnails li, #gallery-thumbnails li img {width: 90px;}
	
	/* Contact Page */
	form#contact-form {margin-top: 20px;}
	.same-line {clear: both; height: 33px;}
	.same-line label, .same-line input {float: left;}
	.same-line label {width: 40px;}
	input, textarea {margin-bottom: 4px;}
	
/* Persistent Content */
#persistent-content {float: right; width: 184px; padding-top: 18px; text-align: center;}

	/* Secondary Nav */
	#secondary-nav {width: 144px; margin: 0 auto; background: transparent url(../images/building-blocks/side-nav-box.gif) top left no-repeat;}
		#secondary-nav ul {width: 112px; padding: 12px 12px 20px 20px; background: transparent url(../images/building-blocks/side-nav-box-bottom.gif) bottom left no-repeat;}
		#secondary-nav ul li, #secondary-nav ul li a {float: left; width: 112px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #191293;}
		#secondary-nav ul ul {background: none; padding: 2px 0px 4px 20px;}
		#secondary-nav ul ul li, #secondary-nav ul ul li a {width: 89px; font-weight: normal; color: #6d6dc7;}

	#secondary-logo {margin-top: 16px;}
	
/* Footer */
#footer {width: 800px; margin: 0 auto; background: #fff url(../images/building-blocks/container-bg-bottom.gif) bottom left no-repeat; padding: 0 5px 6px 5px; font-size: 11px; color: #5f5f5f;}
#footer-inner {background: transparent url(../images/building-blocks/bottom-ds.gif) top left repeat-x; padding: 10px 20px;}
   #copyright{float: left; margin:0;}
   #made-in-canada{float: left; margin: 0 0 0 20px;} 
   #footer-nav{float: right; width: 300px; margin-right: 5px;}
      #footer-nav li{float: right; color: #666;}
      #footer-nav li a{color: #666;}