html, body {
   margin : 0;
   padding : 0;
}

body {
   color : #fff;
   background : #000000;
   width : 100%;
   font : 12px Arial, Helvetica, Tahoma, sans-serif;
   line-height: 1.5;
}

#wrapper {
   margin : 10px auto 0px auto;
   width: 960px;
}

#content {
   margin : 20px;
   border : 5px solid #4a4949;
   position : relative; /* IE6 bug */
   background : #222222;
   -moz-border-radius: 10px; -webkit-border-radius: 10px; 
}

body#home #content {height: 740px;}
body#special-occasions #content {height: 670px;}
body#bridesmaids #content {height: 720px;}
body#mothers #content {height: 820px;}


#pagecontainer {
	margin: 20px;
}

#content p {
   margin : 20px;
}


/* header bar */
#headerbar {
	width:910px; 
	height:160px; 
}

/* footer */
#footer {
   width: 90%;
   color: #ff0099;
   margin-left: auto;
   margin-right: auto;
   font: italic 75%;
   margin-top: 10px;
   margin-bottom: 10px;
   text-align: center;
}

/* navigation bar */
#navBar { width:910px; height:38px;}
#navBar #nav { width:910px; height:38px; margin:0; padding:0; background:url(../images/ccNavSprite.jpg) 0 0 repeat-x; border-top: 2px solid white; border-bottom: 2px solid white; }
#navBar #nav li { display:inline; }
#navBar #nav li a { float:left; height:28px; font-size: 14px; color: white; text-decoration: none; text-align: center; padding-top: 10px; border-right: 1px solid #666; padding-left: 20px; padding-right: 20px; background:url(../images/ccNavSprite.jpg) 0 0 repeat-x; }
#navBar #nav li a:hover { background-position: 0 -38px; }
#navBar #nav li a:active { background-position: 0 -76px; }
body#home #nav li#nav00 a, body#bride #nav li#nav01 a, 
body#bridesmaids #nav li#nav02 a, body#mothers #nav li#nav03 a, 
body#special-occasions #nav li#nav04 a, body#about-us #nav li#nav05 a, body#bookings #nav li#nav06 a { background-position: 0 -76px; }

/* slideshow */
body#home .slideshow { height: 499px; width: 335px; padding:0; margin:0; overflow: hidden; float: left; }
body#home .slideshow img { height: 487px; width: 323px; padding: 5px; border: 1px solid #000; background-color: #eee; top:0; left:0 }

/* content */
a:link {
   color : #fff;
   background : transparent;
   text-decoration : none;
}

a:visited {
   color : #fff;
   text-decoration : none;
}

a:hover {
   color : #fff;
   text-decoration : none;
}

a:active {
   color : #fff;
   text-decoration : none;
}

a.link:link, a.link:visited, a.link:active { color : #ff0099; text-decoration : none; }
a.link:hover { color : #ff0099; text-decoration : underline; }


img {
   border : none;
}

div.inset-image-left {
	display: inline;
	float: left;
	margin: 0 10px 10px 20px;
	padding: 10px 10px 10px 10px;
	border: 1px solid white;
	background-color: #444;
	text-align: center;
}

div.inset-image-right {
	display: inline;
	float: right;
	margin: 0 10px 10px 20px;
	padding: 10px 10px 10px 10px;
	border: 1px solid white;
	background-color: #444;
	text-align: center;
}

span.caption-left {
	font-style: italic;
	float: left;
	clear: left;
	padding-top: 5px;
	text-align: center;
}

span.caption-right {
	font-style: italic;
	float: right;
	clear: right;
	padding-top: 5px;	
	text-align: center;
}

/* Homepage Content */
body#home #homepage-text {width: 530px; float: right; margin-top: -15px; }
body#home #homepage-text span.quote {color : #ff0099; font-style: italic;}
/* booking form */
label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

input.submit
{
margin-left: 4.5em;
} 

input.checkbox, input.indent, img.indent
{
margin-left: 4.5em;
} 

fieldset
{
border: 1px solid #ff0099;
width: 400px;
margin: 0 auto 0 auto;
}

legend
{
color: #fff;
background: #ff0099;
border: 1px solid #fff;
padding: 2px 6px
}