/*
	Main.css for 'Restored & Remarried'
	A Design by Dittobox Creative
	Created: 1/1/2007 12:04:30 PM
									*/

html {
	height: 100%;
	font-family: Georgia, serif;
	font-size: 76%;
	margin: 0;
	padding: 0;
	background-color: #3B3B3B;
}

body {
	margin: 0;
	padding: 0;
}


/* ===== Layout Elements ===== */

#tertiary-content,#footer {
	width: 825px;
	margin: 0 auto;
	padding: 0;
}

#header {
	width: 825px;
	border-top: 15px solid #55728E;
	background: #E2E2E2 url(../Images/Graphics/Header-repeat-x.gif) repeat-x;
	margin: 20px auto 0 auto;
	padding: 0;
}

#main-body {
	background-color: #E2E2E2;
	height: auto;
	width: 825px;
	
	clear: both;
	
	margin: 0 auto;
	padding: 0;
}

.cheat {
	font-size: 0%;
	clear: both;
}

/* ===== Graphical Prettiness ===== */

#header h1,#header h2 {
	display: none;
}

#header {
text-align: center;
}

/* ===== Typographical Elements ===== */

h1,h2,h3,#footer,#horizontal-navigation-menu,blockquote,legend {
	/* Define the Avant Garde replacments */
	font-family: "Trebuchet MS", sans-serif;
	font-weight: normal;
}

h1 {
	font-size: 2.5em;
	font-weight: normal;
	color: #2E2E2E;
font-family: Georgia, "Times New Roman", Times, serif;
}

h2 {
	letter-spacing: 3px;
	font-size: 2em;
	color: #2E2E2E;
	display: block;
	border-bottom: solid 1px #919191; 
	
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

h3 {
	font-size: 1.25em;
	font-weight: bold;
	
	color: #55728E;
	
	padding: 0;
	margin: 10px 0 0 0;
}

p {
	font-size: 1.15em;
	color: #2E2E2E;
	
	padding: 0;
	margin: 0 0 7px 0;
}

p.center {
  text-align: center;
}

blockquote {
	background: url(../Images/Graphics/double_quote.gif) no-repeat;
	background-position:  0% 15%;
	
	color: #1A1A1A;
	text-align: center;
	font-size: 1.5em;
	letter-spacing: 1px;
	
	margin: 1em 0;
	padding: 0;
}

#footer {
	letter-spacing: 1px;
	font-size: 0.8em;
}

a {
	color: #55728E;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

/* ===== Navigational Menu ===== */

#navcontainer  {
  margin: 0 0 0 -20px;
  display: block;
  height: 2em;
}

#navcontainer ul li { 
  display: block; 
  float: left;
}

#navcontainer ul li a {
  padding: 5px;
  text-decoration: none;
  float: left;
  width: 71px;
}

#navcontainer ul li a:hover,
#active-menu-item {
	color: #FEFEFE;
	background-color: #55728E;
}


/* ===== Content Intro ===== */

#intro-bubble-first {
	background: #55728E;
	color: #FFFFFF;
	border-width: 0 20px;
	border-style: solid;
	border-color: #364859;
	overflow: hidden;
	
	width: 765px;
	height: 200px;
	
	margin: 0 0 15px 0;
	padding: 0 0 0 20px;	
}

#intro-bubble-second {
	background: #595959;
	color: #FFFFFF;
	border-width: 0 20px;
	border-style: solid;
	border-color: #2E2E2E;
	overflow: hidden;
	
	width: 785px;
	height: 200px;
	
	margin: 15px 0 0 0;
	padding: 0;	
}

#intro-bubble-img-first {
	padding: 0;
	margin: 0 0 0 20px;
	
	display: block;
	float: right;
	clear: both;
}

#intro-bubble-img-second {
	padding: 0;
	margin: 0 20px 0 0;
	
	display: block;
	float: left;
	clear: both;
}

.intro-bubble-h1 {
	padding: 0;
	margin: 20px 20px 20px 0;
	
	color: #FFFFFF;
}

.intro-bubble-p {
	line-height: 1.65em;
	font-size: 1.25em;
	line-height: normal;
	color: #FFFFFF;
	overflow: hidden;
	
	padding: 0;
	margin: 20px 20px 20px 0;
}

.intro-bubble-p a {
	color: #F7F2DD;
	font-weight: bold;
  text-decoration: underline;
}


/* ===== Primary Content ===== */

#primary-content {
	width: 525px;
	clear: none;
	float: left;
	
	margin: 0;
	padding: 0 20px;
	height: auto;
}

#primary-content p {
	line-height: 1.75em;
	
	padding: 0.5em 0 0.5em 0;
	margin: 0 0 0 0;
}

.event-section {
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
}

.event-column {
	padding: 0 0 0.5em 0;
	margin: 1em 0 1em 0;
	border-bottom: 1px solid #919191;
}

fieldset {
	font-weight: bold;
	font-size: 1em;
	
	color: #2E2E2E;
	border: 0;
	
	margin: 0;
	padding: 0;
}

	fieldset h3 {
		width: 525px;
		border-bottom: solid 1px #919191;
		padding: 10px 0;
		margin: 10px 0;
	}

label {
	padding: 0;
	margin: 0;
}

input {
	margin: 5px 0;
	padding: 0;
}

/* ===== Secondary Content ===== */


/* full width content */
.fullwidth {
  margin: 20px;
}

.fullwidth .floatright {
  margin-top: 0;
}

#secondary-content {
	width: 220px;
	float: right;
	clear: right;
	color: #595959;

	padding: 0 20px 0 0;
	margin: 0;
}

.secondary-content-h2 {
	font-size: 2.25em;
	color: #595959;
	
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

.secondary-content-h3 {
	font-weight: bold;
	font-family: Georgia, sans-serif;
	font-size: 1.5em;
	color: #595959;
	
	margin: 0;
	padding: 0.1em 0 0 0;
}

.secondary-content-p {
	line-height: 1.75em;
	font-size: 1em;
	color: #595959;
	text-align: center;
	margin: 0;
	padding: 0.1em 0 1.25em 0;
}

/* ===== Tertiary Content ===== */

#tertiary-content {
	width: 825px;
	display: block;
	clear: both;
	background-color: #F2F2F2;
	border-top: 15px solid #E2E2E2;

	padding: 0;
	margin: 0 auto;
}

#tertiary-column-1,#tertiary-column-2,#tertiary-column-3 {
	width: 235px;
	height: 100%; 

	margin: 0;
	padding: 10px 20px;
}

#tertiary-column-1 {
	float: left;
	clear: right;
}

	#tertiary-column-1 p {
		font-size: 1em;
	}

#tertiary-column-2 {
	float: left;
	clear: none;
}

#tertiary-column-3 {
	float: left;
	clear: none;
}


/* ===== Footer ===== */

#footer {
	text-align: right;
	background-color: #595959;
	color: #fefefe;
	clear: both;
	width: 795px;
	
	padding: 15px;
	margin: 0 auto;
}

#footer a {
	color: #F7F2DD;
}



/* ===== Floats ===== */

.floatright {
  float: right;
  margin: 0 0 15px 15px;
}


/**************/
/* STATS LIST */
/**************/

ul.stats {
  margin: 0;
  padding: 0;
}

ul.stats li {
  background: #fff;
  border: 1px solid #ccc;
  display: block;
  list-style: none;
  margin: 0 0 10px 0;
  padding: 10px;
}


/**********/
/* BANNER */
/**********/

#banner {
  margin: 20px auto 0 auto;
  text-align: center;
  width: 825px;
}








.product-box {
float: right;
display: block;
width: 150px;
margin: 0;
padding: 0;
background: #fafafa;
padding: 10px;
border: 1px solid #ccc;
margin: 0 0 20px 20px;
text-align: center;
}

.product-box h3 {
margin: 0 0 5px 0;
}

.product-box .price {
margin: 5px 0 10px 0;
}

.product-box .price {
font-size: 16px;
}

.product-box .price span {
font-size: 10px;
}



.narrow {
  width: 205px;
  margin-left: 40px;
}