body {
	background: #9d9e00 url(/_img/bkg-body.png) repeat left top;
	font-family: Georgia, "Times New Roman", serif;
	height: 100%;
}

div#outer-wrapper {
	width: 448px;
	height: 541px;
	position: fixed;
	bottom: 0;
	right:0;
	background: url(/_img/bkg-outer-wrapper.png) fixed no-repeat right bottom;
}

div#bkg-wrapper {
	height: 100%;
	position: relative;
	background: url(/_img/bkg-wrapper.png) no-repeat left top;
}

div#wrapper {
	width: 966px;
	margin: 0 auto;
}

div#header {
	height: 115px;
	background: url(/_img/bkg-header.png) no-repeat center bottom;
	position: relative;
}

div#header h1 {
	width: 289px;
	height: 58px;
	float: left;
	padding: 50px 0 0 25px;
}

div#header h1 a {
	width: 289px;
	height: 0;
	overflow: hidden;
	padding-top: 58px;
	display: block;
	background: url(/_img/logo.png) no-repeat left top;
}

div#content {
	padding: 0 8px 20px;
	position: relative;
	background: url(/_img/bkg-content.png) repeat-y left top;
}

div#small-leaf {
	width: 15px;
	height: 20px;
	background: url(/_img/sidebar-leaf.png) no-repeat;
	position: absolute;
	bottom: 15px;
	right: 25px;
}


/* FOOTER
---------------------------------------------------------------------- */

div#footer {
	background: url(/_img/bkg-footer.png) no-repeat center top;
}

div#footer p {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 1em;
	color: #ebeb87;
}

div#footer a {
	text-decoration: none;
	color: #ebeb87;
}

div#footer a:hover {
	text-decoration: none;
	color: #fff;
}

div#footer p#copyright {
	float: left;
	padding: 20px 0 0 28px;
}

div#footer p#kwd {
	float: right;
	padding: 20px 28px 0 0;
}



/* HOMEPAGE CONTENT
---------------------------------------------------------------------- */

div#home-image {
	width: 666px;
	height: 430px;
	float: left;
	margin: 20px 18px 0 20px;
	background: #000;
	overflow: hidden;
}

div#sidebar {
	width: 244px;
	float: left;
	display: inline;
	padding: 40px 0 30px;
}

h3#news-updates {
	width: 225px;
	height: 36px;
	margin-left: -3px;
}

h3#news-updates a {
	width: 225px;
	height: 0;
	overflow: hidden;
	display: block;
	padding-top: 36px;
	background: url(/_img/h3-news-updates.png) no-repeat left top;
}

div#news-feed, div#twitter-feed {
	width: 225px; 
	padding-top: 10px;
	font-size: 1.2em;
	line-height: 1.3em;
	color: #9e8d67;
}

span.news-date {
	padding-right: 4px;
	margin-right: 3px;
	border-right: 1px solid #ecdecd;
	font-weight: bold;
	font-style: italic;
	color: #331b0b;
}

div#news-feed p, div#twitter-feed li {
	padding: 0 0 8px 5px;
	margin-bottom: 8px;
	border-bottom: 1px dashed #ecdecd;
}

div#news-feed p a, div#twitter-feed li a {
	font-family: arial, Arial, Helvetica, sans-serif;
	font-size: .9em;
	text-decoration: none;
	color: #e88110;
	font-weight: bold;
}

div#news-feed p a:hover, div#twitter-feed li a:hover {
	text-decoration: none;
	color: #929d00;
	font-weight: bold;
}

ul#links {
	margin-top: 20px;
}
ul#links li {
	width: 225px;
	height: 19px;
	margin-bottom: 7px;
}

ul#links li a {
	width: 225px;
	height: 0;
	overflow: hidden;
	display: block;
	padding-top: 19px;	
}

li#special-offers a {
	background: url(/_img/btn-store.png) no-repeat left top;
}
	
li#visit-blog a {
	padding-top: 19px;
	background: url(/_img/btn-blog.png) no-repeat left top;
}

li#e-news a {
	background: url(/_img/btn-enewsletter.png) no-repeat left top;
}

li#custom-work a {
	background: url(/_img/btn-custom-work.png) no-repeat left top;
}


/*INSIDE PAGE UNIVERSAL
 * ---------------------------------------*/

body.inside-page div#sidebar {
	padding-top: 70px;
}

div#page-content {
	width: 636px;
	min-height: 460px;
	float: left;
	margin: 40px 28px 0 20px;
	padding-bottom: 40px;
	color: #331b0b;
}

h2.page-title {
	margin-bottom: 20px;
	height: 0;
	overflow: hidden;
	display: block;
	padding-top: 80px;
}

div#text, div.left-column {
	margin-left: 40px;
}

body.inside-page div#text h1, body.inside-page div#text h2, body.inside-page div#text h3, body.inside-page div#text h4, body.inside-page div#text h5, body.inside-page div#text h6  {
	padding: 5px 0;
	font-size: 1.4em;
	text-transform: uppercase;
	font-family: Verdana, sans-serif;
	font-weight: bold;
}

span.subhead {
	text-transform: uppercase;
	font-family: Verdana, sans-serif;
	font-weight: bold;
}

div#text p {
	margin-bottom: 15px;
	font-size: 1.5em;
	line-height: 1.6em;
}

div#text blockquote {
	margin-bottom: 20px;
	font-size: 1.2em;
	line-height: 1.3em;
}

div#text ol, div#text ul {
	padding-left: 40px;
	margin: 15px 0;
	line-height: 1.8em;
}

div#text ol {
	list-style: decimal;
}

div#text ul {
	list-style: disc;
}

div#text p a {
	color: #689a9f;
	text-decoration: none;
	border-bottom: 1px dotted #689a9f;
}

div#text p a:hover {
	color: #e88110;
	text-decoration: none;
	border-bottom: 1px dotted #e88110;
}


/*INSIDE PAGE TITLES
 * ---------------------------------------*/

h2#who {
	width: 468px;
	background: url(/_img/h2-who-we-are.png) no-repeat left top;
}

h2#how {
	width: 468px;
	background: url(/_img/h2-how-we-work.png) no-repeat left top;
}

h2#what {
	width: 632px;
	background: url(/_img/h2-what-our-clients-say.png) no-repeat left top;
}

h2#ordering-header {
	width: 680px;
	padding-top: 87px;
	background: url(/_img/h2-ordering.png) no-repeat left top;
}

h2#news-header {
	width: 517px;
	background: url(/_img/h2-news-and-updates.png) no-repeat left top;
}

h2#contact-header {
	width: 468px;
	background: url(/_img/h2-contact-us.png) no-repeat left top;
}

h2#gallery-header {
	width: 605px;
	padding-top: 90px;
	background: url(/_img/h2-gallery.png) no-repeat left top;
}


/*ORDERING PAGE/GALLERY PAGE
 * ------------------------------------------*/
 
 
div#ordering-page-content, div#gallery-page-content {
 	width: 930px;
	padding: 40px 0 50px 0;
	margin-left: 20px;
}

div#ordering-page-content {
	background: url(/_img/bkg-ordering-page-content.png) no-repeat 430px 170px;
}

div#gallery-page-content {
	background: url(/_img/bkg-gallery-columns.png) no-repeat 460px 160px;
}

div.left-column {
	margin-top: 10px;
	width: 380px;
 	float: left;
}

div.right-column {
	margin-top: 7px; /*Had to do this in order to keep two columns inline. Option two header image was taller than option one*/
	width: 380px;
	display: inline;
 	float: right;
	margin-right: 50px;
}

div#gallery-page-content div.right-column {
	margin-top: 10px;	
}
 	
div#ordering-page-content h3, div#gallery-page-content h3 {
	height: 0;
	overflow: hidden;
	display: block;
}

h3#option-one {
	width: 333px;
	padding-top: 42px;
	background: url(/_img/h3-option-one.png) no-repeat left top;
}

h3#option-two {
	width: 352px;
	padding-top: 44px;
	background: url(/_img/h3-option-two.png) no-repeat left top;
}

h3#cards-invites {
	width: 303px;
	padding-top: 40px;
	background: url(/_img/h3-cards-invites.png) no-repeat left top;
}

h3#party-packages {
	width: 253px;
	padding-top: 40px;
	background: url(/_img/h3-party-packages.png) no-repeat left top;
}

div#ordering-page-content div.editable, div#gallery-page-content div.parent {
	margin-bottom: 20px;
}

div#ordering-page-content div.editable strong {
	letter-spacing: -1px;
}
 
div#ordering-page-content p, div#gallery-page-content p {
 	font-size: 1.8em;
	line-height: 1.4em;
	margin-top: 10px;
	color: #331b0b;
}

div#ordering-page-content div a {
	margin-top: 10px;
	font-size: .9em;
	color: #689a9f;
}

div#ordering-page-content div.parent a:hover {
	color: #e88110;
}

div#gallery-page-content p.editable a {
	text-decoration: none;
	border-bottom: 1px dotted #689A9F;
	color: #689A9F;
}

div#gallery-page-content p.editable a:hover {
	border-bottom: 1px dotted #e88110;
	color: #e88110;
}

a.ordering-buttons {
	height: 0;
	overflow: hidden;
	display: block;
	padding-top: 20px;
}

a#store-button {
	width: 295px;
	background: url(/_img/btn-ordering-shop.png) no-repeat 0 0;
}

a#store-button:hover {
	background-position: -295px;
}

a#order-button {
	width: 258px;
	background: url(/_img/btn-place-order.png) no-repeat 0 0;
}

a#order-button:hover {
	background-position: -258px;
}

a.launch-slideshow, a.learn-more-custom {
	height: 0;
	overflow: hidden;
	padding-top: 19px;
	margin-bottom: 20px;
	float: left;
	display: inline;
}

a.launch-slideshow {
	width: 142px;
	margin: 20px 15px 0 6px;
	background: url(/_img/btn-launch-slideshow.png) no-repeat 0 0;
}

a.launch-slideshow:hover {
	background-position: -142px 0;	
}

a.learn-more-custom {
	width: 199px;
	margin-top: 20px;
	background: url(/_img/btn-learn-more-custom.png) no-repeat 0 0;
}

a.learn-more-custom:hover {
	background-position: -199px 0;	
}

div.thumbnails {
	margin-left: 8px;	
}

div.thumbnails a {
	margin-right: 10px;	
}

/*NEWS PAGE
 * ------------------------------------------*/

h3#twitter {
	width: 232px;
	height: 36px;
	margin-left: -4px;
}

h3#twitter a {
	width: 232px;
	height: 0;
	overflow: hidden;
	display: block;
	padding-top: 36px;
	background: url(/_img/h3-twitter-updates.png) no-repeat left top;
}
 

/*CONTACT
 * -------------------------- */

div#contact-form table {
	width: 500px;
	margin-top: 10px;
	font-size: 1.1em;
	color: #331b0b;
}

div#contact-form td.label {
	width: 85px;
	padding-right: 8px;
	vertical-align: top;
	font-size: 1.4em;
}

div#contact-form input, div#contact-form select, div#contact-form textarea {
	width: 220px;
	margin-bottom: 10px;
	padding: 3px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	color: #333;
}

div#contact-form input#submit-btn {
	width: 72px;
}

div#contact-form textarea {
	width: 400px;
}

body.sent div#text a {
	line-height: 1.5em;
	text-decoration: none;
	font-size: 1.4em;
	color: #e88110;
}

body.sent div#text a:hover {
	border-bottom: 1px dotted #e88110;
}