/* 

Sanctuary Homes, 2009.
meusPartum and Smile Crocodile

Color Index:
	text: #010101 (black)
	links: #e6852c (orange)
	border: #c9cacb (grey)
	
Table of Contents:
	1. MAIN SHELL
		a. footer
		b. site credits
	2. NAVIGATION
		a. seasonal/price callouts
		b. search
		c. contact info
	3. HOME CONTENT
	4. FLASH CONTENT
	5. SEARCH RESULTS
	6. PRODUCT CATEGORY PAGE
	7. PRODUCT DETAIL

*/


* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

body {
	background: url(../img/bg_stripe-tile.gif) 0 0  repeat;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #010101;
}
.clr {
	clear: both;
}
a:link, a:visited {
	color: #e5842c;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}



/* 1. MAIN SHELL */

#container {
	margin: 0 auto;
	background: url(../img/bg_body-tile.gif) 50% 0 repeat-y;
	width: 100%;
	position: relative;
}
#page {
	margin: 0 auto;
	background: url(../img/bg_column-tile.gif) 0 0 repeat-y;
	width: 950px;
	min-height: 600px;
  	height:auto !important; /* fix for IE6 */
  	height: 600px;
	position: relative;
}
#alpha {
	width: 252px;
	float: left;
}
#beta {
	padding: 0 0 50px 24px;
	background: #FFF;
	width: 674px;
	float: left;
}

/* a. footer ------------------------------------------------------------------------- */
#footer {
	width: 100%;
	position: relative;
	height: 246px;
}
#footer .inner {
	margin: 0 auto;
	width: 950px;
	position: relative;
}
#footer .inner #gamma {
	padding: 0 0 0 232px;
}
#footer .inner #gamma h2 {
	margin: -34px 0 0 0;
	padding: 0;
	background: url(../img/h_drop-a-line.gif) 0 0 no-repeat;
	text-indent: -999999px;
	width: 286px;
	height: 34px;
	position: absolute;
}
#footer .inner #delta {
	float: right;
}
#footer #contact-form {
	margin: 5px 0 0 0;
	float: left;
}
#footer #contact-form ul {
	list-style-type: none;
}
#footer #contact-form li {
	padding: 0 0 10px 0;
}
#footer #contact-form label {
	padding: 0 10px 0 0;
	font-size: 14px;
	color: #FFF;
	text-align: right;
	display: block;
	width: 75px;
	float: left;
}
#footer #contact-form .input {
	padding: 2px 2px 3px 2px;
	font-size: 12px;
	width: 167px;
}
#footer #contact-form .input-comments {
	width: 235px;
}
/* Below applies to IE6 Only */
/*\*/
* html #footer #contact-form .input-comments {
	width: 230px;
}
/**/
.contact-btn {
	padding: 2px 5px;
	background: #e6852c;
	border: 1px solid #FFF;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFF;
	cursor: pointer;
	cursor: hand;
}
.contact-btn:hover {
	background: #FFF;
	color: #e6852c;
}

/* b. site credits ------------------------------------------------------------------------- */

#footer #credits {
	color: #FFF;
	font-size: 9px;
	position: absolute;
	bottom: -25px;
}

#footer #credits a {
	color: #a7b62c;
}


/* ====================================================================== */

/* 2. NAVIGATION */

#nav ul {
	list-style-type: none;
	text-transform: uppercase;
	width: 252px;
}
#nav li a {
	margin: 0 0 2px 0;
	padding: 0 0 0 10px;
	font-size: 14px;
	color: #FFF;
	line-height: 32px;
	display: block;
	height: 32px;
}
#nav li a:hover,
#nav li.current a {
	background: #a8b72c url(../img/icon_nav-arrow.gif) top right no-repeat;
	color: #FFF;
	text-decoration: none;
}

/* a. seasonal/price callouts ------------------------------------------------------------------------- */
#nav #callouts {
	padding: 0 0 10px 0;
	background: url(../img/div_callout-divider.gif) bottom left no-repeat;
	
}
#nav #callouts ul {
	padding: 10px 0 0 0;
	background: url(../img/div_callout-divider.gif) 0 0 no-repeat;
}
#nav #callouts li a {
	font-size: 24px;
}
#nav #callouts #seasonal a {
	background: #32b6c9 url(../img/icon_nav-seasonal.gif) top right no-repeat;
}
#nav #callouts #under-30 a {
	background: #e6852c url(../img/icon_nav-under-30.gif) top right no-repeat;
}
#nav #callouts #under-70 a {
	background: #e5652c url(../img/icon_nav-under-70.gif) top right no-repeat;
}
#nav #callouts li a:hover,
#nav #callouts li.current a {
	color: #000;
}

/* b. search ------------------------------------------------------------------------- */

#search {
	margin: 10px 0 0 0;
	padding: 0;
	background: #9cc6e0 url(../img/b_go.gif) 100% 0 no-repeat;
	height: 27px;
}
.search {
	margin: 4px 0 0 10px;
	padding: 2px;
	border: #9cc6e0;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	height: 15px;
}
.search-btn {
	margin: 0 0 0 10px;
	padding: 0;
	background: transparent;
	float: right;
	cursor: pointer;
	cursor: hand;
	outline: none;
}
/* Below applies to IE6 Only */
/*\*/
* html .search-btn {
	width: 68px;
	height: 27px;
}
/**/

/* c. contact info ------------------------------------------------------------------------- */

#sb-contact {
	margin: 10px 0 0 0;
	padding: 9px 0 0 0;
	background: url(../img/bg_sb-contact.png) 0 0 repeat-y;
	color: #FFF;
	height: 293px;/height: 303px;
}
/* Below applies to IE6 Only */
/*\*/
* html #sb-contact {
	background: url(../img/bg_sb-contact.gif) 0 0 repeat-y;
}
/**/
#sb-contact ul {
	padding: 0 0 0 10px;
	list-style-type: none;
}
#sb-contact li {
	padding: 0 0 9px 20px;
}
#sb-contact li.arrow {
	background: url(../img/icon_arrow.gif) 0 4px no-repeat;	
}
#sb-contact li.phone {
	background: url(../img/icon_phone.gif) 0 4px no-repeat;	
}
#sb-contact li.fax {
	background: url(../img/icon_fax.gif) 0 4px no-repeat;	
}
#sb-contact li label {
	padding: 0 0 5px 0;/padding: 0 0 10px 0;
	display: block;
	width: 50px;
	float: left;
}
#sb-contact li .input {
	width: 140px;
}


/* ====================================================================== */

/* 3. HOME CONTENT */


#beta #feature,
#beta #update {
	margin: 44px 0 0 0;
	border-top: 1px solid #c9cacb;
	width: 673px;
}
#beta #update {
	margin: 0 0 44px 0;
}
#beta #feature h2,
#beta #update h2 {
	padding: 5px 10px;
	background: #e6852c;
	color: #FFF;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: normal;
	float: left;
}
#beta #update h2 {
	margin: 0 0 20px 0;
}
#beta #update img {
	margin: 0 0 10px 10px;
	border: 2px solid #e6852c;
	float: right;
}
#beta #update p {
	padding: 0 0 10px 0;
}

#beta #feature .featuredpost h2,
#beta #feature .featuredpost h3 {
	display: none;
}




/* ====================================================================== */

/* 4. FLASH CONTENT */

#beta #about-flash-container,
#beta #search-flash-container,
#beta #single-flash-container {
	margin: 0 0 44px 0;
}
#beta #category-flash-container {
	margin: 0 0 22px 0;
}

/* ====================================================================== */

/* 5. SEARCH RESULTS */

#beta #update .search-result {
	margin: 0 0 20px 0;
	padding: 10px 0;
	border: 1px solid #c9cacb;
	border-left: none;
	border-right: none;
}
#beta #update .search-result h3 a {
	padding: 0 0 5px 0;
	color: #a8b72c;
	font-size: 14px;
}
#beta #update .search-result p {
	padding: 0;
}
#beta #update .search-result img {
	display: none;
}
#beta #update ol {
	list-style-type: none;
}

/* ====================================================================== */

/* 6. PRODUCT CATEGORY PAGE */

#beta #update .product-thumb {
	margin: 0 16px 43px 0;
	text-align: center;
	width: 208px;/width: 206px;
	height: 217px;
	float: left;
}
/* Below applies to IE6 Only */
/*\*/
* html #beta #update .product-thumb {
	margin: 0 5px 0 0;
}
/**/
#beta #update .product-thumb a img {
	border: none;
}
#beta #update .product-thumb a {
	padding: 0 0 2px 0;
	background: url(../img/bg_thumb-title.gif) 0 100% no-repeat;
	border: 1px solid #FFF;
	color: #000;
	display: block;
}
#beta #update .product-thumb a:hover {
	background: url(../img/bg_thumb-title-ovr.gif) 0 100% no-repeat;
	border: 1px solid #c9cacb;
	color: #FFF;
	text-decoration: none;
}



/* ====================================================================== */

/* 7. PRODUCT DETAIL */

#beta #update .product {
	border-bottom: 1px solid #c9cacb;
}
#beta #update .product img {
	margin: -48px 0 0 10px;
	border: none;
}
#beta #update .product img.buy {
	margin: 0;
	padding: 0;
	float: none;
}
.back {
	margin: 10px 0 0 0;
	float: left;
}
.next {
	margin: 10px 0 0 0;
	float: right;
}