body {
  background: #340002;
  background-image: url(images/bgStrip.jpg);
  background-repeat: repeat-x;
  text-align: center;
  font: 76%/1.4em Verdana, Geneva, Arial, Helvetica, sans-serif;
   margin: 0;
  color: #000000;
}
#wrapper {
  position: relative;
  width: 960px;
  margin: 0 auto;
  background: #5C0E2D;
}
#header {
  width: 960px;
  background-image: url(images/header_2.jpg);
  background-repeat: no-repeat;
  height: 260px;
}
/*/////////containers///////*/
#container {
  width: 710px;
float: right;
  background: #5C0E2D;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #F2E4C3;
}

#content
{
  float: left;
  width: 670px;
  /*border: 1px solid blue;  */
  padding: 10px 10px 10px 10px;
    text-align: justify;
  color: #F2E4C3;
  background-color: #5C0E2D;
  padding-bottom: 20px;
}

/*/////////content///////*/
p {
	font: 100%/1.4em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0 15px 0 20px;
	margin-top: 0;
    color: #F2E4C3;
  background-color: #5C0E2D;
}
p.short {
  width: 150px;
}
p.long {
  width: 630px;
}
p.sig{
    font: 95%/1.4em Geneva, Arial, Helvetica, sans-serif;
  	padding: 0 38px 0 0;
	margin-top: 0;
    text-align: right;
    font-style: italic;
}
p.smallright {
  font-size: 75%;
  text-align: center;
  margin-right: 5px;
  margin-top: 0;
  background: transparent;
}
.duration {
  text-align: right;
}
p.rings {
  background-image: url(images/ringsStage.jpg);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 14px;
  height: 135px;
}
p.car {
  background: transparent;
}
p.adbox {
  background-color:transparent;
  margin: 0 30px 10px 30px;
  padding: 10px;
  font-size: 120%;
  border: 1px solid #8F703F;
  text-align: center;
}
p.middle {
  text-align: center;
}


#content img.right {
  width: 200px;
  float: right;
  margin: 5px 20px 5px 20px;
}
#content img.music {
  width: 100px;
  float: left;
  margin:20px 20px 20px 0;
}
#content img.left {
  width: 200px;
  float: left;
  margin: 5px 20px 5px 20px;
}
.captioned_imageRight {
float: right;
width: 200px;
margin: 5px 20px 0 20px;
line-height: 1em;
}
.captioned_imageRight p {
  width: 100%;
  margin-top: 5px;
  padding: 0;
  font: 80%/1.4em Verdana, sans-serif;
  text-align: center;
}
.captioned_imageRight img {
 margin: 0;
 padding: 0;
 display: block;
}
/*/////////sidebar//////*/
#sidebarLeft {
 float: left;
width: 246px;
padding:0;
text-align: left;
 background: #5C0E2D;
}
#sidebarLeft img {
  margin: 10px 24px 10px 21px;
  border: 3px double #8F703F;
}
#sidebarLeft p.image {
  margin-top: -5px;
  padding: 0 15px 0 15px;
  font: 80%/1.4em Verdana, sans-serif;
  text-align: center;
}


/*/////////main nav///////*/
#navigation {
  position: relative;
  width: 230px;
  height: 357px;
  background-image: url(images/nav.gif);
  margin: 10px auto;
}

#navigation ul {
  position: relative;
  margin-left: 27px;
  padding: 0;
}
#navigation li {list-style-type:none; display:inline; width:88px;}
#navigation a, #navigation a:visited {display:block; width:88px; height:37px; text-decoration:none;}
#navigation a#stage {position:absolute; left:15px; top:91px;width: 147px; height: 18px;}
#navigation a#close {position:absolute; left:92px; top:112px;}
#navigation a#weddings {position:absolute; left:1px; top:112px;}
#navigation a#lewis  {position:absolute; left:17px; top:153px;width: 147px; height: 30px;}
#navigation a#testimonials {position:absolute; left:17px; top:206px; width: 147px; height: 18px;}
#navigation a#gallery {position:absolute; left:-1px; top:231px;}
#navigation a#clients {position:absolute; left:91px; top:231px;}
#navigation a#biography {position:absolute; left:18px; top:271px; width: 147px; height: 18px;}
#navigation a#home {position:absolute; left: 0px; top:291px;}
#navigation a#contact {position:absolute; left:92px; top:291px;}

#navigation a#stage:hover { background-image: url(images/menu/stageMenu.gif); z-index:100;}
#navigation a#close:hover { background-image: url(images/menu/closeMenu.gif); z-index:100;}
#navigation a#weddings:hover {background-image: url(images/menu/weddingMenu.gif); z-index:100;}
#navigation a#lewis:hover { width: 147px; height: 30px; background-image: url(images/menu/lewisMenu.gif); z-index:100;}
#navigation a#testimonials:hover { width: 147px; height: 18px; background-image: url(images/menu/testMenu.gif); z-index:100;}
#navigation a#gallery:hover { background-image: url(images/menu/galleryMenu.gif); z-index:100;}
#navigation a#clients:hover { background-image: url(images/menu/clientsMenu.gif); z-index:100;}
#navigation a#biography:hover { width: 147px; height: 18px; background-image: url(images/menu/biographyMenu.gif); z-index:100;}
#navigation a#home:hover { background-image: url(images/menu/homeMenu.gif); z-index:100;}
#navigation a#contact:hover { background-image: url(images/menu/contactMenu.gif); z-index:100;}
/*//////Footer/////*/
#footer {
  clear: both;
background-image: url(images/footer.jpg);
  background-repeat:repeat-x;
  margin-bottom: 20px;
  height: 105px;
  text-align: center;
  background-color: #340002;
}
#footer p.copyright {
  float: right;
  text-align: right;
  	font: 75%/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0 15px 0 10px;
    background: transparent;
}
#footer p.copyrightRight {
  float: left;
  text-align: left;
  	font: 75%/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0 10px 0 15px;
    background: transparent;
}
#footer p.footerNav {
   font: 90%/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
   text-align: center;
   background: transparent;
   padding-top: 20px;
}
#footer a {
  text-decoration: none;
  color:#FF9933;
  background-color: #5C0E2D;
}
#footer a:hover {
  text-decoration:none;
  color: #F2E4C3;
  background-color: #5C0E2D;
}
#footer p.copyrightRight a {
  text-decoration: none;
  color:#F2E4C3;
  background-color: transparent;
}

#footer p.copyrightRight a:hover {
  text-decoration: none;
  color:#FF9933;
  background-color: transparent;
}
#wedding {
  background-image: url(images/carPage.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 960px;
  height: 568px;
  position: fixed;
}
#roy {
background-image: url(images/roy_home.jpg);
background-repeat: no-repeat;
  position: absolute;
  bottom: -20px;
  right: -17px;
  width: 290px;
  height: 441px;
  margin: 5px 0 107px 10px;
}
img.roy {
  float: right;
  bottom: 107px;
  right: 0;
  width: 290px;
  margin:10px -17px 0 10px;
}
.title {
  	font: 200%/1.6em Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
	padding: 0;
	margin-top: 0;
    color: #8F703F;
  background-color: #5C0E2D;
  text-align: left;
}
.subtitle {
 	font: 140%/1.0em Geneva, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-style: italic;
    text-align: left;
	padding: 0;
	margin-top: 0;
    color: #8F703F;
    background: transparent;
}


/*//////////blockquotes//////*/
blockquote.smQuote {
   display: block;
	background: url(images/quoteStart.jpg) 0 5px no-repeat;
	padding: 0px 20px 0 38px;
	margin: 20px 10px;
	font-size: 120%;
	line-height: 1em;
	width: auto;
	border: 0;
}
blockquote.smQuote p{
    font: 85%/1.4em Geneva, Arial, Helvetica, sans-serif;
  	padding: 0 38px 0 0;
	margin-top: 0;
	background: url(images/quoteEnd.jpg) 100% 100% no-repeat;
}
#blockquoteBox {
  background: url(images/quoteStart_lg.jpg) 0 0px no-repeat;
  	padding: 0px 20px 0 0;
}
#blockquoteBox p.large{
	background: url(images/quoteEnd_lg.jpg) 100% 100% no-repeat;
    padding-top: 70px;
}
blockquote {
    display: block;
    padding: 0px 20px 0 38px;
	margin: 20px 10px;
	font-size: 120%;
	line-height: 1em;
	width: auto;
	border: 0;
}
blockquote p{
    font: 85%/1.4em Geneva, Arial, Helvetica, sans-serif;
  	padding: 20px 38px 0 0;
	margin-top: 0;
}
blockquote p.sig{
    font: 85%/1.4em Geneva, Arial, Helvetica, sans-serif;
  	padding: 0 38px 0 0;
	margin-top: 0;
    text-align: right;
    font-style: italic;
}

.line {
  background-image: url(images/line.jpg);
  background-repeat: no-repeat;
  width: 550px;
  float: right;
  padding-right: 68px;
}
.linecontent {
  background-image: url(images/lineContent.jpg);
  background-repeat: no-repeat;
  width: 450px;
  margin: 10px 0 10px 20px;
}

.phonetitle {
  color:#8F703F;
  background-color: #5C0E2D;
  font-weight: bold;
  font-size: 110%;
}
/*///////global links///////*/
#content a:link { color: #FF9933; text-decoration: none; background-color: #5C0E2D; }

#content a:visited	{ color: #FF9933; text-decoration: none; background-color: #5C0E2D; }

#content a:active	{ color: #FF9933; text-decoration: none; background-color: #5C0E2D; }

#content a:hover    { color: #A68845; text-decoration: none; background-color: #5C0E2D; }

#content ul {
  text-decoration: none;
}
#content li {
  margin-left: 30px;
  list-style-image: url(images/bullit.jpg);
}
img.map {
  width: 200px;
  float: right;
  margin-right: 40px;
  border: 3px double #8F703F;
}
img.closeUp {
  float:right;
  width: 457px;
  margin-left: 20px;
}
img.mirror {
  margin:0 185px 10px 185px;
}
img.mirrorLarge {
  margin: 0 60px 10px 60px;
}
img.trio {
  margin-left: 62px;
  margin-bottom: 10px;
}
img.closetable {
  margin-left: 160px;
  margin-bottom: 10px;
}
img.stage{
  width: 200px;
  float: left;
  margin-right: 10px;
}


/*///////gallery//////*/
#galleries {width:700px; min-height: 100%; position:relative; list-style: none;}
/* GALLERY SLIDESHOW AND VIEWER CODE */

.Galborder	 	{ border: 3px double #F2E4C3; margin-bottom: 3px; }

a:hover .Galborder 	{ border: #FF9933 3px solid; margin-bottom: 3px; }



.button 	{
		background-color:#5C0E2D;
		background-image: url("images/button.jpg");
		font-family: arial, verdana, helvetica, sans-serif;
		color: #F2E4C3;
		font-size: 8pt;
		font-weight: bold;
		text-align: center;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 3px;
		padding-bottom: 3px;
		border:3px double #CECECE; padding: 3px;
		}


.buttonon 	{
		background-color:#5C0E2D;
		background-image: url("images/buttonon.jpg");
		font-family: arial, verdana, helvetica, sans-serif;
		color: #8F703F;
		font-size: 8pt;
		font-weight: bold;
		text-align: center;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 3px;
		padding-bottom: 3px;
		border:3px double #CECECE; padding: 3px;
		}

.gallerytext		{ color: #8F703F; font: 9px verdana, arial, sans-serif; font-weight: normal }

.gallerytitle 		{ color: #F2E4C3; font: 11px verdana, arial, sans-serif; font-weight: bold; }

.viewer	{ border:3px double #8F703F; padding: 3px; }

.viewermargin		{ padding-top: 10px; padding-bottom: 10px; }

.viewer-text		{ color: #8F703F; font: 12px verdana, arial, sans-serif; font-weight: bold; }

.viewer-hilite 		{ color: #F2E4C3; font: 12px verdana, arial, sans-serif; font-weight: bold; }

.formmargin		{ margin: 0px; }


#galleries li {
 float: left;
 margin-right: 6px;
 margin-bottom: 10px;
 list-style: none;
}
#galleries li img {
  display: block;
}


