@charset "UTF-8";
/* CSS Document */

body {
	background-color: #4d4d4d;
	margin: 16px 0px;
	padding: 0px;
}

#homenav {
	margin: 0 auto;
	width: 687px;
	text-align: center;
}
#homenav img {
	margin: 8px;
}
#homenav .links {
	text-align: right;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #ffff99;
	margin-top: 8px;
	margin-right: 12px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 16px;
}
#homenav .links ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#homenav .links li {
	display: inline;
	margin-left: 8px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFF99;
	padding-left: 8px;
	margin-right: -4px;
}
#homenav .links a:link, #homenav .links a:visited {
	color: #FFFF99;
	text-decoration: none;
}
#homenav .links a:hover {
	color: #FFFFCC;
	text-decoration: underline;
}
#homenav .submit, #footer .joinform .submit {
	background-color: #444;
	color: #999999;
	border: none;
	cursor: pointer;
	padding: 2px;
	margin: 0;
	width: 40px;
	vertical-align: middle;
	display: inline-block;
	line-height: 16px;
}
#homenav .submit:hover, #footer .joinform .submit:hover {
	color: #ccc;
	background-color: #333;
}

p {
	margin:0.6em 0;
}

h1, h2 {
	margin: 0 0 0.6em 0;
}

h3 {
	margin: 1.0em 0px 0.6em 0px;
}

ul {
	margin:0.4em;
	padding:0px 26px;
} 

#wrap {
	margin: 0 auto;
	width: 880px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 86%;
	line-height: 1.3em;
	padding-bottom: 16px;
}
#topnav {
	text-align: center;
}
#topnav img {
	margin: 0px 3px;
}
#content {
	margin: 16px 0px;
}
#footer {
	margin: 0px 8px;
	padding: 8px 0px;
	text-align: right;
	z-index:9000;
	border-top: #666 solid 1px;
}
#footer .joinform, #homenav .links .joinform {
	float: left;
	text-align: left;
	color: #FFFF99;
	margin-left: 12px;
}

#footer .joinform {
	margin-left: 0;
}

#footer .joinform form, #homenav .links .joinform form {
	margin: 0px;
}
.capslightsmall {
	text-transform: uppercase;
	color: #999999;
	font-size: 0.76em;
	letter-spacing: .1em;
}
#footer .footernav {
	margin: 0px 4px 0px 0px;
	padding: 0px;
	color: #FFFF99;
	list-style-type: none;
}
#footer .footernav li {
	display: inline;
	margin-left: 8px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFF99;
	padding-left: 8px;
	margin-right: -4px;
}

#footer .footernav a:link, #footer .footernav a:visited {
	color: #FFFF99;
	text-decoration: none;
}
#footer .footernav a:hover {
	color: #FFFFCC;
	text-decoration: underline;
}
.pressview {
	color: #FFFFFF;
	font-size: 0.9em;
	margin: 0px 48px;
}
.pressimg {
	width: 150px;
	text-align: center;
	margin: 4px 8px 4px 0px;
	float: left;
	font-size: 0.9em;
	line-height: 1.1em;
	font-weight: bold;
	padding: 0px;
}

.pressimgright {
	width: 150px;
	text-align: center;
	margin: 4px 0px;
	float: left;
	font-size: 0.9em;
	line-height: 1.1em;
	font-weight: bold;
	padding: 0px;
}
.pressimg img, .pressimgright img {
	margin-bottom: 4px;
	border: none;
}
.pressimg .date, .pressimgright .date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-weight: normal;
	color: #999999;
}

.eventsimg {
	width: 174px;
	text-align: center;
	margin: 4px 16px 4px 0px;
	float: left;
	font-size: 0.9em;
	line-height: 1.1em;
	font-weight: bold;
	padding: 0px;
	color: #FFFFFF;
}

.eventsimgright {
	width: 150px;
	text-align: center;
	margin: 4px 0px;
	float: left;
	font-size: 0.9em;
	line-height: 1.1em;
	font-weight: bold;
	padding: 0px;
}
.eventsimg img, .eventsimgright img {
	margin-bottom: 4px;
	border: none;
}
.eventsimg .date, .eventsimgright .date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-weight: normal;
	color: #999999;
}

.productview, .flicksview, .storeviews {
	position: relative;
}

.responseview, .storyview, .eventsview, .modelhomeview, .locationview, .scenesview,
.weddingview {
	margin: 24px 6px 0px 6px;
}

.weddingview {
	background: #fff9ae;
	padding-bottom: 36px;
}

.homeslinks {
	margin: 24px auto;
	width: 565px;
	position: relative;
}
.homeslinks .tl {
	float: left;
	border: none;
	margin-bottom: 15px;
}

.homeslinks .tr {
	float:right;
	border: none;
}

.homeslinks .bl {
	margin-top: 15px;
	float: left;
	border: none;
}

.homeslinks .br {
	float:right;
	margin-top: 15px;
	border: none;
}

.eventsview, .scenesview {
	color:#fff;
}
.scenesimg {
	float: left;
	width: 162px;
	margin-right: 14px;
	margin-bottom: 8px;
	font-size: 0.9em;
	line-height: 1.1em;
	font-weight: bold;
	padding: 0px;
	text-align:center;
}

.scenesimgright {
	float: right;
	width: 162px;
	margin-bottom: 8px;
}

.scenesimg img, .scenesimgright img {
	border:none;
}
.sceneslabel {
	clear: both;
	text-align: center;
	font-size: 0.74em;
	text-transform: uppercase;
	line-height: 1em;
	color: #CCCCCC;
	margin-bottom: 16px;
	letter-spacing: 0.1em;
}

.locationview {
	color: #999;
	margin-bottom: 34px;
}
.locationview a {
	color: #999;
}
.locationview a:hover {
	color: #ccc;
}
.locationview .titles {
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #ededed;
	display: block;
	margin-top: 34px;
}
.locationview .clm1 {
	float: left;
	width: 25%;
}

.locationview .clm2 {
	float: left;
	width: 50%;
}

.locationview .clm3 {
	float: left;
	width: 50%;
}

.locationview .clm4 {
	float: left;
	width: 33%;
}

.addressleft {
	float: left;
	padding-right: 8px;
	text-align: right;
	text-transform: uppercase;
	color: #666;
	font-size: 0.76em;
	letter-spacing: 0.12em;
}

.addressright {
}

.darktext {
	color: #333333;
}

.storyleft {
	float: left;
	width: 157px;
	text-align: center;
	color: #FFFF99;
	font-size: 1.1em;
	font-weight: bold;
}
.storyleft a, .scenesview a {
	color: #CCCCCC;
}
.storyleft a:hover, .scenesview a:hover {
	color: #999999;
}
.storysmall {
	font-size: 0.75em;
	font-weight: normal;
	line-height: 1em;
	letter-spacing: 0.1em;
	font-style: italic;
	color: #ededed;
}
.storyright {
	float: right;
	width: 672px;
}

.storyheader {
	color: #ededed;
	font-weight: bold;
	font-size: 1.1em;
	text-align: center;
}

.storyheader a {
	color: #ffffcc;
}

.storyheader a:hover {
	color: #fff;
}

.textboxnarrow {
	margin: 8px auto;
	width: 576px;
	background-image: url(images/narrow-bg.gif);
	background-repeat: repeat-y;
}

.narrowinside {
	background-image: url(images/narrow-top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 14px 16px 0px 16px;
}

.textboxwide {
	margin: 8px auto;
	width: 672px;
	background-image: url(images/wide-bg.gif);
	background-repeat: repeat-y;
	text-align: left;
}

.textbox-xtrawide {
	margin: 8px auto;
	width: 864px;
	background-image: url(images/xtrawide-bg.gif);
	background-repeat: repeat-y;
	text-align: left;
}

.wideinside {
	background-image: url(images/wide-top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 14px 22px 0px 22px;
}

.xtrawideinside {
	background-image: url(images/xtrawide-top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 36px;
	overflow: hidden;
}
table.shippinglist td {
	padding: 2px 6px;
}
table.shippinglist .left {
	border-right: #666 solid 4px;
}

.hiddenimg {
	visibility: hidden;
}

.weddingdescr, .weddingform {
	margin: 0 58px 0 158px;
	color: #666666;
	font-size: 1.12em;
	font-style: italic;
	line-height: 1.3em;
	padding-bottom: 12px;
}
.weddinggrid {
	margin: 0 36px;
	padding: 12px;
	background: #fffcdd;
	border: #94a548 solid 1px;
	color: #333;
}

.weddinggrid h1 {
	color: #95A445;
	font-size: 1.4em;
	margin: 4px 0 36px 0;
	padding-right: 8px;
	text-align: center;
}

.weddinggrid img {
	border: #ccc solid 4px;
	float: left;
}
.weddingclm {
	float: left;
	width: 33%;
	margin-right: 2px;
}

.weddingclm p {
	margin: 0 0 0 92px;
	padding: 0;
}
.weddingclm p.sold {
	color: #F5841F;
	font-weight: bold;
	font-size: 1.3em;
}

.weddingclm h2 {
	color: #95A445;
	font-size: 1.1em;
	margin: 4px 0 4px 92px;
	padding-right: 8px;
}

.weddingform {
	padding: 12px 0 0 0;
}
.error  {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: red;
	font-size: 0.8em;
}
.weddingform h2 {
	color: #F5841F;
	margin: 12px 0;
}

.weddingform form, .weddingform input, .weddingform textarea {
	margin: 2px 0;
	padding: 0;
}
.weddingform label {
	width: 120px;
	display: block;
	float: left;
	text-align: right;
	padding-right: 8px;
	line-height: 1em;
	padding-top: 3px;
	font-size: 0.9em;
}
.weddingbuttonrow {
	margin-left: 128px;
}

.clr {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
	height: 0;
}


/* Typography */

h1 {
	font-size: 1.8em;
	color: #999;
}

h2 {
	font-size: 1.4em;
	line-height: 1.2em;
}

h2 a {
	color: #ccc;
}

h2 a:hover {
	color: #ffffcc;
}

h3 {
	font-size: 1.2em;
	text-align: center;
}
.copyright {
	color: #999999;
	font-size: 0.82em;
	line-height: 1.16em;
	margin-top: 8px;
	clear: right;
}
.copyright a {
	color: #999999;
}
.copyright a:hover {
	color: #333333;
}

.shopArea {
}
.shopArea h2 {
	text-align: center;
	color: #ededed;
	font-size: 1.6em;
	margin: 8px;
}
.shopArea .product-separator {
	clear: both;
	height: 22px;
	border-bottom: #ccc dotted 1px;
	margin-bottom: 22px;
}
.shopArea span.subhead {
	text-align: center;
	display: block;
	margin-bottom: 32px;
	font-size: 1.26em;
	color: #666;
	font-style: italic;
}
.shopRow {
	float: left;
	margin-top: 18px;
}
.shopInner {
	float: left;
	overflow: hidden;
}

.shopLeft, .shopRight {
	width: 386px;
	background: #afafaf;
	float:left;
	margin-right: 18px;
	margin-bottom: -1000px;
	padding-bottom: 1000px;
}

.shopRight { margin-right: 0; }

.productLeft {
	font-size: 0.76em;
	font-style: normal;
	text-align: center;
	float: left;
	margin: 8px 0 0 8px;
	color: #453135;
	font-weight: bold;
}

.productLeft img {
	border: none;
}

.productRight {
	margin: 8px 8px 8px 156px;
	text-align: left;
	font-size: 1.0em;
}

.productRight h3 {
	text-align: left;
	color: #453135;
	font-size: 1.2em;
	line-height: 1.1em;
	margin: 0;
}
.productRight p {
	margin: 4px 0 12px 0;
}
.productRight form {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #453135;
}
.productRight input, .productRight select {
	margin: 2px 6px;
}
.productRight .productdescr {
	font-style: normal;
	color: #453135;
}
.productRight .productdescr a {
	font-size: 0.9em;
	color: #333;
}
.productRight .price {
	color: #ee4e29;
	font-size: 1.16em;
	font-weight: bold;
}

.productRight input.addtocart {
	display: block;
	margin: 6px;
}

.shopOptions {
	background: #f6f6f6;
	font-size: 0.9em;
	padding-bottom: 8px;
}
.shopOptions .opt_header {
	background: #c2c2c2;
	color: #fff;
	font-weight: bold;
	padding: 0 2px;
	margin-bottom: 8px;
}

a.viewcart {
	float: right;
	padding: 0 8px 0 30px;
	display: block;
	height: 24px;
	line-height: 24px;
	text-decoration: none;
	color: #ccc;
	font-size: 1.2em;
	background: url(images/viewcart.jpg) no-repeat left center;
}

#homenav .links a.facebook, #footer a.facebook {
	display: block;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 0.82em;
	height: 22px;
	line-height: 22px;
	padding-left: 26px;
	background: url(images/facebook22x22.gif) no-repeat 0 0;
	margin: 12px 0;
	text-decoration: none;
}

#homenav .links a.facebook:hover, #footer a.facebook:hover {
	text-decoration: underline;
}


/* Main Navigation */

div#topnav ul {
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	width: 867px;
	height: 126px;
	background: url(images/navbg.gif) no-repeat 0 0;
}

div#topnav li {
	margin: 0 6px 0 0;
	padding: 0;
	float: left;
}

div#topnav li.lastlink {
	margin:0;
}

div#topnav a {
	display: block;
	width: 91px;
	height: 126px;
	background: url(images/spacer.gif);
}

div#topnav a.storylink:hover { background:url(images/nav-story-ro.gif); }
div#topnav a.envirolink:hover { background:url(images/nav-response-ro.gif); }
div#topnav a.webshoplink:hover { background: url(images/nav-blog-ro.gif); }
div#topnav a.productslink:hover { background: url(images/nav-products-ro.gif); }
div#topnav a.storeslink:hover { background:url(images/nav-stores-ro.gif); }
div#topnav a.modelhomeslink:hover { background:url(images/nav-modelhome-ro.gif); }
div#topnav a.eventslink:hover { background:url(images/nav-events-ro.gif); }
div#topnav a.presslink:hover { background:url(images/nav-press-ro.gif); }
div#topnav a.flickslink:hover { background:url(images/nav-flicks-ro.gif); }

body#story a.storylink { background:url(images/nav-story-ro.gif); }
body#response a.envirolink { background:url(images/nav-response-ro.gif); }
body#webshop a.webshoplink { background: url(images/nav-webshop-ro.gif); }
body#products a.productslink { background: url(images/nav-products-ro.gif); }
body#stores a.storeslink { background:url(images/nav-stores-ro.gif); }
body#homedesigns a.modelhomeslink { background:url(images/nav-modelhome-ro.gif); }
body#events a.eventslink { background:url(images/nav-events-ro.gif); }
body#press a.presslink { background:url(images/nav-press-ro.gif); }
body#flicks a.flickslink { background:url(images/nav-flicks-ro.gif); }


/* Sanctuary Styles */

div.sanctuary {
	background: black;
	color: white;
	width: 565px;
	margin: 0 auto;
	font-size: 1.02em;
	line-height: 1.6em;
	margin-top: 24px;
	position: relative;
}

div.sanctuary p {
	margin: 1.5em 7em;
}

div.homeslinks .caption {
	position: absolute;
	top: 310px;
	right: 0;
	width: 182px;
	font-size: 0.76em;
	line-height: 1.2em;
	padding: 8px;
	z-index:99;
	background: #301108;
	color: #FFE5C7;
}