/********************************************
* AmazingMail
* Christian Goetzman
*
* Home Style Definitions
********************************************/

/*******************************************
* HTML Mods
*******************************************/

body {
    font-size: 12px;
    line-height: 16px;
}

h2 {
	text-indent:-9999px;
}

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

#logo {
    margin: 28px 0 0 35px;
	position:absolute;
}

#main-promos {
    width: 950px;
    height: 341px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background: #07429A url(../images/bg_home.jpg) top left no-repeat;
    position: absolute;
    top: 137px;
    left: 0;
}

a.arrow {
    width: 185px;
    height: 20px;
    display: block;
    background: url(../images/arrow.gif) 170px 6px no-repeat;
}

/*******************************************
* Content
*******************************************/

#content-wrapper {
	border-left:#d6d6d6 1px solid;
	border-right:#d6d6d6 1px solid;
	border-bottom:#d6d6d6 1px solid;
	margin:-4px 0 0 20px;
	width:907px;
	height:280px;
	position:absolute;
	top:482px;
}

#content {
	border-left:#FFF 1px solid;
	border-right:#FFF 1px solid;
	border-bottom:#FFF 1px solid;
	background:#f2f2f2 url(../images/content-bg.jpg) top left repeat-x;
	width:905px;
	height:279px;
	position:absolute;
	margin:0px;
	padding:0px;
}

#showcase {
	padding:30px 0 0 0;
}

#showcase ul {
	margin:0 0 0 28px;
	padding:0px;
	list-style:none;
}
#showcase li {
	float:left;
	padding:15px;
}

#showcase1,
#showcase2,
#showcase3 {
	width:250px;
	height:170px;
	background-color:#FFF;
	border:#d6d6d6 1px solid;
}

#showcase1 {
	background:#FFF url(../images/showcase/bg_newsletter.jpg) bottom right no-repeat;
}
#showcase2 {
	background:#FFF; 
}


#showcase .content {
	padding:5px;
}

#showcase .field {
	background:#EEE;
	border:#CCC 1px solid;
	color:#333;
	font-size:12px;
	width:205px;
	padding:3px 0 3px 0;
}

#showcase .header1,
#showcase .header2,
#showcase .header3,
#amazingmail-is,
#check-us-out {
	width:250px;
	height:20px;
	margin:0 0 3px 0;
}

#showcase .header1 {
	background:url(../images/ttl/showcase/showcase-header1.png) top left no-repeat;	
}

#showcase .header2 {
	background:url(../images/ttl/showcase/showcase-header2.jpg) top left no-repeat;
}

#showcase .header3 {
	background:url(../images/ttl/showcase/showcase-header3.jpg) top left no-repeat;
}

#facebook {
	background:url(../images/showcase/facebook.jpg) top left no-repeat;
	width:123px;
	height:88px;
	text-indent:-9999px;
	display:block;
	float:left;
}

#twitter {
	background:url(../images/showcase/twitter.jpg) top left no-repeat;
	width:117px;
	height:88px;
	text-indent:-9999px;
	display:block;
	float:right;
}

#iphone {
	background:url(../images/showcase/iphone.jpg) top left no-repeat;
	width:250px;
	height:101px;
	text-indent:-9999px;
	display:block;
	position:absolute;
	margin:68px 0 0 0;
}
#referral {
	background:url(../images/showcase/referral.jpg) top left no-repeat;
	width:250px;
	height:101px;
	text-indent:-9999px;
	display:block;
	position:absolute;
	margin:68px 0 0 0;
}
#abcvideo {
	background:url(../images/showcase/abcvid.jpg) top left no-repeat;
	width:250px;
	height:101px;
	text-indent:-9999px;
	display:block;
	position:absolute;
	margin:68px 0 0 0;
}

#cartoon {
	background:url(../images/showcase/cartoon_cards.jpg) top left no-repeat;
	width:250px;
	height:101px;
	text-indent:-9999px;
	display:block;
	position:absolute;
	margin:55px 0 0 0;

}
#val1 {
	width:250px;
	height:101px;
	text-indent:-9999px;
	display:block;
	position:absolute;
	background-image: url(../images/showcase/VdayCards.jpg);
	background-repeat: no-repeat;
	margin:68px 0 0 0;
	}
#shw3 {
	width:250px;
	height:170px;
	position:absolute;
	background-image: url(../images/triggered-mail-case-study.png);
	
	}	
#FBcontent {
	border-left:#FFF 1px solid;
	border-right:#FFF 1px solid;
	border-bottom:#FFF 1px solid;
	background:#f2f2f2 url(../images/content-bg.jpg) top left repeat-x;
	width:905px;
	height:279px;
	position:absolute;
	}

#holiday-cards {
	background:url(../images/showcase/holiday_cards.jpg) top left no-repeat;
	width:240px;
	height:100px;
	text-indent:-9999px;
	display:block;
	position:absolute;
	margin:-5px 0 0 0;
}

/*******************************************
* Titles & Headers
*******************************************/

#ttl-home {
    width: 657px;
    height: 69px;
    display: block;
    position: absolute;
    top: 26px;
    left: 146px;
    background: url(../images/ttl_home.jpg) top left no-repeat;
}

#hdr-real-postcard {
    width: 207px;
    height: 67px;
    display: block;
    position: absolute;
    top: 88px;
    left: 228px;
    background: url(../images/hdr_real_postcard.jpg) top left no-repeat;
}

#hdr-expert {
    width: 240px;
    height: 97px;
    display: block;
    position: absolute;
    top: 88px;
    left: 629px;
    background: url(../images/hdr_expert.jpg) top left no-repeat;
}

#hdr-amazingmail {
    width: 386px;
    height: 16px;
    display: block;
    text-indent: -9999px;
    background: url(../images/hdr_amazingmail.gif) top left no-repeat;
}

#hdr-integrato {
    width: 275px;
    height: 16px;
    display: block;
    text-indent: -9999px;
    background: url(../images/hdr_integrato.gif) top left no-repeat;
}

#hdr-audio-webinar {
    width: 295px;
    height: 16px;
    display: block;
    text-indent: -9999px;
    background: url(../images/hdr_audio_webinar.gif) top left no-repeat;
}

#hdr-view-tutorials {
    width: 221px;
    height: 39px;
    display: block;
    position: absolute;
    text-indent: -9999px;
    top: 155px;
    left: 228px;
    background: url(../images/hdr_view_tutorials.jpg) top left no-repeat;
}

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

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

#btn-mothers-day {
	background: url(../images/btn_mothers_day.png) top left no-repeat;
	position:absolute;
	display:block;
	width:147px;
	height:90px;
	top:5px;
	text-indent:-9999px;
	left:750px;
}
#btn-easter {
	background: url(../images/btn_easter.png) top left no-repeat;
	position:absolute;
	display:block;
	width:150px;
	height:90px;
	text-indent:-9999px;
	top:5px;
	left:730px;
}

#btn-fathers-day {
	background: url(../images/btn_fathers_day.jpg) top left no-repeat;
	position:absolute;
	display:block;
	width:147px;
	height:100px;
	text-indent:-9999px;
	top:-5px;
	left:740px;
}

#btn-independence-day {
	background: url(../images/btn_independence_day.jpg) top left no-repeat;
	position:absolute;
	display:block;
	width:190px;
	height:140px;
	text-indent:-9999px;
	top:45px;
	left:693px;
}

#btn_international_payments {
	background: url(../images/btn_international_payments.gif) top left no-repeat;
	position:absolute;
	display:block;
	width:211px;
	height:159px;
	text-indent:-9999px;
	top:25px;
	left:683px;
}



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

#btn-get-started,
#btn-let-us-help,
#btn-signup {
    width: 137px;
    height: 46px;
    display: block;
    text-indent: -9999px;
    position: absolute;
}

#btn-live-chat {
    width: 98px;
    height: 20px;
    display: block;
    position: absolute;
    top: 158px;
    left: 766px;
    text-indent: -9999px;
    background: url(../images/btn_live_chat.gif) top left no-repeat;
}

#btn-now {
    width: 76px;
    height: 30px;
    display: block;
    position: absolute;
    top: 121px;
    left: 351px;
    background: url(../images/btn_now.gif) top left no-repeat;
}

#btn-view-tutorials {
    width: 149px;
    height: 20px;
    display: block;
    position: absolute;
    top: 163px;
    left: 262px;
    background: url(../images/btn_view_tutorials.gif) top left no-repeat;
}

#btn-get-started {
    top: 276px;
    left: 299px;
    background: url(../images/btn_get_started.gif) top left no-repeat;
}
#btn-let-us-help {
    top: 281px;
    left: 500px;
    background: url(../images/btn_let_us_help.gif) top left no-repeat;
}

#btn-signup {
    top: 281px;
    left: 69px;
    background: url(../images/btn_signup.gif) top left no-repeat;
}

a:hover#btn-get-started,
a:hover#btn-let-us-help,
a:hover#btn-signup,
a:hover#btn-live-chat,
a:hover#btn-now,
a:hover#btn-view-tutorials {
    background-position: bottom left;
}

a#header-promo {
    width: 257px;
    height: 123px;
    margin-top: 50px;
    display: block;
    text-indent: -9999px;
    float: left;
    background: url(../images/promo_holiday.gif) top left no-repeat;
}
a:hover#header-promo {
    background-position: bottom left;
}

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

a#home {
    background: url(../images/nav_home_on.gif) top left no-repeat;
}

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



/*******************************************
* Misc Navigation
*******************************************/

ul#home-left {
    width: 203px;
    height: 123px;
    display: block;
    position: absolute;
    top: 198px;
    left: 264px;
    background: url(../images/home_left.jpg) top left no-repeat;
}

ul#home-right {
    width: 217px;
    height: 114px;
    display: block;
    position: absolute;
    top: 198px;
    left: 694px;
}

#home-left a,
#home-right a {
    display: block;
    height: 19px;
}

a#easy-fast {
    width: 92px;
    background: url(../images/easy_fast.jpg) top left no-repeat;
}
a#make-cards {
    width: 193px;
    background: url(../images/make_cards.jpg) top left no-repeat;
}
a#no-minimum {
    width: 153px;
    background: url(../images/no_minimum.jpg) top left no-repeat;
}
a#text-tools {
    height: 33px;
    width: 177px;
    background: url(../images/text_tools.jpg) top left no-repeat;
}
a#upload-your-own {
    height: 33px;
    width: 203px;
    background: url(../images/upload_your_own.jpg) top left no-repeat;
}
a#dedicated-rep {
    width: 162px;
    background: url(../images/dedicated_rep.jpg) top left no-repeat;
}
a#vertical {
    width: 175px;
    background: url(../images/vertical.jpg) top left no-repeat;
}
a#graphic-design {
    width: 167px;
    background: url(../images/graphic_design.jpg) top left no-repeat;
}
a#mailing-list {
    width: 141px;
    background: url(../images/mailing_list.jpg) top left no-repeat;
}
a#customized-private {
    width: 217px;
    background: url(../images/customized_private.jpg) top left no-repeat;
}
a#automated {
    width: 215px;
    background: url(../images/automated.jpg) top left no-repeat;
}

#content-bg ul {
    margin: 0;
    padding: 0;
    float: left;
    width: 267px;
    display: inline;
    text-indent: -9999px;
}

#content-bg ul li {
    float: left;
    display: block;
}

#content-bg ul a {
    display: block;
    height: 22px;
}

ul#body-list1 {
    margin: 5px 0 0 15px;
}
ul#body-list2 {
    margin: 5px 0 0 40px;
}
ul#body-list3 {
    margin: 5px 0 0 40px;
}

a#bodylink1 {
    width: 240px;
    background: url(../images/bodylink1.gif) top left no-repeat;
}
a#bodylink2 {
    width: 218px;
    background: url(../images/bodylink2.gif) top left no-repeat;
}
a#bodylink3 {
    width: 246px;
    background: url(../images/bodylink3.gif) top left no-repeat;
}
a#bodylink4 {
    width: 209px;
    background: url(../images/bodylink4.gif) top left no-repeat;
}
a#bodylink5 {
    width: 267px;
    background: url(../images/bodylink5.gif) top left no-repeat;
}
ul a#bodylink6 {
    width: 250px;
    height: 38px;
    background: url(../images/bodylink6.gif) top left no-repeat;
}
ul a#bodylink7 {
    width: 226px;
    height: 38px;
    background: url(../images/bodylink7.gif) top left no-repeat;
}
a#bodylink8 {
    width: 220px;
    background: url(../images/bodylink8.gif) top left no-repeat;
}
a#bodylink9 {
    width: 169px;
    background: url(../images/bodylink9.gif) top left no-repeat;
}
a#bodylink10 {
    width: 149px;
    background: url(../images/bodylink10.gif) top left no-repeat;
}
a#bodylink11 {
    width: 172px;
    background: url(../images/bodylink11.gif) top left no-repeat;
}
a#bodylink12 {
    width: 194px;
    background: url(../images/bodylink12.gif) top left no-repeat;
}

a:hover#easy-fast,
a:hover#make-cards,
a:hover#no-minimum,
a:hover#text-tools,
a:hover#upload-your-own,
a:hover#dedicated-rep,
a:hover#vertical,
a:hover#graphic-design,
a:hover#mailing-list,
a:hover#customized-private,
a:hover#automated,
a:hover#bodylink1,
a:hover#bodylink2,
a:hover#bodylink3,
a:hover#bodylink4,
a:hover#bodylink5,
a:hover#bodylink6,
a:hover#bodylink7,
a:hover#bodylink8,
a:hover#bodylink9,
a:hover#bodylink10,
a:hover#bodylink11,
a:hover#bodylink12 {
    background-position: bottom left;
}

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

#footer {
	position:absolute;
	top:760px;
	margin:0 0 0 20px;
	border-top:#CCC 0px solid;
}

#footer ul {
	margin:0px 0 0 30px;	
}