body { background-color: #000; text-align: center; }
#header { background-image: url(images/headerBG.jpg); text-align: left; position: relative; height: 117px; width: 750px; margin: 0 auto; }
#logo { color: #fff; position: absolute; top: 0; left: 0; width: 320px; height: 105px; }
#logo span { background-image: url(images/logo.jpg); position: absolute; top: 0; left: 0; width: 320px; height: 105px; }
ul#mainNav { text-align: right; position: absolute; top: 90px; left: 385px; width: 350px; margin: 0; padding: 0; list-style-type: none; display: block; }
#mainNav li { margin: 0; padding: 0; display: inline; }
#mainNav li a { color: #fceecf; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: italic; text-decoration: none; margin: 0; padding: 0 5px 0 4px; border-left: 1px solid #fceecf; }
#mainNav li.first a { border-left-style: none; }
#mainNav li a:hover, #mainNav li a.current { color: #fff; text-decoration: underline; }
#content { color: #fff; font-family: Georgia, "Times New Roman", Times, serif; background-color: #572458; background-image: url(images/contentBG.jpg); background-repeat: no-repeat; background-position: left top; text-align: center; position: relative; width: 750px; margin: 0 auto; }
#colLeft { color: #fff; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 18px; text-align: right; letter-spacing: 0.1em; width: 210px; float: left; padding-top: 100px; padding-left: 30px; display: block; }
#colRight { width: 465px; height: auto; float: left; margin-top: 30px; margin-bottom: 30px; margin-left: 20px; padding-left: 20px; border-left: 1px solid #fff; }
.swatch { color: #fff; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; width: 110px; float: left; margin-top: 15px; margin-bottom: 5px; }
.swatch p { margin: 0; padding: 2px 0 0; }
.swatch img { border: solid 1px #fceecf; }
.clearboth { clear: both; }
.care h1 { color: #fceecf; margin: 0px; }
.care ul { font-size: 14px; line-height: 18px; text-align: left; margin: 0; padding: 0 20px 0;  }
.care ul li { padding-top: 10px; }
#gallery ul { margin: 0 0 0 10px; padding: 0; list-style-type: none; display: block; }
#gallery li { width: 75px; height: 75px; float: left; margin: 5px 8px 15px; }
#gallery ul li a img { border: solid 1px black; }
#gallery ul li a:hover img {border: solid 1px #fceecf;}
#gallery h3 { color: #fceecf; font-weight: normal; text-align: left; clear: both; margin: 0; border-bottom: 1px solid white; display: block; }
div#frame { background-image: url(images/gallery/frame.jpg); background-repeat: no-repeat; text-align: center; position: relative; width: 310px; height: 400px; margin-top: 30px; margin-left: 25px; }
div#frame p { padding-top: 175px; }
div#frame img { position: absolute; top: 32px; left: 34px; }
div#frame span#photoCaption { position: absolute; top: 365px; left: 0; width: 310px; }
.submit:hover { color: #fceecf; background-color: #a10000; border: solid 1px #FCEECF}
.contactBoxes        { font-size: 12px; text-align: center; display: block; margin: 0 auto 50px; padding: 30px 0 30px 0; position: relative; width: 500px; }
#byEmail dl            { margin: 0 auto; padding: 0; width: 375px }
#byEmail dt            { text-align: right; margin: 0 0; padding: 10px 0 10px 0; width: 85px; float: left; clear: left }
#byEmail dd           { text-align: left; margin: 0 0 0 95px; padding: 8px 0 7px 0 }
.contactBoxes h6 { color: #fceecf; font-size: 0.8em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: normal; text-transform: none; letter-spacing: 0.2em; margin-top: 2px; margin-bottom: 0; }
input { color: #a10000; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; background-color: #fceecf; padding: 2px; border: solid 1px #572458; }
select { color: #a10000; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; background-color: #fceecf; padding: 2px; border: solid 1px #572458; }
textarea { color: #a10000; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; background-color: #fceecf; padding: 2px; border: solid 1px #572458   }
#availableAtSally { color: #fceecf; font-size: 9px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: right; margin: 0; padding-top: 10px; padding-right: 10px; }
#availableAtSally a { color: #fceecf; }
#availableAtSally a:hover { color: #fff; }
