/* shw_global.css (c)2008 SugarHill Works LLC - http://www.sugarhillworks.com */

* {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	border: none;
	outline: none;
}


a { color: #333; cursor: pointer; }
a:hover { color: #666; } 
a:visited { color: #333; }
a:active { color: #666; }
a[href="#"] { cursor: pointer; }

body {
	background: #FFF;
	color: #666;
	font-size: small;
	font-family: "Myriad Pro", tahoma, verdana, arial, helvetica, sans-serif;
	letter-spacing: 1px;
}


/* ---------------- main container ---------------- */

#ceibw { 
	background: #FFF url(img/card_bkgrd.jpg) no-repeat;
	position: relative;
	margin: 0px auto;
	width: 1000px; 
	height: 630px;
	font-size: 95%;
	text-align: center;
	overflow: visible;
	z-index: 100;
}


/* ----------- homepage only ------------ */

#home .glass  { /* extra div is for overlay */
	background-image: url(img/glass.gif);
	background-repeat: repeat;
	position: absolute;
	top: 20px;
	width: 860px;
	height: 430px;
	z-index: 400;	
}

#home #ss_div { 
	position: absolute;
	top: 16px;
	left: 70px;
	width: 860px;
	height: 440px;
	text-align: center;
	z-index: 300;
}
#home #ss_div #ss_p { 
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px auto;
	width: 100%;
	height: 440px;
}
#home #ss_div #ss_p img {
	position: absolute;
	top: 0px;
	left: 0px;
	border: #DDD solid 4px;
	margin: 0px auto;
}

#home #text { 
	position: absolute;
	top: 465px;
	left: 260px;
	width: 480px;
	height: 95px;
	text-align: center;
	z-index: 500;
}
#home .hdr {
	position: relative;
	height: 25px;
}
.intro { 
	position: relative;
	margin: 10px auto auto auto;
	height: 30px;
}
.intro p {
	margin: 0px auto;
	line-height: 1em;
}
.banner {
	position: relative;
	height: 30px;
}

.graphic_L, .graphic_R {
	position: absolute;
	top: 470px;
	width: 190px;
	height: 110px;
	z-index: 200;
}
.graphic_L {
	left: 50px; /* was 70 */
}
.graphic_R {
	right: 50px; /* was 70 */
}

/* ------------------ collections / gallery pages -------------------- */

#zoom_div {
	background: none;
	position: absolute;
	top: 20px;
	left: 70px;
	width: 860px;
	height: 440px;
	text-align: center;
	z-index: 900;
}
#zoom_div .zframe {
	background: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 860px;
	height: 450px;
	margin: 0;
	padding: 0;
	border: none;
	z-index: 950;
	visibility: visible;
	display: block;
}
#zoom_div .zframe body{
	border: none;
	background: none;
}

#zoomLnk_div { 
	position: absolute;
	top: 470px;
	right: 60px;
	width: 170px;
	height: 20px;
	font-size: 90%;
	border: 0px;
	border: none;
	z-index: 400;
}

#main_nav { 
	position: absolute;
	top: 470px;
	left: 220px;
	width: 560px;
	height: 25px;
	text-align: center;
	font-size: 100%;
	overflow: hidden;
	background: #FFF;
}
#main_nav #title_cntr {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 560px;
	height: 25px;
	text-align: center;
	font-size: 110%;
	font-weight: bold;
	color: #333;
	background: #FFF;
	letter-spacing: 1px;
}
#main_nav #title_cntr .title_txt { 
	position: absolute;
	top: 0px;
	left: 0px; /* this rule makes IE6 layout correctly */
	width: 560px;
	text-align: center;
	background: #FFF;
}

/* -------------------------------------- */
#thmsNav_div { 
	position: absolute;
	top: 500px;
	left: 200px;
	width: 600px;
	height: 55px;
}
#thms_div { 
	position: absolute;
	top: 0px;
	left: 30px;
	width: 540px;
	height: 55px;
	overflow: auto;
}
#thms_div clearBoth {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0;
}
#thms_div ul { 
	display: block;
	position: absolute;
	top: 0px;
	left: 0px; /* this position makes IE6 layout correctly */
	margin: 0;
	padding: 0;
	list-style: none;
}
#thms_div ul li {
	display: block;
	float: left;
	width: 65px;
	margin: 0;
	padding: 0;
	text-align: center;
}
#thms_div ul li a {
	margin: 0;
	padding: 0;
}
#thms_div ul li a img {
	border: none;
	opacity: .70;
	-moz-opacity: .70;
	filter: alpha(opacity=70);
	margin: 0;
	padding: 0;
}

#thmArwL_div {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 30px;
}
#thmArwR_div {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 30px;
}

/* --------- paypal buttons & card info ---------- */

#shop_btns { 
	position: absolute;
	top: 470px;
	left: 30px;
	width: 170px;
	height: 120px;
}
#buy {
	position: absolute;
	top: 0px;
	left: 40px;
}
#card_info { 
	position: absolute;
	top: 30px;
	left: 12px;
	width: 148px;
	height: 60px;
	font-size: 90%;
}
#card_info p {
	text-align: center;
}
#card_info p .reg_amt_onsale {
	text-decoration: line-through;
}
#card_info p .sale_amt {
	color: #990000;
}
#card_info p .sale_msg {
	color: #660000;
}

#checkout {
	position: absolute;
	top: 90px;
	left: 40px;
}

#special_info { 
	position: absolute;
	top: 560px;
	right: 40px;
	width: 160px;
	height: 30px;
	text-align: right;
	font-size: 85%;
	color: #666;
}
* html #special_info {
	font-size: 80%;
}
#special_info_nobtns { 
	position: relative;
	top: 0px;
	left: 20px;
	width: 150px;
	height: 30px;
	text-align: center;
	font-size: 85%;
	color: #666;
}
* html #special_info {
	font-size: 80%;
}

/* ----------- bio (text) page ------------ */

#bio #text { 
	position: absolute;
	top: 30px;
	left: 150px;
	width: 700px;
	height: 500px;
	border-bottom: #EFEFEF solid 2px;
	z-index: 300;
}
#bio #text img.portrait {
	position: relative;
	float: left;
	top: 0px;
	padding: 0px 25px 0px 30px;
}
#bio #text p {
	position: relative;
	margin: 10px 36px 10px 40px;
	width: auto;
	text-align: justify;
	line-height: 1.3em;
}
#bio #text p.title {
	margin: 10px 50px 20px 275px;
	padding-top: 30px;
	text-align: left;
}
#bio #text p.caption { 
 	/*margin: 10px 50px 10px 235px;
	padding-top: 0px;*/
	position: relative;
	float: left;
	clear: left;
	width: 190px;
	margin: 0px;
	padding: 10px 15px 10px 40px;
	text-align: left;
	font-size: 90%;
	color: #999;
}
.smlr {
	font-size: 90%;
	font-style: italic;
	color: #999;
}

.italic {
	font-style: italic;
}
.bold {
	font-weight: bold;
}

/* ----------- custom orders (text) page & thanks page (paypal redirect) ------------ */

#custom #text, #thanks #text {
	position: absolute;
	top: 30px;
	left: 150px;
	width: 700px;
	height: 500px;
	border-bottom: #EFEFEF solid 2px;
	z-index: 300;
}

#custom p, #thanks p { 
	position: relative;
	margin: 5px auto 20px auto;
	width: 550px;
	text-align: left;
	line-height: 1.3em;
}

#custom .top, #thanks .top {
	margin: 40px auto 35px auto;
}

#custom h2, #thanks h2 {
	position: relative;
	margin: 30px auto 30px auto;
	width: 550px;
	text-align: center;
	font-size: 125%;
}
#thanks h2 {
	margin: 130px auto 30px auto;
}

#custom h3, #thanks h3 {
	position: relative;
	margin: 15px auto 0px auto;
	width: 550px;
	text-align: left;
	line-height: 1.3em;
	font-weight: bold;
	font-size: 110%;
}


/* ------------------------------------------------ */
/*#ftr { 
	position: absolute;
	top: 535px;
	width: 100%;
	height: 30px;
	padding-top: 0px;
	margin: 0px;
	text-align: center;
	color: #333;
	overflow: visible;
	z-index: 600;
}*/

/* ---------------- copyright info ----------------- */
#copy { 
	position: absolute;
	top: 600px;
	left: 20px;
	width: auto;
	height: auto;
	min-height: 30px;
	min-width: 960px;
	text-align: center;
	z-index: 10;
}
#copy p {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	color: #888;
	font-size: 80%;
}
/*IE7 HACK
#copy p { *width: 980px; *left: 20px; }*/
	
#copy p a {
	color: #888;
	font-style: normal;
}
#copy p a:hover { color: #CCC; }

/* IE6 hack */
* html #copy {
	position: absolute;
	top: 600px;
	height: 30px;
}