﻿body { background: black url(/Images/SiteBg.jpg) no-repeat center top; margin: 0; padding: 0; font-family: 'Trebuchet MS';  }

div { margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
img { border: none; }

div.Logo { width: 130px; position: fixed; bottom: 20px; right: 20px; }
div.Logo img { width: 130px; }

div.Site { width: 980px; position: relative; margin: 0 auto 0 auto; }

div.Nav { width: 980px; margin: 25px auto 0 auto; text-align: center; padding-bottom: 25px; border-bottom: solid 2px #444444; }
div.Nav div.Link { height: 30px; float: left; text-align: center; padding: 25px 20px 0 20px; margin: 0 10px 0 10px; background: #555555; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
div.Nav div.Link:hover { background: #cccccc; }
div.Nav div.Link a { font-size: 17px; color: White; text-decoration: none; }
div.Nav div.Link a:hover { color: Black; }
div.Nav div.Link img { width: 20px; height: 20px; }
div.Nav a { font-size: 17px; color: #dddddd; text-decoration: none; padding: 5px 20px 5px 20px; border-right: solid 1px #444444; }
div.Nav a:hover { color: White; }
div.Nav a#Last { border: none; }

div.Main { width: 980px; position: relative; margin: 0 auto 0 auto; padding-top: 100px; }

div.LeftCol { width: 300px; float: left; font-size: 13px; line-height: 19px; color: #dddddd; }
div.LeftCol h2 { font-family: Georgia; font-weight: normal; font-size: 18px; color: #777777; margin: 0 0 15px 0; padding: 0; text-transform: uppercase; }
div.LeftCol h3 { font-weight: normal; font-size: 16px; color: #aaaaaa; margin: 0; padding: 0; }
div.LeftCol h3 a { color: #aaaaaa; text-decoration: none; }
div.LeftCol h3 a:hover { color: White; text-decoration: underline; }
div.LeftCol h2.DogPortraits { color: #8c5669; text-transform: none; margin: 3px 0 5px 0; }
div.LeftCol a { color: White; text-decoration: none; }
div.LeftCol a:hover { text-decoration: underline; }
div.LeftCol img.DogPortrait { float: left; width: 125px; height: 125px; margin-right: 10px; }

div.MainCol { width: 625px; float: left; margin-left: 55px; font-size: 14px; line-height: 19px; color: #dddddd; }
div.MainCol#Wide { width: 980px; margin: 0; }
div.MainCol a { color: White; }

div.HomePics { clear: both; }
div.HomePics img { height: 300px; float: left; margin-right: 10px; }
div.HomePics img#Last { margin-right: 0; }
div.HomePics h2 { font-family: Georgia; font-weight: normal; font-size: 22px; color: White; margin: 0; padding: 0; clear: both; }
div.HomePics h2 span { color: #666666; font-family: 'Trebuchet MS'; font-size: 16px; }
div.HomePics a { text-decoration: none; }
div.HomePics a:hover { text-decoration: underline; }

div.Gallery { clear: both; }
div.Gallery div.Item { float: left; width: 240px; min-height: 450px; margin: 0 42px 0 42px; }
div.Gallery div.Item img { width: 220px; display: block; border-top: solid 10px black; border-right: solid 10px black; border-left: solid 10px black; }
div.Gallery div.Item h3 { font-weight: normal; font-size: 15px; color: #cccccc; margin: 0; padding: 10px; text-align: center; background: black; font-style: italic; }
div.Gallery div.Item h3 a { color: #cccccc; text-decoration: none; }
div.Gallery div.Item p { font-size: 12px; color: #999999; margin: 2px 0 0 0; padding: 0; text-align: center; }
div.Gallery div.Item p a { text-decoration: none; color: #bbbbbb; }
div.Gallery div.Item p a:hover { text-decoration: underline; }

div.Details { clear: both; }
div.Details h1 { font-family: Georgia; font-size: 30px; font-weight: normal; color: White; margin: 0 0 20px 0; }
div.Details h1 span { color: #666666; font-family: 'Trebuchet MS'; font-size: 22px; }
div.Details img { width: 960px; border-top: solid 10px black; border-right: solid 10px black; border-left: solid 10px black; }
div.Details h3 { font-weight: normal; font-size: 15px; color: #cccccc; margin: 0; padding: 10px; text-align: center; background: black; font-style: italic; }
div.Details h3 a { color: #cccccc; text-decoration: none; }
div.Details p { font-size: 12px; color: #999999; margin: 2px 0 0 0; padding: 0; text-align: center; }
div.Details p a { text-decoration: none; color: #bbbbbb; }
div.Details p a:hover { text-decoration: underline; }

div.SlideShow { width: 950px; position: relative; }
div.SlideShow div.Carousel { width: 850px; height: 500px; margin-left: 40px; }
div.SlideShow div.BtnLeft { width: 50px; height: 50px; position: absolute; top: 200px; left: 0px; }
div.SlideShow div.BtnRight { width: 50px; height: 50px; position: absolute; top: 200px; right: 0px; }
div.SlideShow input[type='button'] { width: 50px; height: 50px; font-family: Georgia; border: none; background: none; color: #555555; font-size: 40px; margin: 0; padding: 0; cursor: pointer; }
div.SlideShow input[type='button']:Hover { color: White; }

div.Footer { font-size: 10px; color: #444444; position: fixed; bottom: 20px; left: 20px; text-align: right; }
div.Footer a { color: #666666; text-decoration: none; }
div.Footer a:hover { color: White; }

div.Clear { clear: both; height: 1px; }
div.Clear10 { clear: both; height: 10px; }
div.Clear20 { clear: both; height: 20px; }
div.Clear30 { clear: both; height: 30px; }
div.Clear40 { clear: both; height: 40px; }
