/********************************************
* AmazingMail
* Christian Goetzman
*
* Created 06/11/2008- BD
*
* General Style Definitions
********************************************/

/*******************************************
* Browser Reset - Created by Eric Meyer
*******************************************/

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*******************************************
* Typography - Pulled from BlueprintCSS
*******************************************/

body { 
  font-size: 12px;
  color: #666; 
  background: #fff;
  line-height: 19px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;
}


/* Text Elements
-----------------------------*/

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #666; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.25em; line-height: 1.3em; margin-bottom: 5px; font-weight: bold; }
h4 { font-size: 1.2em; line-height: 0.7em; margin-bottom: 5px; color: #000; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

p           { margin: 0 0 1.5em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { text-decoration: none; }
a           { color: #A30003; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: normal; }
strong      { font-weight: bold; }
em          { font-style: italic; }
sup, sub    { line-height: 0; }

li ul, 
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; }

ul          { list-style-type: none; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/*******************************************
* Layout Definitions
*******************************************/

#container {
    width: 950px;
    margin: 0 auto;
    position: relative;
    padding-top: 137px;
}

#header {
    width: 950px;
    height: 96px;
    position: absolute;
    top: 0;
    left: 0;
}

#content {
    padding-top: 39px;
    width: 950px;
    overflow: hidden;
    background: url(../images/divider_vertical2.gif) 276px 0 repeat-y;
}

#sidebar {
    width: 276px;
    float: left;
}

#content-main {
    width: 635px;
    padding-top: 221px;
    float: right;
}

#product-photo {
    margin: 0 0 15px 15px;
    float: right;
    clear: right;
}

#quote {
    width: 276px;
    margin-top: 30px;
    padding: 0;
    font-size: 10px;
    line-height: 14px;
    overflow: hidden;
}

#quote p {
    padding: 0 19px;
}

p#source {
    width: 276px;
    font-style: italic;
    margin-top: -10px;
    padding: 30px 0 0 35px;
    width/**/:/**/ 241px;
    background: url(../images/bg_quote.gif) top left no-repeat;
}

img#logo {
    margin: 28px 0 0 35px;
}

img#product-photo {
    margin-top: -10px;
}

#interior-photo1,
#interior-photo2,
#interior-photo3,
#interior-photo4,
#interior-photo5,
#interior-photo6,
#interior-photo7,
#interior-photo8,
#interior-photo9,
#interior-photo10,
#interior-photo11,
#interior-photo12,
#interior-photo13,
#interior-photo14,
#interior-photo15,
#interior-photo16,
#interior-photo17,
#interior-photo18,
#interior-photo19,
#interior-photo20,
#interior-photo21,
#interior-photo22,
#interior-photo23,
#interior-photo24,
#interior-photo25,
#interior-photo26,
#interior-photo27,
#interior-photo28,
#interior-photo29,
#interior-photo30,
#interior-photo31,
#interior-photo32,
#interior-photo33,
#interior-photo34,
#interior-photo35,
#interior-photo36,
#interior-photo37,
#interior-photo38,
#interior-photo39,
#interior-photo42,
#interior-photo43,
#interior-photo64,
#interior-photo65 {
    position: absolute;
    width: 673px;
    height: 196px;
    display: block;
    left: 277px;
    top: 175px;
    text-indent: -9999px;
}

.content-photo {
    width: 200px;
    width/**/:/**/225px;
    float: right;
    clear: right;
    margin: 0 0 25px 15px;
    padding: 0;
}

.content-photo img {
    padding: 1px;
    border: 1px solid #E9E9E9;
}

.error,
.error h3 {
    font-size: 12px;
    color:  #A30003;
}

#faq-divider {
    padding-top: 25px;
    border-top: 1px solid #E9E9E9;
}

/*******************************************
* Holiday Buttons & Promos
*******************************************/

#btn-holiday-galleries {
	background: url(http://www.amazingmail.com/gfx/61/uploads/btn_holiday.jpg) top left no-repeat;
	position:absolute;
	display:block;
	width:168px;
	height:85px;
	text-indent:-9999px;
	top:5px;
	left:750px;
}

#btn-holiday-borders {
	background: url() top left no-repeat;
	position:absolute;
	display:block;
	width:168px;
	height:85px;
	text-indent:-9999px;
	top:5px;
	left:750px;
}


#btn-holiday {
	background: url(../images/btn_holiday.jpg) top left no-repeat;
	position:absolute;
	display:block;
	width:168px;
	height:85px;
	text-indent:-9999px;
	top:5px;
	left:750px;
}


/*******************************************
* Promos & Callouts
*******************************************/

#ami_search_sidebar {
width:276px;
background:url(/images/ami_search_bg.jpg) top left no-repeat;
height:93px;
display:block;
}

#ami_search_form {
text-align:right;
padding-top:33px;
margin-right:25px;
}

#promo-contact {
    width: 276px;
    height: 134px;
    display: block;
    text-indent: -9999px;
    background: url(../images/promo_contact.gif) top left no-repeat;
}

a:hover#promo-contact {
    background-position: bottom left;
}

#promo-fast-facts1 {
    width: 276px;
    height: 134px;
/*    margin-top: 38px;
*/    display: block;
    text-indent: -9999px;
    position: relative;
    background: url(../images/promo_fast_facts1.gif) top left no-repeat;
}

a#btn-learn-more {
    width: 80px;
    height: 19px;
    text-indent: -9999px;
    display: block;
    position: absolute;
    top: 85px;
    left: 163px;
    background: url(../images/btn_learn_more.gif) top left no-repeat;
}

a:hover#btn-learn-more {
    background-position: bottom left;
}

a#promo-chat {
    width: 276px;
    height: 134px;
    margin: 0;
    text-indent: -9999px;
    display: block;
    background: url(../images/promo_chat.gif) top left no-repeat;
}

a:hover#promo-chat {
    background-position: bottom left;
}

/*******************************************
* Lists
*******************************************/

#content-main ul {
    margin: 0 0 25px 5px;
    padding: 0;
}

#content-main li ul {
    margin-top: 5px;
}

#content-main ul li {
    background: url(../images/bullet.gif) 0 6px no-repeat;
    padding-left: 13px;
    line-height: 18px;
    margin-bottom: 5px;
}

#content-main ol {
    margin: 0 0 25px 29px;
}

/*******************************************
* Main Navigation
*******************************************/

#nav {
    position: absolute;
    width: 950px;
    height: 41px;
    top: 96px;
    left: 0;
    overflow: hidden;
    background: #FFF;
}

#nav ul {
    margin-left: 10px;
    padding: 0;
    width: 899px;
    height: 41px;
    list-style: none;
}

#nav li {
    display: inline;
    float: left;
    text-indent: -9999px;
}

#nav a {
    height: 41px;
    display: block;
}

a#home {
    width: 86px;
    background: url(../images/nav_home.gif) top left no-repeat;
}
a#make-card {
    width: 139px;
    background: url(../images/nav_make_card.gif) top left no-repeat;
}
a#buy-list {
    width: 115px;
    background: url(../images/nav_buy_list.gif) top left no-repeat;
}
a#solutions {
    width: 123px;
    background: url(../images/nav_solutions.gif) top left no-repeat;
}
a#services {
    width: 106px;
    background: url(../images/nav_services.gif) top left no-repeat;
}
a#resources {
    width: 123px;
    background: url(../images/nav_resources.gif) top left no-repeat;
}
a#pricing {
    width: 100px;
    background: url(../images/nav_pricing.gif) top left no-repeat;
}
a#specials {
    width: 107px;
    background: url(../images/nav_specials.gif) top left no-repeat;
}

a:hover#home,
a:hover#make-card,
a:hover#buy-list,
a:hover#solutions,
a:hover#services,
a:hover#resources,
a:hover#pricing,
a:hover#specials {
    background-position: bottom left;
}

body#get-started-on a#get-started {
    background: url(../images/nav_get_started_on.gif) top left no-repeat;
}
body#buy-list-on a#buy-list {
    background: url(../images/nav_buy_list_on.gif) top left no-repeat;
}
body#solutions-on a#solutions {
    background: url(../images/nav_solutions_on.gif) top left no-repeat;
}
body#services-on a#services {
    background: url(../images/nav_services_on.gif) top left no-repeat;
}
body#results-on a#results {
    background: url(../images/nav_results_on.gif) top left no-repeat;
}
body#resources-on a#resources {
    background: url(../images/nav_resources_on.gif) top left no-repeat;
}
body#news-events-on a#news-events {
    background: url(../images/nav_news_events_on.gif) top left no-repeat;
}
body#specials-on a#specials {
    background: url(../images/nav_specials_on.gif) top left no-repeat;
}
body#about-us-on a#about-us {
    background: url(../images/nav_about_us_on.gif) top left no-repeat;
}

/*******************************************
* Sub Navigation
*******************************************/

#subnav {
    position: absolute;
    width: 950px;
    height: 38px;
    top: 137px;
    text-indent: -9999px;
    background: #054098 url(../images/bg_subnav.gif) top left no-repeat;
}

#subnav ul {
    margin: 0;
    padding: 0;
    height: 38px;
    list-style: none;
}

#subnav li {
    margin: 0;
    padding: 0;
    float: left;
    display: inline;
}

#subnav a {
    height: 38px;
    display: block;
}

/*******************************************
* Global Navigation
*******************************************/

#global {
    width: 353px;
    height: 78px;
    position: absolute;
    /*top: 29px;
    right: 10px;*/
    text-indent: -9999px;
    overflow: hidden;
	top: 14px;
    right: 225px;
}

#global p {
    float: right;
    width: 263px;
    height: 14px;
    display: block;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    background: url(../images/global_phone_number.gif) top left no-repeat;
}

#global ul {
    width: 423px;
    height: 20px;
    margin-bottom: 6px;
    padding: 0;
    list-style: none;
}

#global li {
    height: 20px;
    float: left;
    display: inline;
}

#global a {
    height: 20px;
    display: block;
}

a#my-account {
    width: 82px;
    background: url(../images/global_my_account.gif) top left no-repeat;
}
a#request-sample {
    width: 110px;
    background: url(../images/global_request_sample.gif) top left no-repeat;
}
a#global-specials {
    width: 63px;
    background: url(../images/global_specials.gif) top left no-repeat;
}
a#support {
    width: 63px;
    background: url(../images/global_support.gif) top left no-repeat;
}
a#contact-us {
    width: 40px;
    background: url(../images/global_sales.gif) top left no-repeat;
}

a:hover#my-account, body#my-account-on #my-account,
a:hover#request-sample, body#request-sample-on #request-sample,
a:hover#global-specials,
a:hover#support, body#support-on #support,
a:hover#contact-us, body#contact-us-on #contact-us {
    background-position: bottom left;
}

a#hdr-live-chat-btn {
    width: 239px;
    height: 29px;
	float: right;
    display: block;
    margin: 6px 0 0 0;
    padding: 0;
    background: url(../images/hdr_live_chat_btn.jpg) top left no-repeat;
}

/*******************************************
* Footer
*******************************************/


#footer {
	height:180px;
	position: relative;
	top:0px;
	border-top:#EEE 1px solid;
	margin:0px;
	padding:0px;
	width:950px;
}

#footer ul {
	list-style:none;
	margin:0px 0 0 55px;
	padding:0px;
	font-size:10px;
	color:#bbbbbb;
}

#footer li {
	float:left;
	padding:15px;
}

#footer p {
	font-size:10px;
	padding:0px;
	margin:0px;
	color:#bbbbbb;
	line-height:15px;
}

#footer-copyright {
	float:left;
	width:500px;
	font-size:10px;
	color:#bbbbbb;
	position:relative;
	margin:4px 0 0 0px;
}

#affiliates {
	position:relative;
	margin:-31px 0 0 620px;
	background:url(../images/footer-affliates.jpg) top left no-repeat;
	width:300px;
	height:31px;
	text-indent:-9999px;
}

#footer A:link { color:#bbbbbb; text-decoration: none}
#footer A:visited { color:#bbbbbb; text-decoration: none}
#footer A:active { color:#bbbbbb; text-decoration: none}
#footer A:hover { color:#666666; text-decoration: underline;}