body {
    background: #6D6D6D;
    color: #fff;  
    font: normal 11px Verdana, sans-serif;
    line-height: 16px;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.clearboth { clear: both; }
h1 { font-size: 14px; }
h2 { font-size: 12px; padding: 0px; margin: 0px; }
h3 { font-size: 11px; padding: 0px; margin: 0px; }
p, form, address, table { font-size: 11px; }


#frame { 	
	height: 438px;
    text-align: left;
    margin: 0px auto;
    padding: 0px;
    vertical-align: middle;	
    width: 735px;
}

#home #frame {
	background: #6D6D6D url(../images/bride.jpg) no-repeat;  /* only displays on the home page */
	background-position: 475px 30px;
}

#stores #frame {
	background: #6D6D6D url(../images/bride_sm1.jpg) no-repeat;  /* only displays on the stores page */
	background-position: 485px 30px;
}

#events #frame {
	background: #6D6D6D url(../images/bride_bg.jpg) no-repeat;  /* only displays on the show page */
	background-position: 425px 30px;
}

#editorials #frame {
	background: #6D6D6D url(../images/editorials_bride.jpg) no-repeat;  /* only displays on the collections page */
	background-position: 495px 30px;
}

#navigation-container {
	float: left;
	margin: 20px 0px 0px 0px;
	padding: 0px;
    width: 95px;
}

#content-frame {
	float: right;
	padding: 0px;
	margin: 0px;
	width: 545px;
}

#content { margin: 0px; }

#content a, #content a:link {
	background: tranparent;
	border: none;
	color: #DAC0BD;
	text-decoration: underline;
}

#content a:hover {
	background: tranparent;
	border: none;
	color: #fff;
	text-decoration: none;
}


/* START SCROLLABLE CONTENT */

	#content .main { 
		font: normal 11px Verdana, sans-serif;
		line-height: 16px;
		margin-left: 10px;
		text-align: left;
	}
	
	#content .main td { vertical-align: top;  }

    /**
     * N.B. In Safari, it seems that the .content container
     * gets moved outside of #frame so it must be directly
     * referenced when applying styles. Didn't investigate.
     */
    .content .container { margin-bottom: 12px; }
    .content .container:last-child { margin-bottom: 0; }

    .content h2 { 
        background: transparent;
        color: #ccc;
        font-size: 14px;
        font-variant: small-caps;
        margin: 25px 0 10px;
        padding: 0;
    }
    .content h2:first-child { margin-top: 0; }

    .content h3 { background: transparent; color: #DAC0BD; }

    .content a { color: #DAC0BD; text-decoration: underline; }
    .content a:hover { color: #fff; text-decoration: none; }
	
    #scrollLinks a img { border: solid 1px #DAC0BD; }

/* END SCROLLABLE CONTENT */


/* BEGIN CONTACT FORM */

	form { margin: 0px; padding: 0px; }
	.label, .label-required { text-align: right; }
	.form-input input, textarea { 
        background: #fff;
        border: solid 1px #DAC0BD;
        color: #000;
        font: normal 10px Verdana, sans-serif;
    }
	.form-input .submit {
        background: #DAC0BD;
        border: solid 1px #fff;
        color: #333;
        font-weight: bold;
    }
	.message { background: transparent; color: #00FF00; }
	.error { background: transparent; color: #FB8A92; }
	
/* END CONTACT FORM */


/* START COLLECTION GALLERY */
	
	.thumbnail a img, .thumbnail a:link img {
		border: 1px solid #DAC0BD;
		padding: 4px;
	}
	
	.thumbnail a:hover img {
		border: 1px solid #fff;
		padding: 4px;
	}
	
	
	#content .thumbnail {
		font-size: 10px;
		margin: 0px 10px 5px 0px;
	}	
	
	#content #collection-nav { font-size: 10px; }
	#content #collection-nav img { border: none; }
	#content #collection-nav a, #collection-nav a:link {
		background: tranparent;
		color: #DAC0BD;
		font-size: 10px;
		text-decoration: underline;
	}
	#content #collection-nav a:hover {
		background: tranparent;
		color: #fff;
		font-size: 10px;
		text-decoration: none;
	}
    
/* END COLLECTION GALLERY */


/* START STORES */
/* END STORES */


/* START EDITORIALS */

	#content #editorials-container { 
        background: #000;
        border: solid 1px #fff;
        color: #fff;
        width: 512px;
    }
	
	#content .editorial {
		border: 5px solid #fff;
		margin: 0px;
		padding: 0px;
	}
	
/* END EDITORIALS */


/* START EVENTS */
/* END EVENTS */


table#footer {
	background: transparent;
	border-top: dotted 1px #999;
	color: #999;
	font: normal 9px Verdana, sans-serif;
	padding: 0px;
	position: absolute;
	top: 410px;
	width: 735px;
}

#footer a, #footer a:link { color: #999; text-decoration: underline; }