@charset "UTF-8";

/* @override 
	http://www.visitpanache.com/css/style.css
*/

/* CSS Document */

body {
	padding: 0;
	margin: 0;
	background: url(../images/background1.jpg) no-repeat fixed center;
	font-family: "Trebuchet MS",   Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 18px;
	color: #666666;
}

h3 {
	font-size: 11px;
	color: black;
	align: center;
}

h4 {
	font-size: 11px;
	letter-spacing: 6px;
	color: #666666;
	line-height: 22px;
	padding: 0;
	margin: 12px 0 0;
}

h5 {
	font-family: "Trebuchet MS",   Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 2px;
	line-height: 11px;
	color: #666666;
	padding: 0px;
	margin: 0px;
}

h6 {
	font-family: "Trebuchet MS",   Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 2px;
	line-height: 11px;
	color: #B54C26;
	padding: 0px;
	margin: 0px;
	text-indent: 15px;
}



#container {
	height: 560px;
	width: 746px;
	background: url(../images/background.gif);
	position:absolute;
	top: 50%;
	left: 50%;
	margin-top: -280px; 
	margin-left: -373px; 
}

#container2 {
	height: 560px;
	width: 746px;
	position:absolute;
	top: 50%;
	left: 50%;
	margin-top: -350px; 
	margin-left: -373px; 
}

#container3 {
	height: 770px;
	width: 746px;
	background: url(../images/background_long.gif);
	background-repeat:no-repeat;
	position:absolute;
	top: 50%;
	left: 50%;
	margin-top: -350px; 
	margin-left: -373px; 
}

#content {
	top: 76px;
	position: absolute;
}

#header {
	background: url(../images/home_header.gif) no-repeat;
	margin-left: 4px;
	width: 746px;
	height: 103px;
}

#copy {
	width: 240px;
	height: 180px;
	/*float: left;*/
	top: 40px;
	left: 0;
	position: absolute;
}

#bigimage {
	/*width: 170px;*/
	width: 400px;
	height: 180px;
	float: left;
	top: 35px;
	right: 324px;
	/*left: 256px;*/
	position: absolute;
	z-index: 2;
}

#bigimage A {
	color: #000000;
	text-decoration: none;
}

#bigimage .rotator img {
	/* width of each image varies.
	   the right edge needs to always be in the right place. */
	right: 0;
}
.bigover {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -165px 0 0 -212px;
	z-index: 200; /* make sure it appears over the rotating images */
}

#tags {
	width: 270px;
	height: 147px;
	float: left;
	top: 96px;
	left: 453px;
	position: absolute;
	z-index: 2;
}

#footer {
	clear: both;
	position: relative;
	top: 127px;
	left: 152px; 
}
#footer p {
	padding: 0;
	margin: 0;
}

#logo {
	background: url(../images/logo.gif);
	width: 183px;
	height: 100px;
  	position: absolute;
  	top: 0;
	position:absolute;
	top: 50%;
	left: 50%;
	margin-top: 110px; 
	margin-left: -92px; 
  	z-index: 1;
}

#logo a {
	width: 183px;
	height: 100px;
	display: block;
	font-size: 0px;
	display: block;
	line-height: 0px;
	text-decoration: none;
	text-indent: -3000px;
}

#navigation {
	background: url(../images/navigation_bg.gif);
	width: 746px;
	height: 133px;
	position: relative;
	float: left;
	top: 98px;
	left: 4px;
}

#navigation ul {
	margin: 0;
	padding: 0px 0 0 0px;
	list-style: none;
	line-height: normal;
	color: white;

}

#navigation li {
	float: left;
	position: relative;
}


#navigation a {
	letter-spacing: 2px;
	font-family: "Trebuchet MS",  Geneva, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color: black;
	text-decoration: none;
	margin-bottom: 0;
	font-size: 13px;
	display: block;
	/*line-height: 1px;*/	
}

#navigation a:hover {
	color: #d8db36;
}

/* DROPDOWN MENUS */
#navigation li ul {
	display: none;
	position: absolute;
	top: 125px;
	left: 5px;
	width: 200px;
	height: 15px;
	z-index: 99;
	text-transform: none;
	padding: 0px 0px;
	margin: 0px;
}
#navigation li ul li {
	display: block;
	clear: both;
}

#navigation li:hover ul,
#navigation li.sfhover ul { /* this line is for IE */
	display: block;
}

#navigation li ul li a,
#navigation li ul li a:hover {
	letter-spacing: 2px;
	font-family: "Trebuchet MS",  Geneva, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #666666;
	display: block;
	right: 72px;
	background: url(../images/middle_nav_bg.gif) repeat-y top left;
	text-indent: 0px;
	height: 12px;
	padding-left: 9px;
	padding-top:2px;
}

#navigation li ul li a:hover {
	color: #d8db36;
}
   


/*  bottom navigation */  
   
   
#bottom_nav {
	width: 700px;
	height: 80px;
	position: relative;
	float: left;
	top: 187px;
	left: 70px;
}

#bottom_nav ul {
	margin: 0;
	padding: 0px 0px 0 0px;
	list-style: none;
	line-height: normal;
}
#bottom_nav li {
				/*border: 1px solid black;*/
	position: relative;
	float: left;
	list-style-position: outside;
	list-style-type: disc;
	
	display: block;
	background: url(../images/bullet.gif) no-repeat right 2px;
}
#bottom_nav li li {
	list-style-type: none;
	background: none;
}
#bottom_nav li.first {
	list-style-type: none;
}
#bottom_nav li.last {
	background: none;
}
#bottom_nav li a {
	/*float: left;*/
	padding: 0px 30px 0px 10px;
	position: relative;
}

#bottom_nav a {
	letter-spacing: 1px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	margin-bottom: 0;
	font-size: 12px;
	/*text-indent: 10px;*/	
}

#bottom_nav a:hover {
	color: #d8db36;
}



/* BOTTOM POPUP MENUS */
#bottom_nav li ul {
	display: none;
	position: absolute;
	/*top: 20px;*/
	bottom: 13px;
	/*left: 20px;*/
	right: 20px;
	width: 180px;
	/*height: 15px;*/
	z-index: 99;
	text-transform: none;
	padding: 0px 0px 5px;
	margin: 0px;
					/*border: 1px solid red;*/
}
#bottom_nav li ul li {
	float: right;
	clear: both;
}
#bottom_nav li ul li a {
	padding-right: 0;
	padding-left: 0;
	margin: 0;
					/*border: 1px solid green;*/
}

#bottom_nav li:hover ul,
#bottom_nav li.sfhover ul { /* this line is for IE */
	display: block;
}

#bottom_nav li ul li a,
#bottom_nav li ul li a:hover {
	letter-spacing: 2px;
	font-family: "Trebuchet MS",  Geneva, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #666666;
	display: block;
	/*bottom: 65px;*/
	/*right: 72px;*/
	background: url(../images/middle_nav_bg.gif) repeat-y top right;
	/*float: right;*/
	text-indent: 0px;
	height: 12px;
	padding-right: 5px;
}

#bottom_nav li ul li a:hover {
	color: #d8db36;
}

/* about page */

.about #header {
	background: url(../images/about_hdr.gif) no-repeat;
	margin-left: 4px;
	width: 746px;
	height: 103px;
}

.about #tags {
  width: 210px;
}

#bio  {
	height: 75px;
	/*width: 265px;*/
	width: 335px;
	/*padding:17px 0 0 65px;*/
	padding: 29px 0 0 59px;
	float: left;
	line-height: 13px;
	letter-spacing: 1px;
}
#bio p {
	padding: 0;
	margin: 0;
}

#biopic {
	background: url(../images/nikki.gif)
	float: left;
	padding: 23px 0px 0px 0px;
}  

.about #bigimage {
	width: 170px;
	height: 180px;
	float: left;
	top: 40px;
	left: 159px;
	position: absolute;
	z-index: 2;
}

/* promotions page */

.promotions #header {
	background: url(../images/events_hdr.gif) no-repeat;
	margin-left: 4px;
	width: 746px;
	height: 103px;
}

#test {
	background: url(../images/flourishes.gif) no-repeat;
	z-index: 20;
	
}
	
.promotions #navigation {
	background: none;
}

.promotions #bigimage {
	background: url(../images/promotions_bg.gif);
	width: 242px;
	height: 292px;
	float: left;
	top: 25px;
	left: 100px;
	position: absolute;
	z-index: 2;
	text-align: center;
}
.promotions #bigimage p,
.promotions #bigimage dl,
.promotions #bigimage dt {
	font-size: 11px;
	color: black;
	align: center;
	font-weight: bold;
}
.promotions #bigimage dt {
	padding-top: 10px;
}
.promotions #bigimage dd {
	font-weight: normal;
	font-size: 10px;
	color: black;
	align: center;
	padding-left: 0;
	margin-left: 0;
}

.promotions #tags {
	background: url(../images/flourishes.gif) no-repeat 0 0;
	padding-right: 40px;
	padding-left: 72px;
	width: 210px;
	height: 250px;
	left: 380px;
	top: 96px;
}


/* bridal page */

.bridal #header {
	background: url(../images/bridal_hdr.gif) no-repeat;
	margin-left: 4px;
	width: 746px;
	height: 103px;
}

.bridal #bigimage {
	width: 242px;
	height: 292px;
	float: left;
	top: 25px;
	left: 222px;
	position: absolute;
	z-index: 2;
}
.bridal #bigimage p {
	padding-bottom: 6px;
}

.bridal #bio {
	height: 75px;
	width: 265px;
	padding:28px 0 0 120px;
	float: left;
}

.bridal #tags {
	width: 180px;
	height: 147px;
	float: left;
	top: 96px;
	left: 453px;
	position: absolute;
	z-index: 2;
}

.bridal #navigation {
	background: url(../images/navigation_bridal_bg.gif);
}

.bridal #bio p {
	font-family: "Trebuchet MS",   Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	letter-spacing: 2px;
	line-height: 11px;
	color: #666666;
	padding: 0px;
	margin: 0px;
}

/* bridal page */

.wish #header {
	background: url(../images/wish_hdr.gif) no-repeat;
	margin-left: 4px;
	width: 746px;
	height: 103px;
}

.wish #bigimage {
	width: 426px;
	height: 292px;
	float: left;
	top: 25px;
	left: 0px;
	position: absolute;
	z-index: 2;
}
.wish #bigimage p {
	padding-bottom: 6px;
	float: right;
	text-align: right;
	width: 160px;
	line-height: 300%;
	
}

.wish #bio {
	height: 75px;
	width: 265px;
	padding:28px 0 0 120px;
	float: left;
}

.wish #tags {
	width: 198px;
	height: 147px;
	float: left;
	top: 96px;
	left: 453px;
	position: absolute;
	z-index: 2;
}

.wish #navigation {
	background: url(../images/navigation_bridal_bg.gif);
}

.wish #bio p {
	font-family: "Trebuchet MS",   Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	letter-spacing: 2px;
	line-height: 11px;
	color: #666666;
	padding: 0px;
	margin: 0px;
}

/* floral page */

.floral #header {
	background: url(../images/floral_hdr.gif) no-repeat;
	margin-left: 4px;
	width: 746px;
	height: 103px;
}

.floral #tags {
	width: 230px;
	height: 147px;
	float: left;
	top: 96px;
	left: 453px;
	position: absolute;
	z-index: 2;
}

.floral #copy {
	width: 70px;
	height: 180px;
	/*float: left;*/
	top: 40px;
	left: 65px;
	position: absolute;
	z-index: 3;
	font-size: 9px;
	line-height: 16px;
}

.floral #bigimage {
	background: url(../images/floral.gif) no-repeat;
	width: 416px;
	height: 381px;
	float: left;
	top: -23px;
	left: 82px;
	position: absolute;
	z-index: 3;
}

/* interiors page */

.interiors #header {
	background: url(../images/interior_hdr.gif) no-repeat;
	margin-left: 4px;
	width: 746px;
	height: 103px;
}

.interiors #tags {
/*  width: 245px;*/
	width: 210px;
	height: 147px;
	float: left;
	top: 96px;
	left: 453px;
	position: absolute;
	z-index: 2;
}

.interiors #copy {
	width: 70px;
	height: 180px;
	/*float: left;*/
	top: 164px;
	left: 43px;
	position: absolute;
	z-index: 3;
	font-size: 7px;
	line-height: 26px;
	letter-spacing: 1px;
}

.interiors #bigimage {
	background: url(../images/interiors_big.gif) no-repeat;
	width: 322px;
	height: 277px;
	float: left;
	top: 25px;
	left: 115px;
	position: absolute;
	z-index: 3;
}

/* interiors page */

.specials #header {
	background: url(../images/specials_hdr.gif) no-repeat;
	margin-left: 4px;
	width: 746px;
	height: 103px;
}

.specials #tags {
/*  width: 245px;*/
	width: 210px;
	height: 147px;
	float: left;
	top: 96px;
	left: 453px;
	position: absolute;
	z-index: 2;
}

.specials #copy {
	width: 70px;
	height: 180px;
	/*float: left;*/
	top: 164px;
	left: 43px;
	position: absolute;
	z-index: 3;
	font-size: 7px;
	line-height: 26px;
	letter-spacing: 1px;
}

.specials #bigimage {
	background: url(../images/specials.gif) no-repeat;
	width: 398px;
	height: 277px;
	float: left;
	top: -65px;
	left: 68px;
	position: absolute;
	z-index: 3;
}

.specials #navigation {
	background: url(../images/navigation_specials_bg.gif) no-repeat;
}

/* lines page */
.lines #copy {
  top: 100px;
  left: 110px;
}