@charset "UTF-8";

/* CSS Document */

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;
	background-color: #470504;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	font-size: 12px;
	font-weight: normal;
}

#container {
	width: 866px;
	margin: 0 auto; /* this overrides the text-align: center on the body element. */
	position: relative;
	z-index: 15;
	text-align: left;
}

#subcontainerbg {
	width: 866px;
	margin: 0 auto; /* this overrides the text-align: center on the body element. */
	position: relative;
	height: 206px;
	background-image: url(../images/subheader_background.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	z-index: 15;
}

#midseperator {
	width: 100%;
	height: 4px;
	position: absolute;
	z-index: 28;
	left: 0px;
	top: 351px;
	background-image: url(../images/mid_seperator_outside.gif);
	background-repeat: repeat-x;
}

#headerbg {
	background-image: url(../images/logo_background.jpg);
	background-repeat: repeat-x;
	height: 100px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 2;
}

#footerbg {
	background-color: #480000;
	height: 35px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #890101;
}

#navbg {
	background-image: url(../images/nav_background.png);
	background-repeat: repeat-x;
	height: 45px;
	position: absolute;
	width: 100%;
	left: 0px;
	top: 100px;
	z-index: 2;
}

#subHeaderbg {
	background-color: #DADADA;
	height: 206px;
	position: absolute;
	z-index: 2;
	width: 100%;
	left: 0px;
	top: 145px;
}

#container #header {
	height: 100px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 44px;
}

#container #header a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#container #subHeader {
	height: 206px;
	overflow: hidden;
	position: relative;
	margin: 0px;
	padding: 0px;
}

#container #nav {
	height: 45px;
	margin-left: 44px;
	margin-top: 15px;
}

#nav ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #FFF;
	padding: 0px;
	float: left;
}

#nav ul li {
	list-style-type: none;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
}

#nav #bridal #bridal_nav a {
	width: 71px;
	padding: 0px;
	background-image: url(../images/bridal_nav_f2.jpg);
	background-repeat: none;
	background-position: 0 0;
	display: block;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
	height: 30px;
}

#nav ul #bridal_nav a {
	width: 71px;
	padding: 0px;
	background-image: url(../images/bridal_nav.jpg);
	background-repeat: none;
	background-position: 0 0;
	display: block;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
	height: 30px;
}

#nav ul #bridal_nav a:hover {
	background-image: url(../images/bridal_nav_f2.jpg);
	background-repeat: none;
	background-position: 0 0;
}

#nav #women #womens_nav a {
	width: 147px;
	padding: 0px;
	background-image: url(../images/womens_nav_f2.jpg);
	background-repeat: none;
	background-position: 0 0;
	display: block;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
	height: 30px;
}

#nav ul #womens_nav a {
	width: 147px;
	padding: 0px;
	background-image: url(../images/womens_nav.jpg);
	background-repeat: none;
	background-position: 0 0;
	display: block;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
	height: 30px;
}

#nav ul #womens_nav a:hover {
	background-image: url(../images/womens_nav_f2.jpg);
	background-repeat: none;
	background-position: 0 0;
}

#nav #junior #junior_nav a {
	width: 126px;
	padding: 0px;
	background-image: url(../images/junior_nav_f2.jpg);
	background-repeat: none;
	background-position: 0 0;
	display: block;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
	height: 30px;
}

#nav ul #junior_nav a {
	width: 126px;
	padding: 0px;
	background-image: url(../images/junior_nav.jpg);
	background-repeat: none;
	background-position: 0 0;
	display: block;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
	height: 30px;
}

#nav ul #junior_nav a:hover {
	background-image: url(../images/junior_nav_f2.jpg);
	background-repeat: none;
	background-position: 0 0;
}

#nav #quinceanera #quinceanera_nav a {
	width: 117px;
	padding: 0px;
	background-image: url(../images/quinceanera_nav_f2.jpg);
	background-repeat: none;
	background-position: 0 0;
	display: block;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
	height: 30px;
}

#nav ul #quinceanera_nav a {
	width: 117px;
	padding: 0px;
	background-image: url(../images/quinceanera_nav.jpg);
	background-repeat: none;
	background-position: 0 0;
	display: block;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
	height: 30px;
}

#nav ul #quinceanera_nav a:hover {
	background-image: url(../images/quinceanera_nav_f2.jpg);
	background-repeat: none;
	background-position: 0 0;
}

#nav #tuxedos #tuxedos_nav a {
	width: 84px;
	padding: 0px;
	background-image: url(../images/tuxedos_nav_f2.jpg);
	background-repeat: none;
	background-position: 0 0;
	display: block;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
	height: 30px;
}

#nav ul #tuxedos_nav a {
	width: 84px;
	padding: 0px;
	background-image: url(../images/tuxedos_nav.jpg);
	background-repeat: none;
	background-position: 0 0;
	display: block;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
	height: 30px;
}

#nav ul #tuxedos_nav a:hover {
	background-image: url(../images/tuxedos_nav_f2.jpg);
	background-repeat: none;
	background-position: 0 0;
}

#nav #services #services_nav a {
	width: 130px;
	padding: 0px;
	background-image: url(../images/services_nav_f2.jpg);
	background-repeat: none;
	background-position: 0 0;
	display: block;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
	height: 30px;
}

#nav ul #services_nav a {
	width: 130px;
	padding: 0px;
	background-image: url(../images/services_nav.jpg);
	background-repeat: none;
	background-position: 0 0;
	display: block;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
	height: 30px;
}

#nav ul #services_nav a:hover {
	background-image: url(../images/services_nav_f2.jpg);
	background-repeat: none;
	background-position: 0 0;
}

#nav #contact #contact_nav a {
	width: 103px;
	padding: 0px;
	background-image: url(../images/contact_nav_f2.jpg);
	background-repeat: none;
	background-position: 0 0;
	display: block;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
	height: 30px;
}

#nav ul #contact_nav a {
	width: 103px;
	padding: 0px;
	background-image: url(../images/contact_nav.jpg);
	background-repeat: none;
	background-position: 0 0;
	display: block;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
	height: 30px;
}

#nav ul #contact_nav a:hover {
	background-image: url(../images/contact_nav_f2.jpg);
	background-repeat: none;
	background-position: 0 0;
}

#footer {
	z-index: 29;
	font-size: 10px;
	color: #FFF;
	background-color: #480000;
	border-top-width: 3px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #890101;
	text-align: right;
	position: relative;
	height: 34px;
	width: 100%;
}

#footercontent {
	width: 776px;
	position: relative;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

#contentbg {
	background-color: #D4D7CD;
	position: absolute;
	z-index: 2;
	width: 100%;
	left: 0px;
	top: 355px;
}

#contentbodybg {
	z-index: 15;
	width: 866px;
	margin: 0 auto; /* this overrides the text-align: center on the body element. */
	position: relative;
	background-image: url(../images/maincontent_background.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

#content {
	width: 794px;
	position: relative;
	margin-left: 36px;
	margin-right: auto;
	text-align: left;
	padding: 0px;
}

a { 
	color: #C6761F; 
	text-decoration: none;
}

a:hover {
	color: #C6761F;
	text-decoration: underline;
}

#content #contentLeft {
	width: 167px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: "Copperplate Gothic Light", "Copperplate Gothic";
	float: left;
	font-size: 12px;
	margin: 0px;
}

#content #contentRight {
	width: 600px;
	padding-top: 20px;
	padding-bottom: 20px;
	height: 100%;
	margin-left: 187px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#pageHeading {
	font-size: 22px;
	color: #C77620;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-weight: bold;
}

h2 {
	font-size: 20px;
	color: #7D7F79;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

#categories {
	list-style-type: none;
	color: #C6761F;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#subHeader #contentRight img {
	border: 3px solid #D0D0BD;
	vertical-align: bottom;
	margin-top: 4px;
	margin-left: 0px;
}

#contentLeft img {
	border: 4px solid #D0D0BD;
	padding: 0px;
	margin-top: -4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}



p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#content #contentRight  ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#contentbodybg #content #contentRight img { border: 4px solid #C6761F; }

#contentbodybg #content #contentRight a:hover img { border: 4px solid #D0D0BD; }

.hiddenPic { display: none; }

#midseperator #midimage {
	width: 866px;
	position: relative;
	margin: 0 auto;
	z-index: 29;
}