/* -------------------------------------
	MAJOR OVERALL STYLES
 ------------------------------------- */

body {  }

.hidetext, .hidetext * { overflow: hidden; font-size: .1em; line-height: 100000px; }
.centered { text-align: center; }

a { color: #761214; text-decoration: none; }
a:visited { color: #92534B; }
a:hover, a:active { color: #C11E22; text-decoration: underline !important; }

#page { width: 1040px; margin: 0 auto; position: relative; overflow: visible; }

h2 { border-bottom: 1px solid #fff; padding-bottom: 2px; }

.centered { text-align: center; }

/* -------------------------------------
	HEADER
 ------------------------------------- */

#page { background: url() 0px 35px no-repeat; }
#header { height: 1px; }
#runner { position: absolute; left: 90px; top: 420px; height: 350px; width: 100px; z-index: 1; background: url() left top no-repeat; }
.home #runner { position: absolute; left: 30px; top: 380px; height: 350px; width: 100px; z-index: -1; }

#navigation { text-align: center; }
#navigation ul { margin: 15px; padding: 0; }
#navigation li { list-style: none; display: inline; margin: 0 15px; }
#navigation a { text-decoration: none; font-weight: bold; font-family: Verdana, Geneva, sans-serif; font-size: 116%; }

/* -------------------------------------
	BODY CONTENT
 ------------------------------------- */

#body { width: 660px; overflow: hidden; margin: 160px 100px 0 250px; min-height: 500px; font-size: 116%; z-index: 2; }

/* -------------------------------------
	SIDEBAR
 ------------------------------------- */

#sidebar { float: left; }

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

#footer { text-align: center; margin: 35px 0 20px 0; }
#footer a { text-decoration: none; }

/* -------------------------------------
	PAGE COLOR/LAYOUT CUSTOMIZATIONS
 ------------------------------------- */

body.home 						{ background-color: #F99B1C; }
.home #page 					{ background: none; margin-top: 0px; }
.home #runner 				{ display: none; background-image: none; }
.home #footer, .home #navigation a	{ color: #9116c5; }
.home #body						{ color: #402502; margin: 0 auto; }
.home #header					{ position: relative; height: 214px; width: 952px; margin: 15px auto 0 auto; background: url("images/template/home-header.png") center top no-repeat; }
.home #navigation			{ margin: -10px auto 45px auto; }
.home h1, .home h2, .home h3								{ color: #E3018C; border-color: #E3018C; }

body.about 						{ background-color: #00aeef; }
.about #page 					{ background-image: url("images/template/about-header.png"); }
.about #runner 				{ background-image: url("images/template/about-feelexpress.png"); }
.about a							{ color: #8213B0; }
.about #footer, .about #navigation a	{ color: #9116c5; }
.about #body					{ color: #C6EFFD; }
.about h3							{ color: #9116c5; }

body.soulutions 					{ background-color: #FFFF4C; }
.soulutions #page 				{ background-image: url("images/template/soulutions-header.png"); }
.soulutions #runner 			{ background-image: url("images/template/soulutions-feelexpress.png"); }
.soulutions #navigation a	{ color: #ee3d96; }
.soulutions #footer				{ color: #00aeef; }
.soulutions #body					{ color: #363507; margin-top: 160px; }
.soulutions h1, .soulutions h2, .soulutions h3								{ color: #00aeef; border-color: #89B4C0; }

body.soulciety 						{ background-color: #9116C5; }
.soulciety #page 					{ background-image: url("images/template/soulciety-header.png"); }
.soulciety #runner 				{ background-image: url("images/template/soulciety-feelexpress.png"); }
.soulciety #navigation a	{ color: #f99d22; }
.soulciety #footer				{ color: #f99d22; }
.soulciety #body					{ color: #fff; }

body.soulebrate 					{ background-color: #40D41D; }
.soulebrate #page 				{ background-image: url("images/template/soulebrate-header.png"); }
.soulebrate #runner 			{ background-image: url("images/template/soulebrate-feelexpress.png"); }
.soulebrate #navigation a	{ color: #e3018c; }
.soulebrate #footer				{ color: #ee3d96; }
.soulebrate #body					{ color: #36094A; }

/* -------------------------------------
	HOME PAGE
 ------------------------------------- */

#homepageLeft { float: left; width: 360px; }
#homepageRight { width: 260px; margin-left: 385px; }

/* -------------------------------------
	SOULUTIONS PAGE
 ------------------------------------- */
 
.productsection { overflow: hidden; }
.productbox { float: left; margin: 2px; text-align: center; }
	.short { width: 157px; height: 360px; }
	.greetingcards .short { height: 380px; }
	.medium { width: 210px; height: 310px; }
	.alacarte .medium, .artprints .medium { height: 330px; }
	.tall { width: 210px; height: 400px; }
	.artprints .tall { height: 450px; }
	.tshirts .tall { width: 210px; height: 400px; }
	.notecards .tall { width: 250px; height: 400px; margin: 2px 30px; }
.productbox img { margin: 3px; border: 1px solid white; }
	.greetingcards img { border: none; }
	.notecards img { border: none; }
	.tshirts img { border: none; }
	.alacarte img { border: none; }
	.artprints img { border: none; }
.productbox h3 { color: #A4A400; margin: 8px; }
.productlabel { font-size: 69.2%; color: #A6A600; }
.pricebox { background-color: #F4F035; padding: 3px; margin: 15px 0 0 0; font-size: 69.2%; }

.productbox table { width: 99%; margin-top: 10px; }
.productbox tr, .salesmatrix tr { background-color: #EDF064; }
.productbox tr.even, .salesmatrix tr.even { background-color: #FFFCB7; }
.productbox td { border: none; padding: 3px; margin: 0; font-size: 77%; }
table.salesmatrix { margin-top: 15px; }
table.salesmatrix td { border: none; padding: 8px 15px; font-size: 93%; }

.pagelinks { overflow: hidden; margin: 10px 35px; }
.pagelinks ul { margin: 0; }
.pagelinks_col { float: left; width: 40%; margin: 0 15px; }

.quotation { text-align: center; margin: 1.8em 40px; font-size: 108%; color: #68520D; font-family: Georgia, "Times New Roman", Times, serif; }

.cartbutton { margin: 5px 0; }
form.paypal .button { width: 50px; height: 15px; background: url("images/template/cart_button.png") 0px -15px no-repeat; }
form.paypal .button:hover { background-position: 0px 0px; }

/* -------------------------------------
	SPECIALTY
 ------------------------------------- */

/* Puts border around image in prettyPhoto frame */
.pp_full_res img { border: 1px solid #CCC; }