/*----------------------------------------------- */
/* CSS RESET
/*----------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";} 


/*----------------------------------------------- */
/* GENERAL
/*----------------------------------------------- */

body { background: black url(images/wood.jpg) repeat-y center top; font: 11px/16px Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #362f2d; }

p { margin: 0 0 1em 0; }

strong { font-weight: bold; color: #890a00; }

em {font-style: italic}

a { font-weight: bold; color: #890a00; }
a:hover { text-decoration: none; }

h3 { font: bold 12px verdana; text-transform: uppercase; color: #6a9398; margin-bottom: 10px; }

/*div { border: 1px solid red }*/

.clear { clear: both; }

.alignleft { float:left; }

.alignright { float:right; }

.aligncenter { margin: 0 auto;}

/*----------------------------------------------- */
/* LAYOUT
/*----------------------------------------------- */

#wrapper { width: 840px; margin: 0px auto; /*border: 1px solid blue;*/ }

#main { width: 620px; float: left; display: inline; position: relative;  }

#tab_order a { background: transparent url(images/order_tab.png) no-repeat 0 0px; width: 135px; height: 45px; display: inline; outline: none; text-indent: -9999px; position: absolute; top: -42px; right: 36px; }

#tab_order a:hover { background: transparent url(images/order_tab.png) no-repeat 0 -45px;}

#paper { background: transparent url(images/paper_middle.png) repeat-y center top; width: 620px; position: relative;  }

#paper_top { background: transparent url(images/paper_top.jpg) top center no-repeat; position: relative;  }

#paper_bottom { background: transparent url(images/paper_bottom_noshadow.png) no-repeat center bottom; position: relative; top: 54px; min-height: 450px; height: auto !important; height:500px }

#content { padding: 30px 0px 40px 0; margin: 0px 32px 0 30px; position: relative; }

.content_thin { margin: 0 10px; }

.rightcol { float: right; display: inline; width: 275px; /*border: 1px solid blue;*/ }

.leftcol { float: left; display: inline; width: 275px; /*border: 1px solid red;*/}

.rightcol_thin { float: right; display: inline; width: 260px; /*border: 1px solid blue;*/ margin: 0 10px 0 0; }

.leftcol_thin { float: left; display: inline; width: 260px; /*border: 1px solid red;*/ margin: 0 0 0 10px; }


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

#sidebar { float: left; display:inline; width: 170px; margin-left: 25px; }

#logo a { background: transparent url(images/logo.jpg) top center no-repeat; width: 170px; height: 240px; margin: 41px 0px 15px 0px; outline: none; text-indent: -9999px; display: block; }

#nav li a { height: 46px; width: 170px; display: block; text-indent: -9999px; outline: none; }

li#nav_cards a { background: transparent url(images/nav_cards.png) no-repeat 0 0; }
li#nav_tips a { background: transparent url(images/nav_tips.png) no-repeat 0 0; }
li#nav_about a{ background: transparent url(images/nav_about.png) no-repeat 0 0; }
li#nav_contact a { background: transparent url(images/nav_contact.png) no-repeat 0 0; }

li#nav_cards a:hover { background: transparent url(images/nav_cards.png) no-repeat 0 -46px; }
li#nav_tips a:hover { background: transparent url(images/nav_tips.png) no-repeat 0 -46px; }
li#nav_about a:hover { background: transparent url(images/nav_about.png) no-repeat 0 -46px; }
li#nav_contact a:hover { background: transparent url(images/nav_contact.png) no-repeat 0 -46px; }


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

#footer { background: transparent url(images/footer_background.png) center; margin: 60px 0 30px 0px; height: 32px; color: #e5ded7; font: 10px/30px Verdana, sans-serif; text-align: center; }

#footer a { color: #e5ded7; }
	

/*----------------------------------------------- */
/* HOMEPAGE
/*----------------------------------------------- */

/*----------- HEADLINE ------------*/

#header { background: transparent url(images/headline_all.jpg) no-repeat; width: 600px; height: 275px; position: relative; left: 9px; top: 21px; outline: none; text-indent: -9999px; }

#header_text { width: 270px; margin: 105px 0px 0px 30px; text-indent: 0; }

#view_cards a { background: url(images/btn_view_cards.jpg) no-repeat 0 0; width: 149px; height:36px; margin: 15px 0 0 30px; outline: none; display: block; }

#view_cards a:hover { background: url(images/btn_view_cards.jpg) no-repeat 0 -36px; width: 149px; height:36px; margin: 15px 0 0 30px; display: block; }


/*----------- TIPS ------------*/

#title_tips { background: transparent url(images/title_tips.jpg) no-repeat; width: 275px; height: 45px; margin-bottom: 10px; margin-top: 0px; outline: none; text-indent: -9999px;}

#tips { width: 255px; background: transparent url(images/tips_mid.jpg) repeat-y; margin-bottom: 20px; margin-left: 10px; }

#tips_head { background: transparent url(images/tips_head.jpg) no-repeat top; }
#tips_foot { background: transparent url(images/tips_foot.jpg) no-repeat bottom; }

#tips_content { padding: 20px; }
	
img.tipnum  { margin: -30px 15px 0px -30px; float: left; }


/*----------- TESTIMONIALS ------------*/

#title_testimonials { background: transparent url(images/title_testimonials.jpg) no-repeat; width: 275px; height: 45px; margin-bottom: 10px; margin-top: 0px; outline: none; text-indent: -9999px;}

#testimonials { background: transparent url(images/sticky.png) no-repeat; width: 255px; height: 255px; margin: 0 0 0 10px; outline: none; text-indent: -9999px }

#testimonials a { background: transparent url(images/more_btn.jpg) no-repeat 0 0px; display: block; width: 75; height: 45px; margin-top: 174px; margin-left: 145px; }
	
#testimonials a:hover { background: transparent url(images/more_btn.jpg) no-repeat 0 -45px; }


/*----------------------------------------------- */
/* ABOUT
/*----------------------------------------------- */

#title_story { background: transparent url(images/title_story.jpg) no-repeat; width: 275px; height: 45px; margin-bottom: 10px; outline: none; text-indent: -9999px;}

#wed_photo { background: transparent url(images/wed_photo.png) no-repeat; width: 195px; height: 255px; float: right; margin-left: 15px; margin-top: -50px;}

#candy_note { background: transparent url(images/candy_note.png) no-repeat; width: 225px; height: 165px; float: left;  margin-right: 15px; }

#title_testimonials_left { background: transparent url(images/title_testimonials_left.jpg) no-repeat; width: 275px; height: 45px; margin-bottom: 10px; outline: none; text-indent: -9999px;}


/*----------------------------------------------- */
/* CARDS
/*----------------------------------------------- */

#title_cards { background: transparent url(images/title_cards.jpg) no-repeat; width: 275px; height: 65px; margin-bottom: 10px; margin-top: -7px; outline: none; text-indent: -9999px;}

.card_outline { margin: 0 0px 12px 12px ; border: 1px solid #b2c3c1; width: 260px; float: left; display: inline; position: relative; }

.card { border: 5px solid #c8e3de; padding: 8px; position: relative; }

.card p {  }

.card img { float: left; display: inline; clear: both; margin-right: 8px; }
.card a img { border: 1px solid #534741; }
.card a:hover img { border: 1px solid #e6600b; }

.order_btn { background: url(images/order_btn.gif) no-repeat 0 0; display: block; width: 85px; height: 26px; outline: none; text-indent: -9999px; position: absolute; bottom: 7px; margin-left: 90px; }

.order_btn:hover { background: url(images/order_btn.gif) no-repeat 0 -26px; }

.small_text { font-size: 10px; line-height: 14px; }

/*----------------------------------------------- */
/* CONTACT
/*----------------------------------------------- */

#title_contact { background: transparent url(images/title_contact.jpg) no-repeat; width: 275px; height: 65px; margin-bottom: 0px; outline: none; text-indent: -9999px;}

#postcard { background: transparent url(images/postcard.jpg) no-repeat; width: 545px; height: 375px; margin: 0 auto 30px auto; position: relative; }

#contact_form { width: 225px; padding: 50px 0 0 23px;}

#contact_form div { margin-bottom: 3px; }

#contact_form input, textarea { width: 215px; padding: 3px 3px; }
#contact_form select { width: 225px }
#contact_form textarea { height: 108px; }
#contact_form #send_btn { width: 85px; }

#send_btn { width: 85px; height: 26px; border: none; background: url(images/send_btn.gif) no-repeat; cursor: pointer; float: left; }
#send_btn:hover { background: url(images/send_btn.gif) no-repeat 0 -26px; }

#contact_info { width: 225px; position: absolute; top: 160px; left: 295px; /*border: 1px solid red;*/}

#contact_info strong { color: #362f2d; }

#contact_info a { font-weight: bold; color: #890a00; }
#contact_info a:hover { text-decoration: none; }

label { float: left }

/*label.error  { color: #890a00; float: right }*/

.message { background:#e5f0ee; color:#000; display:none; padding: 10px 15px; margin: 0 10px 20px 10px; border: 1px solid #b2c3c1;}
#alert b { color: #362f2d }
#alert li { color:  #890a00; list-style-type: disc; margin-left: 15px;}


/*----------------------------------------------- */
/* ORDER
/*----------------------------------------------- */

#title_order { background: transparent url(images/title_order.jpg) no-repeat; width: 275px; height: 45px; margin-bottom: 10px; margin-top: 0px; outline: none; text-indent: -9999px;}

#card_display { width: 218px; height: 244px; background-image: url(images/card_display.png); float: right; margin-top: -50px; margin-right: -20px; margin-left: 30px; }

#download_form a { width: 214px; height:57px; display: block; outline: none; text-indent: -9999px; margin-bottom: 40px; background: url(images/btn_download_form.jpg) 0 0; }

#download_form a:hover { width: 214px; height:57px; display: block; outline: none; text-indent: -9999px; margin-bottom: 40px; background: url(images/btn_download_form.jpg) 0 -58px; }

#title_wherebuy { background: transparent url(images/title_wherebuy.jpg) no-repeat; width: 275px; height: 45px; margin-bottom: 10px; margin-top: 0px; outline: none; text-indent: -9999px;}

.bluecol { background-color: #e5f0ee; width: 150px; padding: 10px 10px 0 10px; margin: 0 0 20px 12px; float: left; border: /*1px solid #b2c3c1;*/}

.bluecol li { margin-bottom: 10px; }