/**************************************/
/*	Doug's Photo Shop style sheet		*/
/*	Douglas MacFarland	 2014			*/
/**************************************/

body {
	width:1250px;
	height:1100px; 
	background-image:url('./images/bg-tile.jpg');
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	color: #ffeecc;
	margin: 10px;
	border: 10px ridge #ffcc00;
	padding: 10px;
}

#page-wrapper {
	width:100%;
	height:100%;
	position:relative;
}

#page-header {
	width:100%;
	height:10%;
}
	
#logo {
	position:absolute;
	top: 10px;
	left: 10px;
}

#nametag {
	position:absolute;
	top: 5px;
	left: 200px;
}

#simple-header {
	width:100%;
	height:10%;
}

#simple-logo {
	position:absolute;
	top: 10px;
	left: 10px;
}

#simple-tag {
	float: right;
	margin-right: 280px;
}

#page-content {
	position:relative;
	width:100%;
	height:83%;
	overflow-x:hidden;
	overflow-y:auto;
}

#page-footer {
/*	position:relative;  */
/*	bottom:0px;  */
/*	height:90px;  */
	position:absolute;
	width:100%;
	height:7%;
	margin:0px auto;
	text-align:center;
	font-size:0.75em;
}

#content-head {
/*	position:absolute;
	top:0px;  */
	position:relative;
	top:-20px;
	left:0px;
	height:100px;
	width: 1250px;
}

#content-caption {
/*	position:relative;
	top:-20px;  */
	height: 50px;
	text-align: center;
	color:#ffdd88;
}

#content-caption-2 {
/* aka slidecaption */
	height: 40px;
	margin: 0px;
	text-align:center;
	font-size: 1.4em;
	font-weight: normal;
	color:#ddffff;
}

.content-caption-2-text {
	color:#ffdd88;
	text-align:center;
	font-size: 1.4em;
	font-weight: normal;
	margin: 0px;
}

#content-main {
	position:absolute;
	top:100px;
	height:720px;
	width: 1250px;
	overflow:auto;
}

div.content-block {
	margin:40px 100px 80px 100px;
}

div.content-block-b-and-a {
	margin: 40px;
}

.content-block-title {
	text-align: left;
	font-size: 1.2em;
	color: #ffdd88;
	padding-left: 100px;
}

.content-block-head {
	text-align: left;
	color: #ffdd88;
	margin: 10px 50px;
}

.content-block-subhead {
	margin-left: 25px;
	text-align: left;
}


#content-foot {
	position:absolute;
	bottom: 10px;
	height:90px;
	width: 1250px;
}

#content-foot-left {
	width: 300px;
	position: absolute;
	bottom:10px;
	left:50px;
}

#content-foot-middle {
	width: 750px;
	position: absolute;
	left: 350px;
	top: 0px;
}

#content-foot-right {
	position: absolute;
	left: 1150px;
	top: 25px;
	width: 50px;
}

#content-foot-leftmid {
	width: 1100px;
	position:relative;
	top:10px;
	text-align:center;
}

#content-foot-textleft {
	text-align: left;
	padding-left: 150px;
}

#content-foot-textcenter {
	text-align: center;
}

#content-foot-centered {
	text-align: centered;
	font-size: 1.3em;
	color: #ffdd88;
}	

#slideshow {
	width:1250px;
	height:920px;
	left:70px;
	top:30px; 
}

#slidecaption {
/* aka content-caption-2 */
	text-align:centered;
	height: 40px;
	margin: 0px;
	text-align:center;
	font-size: 1.4em;
	font-weight: normal;
	color:#ddffff;
}

#slideimage {
	height:700px;
	width:1050px;
	margin: 10px auto;
}

#slidecontrol {
}

.slide-butt {
	background-color:#ffeecc;
}

table, th, td {
	border:1px solid #ddaabb;
	border-collapse:collapse;
}

td {
	width:72px;
	text-align:right;
} 
	
/*	================================	*/
/*	 Preview Page elements				*/
/*	================================	*/

table.preview-table {
	border: none;
	height: 720px;
	margin: 0px auto;
	border-spacing:5px;
}

tr.preview-row {
}

td.preview-td {
	border: none;
	height:340px;
	width:380px;
}

img.td-img {
	background: #000000;
	height:220px;
	width:330px;
	border:6px ridge #eecc77;
}

.td-caption {
	height: 50px;
	margin-top: 10px;
	text-align: center;
}

.preview-block {
	position:absolute;
	height:300px;
	width:360px;
	display:inline;
	overflow:hidden;
}

.preview-pic {
	position:relative; 
	width:350px; 
	height:250px; 
	margin:0px auto;
}

.preview-img {
	position:relative; 
	height:200px;
	width:300px;
	border:6px ridge #eecc77;
}

.preview-caption {
	width:350px;
	height:50px;
	position:relative; 
	z-index:+1;
	text-align:center;
}
/*	================================	*/
/*	 end Preview Page elements			*/
/*	================================	*/

.clr
{
	clear:both;
	padding:0px;
	height:1em;
} 

ul.nav {
  list-style-type:none;
  margin:0;
  padding:0;
  overflow:hidden;
  text-align:left;
}

li.nav {
  float:left;
  text-align:center;
}

ul {
	list-style-type: disc;
	margin-left: 0px;
	margin-top: 0px;
}

li {
}
		
h1 {
	color:#ffdd88; 
	text-align:center;
	font-size: 1.8em;
	font-weight: normal;
	margin-left:24px;
	margin-right:24px;
}
		
h2 {
	color:#ffdd88;
	text-align:center;
	font-size: 1.4em;
	font-weight: normal;
	margin: 0px;
}
		
h3 {
	color:#ffdd88;
	text-align:center;
	font-size: 1.2em;
	font-weight: normal;
	margin-left:24px;
	margin-right:24px;
}
		
h4 {
	color:#ffdd88;
	text-align:center;
	font-size: 1.1em;
	font-weight: normal;
	margin-left:24px;
	margin-right:24px;
}
		
.parahead {
	color:#ffdd88;
	text-align: left;
	font-size: 1.1em;
	font-weight: normal;
	margin: 0px;
}
		
h5 {
	color:#ffdd88;
	text-align:center;
	font-size: 1em;
	font-weight: normal;
	margin-left:24px;
	margin-right:24px;
}
		
h6 {
	color:#ffdd88;
	text-align:center;
	font-size: 0.8em;
	font-weight: normal;
	margin-left:24px;
	margin-right:24px;
}

p.center {
	text-align:center;
}

p.left {
	position:absolute;
	top:380px;
	left:50px;
	display:inline;
	width:300px;
	font-size:1.5em;
	color:#ff0000;
	text-align:right;
}


p.right {
	position:absolute;
	left:830px;
	top:400px;
	display:block;
	width:300px;
	font-size:1.5em;
	color:#ffff00;
	text-align:left;
}

p.home-left {
	position:absolute;
	top:380px;
	left:50px;
	display:inline;
	width:300px;
	font-size:1.2em;
	color:#ff8800;
	text-align:right;
}


p.home-right {
	position:absolute;
	left:830px;
	top:400px;
	display:block;
	width:300px;
	font-size:1.2em;
	color:#ff8800;
	text-align:left;
}

.intro
{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:125%;
	color:#bbbbff;
}

a.buy-link {
	position:relative;
	left:85px;
	top:-50px;
	font-size:150%;
	color:#88ff88;
}

a.insite {
	color:#aaffaa;
	font-size: 1em;
 }
 
 a.skip-local {
 	color: #aaffaa;
}

.superscript {
	vertical-align:text-top;
	font-size:xx-small;
	font-weight:bold;
	text-decoration:underline;
}

/*	================================	*/
/*	 Before and After style elements	*/
/*	================================	*/ 

.before-and-after
{
	position:relative;
	width:1100px;
	margin:10px auto;
}

img.before-and-after-notes
{
	position:absolute;
	top:0px;
	left:0px;
	opacity:0;
	z-index:+2;
	transition:opacity 1s;
	-webkit-transition:opacity 1s;
}

img.before-and-after-notes:hover
{
	opacity:1;
}


/***
.before-and-after-notes:link
{
	opacity:1;
}

.before-and-after-notes:visited
{
	opacity:1;
}

img.before-and-after-notes:hover
{
	opacity:1;
}

.before-and-after-notes:active
{
	opacity:0;
}
***/

img.img-before
{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	padding:10px;
/*	border:6px ridge #ffce00; */
}

img.img-after
{
	float:right;
	margin:10px 0px 0px 10px;
	padding:10px;
/*	border:8px ridge #ffce00; */
}


img.img-left
{
	float:left;
	margin:25px 15px;
	padding:10px;
 	border:6px ridge #f0c000;
 	width:500px; 
}

img.img-right
{
	float:right;
	margin:25px 15px;
	padding:10px;
 	border:6px ridge #f0c000;
 	width:500px; 
}

p.hover-note
{
	padding:5px;
	border:1px solid #ffdd88;
	font-size:0.9em;
	text-align:center;
}

p.before-and-after-text
{
	margin:10px 50px;
}

p.sample-text
{
	padding:50px;
	clear:both;
}

/* =========================	*/
/*	 Gallery Style elements	*/ 
/* =========================	*/

.scrolling-block {
}

#gallery-block {
	width: 1200px;
	position: absolute;
	left: 20px;
}

.gallery-item
{
	width: 1100px;
	height:280px;
	position:relative;
	left: 50px;
}

.gallery-pic
{
	display:inline;
	float:left;
	width:350px; 
	height:260px; 
	position:relative;
	top: 10px;
}

.gallery-img
{
	position:absolute;
	right:0px;
	height:200px;
/*	border:6px ridge #ffdd88;	*/
	border:6px ridge #eecc77;
	margin:25px 10px;
}

.gallery-text
{
	width:700px; 
	height:260px;
	position:absolute;
	top:10px;
	left:400px;
}

.gallery-head
{
	margin-top: 30px;
	text-align:left;
}

/********************/
/**	Button stuff	**/
/********************/

#buttonbar {
	display:inline;
	position:relative;
	top: 15px;
	padding:0px;
	float:right;
	text-align:right;
	font-size:0.75em;
}

a.little-butt {
	display:block;
	width:70px;
	margin:2px;
	padding:4px;
	color:#fff6de;
	text-align:center;
	text-decoration:none;
 }

a.little-butt-active {
	display:block;
	width:65px;
	margin:2px;
	padding:4px;
	color:#ff8888;
	text-align:center;
	text-decoration:none;
 }

a.big-butt {
	display:block;
	width:150px;
	margin:2px;
	padding:4px;
	color:#fff6de;
	text-align:center;
	text-decoration:none;
 }

a.big-butt-active {
	display:block;
	width:150px;
	margin:2px;
	padding:4px;
	color:#ff8888;
	text-align:center;
	text-decoration:none;
 }

a.little-butt:hover, a.little-butt-active:hover, a.big-butt:hover, a.big-butt-active:hover
{
	color:#00ff00;
}

/********************/
/**	end buttons		**/
/********************/