/* ========== */
/* = GLOBAL = */
/* ========== */

body { background:#f5efe7 url(../images/bg-body.jpg) center top no-repeat; font:14px helvetica, arial, sans-serif; color:#968d84; }

#site { min-height:810px; height:auto !important; height:810px; }
.wrapper { width:960px; margin:0 auto; }
.group { overflow:hidden; zoom:1; }




/* ============= */
/* = STRUCTURE = */
/* ============= */

#content { width:736px; float:right; background:url(../images/bg-content-secondary-repeat.jpg) left top repeat-y; }
#content-helper { background:url(../images/bg-content-secondary.jpg) left top no-repeat; min-height:517px; height:auto !important; height:517px; }
#content #masthead { background:url(../images/bg-secondary-heading.jpg) left top no-repeat; height:98px; position:relative; }
#content #masthead h1 { position:absolute; left:10px; bottom:6px; }

#page-body { background:url(../images/bg-page-body-repeat.gif) left top repeat-y; }
#page-body-helper { background:url(../images/bg-header.jpg) left top no-repeat; min-height:517px; height:auto !important; height:517px; }

	.singlecol #page-body { background:url(../images/bg-page-body-repeat-alt.gif) left top repeat-y; }
	.singlecol #content { background:url(../images/bg-content-alt.jpg) left 98px no-repeat; }
	.singlecol #content-helper { background:transparent; }



/* ========== */
/* = HEADER = */
/* ========== */

#header { width:224px; float:left; font-size:12px; }
#header .inner { padding:30px 20px 0; }
#header p { margin-bottom:12px; line-height:1.4em; }



/* ======= */
/* = NAV = */
/* ======= */

ul#nav li a { display:block; height:29px; overflow:hidden; text-indent:-9999px; background:url(../images/nav-sprite.png) 0 0 no-repeat; }

ul#nav li#nav-about a 							{ background-position:0 1px; }
ul#nav li#nav-visualization-tool a 				{ background-position:0 -27px; }
ul#nav li#nav-design-library a 					{ background-position:0 -55px; }
ul#nav li#nav-photo-gallery a 					{ background-position:0 -83px; }
ul#nav li#nav-contact a 						{ background-position:0 -111px; }

ul#nav li#nav-about a:hover 					{ background-position:0 -140px; }
ul#nav li#nav-visualization-tool a:hover 		{ background-position:0 -168px; }
ul#nav li#nav-design-library a:hover 			{ background-position:0 -196px; }
ul#nav li#nav-photo-gallery a:hover 			{ background-position:0 -224px; }
ul#nav li#nav-contact a:hover 					{ background-position:0 -252px; }

ul#nav li#nav-about a.active 					{ background-position:0 -289px; }
ul#nav li#nav-visualization-tool a.active 		{ background-position:0 -317px; }
ul#nav li#nav-design-library a.active 			{ background-position:0 -345px; }
ul#nav li#nav-photo-gallery a.active 			{ background-position:0 -373px; }
ul#nav li#nav-contact a.active 					{ background-position:0 -401px; }


	#whats-your-persona { width:224px; height:51px; }
	#whats-your-persona span { display:block; width:224px; height:51px; }
	#whats-your-persona #enhanced { }
	#whats-your-persona #enhanced #layer1 { background:url(../images/layer1.png) left top no-repeat; }
	#whats-your-persona #enhanced #layer2 { background:url(../images/layer2.png) left top no-repeat; }



/* ======== */
/* = COPY = */
/* ======== */

#copy { width:527px; float:left; min-height:400px; height:auto !important; height:400px; }
#copy .inner { padding:60px 25px 60px 32px; }
#copy .inner .inner { padding:0 0 0 18px; }

	.singlecol #copy { width:710px; }



/* =========== */
/* = SIDEBAR = */
/* =========== */

#sidebar { width:209px; float:left; font-size:12px; color:#968d84; }
#sidebar .inner { padding:60px 25px 15px; }
#sidebar h4 { margin-bottom:20px; }
#sidebar p { margin-bottom:12px; line-height:1.4em; }
#sidebar p a { background:#f6f6e8; color:#423243; text-decoration:none; }
#sidebar p a:hover { text-decoration:underline; }




/* ========= */
/* = ENTRY = */
/* ========= */
.entry { padding-bottom:30px !important; }
.entry a { color:#423243; text-decoration:none; }
.entry a:hover { text-decoration:underline; }

.entry p { line-height:1.4em; margin-bottom:1.2em; }
.entry p.intro { color:#a5787e; font-size:18px; line-height:1.2em; }
.entry h1 { font-size:18px; color:#423243; }
.entry h1 a { color:#a5787e; }
.entry h1 span { font-size:14px; color:#968d84; }
.entry h2 { font-size:16px; color:#a5787e; font-weight:bold; margin-bottom:10px; }
.entry h3,
.entry h4,
.entry h5,
.entry h6 { font-size:16px; color:#423243; padding:4px 0; }
.entry h3.question { background:url(../images/icon-question.gif) left top no-repeat; padding-left:27px; }

.entry .heading h1 { width:70%; float:left; }
.entry .heading p { width:29%; float:right; text-align:right; font-size:12px; }
.entry .heading p a { background:#f6f6e8; color:#423243; text-decoration:none; text-transform:lowercase; }
.entry .heading p a:hover { text-decoration:underline; }

.entry p.read-more a { display:block; background:url(../images/bg-field-icon.gif) left top no-repeat; padding:2px 0 4px 30px; }

	#faq { padding-top:30px; }


	/* Comments */
	#leave-comment { font-size:16px; color:#423243; font-weight:bold; margin-bottom:10px; }
	#commentform div { background:url(../images/bg-field-icon.gif) left 7px no-repeat; padding:0 0 12px 27px; }
	#commentform legend { display:none; }
	#commentform div label,
	#commentform div input,
	#commentform div textarea { display:block; font:12px helvetica, arial, sans-serif; }
	#commentform div label { font-size:14px; color:#423243; font-weight:normal; padding-top:12px; margin-bottom:10px; }
	#commentform input,
	#commentform textarea { border:1px solid #f7f1e6; }
	#commentform input { padding:5px; width:150px; }
	#commentform textarea { padding:5px; width:390px; height:120px; }
	#commentform div.buttons { background:transparent; padding-left:24px; }
	#commentform div.buttons button { border:0; background:transparent; display:block; border:0; padding:0; margin:0; cursor:pointer; }
	#commentform div.buttons button img { display:block; }
	#commentform #field-author { width:230px; float:left; }
	#commentform #field-author { width:210px; float:left; }
	#commentform #field-author { clear:left; }
	
		.commentlist li { background:url(../images/bg-page-nav.gif) center bottom no-repeat; padding-bottom:10px; margin-bottom:18px; }
		.comment-copy { color:#968d84; font-style:italic; }
		.comment-copy a { color:#423243; text-decoration:none; }
		.comment-copy a:hover { text-decoration:underline; }
		.comment-copy p { margin-bottom:12px; }
		.comment-copy p:last-child { margin-bottom:0; }
		.in-moderation { font-weight:bold; }
		.comment-meta { text-align:right; color:#423243; font-size:12px; }
		.comment-meta a { text-decoration:none; color:#423243; }
		.comment-meta a:hover { text-decoration:underline; }
		.comment-author { padding:15px 0 12px 0; }
		#copy .inner #comment-thread .inner { padding-bottom:0; }

	.navigation { background:url(../images/bg-page-nav.gif) center top no-repeat; padding-top:18px; }
	.navigation a { color:#423243; text-decoration:none; }
	.navigation a:hover { text-decoration:underline; }
	.navigation .alignleft { width:35%; float:left; }
	.navigation .middle { width:30%; float:left; text-align:center; }
	.navigation .alignright { width:35%; float:right; text-align:right; }



/* ========== */
/* = FOOTER = */
/* ========== */
#footer { background:url(../images/bg-helper-bottom.png) center top no-repeat; padding-top:8px; font-size:12px; color:#968d84; }
#footer-helper { background:url(../images/bg-footer.png) center top no-repeat; height:275px; }


/* ============= */
/* = SUBFOOTER = */
/* ============= */
#subfooter li { float:left; height:185px; padding-top:27px; }
#subfooter li p { line-height:1.4em; margin-bottom:12px; }

#subfooter-featured-design { width:320px; }
#subfooter-featured-design p { padding-right:22px; }
#subfooter-featured-design p.collection { padding-top:6px; }
#subfooter-featured-design p.collection a { display:block; background:url(../images/bg-footer-collection.gif) 0 0 no-repeat; color:#423243; text-decoration:none; }
#subfooter-featured-design p.collection a:hover { color:#968d84; background-position:0 -30px; }
#subfooter-featured-design p.collection a span { display:block; height:23px; padding:7px 0 0 0; }

#subfooter-visualization-tool { width:322px; }
#subfooter-visualization-tool h4 { padding-left:23px; }
#subfooter-visualization-tool p { padding:0 23px; }
#subfooter-visualization-tool p.button { padding:0; }

#subfooter-design-blog { width:318px; }
#subfooter-design-blog h4 { padding-left:15px; margin-bottom:15px; }
#subfooter-design-blog ol { padding-left:20px; background:url(../images/bg-footer-collection.gif) 20px -59px no-repeat; }
#subfooter-design-blog li { float:none; height:auto; padding-top:0; }
#subfooter-design-blog li a { display:block; background:url(../images/bg-footer-collection.gif) 0 -2px no-repeat; color:#423243; text-decoration:none; }
#subfooter-design-blog li a:hover { color:#968d84; background-position:0 -32px; }
#subfooter-design-blog li a span { display:block; height:20px; padding:8px 0 0 0; }

#footer img#comfortex { display:block; float:left; width:148px; height:31px; }
#footer #contact { color:#423243; width:440px; float:left; padding-left:20px; line-height:1.4em; }
#footer #contact a { color:#423243; text-decoration:none; }
#footer #contact a:hover { text-decoration:underline; }
#footer #contact span#copyright { display:block; }
#footer-nav { width:265px; float:right; padding-right:25px; }
#footer-nav li { float:right; padding-left:12px; }
#footer-nav a { color:#423243; text-decoration:none; }
#footer-nav a:hover { text-decoration:underline; }



/* ======== */
/* = HOME = */
/* ======== */
#persona { position:relative; height:517px; width:736px; }
#persona img { display:block; }
#persona #view-this { display:block; position:absolute; left:0; top:275px; width:35px; height:51px; background:url(../images/bg-view-this.png) left top no-repeat; text-decoration:none; }
#persona #view-this span { visibility:hidden; }
#persona a#view-this.focused,
#persona a#view-this:hover { background-position:0 -51px; }

#persona ul li { position:absolute; top:0px; left:0px; }




/* ================== */
/* = DESIGN LIBRARY = */
/* ================== */
#design-library-cats { padding-top:30px; }
#design-library-cats li { width:168px; height:203px; float:left; background:url(../images/bg-design-library-cat-thumb.jpg) left top no-repeat; }
#design-library-cats li:nth-child(4n) { width:130px; }
#design-library-cats li a { text-decoration:none; }
#design-library-cats li img { display:block; width:104px; height:104px; margin:13px 0 26px 13px; }
#design-library-cats li span.title { display:block; font-size:14px; color:#968d84; background:url(../images/bg-field-icon.gif) left top no-repeat; padding:4px 0 4px 27px; }
#design-library-cats li a:hover span.title { text-decoration:underline; }

	#main-image { padding:8px; background:url(../images/bg-design-library-main.jpg) left top no-repeat; }
	#main-image img { display:block; width:619px; height:404px; }
	
	#category-items { padding:30px 0 0; }
	#category-items li { width:81px; height:82px; float:left; background:url(../images/bg-design-library-thumb.jpg) left top no-repeat; }
	#category-items li:nth-child(8n) { width:65px; }
	#category-items li a { display:block; padding:8px; }
	#category-items li a img { display:block; width:49px; height:49px; }



/* =========== */
/* = CONTACT = */
/* =========== */
#content .gfield { background:url(../images/bg-field-icon.gif) left 7px no-repeat; padding-left:27px; }
#content .gfield_label,
#content .gfield_label .gfield_required { font-size:14px; color:#423243; font-weight:normal; }
#content .gfield input,
#content .gfield textarea { border:1px solid #f7f1e6; padding:5px; }
#content #gform_wrapper_1 .gform_footer { padding-left:27px }
#content #gform_wrapper_1 .gform_footer input { display:block; background:url(../images/btn-send-message.gif) left top no-repeat; overflow:hidden; text-indent:-9999px; width:157px; height:40px; border:0; cursor:pointer; }

#content .gfield_error .gfield_label { padding-left:20px; margin-top:4px; }

#contact-meta span { font-weight:bold; color:#423243; }



/* ======== */
/* = BLOG = */
/* ======== */
#blog-categories { margin-bottom:25px; }
#blog-categories li a { display:block; background:url(../images/bg-blog-cat.png) left top no-repeat; font-size:12px; padding:6px 0 4px 31px; color:#968d84; text-decoration:none; }
#blog-categories li a:hover { text-decoration:underline; }

	ul.archive { padding:30px 0; }
	ul.archive li { background:url(../images/bg-field-icon.gif) left top no-repeat; padding-left:35px; }