/* -------------------------------------------------
FireFly CSS stylesheet copyright 2010
Developed by:
Rick Moore
801-232-9359
---------------------------------------------------- */

/* =reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
ol, dl, ul {list-style: none;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
a {text-decoration: none;}


/* =global */
body { background: #462d19; color:#444; font: 13px/1.33 "Times New Roman", Georgia, serif; text-align: center; }

/* =links */
a { color: #8f8f20; text-decoration: none; }
a:visited {	color: #ccc; }
a:hover, a:active { color: #462d19; text-decoration: underline; }

/* =global typography */
h2 { font-size: 16px; font-style: italic; font-weight: bold; }

#sidebar h2 { margin: 0 36px 36px 0; }

/* =classes */
.next-p { margin-top: 18px; }
.home-p { padding: 0 48px; }
.hide { display: none; }
.left { float: left; }

.site-id {
	background: url(assets/homecontact.gif) no-repeat center;
	height: 14px;
	margin-bottom: 9px;
	text-indent: -9999px;
}

.art-number {
	color: #ccc;
	font-size: 36px;
	line-height:1;
}

.art-title {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.art-client { color: #8f8f20; }

/* -------------------------------------------------
Navigation
---------------------------------------------------- */
#navlist ul {
	list-style-type: none;
	margin-right: 36px;
	text-align: right;
}

#navlist ul li a, #navlist ul li a:visited {
	color: #462d19;
	display: block;
	margin: 9px 0;
	text-decoration: none;
}


#navlist ul li a:hover, #navlist ul li a:active {
	color: #8f8f20;
	font-style: italic;
	font-weight: bold;
}

body.home #navlist ul li.n-home a, body.shiva #navlist ul li.n-shiva a, body.exhale #navlist ul li.n-exhale a, body.misc #navlist ul li.n-misc a {
	color: #8f8f20;
	cursor: default;
	font-style: italic;
	font-weight: bold;
}

/* -------------------------------------------------
Layout
---------------------------------------------------- */
#wrapper {
	background: #fff;
	margin: 0 auto;
	padding-bottom: 72px;
	width: 960px;
}

.home #wrapper {
	background: #ede333;
	margin: 36px auto 0;
	padding: 64px 0 96px;
}

#header { background: #ede333; margin-bottom: 27px; }
#header p { margin-top: 11px; }

#main {
	float: left;
	width: 758px;
}

#sidebar {
	border-right: 1px dotted #462d19;
	float: left;
	text-align: right;
	width: 165px;
}

#footer {
	color: #fff;
	font-size: small;
	padding-top: 36px;
}

#hello { margin: 36px 0; }
#jar { margin: 0 13px 11px 0; }

#content-wrapper {
	float: left;
	text-align: center;
	width: 758px;
}

#art-wrapper {
	margin-bottom: 10px;
	width: 758px;
}

#art-number-box {
	border-right: 1px dotted #462d19;
	float: left;
	margin-right: 18px;
	width: 8%;
}

#art-description {
	float: left;
	text-align: left;
	width: 75%;
}

#art-navigation {
	float: right;
	padding-top: 18px;
	width: 12%;
}

#art-box {
	border-top: 1px dotted #462d19;
	clear: both;
	padding-top: 27px;
	width: 758px;
}

/* =Clearfix */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
.clear {clear:both;}