body { background: url(../images/body_bg.jpg) repeat-x left top; }
a { color: #316b16; }
a:hover { color: #ef4d23; }
h3, p, li { margin-bottom: 9px; line-height: 1.385em; }
h1, h2, h3 { font-weight: bold; }
sup { vertical-align: top; }
strong { font-weight: bold; }
em { font-style: italic; }
ul.nobg li { background: none !important; margin-left: 0 !important; padding-left: 0 !important; }
p.required { font-weight: bold; font-style: italic; }
#doc3 { margin: 0; }
#doc-mango { width: 70.7692em; *width: 69em; background: #fff; margin: 0 auto; /*overflow: hidden;*/ padding-bottom: 75px; }
#hd { background: url(../images/header_bg.png) no-repeat left top; margin: 0 15px; border-bottom: 1px solid #e6e6e6; position: relative; }
#hd .mango_logo { margin: 56px 0 12px 15px; position: relative; }
#hd .print_logo { display: none; }
#hd .nav { position: absolute; left: 280px; top: 58px; }
#hd .nav ul { float: left; }
#hd .nav li { overflow: visible; float: left; background: url(../images/divider.gif) no-repeat 0 0; padding: 2px 0 0 12px; margin-left: 12px; }
#hd .nav li.first { background: none; padding-left: 0; margin-left: 0; }
#hd .nav li a { background: url(../images/nav_sprite.png) no-repeat; height: 17px; display: block; float: left; }
#hd .nav li a span { position: absolute; left: -9999px; }
#hd .nav li.n1 a { width: 54px; background-postion: 0 0; }
#hd .nav li.n1 a:hover, #hd .nav li.n1 a.active { background-position: 0 -17px; }
#hd .nav li.n2 a { width: 73px; background-position: -54px 0; }
#hd .nav li.n2 a:hover, #hd .nav li.n2 a.active { background-position: -54px -17px; }
#hd .nav li.n3 a { width: 189px; background-position: -127px 0; }
#hd .nav li.n3 a:hover, #hd .nav li.n3 a.active { background-position: -127px -17px; }
#hd .nav li.n4 a { width: 112px; background-position: -316px 0; }
#hd .nav li.n4 a:hover, #hd .nav li.n4 a.active { background-position: -316px -17px; }
#hd .nav li.n5 a { width: 72px; background-position: -428px 0; }
#hd .nav li.n5 a:hover, #hd .nav li.n5 a.active { background-position: -428px -17px; }
#bd { margin: 14px 15px 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #363636; }
#bd h1 { font-size: 200%; }
#bd h2 { font-size: 150%; }
#bd ul li { padding-left: 11px; background: url(../images/bullet.gif) no-repeat 0 6px; margin-left: 8px; }
#bd ul.stationery_nav li a { background: url(../images/stationery_nav_sprite.png) no-repeat; height: 41px; width: 220px; display: block; }
#bd ul.stationery_nav li a span { position: absolute; left: -9999px; }
#bd ul.stationery_nav li.s1 a { background-position: 0 0; }
#bd ul.stationery_nav li.s1 a:hover, #bd ul.stationery_nav li.s1 a.active { background-position: -220px 0; }
#bd ul.stationery_nav li.s2 a { background-position: 0 -41px; }
#bd ul.stationery_nav li.s2 a:hover, #bd ul.stationery_nav li.s2 a.active { background-position: -220px -41px; }
#bd ul.stationery_nav li.s3 a { background-position: 0 -82px; }
#bd ul.stationery_nav li.s3 a:hover, #bd ul.stationery_nav li.s3 a.active { background-position: -220px -82px; }
#bd ul.stationery_nav li.s4 a { background-position: 0 -123px; }
#bd ul.stationery_nav li.s4 a:hover, #bd ul.stationery_nav li.s4 a.active { background-position: -220px -123px; }
#bd ul.stationery_nav li.s5 a { background-position: 0 -164px; }
#bd ul.stationery_nav li.s5 a:hover, #bd ul.stationery_nav li.s5 a.active { background-position: -220px -164px; }
#bd ul.stationery_nav li.s6 a { background-position: 0 -205px; }
#bd ul.stationery_nav li.s6 a:hover, #bd ul.stationery_nav li.s6 a.active { background-position: -220px -205px; }
#bd ul.stationery_nav li.s7 a { background-position: 0 -246px; }
#bd ul.stationery_nav li.s7 a:hover, #bd ul.stationery_nav li.s7 a.active { background-position: -220px -246px; }
#bd .content { float: left; width: 705px; border-right: 1px solid #e6e6e6; }
#bd .content .rotator .rotator_nav, #bd .content .rotator .slides { float: left; }
#bd .content .rotator .rotator_nav li { margin: 0; display: inline; }
#bd .content .rotator .rotator_nav li a { background: url(../images/rotator_nav_sprite.png) no-repeat; display: block; width: 235px; color: #fff; }
#bd .content .rotator .rotator_nav li a span { position: absolute; left: -9999px; }
#bd .content .rotator .rotator_nav li.s1 a { background-position: 0 0; height: 57px; }
#bd .content .rotator .rotator_nav li.s1 a:hover, #bd .content .rotator .rotator_nav li.s1 a.activeSlide { background-position: -235px 0; }
#bd .content .rotator .rotator_nav li.s2 a { background-position: 0 -57px; height: 47px; }
#bd .content .rotator .rotator_nav li.s2 a:hover, #bd .content .rotator .rotator_nav li.s2 a.activeSlide { background-position: -235px -57px; }
#bd .content .rotator .rotator_nav li.s3 a { background-position: 0 -104px; height: 31px; }
#bd .content .rotator .rotator_nav li.s3 a:hover, #bd .content .rotator .rotator_nav li.s3 a.activeSlide { background-position: -235px -104px; }
#bd .content .rotator .rotator_nav li.s4 a { background-position: 0 -135px; height: 30px; }
#bd .content .rotator .rotator_nav li.s4 a:hover, #bd .content .rotator .rotator_nav li.s4 a.activeSlide { background-position: -235px -135px; }
#bd .content .rotator .rotator_nav li.s5 a { background-position: 0 -165px; height: 29px; }
#bd .content .rotator .rotator_nav li.s5 a:hover, #bd .content .rotator .rotator_nav li.s5 a.activeSlide { background-position: -235px -165px; }
#bd .content .rotator .rotator_nav li.s6 a { background-position: 0 -194px; height: 41px; }
#bd .content .rotator .rotator_nav li.s6 a:hover, #bd .content .rotator .rotator_nav li.s6 a.activeSlide { background-position: -235px -194px; }
#bd .content .rotator .slides img { display: none; }
#bd .content .rotator .slides .s1 { display: block; }
#bd .content .main { font-size: 100%; padding: 30px 15px 0 15px; clear: left; }
#bd .content .main h1 { display: block; margin-bottom: 14px; }
#bd .content .main h1.home { background: url(../images/header_home.png) no-repeat left top; width: 433px; height: 186px; }
#bd .content .main h1.about { background: url(../images/header_about.png) no-repeat left top; width: 102px; height: 21px; }
#bd .content .main h1.services { background: url(../images/header_services.png) no-repeat left top; width: 138px; height: 21px; }
#bd .content .main h1.stationery { background: url(../images/header_stationery.png) no-repeat left top; width: 357px; height: 21px; }
#bd .content .main h1.testimonials { background: url(../images/header_testimonials.png) no-repeat left top; width: 210px; height: 21px; }
#bd .content .main h1.contact { background: url(../images/header_contact.png) no-repeat left top; width: 210px; height: 21px; }
#bd .content .main h1 span { position: absolute; left: -9999px; }
#bd .content .main figure { color: #696969; font-size: 85%; margin: 0; }
#bd .content .main figure.left { float: left; margin: 0 15px 0 0; }
#bd .content .main figure.right { float: right; margin: 0 0 0 15px; }
#bd .content .main figure img { max-width: 100%; }
#bd .content .main figcaption { margin: 4.5px 0; }
#bd .content .main figure.right figcaption { text-align: right; }
#bd .content .main .body { margin-top: 34px; }
#bd .content .main .hcol { width: 30%; border-left: 1px solid #e6e6e6; margin-left: 0; padding-left: 1em; }
#bd .content .main .body .lcol { border-right: 1px solid #e6e6e6; padding-right: 0.7em; }
#bd .content .main .body .rcol { width: 64%; }
#bd .content .main .quote { text-indent: 9px; background: url(../images/quote.png) no-repeat left top; padding-top: 16px; margin-bottom: 20px; }
#bd .content .main .quote_by { display: block; margin: 11px 0 0 36px; text-indent: 0; }
#bd .content .main .stationery_content { position: absolute; left: -9999px; top: -9999px; }
#bd .content .main .active { position: static; }
#bd .content .main .stationery_content .leading { margin-top: 45px; }
#bd .content .main .stationery_content .company { position: relative; font-size: 93%; }
#bd .content .main .stationery_content .company .logo a { width: 215px; height: 80px; background: url(../images/stationery_companies_sprite.png) no-repeat; margin-bottom: 9px; display: block; }
#bd .content .main .stationery_content .company .logo span { position: absolute; left: -9999px; }
#bd .content .main .stationery_content .company .embossed_graphics a { background-position: 0 0; }
#bd .content .main .stationery_content .company .donovan_designs a { background-position: 0 -80px; }
#bd .content .main .stationery_content .company .dinky_designs a { background-position: 0 -160px; }
#bd .content .main .stationery_content .company .starfish_art_company a { background-position: 0 -240px; }
#bd .content .main .stationery_content .company .sugar_cookie_cards a { background-position: 0 -320px; }
#bd .content .main .stationery_content .company .tatex a { background-position: 0 -400px; }
#bd .content .main .stationery_content .company .checkerboard a { background-position: 0 -480px; }
#bd .content .main .stationery_content .company .carlson_craft a { background-position: 0 -560px; }
#bd .content .main .stationery_content .company .magnet_street_weddings a { background-position: 0 -640px; }
#bd .content .main .stationery_content .company .birchcraft_studios a { background-position: 0 -720px; }
#bd .content .main .stationery_content .company .simple_but_elegant a { background-position: 0 -800px; }
#bd .content .main .stationery_content .company .squashu a { background-position: 0 -880px; }
#bd .content .main .stationery_content .company .mcphersons a { background-position: 0 -960px; }
#bd .content .main .stationery_content .company .magnet_street_baby a { background-position: 0 -1040px; }
#bd .content .main .stationery_content .company .janna_salak_designs a { background-position: 0 -1120px; }
#bd .content .main .stationery_content .company .website { position: absolute; top: 34px; left: 234px; font-weight: bold; }
#bd .content .main .stationery_content .company .description { margin-bottom: 20px; }
#bd .content .main .stationery_content .back { background: #363636; color: #fff; display: inline-block; text-decoration: none; padding: 4px 8px; position: absolute; margin-top: -45px; *margin-top: 0; }
#bd .form p.required { margin-bottom: 45px; }
#bd .form p.warning { text-align: center; padding: 0 100px; margin-bottom: 27px; }
#bd .form p.error { margin: -8px 0 12px 250px; color: #ef4d23; display: none; }
#bd .form .line_item { margin-bottom: 10px; }
#bd .form .line_item label { width: 230px; padding-right: 16px; display: block; float: left; margin-top: 5px; }
#bd .form .line_item input { width: 401px; padding: 3px 7px; }
#bd .form .line_item input.state { width: 107px; }
#bd .form .line_item input.zip, #bd .form .line_item input.day_phone, #bd .form .line_item input.evening_phone { width: 220px; }
#bd .form .line_item textarea { width: 401px; height: 102px; padding: 3px 7px; }
#bd .form .last { margin-bottom: 20px; }
#bd .form .actions { float: right; padding-right: 12px; }
#bd .form .actions a { display: block; float: left; margin-top: 5px; }
#bd .form .actions button { border: none; background: url(../images/actions_sprite.png) no-repeat; height: 26px; float: left; margin-left: 10px; cursor: pointer; }
#bd .form .actions button span { position: absolute; left: -9999px; }
#bd .form .actions button.preview { background-position: 0 0; width: 88px; }
#bd .form .actions button.submit {  background-position: 0 -26px; width: 72px; }
#bd .sidebar { float: right; width: 176px; font-size: 93%; *overflow-x: hidden; }
#bd .sidebar .oscar { position: relative; margin-bottom: 30px; }
#bd .sidebar .oscar img { position: absolute; left: 1px; top: -78px; *top: -79px; }
#bd .sidebar .oscar a { margin: 14px 0 0 54px; display: block; }
#bd .sidebar .box { margin: 0 0 15px 7px; padding: 16px 15px; overflow: hidden; }
#bd .sidebar .box .line { position: relative; left: -15px; margin: 5px 0 18px; }
#bd .sidebar .box .social_media li { margin-top: 7px; margin-left: 0; padding-left: 0; background: none; }
#bd .sidebar .box .social_media li + li { margin-top: 0; }
#bd .sidebar .box .social_media li a { padding-left: 22px; display: block; height: 16px; }
#bd .sidebar .box .facebook a { background: url(../images/facebook.gif) no-repeat 0 0; }
#bd .sidebar .box .twitter a { background: url(../images/twitter.gif) no-repeat 1px 0; }
#bd .sidebar .box .linkedin a { background: url(../images/linked_in.gif) no-repeat 0 0; }
#bd .sidebar .box .instagram a { background: url(../images/instagram.png) no-repeat 0 0; }
#bd .sidebar .box a { background: url(../images/callout_arrow.gif) no-repeat 0 2px; padding-left: 11px; }
#bd .sidebar .first { background: #fff7da; }
#bd .sidebar .last { background: #f5f5f5; }
#bd .sidebar .last a { background: none; padding: 0; }
#ft { background: url(../images/footer_bg.gif) repeat-x left top; height: 97px; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 100%; padding-top: 21px; }
#ft li { display: inline; padding-left: 10px; margin-left: 5px; background: url(../images/footer_divider.gif) no-repeat 0 2px; }
#ft li.first { padding-left: 0; margin-left: 0; background: none; }
#ft a { color: #fff; }
#ft a:hover { text-decoration: none; }
#ft p { margin: 10px 0; }
.preview_modal { width: 400px; border: 1px solid #000; background: #fff; position: fixed; top: 100px; left: 300px; z-index: 100; padding: 10px; text-align: left; display: none; }
.preview_modal p.phone { margin-top: 18px; }
.preview_modal p.message { margin-top: 27px; }
.preview_modal p.message span { margin-top: 9px; }
.preview_modal p.message .first { margin-top: 0; }
.preview_modal p span { display: block; }
.preview_modal .close { float: right; margin-top: 18px; }