/* ****************************************
Site CSS

Copyright 2010 John Parkinson, all rights reserved
**************************************** */

/* ***** Reset ***** */
header, footer, section, article, aside, nav { display: block; }

* { margin: 0; padding: 0; }

html, body { height: 100%; }

/* ***** Presets ***** */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 1.5em;
	color: #000;
}

img { border: 0; vertical-align: top; }

a {}
a:hover {}
:focus { outline: 0; }

/* Headings */
h1 { font-size: 2.4em; font-weight: normal; line-height: 1.3; color: #FFCC66 }
h2 { font-size: 1.8em; font-weight: normal; line-height: 1.34; color: #FFCC66 }
h3 { font-size: 1.2em; font-weight: bold; line-height: 1.375; color: #FFCC66 }
h4 { font-size: 1.0em; font-weight: bold; color: #FFCC66 }
h5 { font-size: 1.0em; font-weight: bold; color: #FFCC66 }
h6 { font-size: 1.0em; font-weight: bold; color: #FFCC66 }

/* Forms */
form { display: inline; }
fieldset { border: 0; }
legend { display: none; }

/* Table */
table { border: 0; border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 100%; }
caption,th,td { vertical-align: top; text-align: left; font-weight: normal; }

/* Content */
address { font-style: normal; }
cite { font-style: normal; }
q,
blockquote { quotes: none; }
q:before, 
q:after { content: ''; }
small { font-size: .9em; }
big { font-size:1.2em; }
sup { font-size: 1em; vertical-align: top; }
p { margin:0 0 1.5em 0; }
p.myriad { font-family: Myriad, "Myriad Pro", Arial, sans-serif; font-size: 18px; line-height: 24px; }

/* Lists */
ul,ol { list-style: none; }

/* Tools */
.nobr { white-space: nowrap !important; }
.wrap { white-space: normal !important; }
.a-left { text-align: left !important; }
.a-center { text-align: center !important; }
.a-right { text-align: right !important; }
.v-top { vertical-align: top; }
.v-middle { vertical-align: middle; }
.f-left { float: left !important; }
.f-center { display: block; margin: 0 auto !important; }
.f-right { float: right !important; }
.f-none { float: none !important; }
.f-fix { float: left; width: 100%; }
.no-display { display: none; }
.off-screen { position: absolute; left: -999em; }
.clear { clear: both; }

.sub-title {
	font-size:85%;
}

/* ***** Basic Site Elements ***** */
body {
	font-size:100%;
	color: #fff;
}

h1 {
	margin-bottom:.5em;
	text-align:center;
/*	color:#fc6;*/
}
h1 { font-family: Dauphin, Georgia, Times New Roman, times, serif; font-size:2.0em;}
h2 { font-family: Dauphin, Georgia, Times New Roman, times, serif; font-size:1.6em;}
h3 { font-family: Dauphin, Georgia, Times New Roman, times, serif; font-size:1.3em;}
h4 {  }
h5 {  }
h6 {  }

a:link {
	text-decoration:underline;
	color:#6cf;
}
a:visited {
	text-decoration:underline;
	color:#6cf;
}
a:hover, a:active {
	text-decoration:none;
	color:#6cf;
}

a.fancy-link {
	font-family: Dauphin, Georgia, Times New Roman, times, serif;
	text-decoration:none;
	color:#fc6 !important;
	background:#000;
}
a.fancy-link:hover {
	text-decoration:none;
	border-bottom:1px solid #fc6;
}

a.button {
	display:inline-block;
	margin:1px 0;
	padding-top:10px;
	width:192px;
	height:38px;
	
	font-family: Dauphin, Georgia, Times New Roman, times, serif;
	font-size:1.2em;
	text-align:center;
	text-decoration:none;
	color:#fff;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	background: #930 url('../images/layout/button-bg.gif') left top repeat-x; /* fallback image */
	background-image: -moz-linear-gradient(100% 100% 90deg, #930, #f80);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f80), to(#930));
}
a.button:hover {
	margin:0;
	
	text-decoration:none;
	color:#fff;
	
	border:1px solid #fff;
}

a.image-button, button.image-button {
	display:inline-block;
	/*margin:1px;*/
	padding-top:0;
	width:120px;
	height:32px;
	
	font-family: Dauphin, Georgia, Times New Roman, times, serif;
	font-size:1.2em;
	text-align:center;
	text-decoration:none;
	color:#fff;
	
	border:1px solid #000;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	background: #930 url('../images/layout/button-bg.gif') left top repeat-x; /* fallback image */
	background-image: -moz-linear-gradient(100% 100% 90deg, #930, #f80);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f80), to(#930));
}
button.image-button {
	height:32px;
	padding-bottom:8px;
}
a.image-button:hover, button.image-button:hover {
	margin:0;
	
	text-decoration:none;
	color:#fff;
	
	border:1px solid #fff;
}


p.highlight, span.highlight {
	font-style:italic;
	color:#fc6;
}

ul {
	list-style:disc inside;
	margin-bottom:1.5em;
}
	ul ul {
		margin:6px 0 6px 18px;
	}

blockquote.testimonial {
	font-style:italic;
	font-size:.9em;
}
	blockquote .testimonial-author {
		font-style:normal;
	}

div.hr {
	margin:25px 0;
	height:3px;
	font-size:0;
	background:#fc6;
}

img.thumbnail-left {
	float:left;
	margin:0 40px 40px 0;
}
img.piece {
	border:1px solid #fc6;
}


/* ***** Basic Site Layout ***** */
html {
	background:#000;
}

body {
	min-width:966px;
	padding:20px 0 0 0;
}

#site-container {
	position:relative;
	top:0;
	left:0;
	margin:0 auto 0 auto;
	width:960px !important;
	border:3px solid #fc6;
}
	#page-content {
		padding:40px 80px 20px 80px;
	}
		#page-content div.hr {
			margin-left:-80px;
			margin-right:-80px;
		}



/* ***** Header ***** */
#site-header {
	position:relative;
	top:0;
	left:0;
	height:165px;
	border-bottom:3px solid #fc6;
}
	#site-logo {
		position:absolute;
		top:33px;
		left:11px;
	}
	#celestial-light {
		position:absolute;
		left:70px;
		bottom:-56px;
	}
	
	#header-images {
		position:absolute;
		top:13px;
		left:335px;
		height:106px;
	}
		#header-images img {
			float:left;
			margin-right:10px;
			border:1px solid #fc6;
		}
	
	#header-image-gallery-link, #header-art-gallery-link {
		position:absolute;
		top:30px;
		left:810px;
		font-size:1.2em;
	}
	#header-art-gallery-link {
		top:72px;
	}



/* ***** Site Navigation ***** */	
#site-navigation {
	position:absolute;
	left:284px;
	top:131px;
	width:560px;
	height:24px;
	background:#06c url('../images/layout/site-nav-bg-left.gif') 0 50% no-repeat;
}
	#site-navigation ul {
		margin:0;
		padding:0 12px;
		width:536px;
		height:24px;
		list-style:none;
		text-align:center;
		background:url('../images/layout/site-nav-bg-right.gif') 100% 50% no-repeat;
	}
		#site-navigation ul li {
			display:inline-block;
			font-size:.8em;
		}
			#site-navigation ul li a {
				display:block;
				padding:0 12px 0 12px;
				height:24px;
				font-weight:bold;
				color:#fff;
			}



/* ***** Footer ***** */
#site-footer {
	padding:20px;
}
	#footer-tagline {
		display:none;
		font-family: Dauphin, Georgia, Times New Roman, times, serif;
		color: #FFCC66;
		font-size:1.8em;
		text-align:center;
	}
	
	#copyright {
		margin-bottom:.5em;
		text-align:center;
	}
	
	#footer-links {
		margin:0 0 1.5em 0;
		padding:0;
		list-style:none;
		text-align:center;
	}
		#footer-links li {
			display:inline;
			padding:0 12px;
		}
			#footer-links li a {
				color:#fff;
			}

#footer-shim {
	height:20px;
	font-size:0;
}



/* ***** Specific Site Elements ***** */
.signature {
	text-align:right;
	font-family:Art Brush, Georgia, Times New Roman, times, serif;
	font-size:1.2em;
	font-weight:bold;
	font-style:italic;
}

.image-selections {
	margin:1.5em 0;
	padding:0;
	width:800px;
	list-style:none;
	text-align:center;
}
	.image-selections li {
		display:inline-block;
		vertical-align:middle;
		padding:0 10px;
		font-size:1.2em;
	}
		.image-selections li img {
			margin-bottom:5px;
		}

.review-list {
	margin:0 0 1.5em 0;
	list-style:none;
	font-size:.9em;
}
	.review-list li {
		display:inline;
	}
	.review-list li:before {
		content:" — ";
	}
	.review-list li:first-child:before {
		content:"";
	}
	
	#rotate-photo1 {height: 102px; width: 167px; text-align: right;}
	#rotate-photo1 img {right: 0px;}
	#rotate-photo2 {height: 102px; width: 233px;}
	#actioncall {width: 300px; height: 125px; position: absolute; top: 195px; left: 80px;}
    
    
    
    
    
.txt-center { text-align: center; }
.txt-right { text-align: right; }
.txt-left { text-align: left; }
.testimonials { color: #ffffff; font-size: 18px; font-family: "Times New Roman", Times, Arial, serif; }
.book-info { text-align: center; color: #ffcc66; font-size: 14px; padding: 5px 35px 0 0; font-weight: bold; }
    
    
    
    
    
