@charset "utf-8";
/* -----------------------------------------------------

* Filename: style.css
* Description: Global Styles for Blue Coyote Painting
* Version: 1.0.2 ((2009.05.01)
* Website: bluecoyotepainting.com
* Author: Dana Severance @ Automatit, Inc

== STRUCTURE =========================================

	@general			General Style Declarations	
	@typography			Overreaching Typographical Declarations
	@header				Header Declarations
	@content			Content Declarations
	@aside				Aside Declarations
	@footer				Footer Declarations

-------------------------------------------------------*/

/* @reset
-------------------------------------------------------*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {margin: 0; padding: 0;}
html {height: 100%; overflow-y: scroll;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
img {border: 0;}

/* @general
-------------------------------------------------------*/
body {background: url(../images/bg.gif); color: #e5ddcf; font: 12px/14px Arial, Helvetica, sans-serif;}
#wrapper {margin: 0 auto; position: relative; width: 866px;}
#container {background: url(../images/content.jpg); overflow: auto; margin: 0 0 0 0; padding: 0 43px 0 39px;}
.clear {clear: both;}

/* @typography
-------------------------------------------------------*/
h1 {padding: 0 0 15px 0;}
h2 {font-size: 13px; line-height: 15px; padding: 0 21px 15px 21px;}
h3, h4, h5, h6 {padding: 0 21px 15px 21px;}
p {padding: 0 21px 14px 21px;}
ul {list-style: square outside; margin: 0 0 0 50px; padding: 0 0 9px 0;}
li {margin: 0; padding: 0 0 5px 0;}
a:link, a:visited {text-decoration: underline;}
a:hover {text-decoration: none;}
a {color: #e4ccaa;}

/* @header
-------------------------------------------------------*/
#header {background: url(../images/header.jpg) no-repeat bottom; height: 230px; position: relative; width: 100%; z-index: 2;}
	#logo {float: left;}
	#title {left: 200px; position: absolute; top: 15px;}
	#tagline {left: 201px; position: absolute; top: 130px;}
	#nav-top {position: absolute; right: 19px; top: 0px; z-index: 1;}
		#nav-top img {float: left;}
	#nav-main {position: absolute; right: 28px; top: 174px; width: 561px; z-index: 4;}
	#video {left: 41px; position: absolute; top: 190px;}

/* @content
-------------------------------------------------------*/
#content {float: right; min-height: 400px; width: 532px;}
	#content hr {background: #4e412f; border: 0; clear: both; color: #4e412f; height: 2px; margin: 15px auto; width: 518px;}

/* @aside
-------------------------------------------------------*/
#aside {float: left; padding: 130px 0 260px 8px; width: 240px;}
	#aside #gallery img {background: #D3C6A6; border: 1px solid #574831; float: left; margin: 0 5px 5px 0; padding: 2px;}
	#aside #gallery h2 img {background: none; border: 0; margin: 0 0 5px -10px; padding: 0;}
	

/* @footer
-------------------------------------------------------*/
#footer {background: url(../images/footer.jpg) no-repeat top; clear: both; height: 25px; padding: 40px 43px 0 39px; position: relative;}
	#specials {background: url(../images/aside.jpg); color: #2c0a00; height: 260px; left: 39px; position: absolute; top: -260px; width: 233px;}
		#specials h2.specials {left: 32px; padding: 0; position: absolute; top: 21px;}
		#specials p.specials {background: url(../images/bullet.gif) no-repeat left; left: 35px; padding: 0 0 0 8px; position: absolute; top: 48px;}
			#specials p a {color: #e4ccaa;}
		#specials #services {position: absolute; bottom: 0; left: 0px;}
			#specials #services a {color: #2c0a00;}
			#specials #services h2 {padding: 0;}
			#specials #services p {padding: 0 10px 5px 10px;}
				#specials #services .indent {padding-left: 42px;}
			#specials #services h3 {color: #155405; padding: 0 0 0 10px;}
	#nav-foot {color: #44341e; display: block; font-size: 11px; line-height: 11px; list-style: none; margin: 0; padding: 0 0 14px 0; text-align: center;}
		#nav-foot li {display: inline; margin: 0; padding: 0; text-align: center;}
			#nav-foot li a:link, #nav-foot li a:visited {text-decoration: none;}
			#nav-foot li a:hover {text-decoration: underline;}
			#nav-foot li a {border-right: 1px solid #44341e; color: #44341e; padding: 0 .5em 0 .4em;}
			#nav-foot li.last a {border-right: none; padding: 0 0 0 .5em}
	.copy {color: #44341e; font-size: 11px; line-height: 11px; text-align: center;}
		.copy a:link, .copy a:visited {text-decoration: underline;}
		.copy a:hover, .copy a:active {text-decoration: none;}
		.copy a {color: #44341e; }
			
/* @lightbox
--------------------------------------------------------
 *author Leandro Vieira Pinho - http://leandrovieira.com
 *version 0.5
 *date April 11, 2008
-------------------------------------------------------*/
#jquery-overlay {height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 90;}
#jquery-lightbox {left: 0; line-height: 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 100;}
	#jquery-lightbox a img { border: none; }
	#lightbox-container-image-box {background-color: #fff; height: 250px; margin: 0 auto; position: relative; width: 250px;}
	#lightbox-container-image {padding: 10px;}
	#lightbox-loading {height: 25%; left: 0%; line-height: 0; position: absolute; text-align: center; top: 40%; width: 100%;}
	#lightbox-nav {height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10;}
	#lightbox-container-image-box > #lightbox-nav { left: 0; }
	#lightbox-nav a {Outline: none;}
	#lightbox-nav-btnPrev, #lightbox-nav-btnNext {display: block; height: 100%; width: 49%; zoom: 1;}
	#lightbox-nav-btnPrev {float: left; left: 0;}
	#lightbox-nav-btnNext {float: right; right: 0;}
	#lightbox-container-image-data-box {background-color: #fff; font: 10px Verdana, Helvetica, sans-serif; line-height: 1.4em; margin: 0 auto; overflow: auto; padding: 0 10px 0; width: 100%;}
	#lightbox-container-image-data {color: #666; padding: 0 10px;}
	#lightbox-container-image-data #lightbox-image-details {float: left; text-align: left; width: 70%;}	
	#lightbox-image-details-caption {font-weight: bold;}
	#lightbox-image-details-currentNumber {clear: left; display: block; padding-bottom: 1.0em;}			
	#lightbox-secNav-btnClose {float: right; padding-bottom: 0.7em; width: 66px;}