@import url("/reset.css");



body

{

	/*'Lucida Grande',*/

	font: 9pt/1.6em Helvetica, Arial, sans-serif;

	color: #333;

	text-align: center;

}



#top,#bottom,#next,#prev { behavior: url(javascript/iepngfix.htc); }



.front

{

	background-image: url(../images/ei_background_mosaic.jpg);

	background-position: 50% 50%;

	background-attachment: fixed;

}



.front h3,

.front h4,

.front h5

.front strong,

.front a { color: #58C2E4; }



.goodthings

{

	background-color: #D91A62;

}



.goodthings h3,

.goodthings h4,

.goodthings h5

.goodthings strong,

.goodthings a { color: #D91A62; }

.services { background-color: #74C043; }

.services h3,

.services h4,

.services h5

.services strong,

.services a { color: #74C043; }

.aboutus { background-color: #F7941E; }

.aboutus h3,

.aboutus h4,

.aboutus h5

.aboutus strong,

.aboutus a,

.aboutus dt { color: #F7941E; }

.samplecards { background-color: #B01F8E; }

.samplecards h3,

.samplecards h4,

.samplecards h5

.samplecards strong,

.samplecards a,

.samplecards dt { color: #B01F8E !important; }

.buy { background-color: #58C2E4; }

.buy h3,

.buy h4,

.buy h5

.buy strong,

.buy a,

.buy dt { color: #58C2E4 !important; }

.contact { background-color: #F7941E; }

.contact h3,

.contact h4,

.contact h5

.contact strong,

.contact a,

.contact dt { color: #BED732 !important; }



strong

{

	color: #333;

	font-weight: bold;

}



a strong { }

p { margin: 0 0 1em 0; }

a { text-decoration: none; }

.content a { border-bottom: 1px #999 dotted; }

.content a:hover { color: #000; }



h1,h2,h3,h4,h5,h6

{

	font: 13pt/1.3em clarendon, 'Clarendon Std', 'Century Old Style Std', 'Century Schoolbook', Georgia, serif;

	color: #237099;

}



h2,h3,h4,h5,h6 { margin: 1.8em 0 .2em 0; }



h3

{

	font-size: 15px;

	height: 25px;

	margin: 0 0 .5em 0;

}



.row

{

	float: left;

	width: 820px;

	position: relative;

}



.item

{

	position: relative;

	float: left;

	left: 100%;

}



#top

{

	width: 920px;

	background-image: url(../images/rounded_corners.png);

	height: 35px;

	margin-top: 50px;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}



#bottom

{

	background-image: url(../images/footer.png);

	width: 920px;

	margin: 0 auto 50px auto;

	height: 50px;

}



#page

{

	width: 920px;

	margin: 0 auto 0 auto;

	text-align: left;

	background-color: #fff;

}



#footer

{

	color: #999;

	width: 820px;

	padding-top: 25px;

	padding-right: 50px;

	padding-bottom: 0;

	padding-left: 50px;

}



#footer a {  }



#masthead

{

	background-position: 0 0;

	height: 50px;

	clear: both;

	background-color:#fff;

	padding-top: 0;

	padding-right: 50px;

	padding-bottom: 25px;

	padding-left: 50px;

}



#footer .container

{

	border-top: 1px #999 dashed;

	padding-top: 15px;

}



.content { padding: 0 50px; }



#logo,#logo:hover

{

	display: block;

	width: 250px;

	height: 60px;

	overflow: hidden;

	text-indent: -1234em;

	background-image: url(../images/ei_logo_matrix.gif);

	background-repeat: no-repeat;

	position: absolute;

	left: 0;

	top: -8px;

}



.front #logo,.front #logo:hover { background-position: 0 0; }

.goodthings #logo { background-position: 0 -140px; }

.services #logo { background-position: 0 -70px; }

.aboutus #logo { background-position: 0 -210px; }

.samplecards  #logo { background-position: 0 -280px; }

.buy #logo { background-position: 0 -0; }

.contactus #logo { background-position: 0 -350px; }



#masthead ul

{

	float: left;

	margin-left: -500px;

}



#masthead ul li { display: inline; }



#masthead ul li a

{

	display: block;

	float: left;

	height: 50px;

	background-image: url(../images/navigation_matrix.gif);

	background-repeat: no-repeat;

	overflow: hidden;

	text-indent: -1234em;

}



#home_label a { width: 84px; }



#wedding_label a

{

	width: 76px;

	background-position: -84px 0;

}



#news_label a

{

	width: 85px;

	background-position: -155px 0;

}



#blog_label a

{

	width: 59px;

	background-position: -245px 0;

}



#contact_label a

{

	width: 71px;

	background-position: -300px 0;

}

#mocha_label a

{

	width: 125px;

	background-position: -375px 0;margin-left: 15px;}





#home_label a:hover { background-position: 0 -50px; }

#wedding_label a:hover { background-position: -84px -50px; }

#news_label a:hover { background-position: -155px -50px; }

#blog_label  a:hover { background-position: -245px -50px; }

#contact_label  a:hover { background-position: -300px -50px; }

#mocha_label  a:hover { background-position: -375px -50px; }



.services #buy_label a { background-position: -438px -250px; }

.goodthings #buy_label a { background-position: -438px -100px; }

.aboutus #buy_label a { background-position: -438px -150px; }

.buy #buy_label a { background-position: -438px -0px; }

.samplecards #buy_label a { background-position: -438px -200px; }

.contactus #buy_label a { background-position: -438px -300px; }

.col1

{

	margin-left: -820px;

	width: 260px;

}



.span2 { width: 520px; }

.span3 { width: 820px; }



.col2

{

	margin-left: -540px;

	width: 260px;

}



.col3

{

	margin-left: -260px;

	width: 260px;

}



#blurb

{

	width: 550px;

	height: 170px;

	text-indent: -1234em;

	overflow: hidden;

	background-image: url(../images/blurb_01.gif);

	background-repeat: no-repeat;

	background-position: 0 0;

}



#card

{

	margin-left: -280px;

	width: 280px;

}



#card a { border: 0; }

.clear { clear: both; }



.bullet

{

	list-style-image: url(../images/plus.gif);

	padding-left: 20px;

}



.bullet li { margin: 0 0 1em 0; }



.replaced

{

	display: block;

	height: 30px;

	width: 400px;

	overflow: hidden;

	text-indent: -1234em;

	background-image: url(../images/headers.gif);

	background-repeat: no-repeat;

	background-position: 0 0;

	margin: 0 0 20px 0;

}



#services_header { background-position: 0 0; }

#goodthings_header { background-position: 0 -50px; }

#aboutus_header { background-position: 0 -100px; }

#samplecards_header { background-position: 0 -250px; }

#buy_header { background-position: 0 -150px; }

#contactus_header { background-position: 0 -200px; }

#thankyou_header { background-position: 0 -300px; }

dl { margin-bottom: 1em; }



dl dt

{

	font-weight: bold;

	color: #000;

}



.download { font-weight: bold; }



.download span

{

	width: 13px;

	height: 15px;

	display: block;

	text-indent: -1234em;

	overflow: hidden;

	background-image: url(../images/arrow_matrix.gif);

	background-repeat: no-repeat;

	background-position: 0 0;

	margin-right: .5em;

	float: left;

}



.front .download span,.buy .download span { background-position: 0 0; }

.services .download span { background-position: 0 -50px; }

.goodthings .download span { background-position: 0 -100px; }

.aboutus .download span { background-position: 0 -150px; }

.contactus .download span { background-position: 0 -250px; }

.download span { background-position: 0 0; }



#equation

{

	font-size: 150%;

	font-weight: bold;

	color: #000;

	padding: 10px;

	background-color: #B3E4F5;

}



#equation select

{

	font-size: 100%;

	font-family: Helvetica, Arial, sans-serif !important;

	border: 1px #222 solid;

	background-color: #fff;

	font-weight: bold;

}



#total { font-weight: bold; }



.submit input

{

	font-size: 100%;

	font-family: Helvetica, Arial, sans-serif !important;

	border: 1px #222 solid;

	background-color: #fff;

	font-weight: bold;

	margin: 0 0 0 2em;

}



.submit input:hover

{

	background-color: #000;

	color: #fff;

}



.submit

{

	position: relative;

	clear: both;

	padding-bottom: 40px;

	overflow: visible;

	text-align: right;

}



#view_sample_cards

{

	height: 24px;

	width: 160px;

	display: block;

	overflow: hidden;

	text-indent: -1234em;

	background-image: url(../images/view_sample_cards.gif);

	background-repeat: no-repeat;

	background-position: 0 0;

	text-decoration: none;

	border: 0;

	position: absolute;

	top: 433px;

	left: 20px;

}



#view_sample_cards:hover { background-position: 0 -24px; }



#browser

{

	position: absolute;

	z-index: 10;

	width: 100%;

	height: 420px;

	left: 1px;

	top: 41px;

}



#next

{

	background: url('../images/next.png') no-repeat 100% 0%;

	display: block;

	position: absolute;

	right: 0px;

	top: -1px;

	height: 420px;

	width: 50%;

	overflow: hidden;

	text-indent: -1234em;

	border: 0;

}



#prev

{

	background: url('../images/previous.png') no-repeat 0 0;

	display: block;

	position: absolute;

	left: -4px;

	top: -1px;

	height: 420px;

	width: 50%;

	overflow: hidden;

	text-indent: -1234em;

	border: 0;

}



#display

{

	border-top: 1px #999 dashed;

	padding-top: 40px;

	background-color: #fff;

	height: 420px;

	margin-left: -0px;

	width: 820px;

	position: relative;

}



#display ul

{

	position: relative;

	height: 420px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}



.story

{

	padding-bottom: 15px;

	border-bottom: 1px #999 dashed;

	margin-bottom: 15px;

}



.string,

.email

{

	width: 90%;

	border: 0px;

	font: 9pt/1.6em Helvetica, Arial, sans-serif;

	color: #fff;

	background-color: #BED732;

}



textarea

{

	width: 90%;

	border: 0;

	font: 9pt/1.6em Helvetica, Arial, sans-serif;

	color: #fff;

	background-color: #BED732;

}



.contactus .submit { width: 90%; }



#send

{

	height: 24px;

	width: 61px;

	margin: 0;

	padding: 0;

	display: block;

	overflow: hidden;

	text-indent: -1234em;

	background-image: url(../images/send_button_matrix.gif);

	background-repeat: no-repeat;

	background-position: 0 0;

	text-decoration: none;

	border: 0;

	position: absolute;

	right: 0;

}



#send:hover { background-position: 0 -24px; }



#cart

{

	width: 100%;

	color: #000;

	padding: 0;

	margin: 0 0 2em 0;

	font-size: 120%;

}



.buy #cart a

{

	font-weight: bold;

	color: #000;

}



#cart td

{

	background-color: #58C2E4;

	border-right: 1px #fff solid;

	color: #fff;

	font-weight: bold;

}



#cart .number td

{

	background-color: #fff;

	color: #000;

}



#cart .number th { padding-right: 0; }

#cart td,#cart th { padding: .6em; }

#cart th { text-align: right; }



#cart select

{

	font-family: Helvetica, Arial, sans-serif !important;

	background-color: #fff;

	font-weight: normal;

}



#shipping

{

	width: 10em;

	margin-left: .5em;

}



.number,.number td,.number th { text-align: right !important; }



#message

{

	display: block;

	padding: 1em;

	background-color: #FFC;

	color: #000;

	margin: 0 0 2em 0;

	text-align: left;

}



.cartItem { width: 60%; }



#pack

{

	margin-left: -820px;

	margin-top: -100px;

	width: 410px;

}



#paypal_logo

{

	margin-left: -280px;

	width: 260px;

}



#paypal_logo a { border: 0; }

#paypal_logo table { }





#credit span {

display:none;

}



#credit:hover span {

display:inline;

}