/* html { background-color: #000; color: #fff; } */
html { background-color: #fff; color: #000; }
body { padding: 10px; text-align: center; }

.indexPage { width: 676px; }
.contentPage { width: 850px; }
.photoPage { width: 100%; margin-top: -10px; }

a { text-decoration: none; }
a:link		{ color: #6B6B6B; }
a:visited	{ color: #6B6B6B; }
a:hover		{ color: #FF0080; }
a:active	{ color: #6B6B6B; }

.pointHover { cursor: pointer; }

/***** MAIN MENU ***********************************************************************/

.headerImage { width: 160px; height: auto; }

#mainMenu { background-color: #540021; margin: 5px 3px 15px 3px; }
#mainMenu li a { display: block; padding: 5px 10px; }
#mainMenu li:hover, #mainMenu li.hover { background-color: #000; text-align: left; }

#mainMenu a:link	{ color: #fff; }
#mainMenu a:visited { color: #fff; }
#mainMenu a:hover	{ color: #ff0080; }
#mainMenu a:active	{ color: #fff; }

#mainMenu li ul { z-index: 5; display: none; width: 10em; /* Width to help Opera out */ background-color: #000; border: solid #000; border-width: 1px 1px 0 1px; }
#mainMenu li:hover ul, #mainMenu li.hover ul { display: block; position: absolute; }
#mainMenu li:hover li a, #mainMenu li.hover li a { background-color: #6B6B6B; margin-bottom: 1px; }

#mainMenu li:hover li a:link, #mainMenu li.hover li a:link { color: #fff; }
#mainMenu li:hover li a:visited, #mainMenu li.hover li a:visited { color: #fff; }
#mainMenu li:hover li a:hover, #mainMenu li.hover li a:hover { background-color: #540021; color: #ff0080; }
#mainMenu li:hover li a:active, #mainMenu li.hover li a:active { background-color: #540021; color: #ff0080; }

.topLeft { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; }
.topRight { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px;  border-top-right-radius: 10px; }
.bottomLeft { -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; }
.bottomRight { -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; }

.photoBorder { border-style: solid; border-color: #C0C0C0 #808080 #808080 #C0C0C0; border-width: 1px; }

/************************************************ INDEX PAGE ***************************/

.slogan { margin: 10px; text-align: center; font-size: 138.5%; font-style: italic; }

.quadWrap { position: relative; text-align: left; margin: 3px; cursor: pointer; }
/* .quadContent { padding: 5px; background-color: #fff; } */
.quadContent { padding: 4px; }
.quadBlack { background-color: #000; }
.quadWhite { background-color: #fff; }

/* .quadImage { width: 366px; height: 244px; } */
.quadImage { width: 320px; height: 213px; }
/* .quadOver { display: none; position: absolute; top: 0; left: 0; width: 359px; height: 237px; margin: 4px; } */
.quadOver { display: none; position: absolute; top: 0; left: 0; width: 313px; height: 206px; margin: 4px; }

.quadOpaque { filter: alpha( opacity=70 ); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.quadText { padding: 10px; color: #540021; font-size: 262%; font-weight: bold; }

/************************************************ HOME PAGE ****************************/

.imgCell { background-color: #fff; padding: 3px; }
.colTop { margin: 0 4px 8px 4px ; }
.colBottom { margin: 0 4px; }
.hzImg { width: 194px; height: 129px; }
.vtImg { width: 194px; height: 291px; }

.h1 { margin-bottom: 15px; font-size: 161.6%; line-height: 130%; font-style: italic; }
.h2 { margin-bottom: 15px; font-size: 153.9%; line-height: 140%; color: #f06; }

.pText { margin: 0 10px 15px 3px; text-align: justify; text-indent: 20px; }

a.highlight:link	{ color: #ff0080; }
a.highlight:visited	{ color: #ff0080; }
a.highlight:hover	{ color: #ff0080; text-decoration: underline; }
a.highlight:active	{ color: #ff0080; }



/************************************************ PROFILE PAGE *************************/

#profile { padding-left: 15px; }
#profile h1 { margin: 15px 5px 5px 5px; text-align: left; color: #f06; font-size: 138.5%; }
#profile h1.top { margin-top: 5px; }

#profile p { margin: 10px; text-align: justify; text-indent: 20px; }

#profile a:link		{ color: #ff0080; }
#profile a:visited	{ color: #ff0080; }
#profile a:hover	{ color: #ff0080; text-decoration: underline; }
#profile a:active	{ color: #ff0080; }

/************************************************ CUSTOMER COMMENTS ********************/

.comment { background-color: #fee; border: solid #fbb 1px; margin: 0 3px 6px 3px; padding: 5px 15px }
/* .comment { margin: 0 20px 30px 20px; } */

.comment p { margin: 8px 0; text-align: justify; }
.comment p.closing { width: 60%; margin-left: 40%; text-align: left; }
.comment p.signature { font-style: italic; }

hr { width: 66%; margin: 30px 16.5% 0 16.5%; border: 0; color: #6b6b6b; background-color: #6b6b6b; height: 1px; text-align: center; }

/************************************************ PACKAGES *****************************/

#packages dl { margin-left: 20px; text-align: left; }
#packages dl dt { font-size: 153.9%; }
/* #packages dl dd { margin-bottom: 20px; } */
#packages dl dd { padding: 0 10px 0 20px; }
#packages dl dd.description { text-align: justify; }
#packages dl dd.price { padding-bottom: 10px; text-align: right; font-weight: bold; }
#packages dl dd.price sup { vertical-align: top; }
#packages dl dd ul { margin: 0 30px 0 20px; }
#packages dl dd ul li { margin-bottom: 5px; padding-left: 20px; text-indent: -20px; font-size: 116%; }

#packages p { margin: 5px 30px; border-top: dotted #fff 1px; padding: 10px; text-align: justify; }

/************************************************ GALLERY (MAIN) ***********************/

.galleryMenu { position: relative; margin-right: 5px; background-color: white; padding: 5px; }
.alignLeft { float: left; }
.alignRight { float: right; }
.galleryOptLabel { position: absolute; bottom: 3px; left: 3px; width: 223px; background-color: #000; color: #fff; padding: 5px; font-size: 189%; text-align: left; }

.galleryLabel { text-align: left; font-size: 189%; padding-bottom: 5px; }
.ssHeadNav { margin-top: 25px; }
/* .ssNavButton { margin: 5px; background-color: #202020; border: solid 1px #555; color: #808080; padding: 3px; font-size: 77%; text-transform: uppercase; letter-spacing: 1px; } */
.ssNavButton { margin: 5px; background-color: #fee; border: solid 1px #fbb; color: #808080; padding: 3px; font-size: 77%; text-transform: uppercase; letter-spacing: 1px; }

#galleryThumbs li { margin: 0 auto 4px auto; background-color: #fff; padding: 2px; width: 94px; height: 94px; }
#galleryThumbs li div { overflow: hidden; margin: auto; width: 90px; height: 90px; }

.sliderNav { width: 98px; background-color: #fff; margin: auto; color: #000; padding: 3px 0; text-align: center; }
.topNav { margin-bottom: 4px; }
.bottomNav { margin-top: 4px; }

/************************************************ STORYBOOKS ***************************/

#spage1, #spage2, #spage3, #spage4, #spage5, #spage6, #spage7, #spage8, #spage9, #spage10,
#spage11, #spage12, #spage13, #spage14, #spage15, #spage16, #spage17, #spage18, #spage19, #spage20 { display: none; }

#slink1, #slink2, #slink3, #slink4, #slink5, #slink6, #slink7, #slink8, #slink9, #slink10,
#slink11, #slink12, #slink13, #slink14, #slink15, #slink16, #slink17, #slink18, #slink19, #slink20 { background-color: #fee; color: #808080; cursor: pointer; padding: 3px; display: inline; border: solid #fbb 1px; font-size: 85%; width: 30px; }

#spage1 { display: block; }
#slink1 { background-color: #fff; color: #000; }

/************************************************ CONTACT ******************************/

#contact form { height: 416px; background-color: #fff; margin: 0 3px; padding: 3px; color: #000; text-align: left; }
#contact fieldset { padding: 2px 0 5px 15px; }
#contact label { display: block; margin: 2px 5px; font-size: 93%; text-transform: uppercase; letter-spacing: 1px; }
#contact select { width: 380px; padding: 2px; font-weight: bold; }
.textInput { border-style: solid;  border-color: #808080 #000 #000 #C0C0C0; border-width: 1px; width: 380px; padding: 2px; font-weight: bold; }
.submitButton { width: 380px; }
.mailResult { margin-top: 160px; text-align: center; font-size: 131%; }

#contact textarea { width: 380px; height: 200px; border-style: solid; border-color: #808080 #000 #000 #C0C0C0; border-width: 1px; padding: 2px; }