/* Global style declarations */

body {background: url(images/bkgdpattern12.gif); font-style: normal; font-variant: normal; 
	font-weight: normal; font-size: 10pt; font-family: Tahoma, Geneva, Arial, sans-serif;}

h1 {font-family: "Century Gothic", Geneva, Arial, sans-serif; font-size: 14pt; text-align: center; }
h6 {line-height: 0em; margin-top: 0em; margin-bottom: .8em; }

/*  Page header graphics on every page.  */

.background-block1 {display: block; position:absolute; margin-right: 0; padding-right: 0; top: 0; left: 0; width: 1258px; height: 71px; z-index: 2; background: url(images/pmountains.jpg)}
.companyname { position: absolute; left: 20px; top: 12px; z-index: 1; }
.companyname-pic { position: absolute; left: 0px; top: 0px; height: 71px; width: 600px; z-index: 2; background: url(images/pmountains2.jpg) }
.stripe { border-top: 1px solid #6600FF; position: absolute; top: 91px; left: 614px; height: 1px; width: 213px; z-index: 7; }
.headpic1-layer { position: absolute; width: 198px; height: 108px; z-index: 5; left: 615px; top: -3px; }
.headpic2-layer { position: absolute; width: 90px; height: 74px; z-index: 4; left: 539px; top: -3px; overflow: hidden; }
.headpicdesign-layer { position: absolute; padding: 0px; width: 198px; height: 108px; z-index: 6; left: 615px; top: 12px; border: 1px solid #FF9966}

/*  Main buttons */

.mainbutton-layer { position: absolute; left: 166px; top: 71px; width: 450px; z-index: 6; }
a.mainbuttonstyle img { padding: 0px; border: 0px }

/*  Items in left margin of some pages. */

.enter-style  { position: absolute; width: 100px; height: 100px; z-index: 8; left: 32px; top: 85px; background: url(images/enter2.gif); }
div.enter-style a { display: block; position: absolute; width: 100px; height: 100px; z-index: 9; left: 0px; top: 0px }

.announcement  { position: absolute; width: 100px; height: 100px; z-index: 8; left: 32px; top: 85px; background: url(images/Announcement13.gif); }
div.announcement a { display: block; position: absolute; width: 100px; height: 100px; z-index: 9; left: 0px; top: 0px }

.announcement2  { position: absolute; width: 100px; height: 54px; z-index: 8; left: 32px; top: 77px; background: url(images/Announcement11a.gif); }
div.announcement2 a { display: block; position: absolute; width: 100px; height: 100px; z-index: 9; left: 0px; top: 0px }

.announcement3  { position: absolute; width: 100px; height: 54px; z-index: 8; left: 32px; top: 135px; background: url(images/Announcement12a.gif); }
div.announcement3 a { display: block; position: absolute; width: 100px; height: 100px; z-index: 9; left: 0px; top: 0px }

.new-announcement  { position: absolute; width: 150px; height: 150px; z-index: 1; left: 8px; top: 80px; background: url(images/Announcements06042010.gif); }
div.new-announcement a { display: block; position: absolute; width: 150px; height: 150px; z-index: 9; left: 0px; top: 0px }

.new-announcement-index  { position: absolute; width: 150px; height: 150px; z-index: 8; left: 8px; top: 164px; background: url(images/NewAnnounce6.jpg); }
div.new-announcement-index a { display: block; position: absolute; width: 150px; height: 150px; z-index: 9; left: 0px; top: 0px }

.updated { position: absolute; z-index: 9; left: 8px; top: 73px; height: 12px; color: #FFECC7; font-family: Arial; font-size: 9pt; font-weight: bold;} 
div.updated p {margin-top: 0px; margin-bottom: 0px; padding-top: 0px; line-height: 10px; }

.updated2 { position: absolute; z-index: 9; left: 20px; top: 225px; height: 12px; color: #FDC68D; font-family: "Trebuchet MS"; font-weight: bold; font-size: 8pt; font-style: oblique; } 
div.updated2 p {margin-top: 0px; margin-bottom: 0px; padding-top: 0px; line-height: 10px; }

/*  Footer styles */

.footer-style { color: #FDC68D; margin-bottom: 12px;}
div.footer-style p { font-weight: bold;}
div.footer-style a { color: #D4D4F9; }

.bottom-nav { margin-top:12pt; margin-bottom: 12pt; font-weight: bold; }
.bottom-nav-table { font-weight: bold; font-size: 10pt; color: #FDC68D;}
table.bottom-nav-table a { color: #D4D4F9; }

/*  Common page layout styling.  */

.main-container {z-index: 2}

.gallery-container { position: absolute; left: 166px; top: 91px;}
.new-gallery-page { text-align: center; width: 800px; padding-top: 36px; padding-bottom: 24px; border: 1px solid #6600FF; background: url(images/Texture1d.jpg);}
div.new-gallery-page img {margin-left: auto; margin-right: auto; margin-top: 24px; margin-bottom:24px; }
div.new-gallery-page a:link, a:visited {color: blue; text-decoration: none;}
div.new-gallery-page a:hover {color: blue; text-decoration: underline;}

.gallery-inner {position: absolute; left: 1px; top: 0px; width: 690px; height: 432px; }
.flex-gallery-positioning {display: inline; position: absolute; top: 450px; left: 0px; }

.flex-spanning-text {text-align: left; left: 0px; padding-top: 6px; padding-left: 48px; padding-right: 48px; }
.picture-caption {text-align: left; left: 0px; margin-top: -36px; padding-top: 0px; padding-left: 114px; padding-right: 48px; }

.text-divider {margin-top: -8px; margin-bottom: -16px; padding: 0 0 0 0;}
div.text-divider img {margin: 0px; }

.intro-picture {padding: 0px; margin-left: auto; margin-right: auto; padding-top: 12px;  }
div.intro-picture img {padding: 0px; margin: 1px; border: 1px solid #6600FF;  }

.bottom-picture{ margin-top: 60px; margin-bottom: 4px }
div.bottom-picture img { margin-top: 0px; margin-bottom: 0px; border: 1px solid #A0A0A0; }
div.bottom-picture p {padding-left: 48px; padding-right: 48px; font-size: 14pt; 
   font-family: "Lucida Calligraphy", "Apple Chancery", Arial, sans-serif; }

.inlinelinks{ margin-top: 36px; margin-bottom: 0px; margin-left: 0px; margin-right: 24px;
				position: static; display: inline; text-align: left;}
				
div.inlinelinks span { font-weight: bold; }				
div.inlinelinks a {float: left; margin-left: 36pt; margin-right: 12pt; margin-top: -4px; border:0; }
div.inlinelinks a.nofloat {float: none; margin:0px;}
div.inlinelinks a.nostyle {float: none; margin: 0px; text-decoration: none; color:#000; }
div.inlinelinks p {text-align: left; height: 100px; margin-right: 24px; margin-top: 24px; margin-bottom: 12px;}
div.inlinelinks img {margin: 0 0 0 0; border:0; }

.threepix{ margin-top: 24px; margin-bottom: 0px; }
div.threepix img { margin-left: 12px; margin-right: 12px; }

.newthreepix{ margin: 0 0 0 0; }
div.newthreepix img {margin: 8px 8px 8px 8px; }

.twopix{ margin: 0 0 0 0; }
div.twopix img {margin: 8px 9px 8px 9px; }

.threehorizpix{ margin: 0 0 0 0; }
div.threehorizpix img {margin: 6px 6px 6px 6px; }

.fourvertpix { margin: 0 0 0 0; }
div.fourvertpix img {margin: 6px 6px 6px 6px; }

.page-heading {font-family: "Century Gothic", Arial, sans-serif; font-size: 14pt; font-weight: bold; text-align: center; padding-top: 12px; 
	padding-left: 48px; padding-right: 48px; margin-bottom: 0px;}

/*  New side button styles  */
.newsidebutton-layer {position: absolute; width: 142px; height: auto; border: 1px solid #6600FF; z-index: 7; left: 8px; top: 248px; padding: 4px 3px 8px 3px;}
div.newsidebutton-layer a {font-family: Arial; font-size: 9pt; font-weight: bold; color: #FFECC7; text-decoration: none; line-height: 80%;}
div.newsidebutton-layer a.category {line-height: 175%; vertical-align: -4px; text-decoration: none; background: url(images/bullet.gif)  0px 1px no-repeat;}
div.newsidebutton-layer a:hover {font-weight: bold; color: #000000; background: #FFDC98;}
div.newsidebutton-layer a.current {color: #000000; font-weight: bold;}

/* Start commented backslash hack \*/
* html .newsidebutton-layer {
  width: 150px;
  }
/* Close commented backslash hack */

/*  Page-specific items.  */

#photography-contents {padding-top:48px; padding-bottom: 48px;}
#photography-heading {margin-bottom: -18pt; }
#jacobandjosh-contents {padding-top:48px; padding-bottom: 48px;}
#jacobandjosh-heading {margin-bottom: -18pt; }
#home-content {padding-bottom: 36px;}
#puppiesasadults-contents img {margin-left: 5px; margin-right: 5px;}

.dog-data {line-height: 1.0; margin-bottom: 24px;}
div.dog-data p { text-align: left; margin-top: 12px; margin-bottom: 0px; margin-left: 144px; padding: 0 0 0 0; }

.signature {text-align: center; }
div.signature img {vertical-align: middle; margin-right: 18px; margin-left: 18px; border: 0;}
div.signature a {border: 0;}

/*  Side buttons for litter pages. */
.sidebutton-layer {position: absolute; width: 107px; height: 151px; z-index: 7; left: 36px; top: 198px; }

a.sidebuttonstyle img { border: 0px }