/********************************************
* AmazingMail
* Christian Goetzman
*
* Services Style Definitions
********************************************/

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

#interior-photo1 {
    background: url(../images/interior_photo3.jpg) top left no-repeat;
}
#interior-photo18 {
    background: url(../images/interior_photo18.jpg) top left no-repeat;
}
#interior-photo19 {
    background: url(../images/interior_photo19.jpg) top left no-repeat;
}
#interior-photo20 {
    background: url(../images/interior_photo20.jpg) top left no-repeat;
}
#interior-photo21 {
    background: url(../images/interior_photo21.jpg) top left no-repeat;
}
#interior-photo22 {
    background: url(../images/interior_photo22.jpg) top left no-repeat;
}
#interior-photo23 {
    background: url(../images/interior_photo23.jpg) top left no-repeat;
}
#interior-photo24 {
    background: url(../images/interior_photo24.jpg) top left no-repeat;
}
#interior-photo32 {
    background: url(../images/interior_photo32.jpg) top left no-repeat;
}
#interior-photo42 {
    background: url(../images/interior_photo42.gif) top left no-repeat;
}
#interior-photo43 {
    background: url(../images/interior_photo43.jpg) top left no-repeat;
}
#interior-photo34 {
    background: url(../images/interior_photo34.jpg) top left no-repeat;
}
#interior-photo64 {
    background: url(../images/interior_photo64.jpg) top left no-repeat;
}
#interior-photo65 {
    background: url(../images/interior_photo65.jpg) top left no-repeat;
}

.content-image {
    width: 175px;
    margin-top: 3px;
    padding: 0px;
    float: left;
    margin: 0 15px 15px 0;
    clear: left;
    display: block;
    border: 1px solid #dedede;
}

.content-image2 {
    width: 175px;
    margin-top: 3px;
    padding: 0px;
    float: left;
    margin: 0 15px 15px 0;
    display: block;
    border: 1px solid #dedede;
}

.content-image3 {
    width: 175px;
    margin-top: 3px;
    padding: 0px;
    float: left;
    margin: 0 15px 15px 0;
    display: block;
    border: 1px solid #dedede;
}

.divider {
    margin: 0;
    padding: 20px 0;
    width: 635px;
    overflow: hidden;
    border-top: 1px solid #E9E9E9;
}

.content-gallery-image {
    width: 275px;
    margin-top: 3px;
    padding: 0px;
    float: left;
    margin: 5px 0 18px 25px;
    display: inline;
}

.content-gallery-image img {
    border: 1px solid #dedede;
}

.content-gallery-image p {
    float: left;
    padding-left: 10px;
}

.content-gallery-image2 {
    width: 275px;
    margin-top: 3px;
    padding: 0px;
    float: left;
    margin: 5px 0 18px 15px;
    display: inline;
}

.content-gallery-image2 img {
    border: 1px solid #dedede;
}


.content-gallery-image2 p {
    float: left;
    padding-left: 10px;
}

p#back {
    margin: 5px 0 25px 0;
    float: right;
}

.gallery-image {
    width: 127px;
    margin-top: 3px;
    padding: 0px;
    float: left;
    margin: 0 15px 15px 0;
    clear: left;
    display: block;
    border: 1px solid #dedede;
}

.gallery-image2 {
    width: 127px;
    margin-top: 3px;
    padding: 0px;
    float: left;
    margin: 0 15px 15px 0;
    display: block;
    border: 1px solid #dedede;
}

.gallery-image3 {
    width: 127px;
    margin-top: 3px;
    padding: 0px;
    float: left;
    margin: 0 15px 15px 0;
    display: block;
    border: 1px solid #dedede;
}
.gallery-image4 {
    width: 127px;
    margin-top: 3px;
    padding: 0px;
    float: left;
    margin: 0 15px 15px 0;
    display: block;
    border: 1px solid #dedede;
}

/*******************************************
* App Downloads
*******************************************/

#content-main ul li {
    background:none;
}

#download-apps ul {
	margin:0px;
	padding:0px;
	list-style:none;
	background:none;
}

#download-apps li {
	float:left;
	list-style:none;
	background:none;
}

#app1 {
	background:url(../images/app_shootit.jpg) top left no-repeat;
	width:150px;
	height:70px;
	display:block;
	text-indent:-9999px;
}

#app2 {
	background:url(../images/app_postino.jpg) top left no-repeat;
	width:150px;
	height:70px;
	display:block;
	text-indent:-9999px;
}

#app3 {
	background:url(../images/app_piccard.jpg) top left no-repeat;
	width:150px;
	height:70px;
	display:block;
	text-indent:-9999px;
}


/*******************************************
* Promos
*******************************************/

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

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

/*******************************************
* Contact Form
*******************************************/

#reach-out {
	width:220px;
	margin:40px 0 0 30px;
}


#reach-out input,
#reach-out select,
#reach-out textarea {
    width: 210px;
    border: 1px solid #CCC;
    padding: 2px;
    color: #666;
}

#reach-out input.reach-out-submit {
	width:101px;
	border: 0px solid #CCC;
	margin:15px 0 0 0;
}



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

#ttl-services,
#ttl-iphone,
#ttl-iphone-download,
#ttl-mailing-list,
#ttl-purls,
#ttl-track-mail,
#ttl-creative-services,
#ttl-image-gallery,
#ttl-mailing-services,
#ttl-custom-options,
#ttl-image-personalization,
#ttl-qr-codes,
#ttl-db-profiling,
#ttl-db-hygiene,
#ttl-contact-us-online,
#ttl-prospects-contact,
#ttl-customer-insights,
#ttl-bottom-line {
    height: 22px;
    display: block;
    text-indent: -9999px;
    margin-bottom: 5px;
    padding: 0;
}

#ttl-services {
    width: 106px;
    background: url(../images/ttl_services.gif) top left no-repeat;
}

#ttl-iphone {
    width: 78px;
    background: url(../images/ttl_iphone.jpg) top left no-repeat;
}

#ttl-iphone-download {
    width: 138px;
    background: url(../images/ttl_download.jpg) top left no-repeat;
}

#ttl-mailing-list {
    width: 166px;
    background: url(../images/ttl_mailing_list.gif) top left no-repeat;
}
#ttl-purls {
    width: 72px;
    background: url(../images/ttl_purls.gif) top left no-repeat;
}
#ttl-track-mail {
    width: 189px;
    background: url(../images/ttl_track_mail.gif) top left no-repeat;
}
#ttl-creative-services {
    width: 220px;
    background: url(../images/ttl_creative_services.gif) top left no-repeat;
}
#ttl-image-gallery {
    width: 187px;
    background: url(../images/ttl_image_gallery.gif) top left no-repeat;
}
#ttl-mailing-services {
    width: 216px;
    background: url(../images/ttl_mailing_services.gif) top left no-repeat;
}
#ttl-custom-options {
    width: 218px;
    background: url(../images/ttl_custom_options.gif) top left no-repeat;
}
#ttl-image-personalization {
    width: 306px;
    background: url(../images/ttl_image_personalization.gif) top left no-repeat;
}
#ttl-qr-codes {
    width: 306px;
    background: url(../images/ttl_qr_codes.gif) top left no-repeat;
}
#ttl-db-profiling {
    width: 249px;
    background: url(../images/ttl_db_profiling.gif) top left no-repeat;
}
#ttl-db-hygiene {
    width: 229px;
    background: url(../images/ttl_db_hygiene.gif) top left no-repeat;
}

#ttl-contact-us-online {
    width: 176px;
	height:15px;
    background: url(../images/ttl_contact_us_online.gif) top left no-repeat;
}

#ttl-prospects-contact {
    width: 220px;
	height:40px;
    background: url(../images/ttl_prospects_contact.gif) top left no-repeat;
}

#ttl-customer-insights {
    width: 239px;
    background: url(../images/ttl_customer_insights.gif) top left no-repeat;
}

#ttl-bottom-line {
    width: 152px;
    background: url(../images/ttl_bottom_line.gif) top left no-repeat;
}

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

#subnav ul {
    margin-left: 100px;
}

a#list-services {
    width: 100px;
    background: url(../images/subnav_list_services.gif) top left no-repeat;
}
a#purls {
    width: 68px;
    background: url(../images/subnav_purls.gif) top left no-repeat;
}
a#track-my-mail {
    width: 106px;
    background: url(../images/subnav_track_mail.gif) top left no-repeat;
}
a#creative-services {
    width: 124px;
    background: url(../images/subnav_creative_services.gif) top left no-repeat;
}
a#image-gallery {
    width: 108px;
    background: url(../images/subnav_image_gallery.gif) top left no-repeat;
}
a#mailing-services {
    width: 121px;
    background: url(../images/subnav_mailing_services.gif) top left no-repeat;
}
a#custom-options {
    width: 117px;
    background: url(../images/subnav_custom_options.gif) top left no-repeat;
}


a:hover#list-services, body.list-services-on a#list-services,
a:hover#mailing-list, body.mailing-list-on a#mailing-list,
a:hover#purls, body.purls-on a#purls,
a:hover#track-my-mail, body.track-my-mail-on a#track-my-mail,
a:hover#creative-services, body.creative-services-on a#creative-services,
a:hover#image-gallery, body.image-gallery-on a#image-gallery,
a:hover#mailing-services, body.mailing-services-on a#mailing-services,
a:hover#custom-options, body.custom-options-on a#custom-options {
    background-position: bottom left;
}

/************************************
* Drop-Down Menus
************************************/

#subnav li .ddl ul { /* second-level lists */
	position: absolute;
    background: #04317F url(../images/bg_flyout.gif) bottom left no-repeat;
	width: 176px;
    height: 67px;
    padding-top: 1px;
	left: -9999px;  /*using left instead of display to hide menus because display: none isn't read by screen readers */
    clear: left;
}

#subnav li:hover .ddl ul,
#subnav li.sfhover .ddl ul { /* lists nested under hovered list items */
    top: 38px;
    left: 0;
    z-index: 999;
}

#subnav li .ddl ul li {
    width: 176px;
    height: 30px;
}

#subnav li .ddl ul li a {
    width: 176px;
    height: 30px;
    color: #FFF;
    text-indent: -9999;
}

#subnav li .ddl ul li a#db-profiling {
    background: url(../images/tertiary_db_profiling.gif) top left no-repeat;
}
#subnav li .ddl ul li a#db-hygiene {
    background: url(../images/tertiary_db_hygiene.gif) top left no-repeat;
}


#subnav li .ddl ul li a:hover#db-profiling,
#subnav li .ddl ul li a:hover#db-hygiene {
    background-position: bottom left;
}