* {margin:0;padding:0}                             /* Remove margins and padding around the page */
ul{margin-left:16px;}
p,h1,h2,h3,h4,h5,h6,ul {margin-bottom:.5em}

body {  
	background-image: url(../backgrounds/marble.jpg);      
        background-attachment:fixed;                     /* Background will not scroll with page */
	background-color: #75726E;
	margin:0px 0px; padding:0px;                     /* For IE. Horizontally aligns elements */
	text-align:center;
}

/* Basic page structure -----------------------------------------------------------------------------*/

#dropshadowframe {
		padding: 0px;
		margin: 0px auto;
		width: 900px;
		height: 756px;
		position: relative;
		background: url(../frame.png); no-repeat;
}

#innerframer01 {
		padding: 0px;
		margin: 0px auto;
		width: 872px;
		height: 720px;
		position: absolute;
		top: 20px; left: 14px;
                background: url(../pagebackgrounds/background-retention-01.jpg) no-repeat; 
}
#innerframer02 {
		padding: 0px;
		margin: 0px auto;
		width: 872px;
		height: 720px;
		position: absolute;
		top: 20px; left: 14px;
                background: url(../pagebackgrounds/background-retention-02.jpg) no-repeat; 
}
#innerframer03 {
		padding: 0px;
		margin: 0px auto;
		width: 872px;
		height: 720px;
		position: absolute;
		top: 20px; left: 14px;
                background: url(../pagebackgrounds/background-retention-03.jpg) no-repeat; 
}
#innerframer04 {
		padding: 0px;
		margin: 0px auto;
		width: 872px;
		height: 720px;
		position: absolute;
		top: 20px; left: 14px;
                background: url(../pagebackgrounds/background-retention-04.jpg) no-repeat; 
}
#innerframer05 {
		padding: 0px;
		margin: 0px auto;
		width: 872px;
		height: 720px;
		position: absolute;
		top: 20px; left: 14px;
    background: url(../pagebackgrounds/background-retention-05.jpg) no-repeat; 
}
#innerframer06 {
		padding: 0px;
		margin: 0px auto;
		width: 872px;
		height: 720px;
		position: absolute;
		top: 20px; left: 14px;
    background: url(../pagebackgrounds/background-retention-06.jpg) no-repeat; 
}
#innerframer07 {
		padding: 0px;
		margin: 0px auto;
		width: 872px;
		height: 720px;
		position: absolute;
		top: 20px; left: 14px;
    background: url(../pagebackgrounds/background-retention-07.jpg) no-repeat; 
}
#innerframer08 {
		padding: 0px;
		margin: 0px auto;
		width: 872px;
		height: 720px;
		position: absolute;
		top: 20px; left: 14px;
    background: url(../pagebackgrounds/background-retention-08.jpg) no-repeat; 
}
#innerframer09 {
		padding: 0px;
		margin: 0px auto;
		width: 872px;
		height: 720px;
		position: absolute;
		top: 20px; left: 14px;
    background: url(../pagebackgrounds/background-retention-09.jpg) no-repeat; 
}

#innerframea01 {
		padding: 0px;
		margin: 0px auto;
		width: 872px;
		height: 720px;
		position: absolute;
		top: 20px; left: 14px;
    background: url(../pagebackgrounds/background-acquisition-01.jpg) no-repeat; 
}
#innerframea02 {
		padding: 0px;
		margin: 0px auto;
		width: 872px;
		height: 720px;
		position: absolute;
		top: 20px; left: 14px;
    background: url(../pagebackgrounds/background-acquisition-02.jpg) no-repeat; 
}
#innerframea03 {
		padding: 0px;
		margin: 0px auto;
		width: 872px;
		height: 720px;
		position: absolute;
		top: 20px; left: 14px;
    background: url(../pagebackgrounds/background-acquisition-03.jpg) no-repeat; 
}
#innerframea04 {
		padding: 0px;
		margin: 0px auto;
		width: 872px;
		height: 720px;
		position: absolute;
		top: 20px; left: 14px;
    background: url(../pagebackgrounds/background-acquisition-04.jpg) no-repeat; 
}
#innerframea05 {
		padding: 0px;
		margin: 0px auto;
		width: 872px;
		height: 720px;
		position: absolute;
		top: 20px; left: 14px;
    background: url(../pagebackgrounds/background-acquisition-05.jpg) no-repeat; 
}


#innerframee01 {
		padding: 0px;
		margin: 0px auto;
		width: 872px;
		height: 720px;
		position: absolute;
		top: 20px; left: 14px;
                background: url(../pagebackgrounds/background-events-01.jpg) no-repeat; 
}
#innerframee02 {
		padding: 0px;
		margin: 0px auto;
		width: 872px;
		height: 720px;
		position: absolute;
		top: 20px; left: 14px;
                background: url(../pagebackgrounds/background-events-02.jpg) no-repeat; 
}
#innerframee03 {
		padding: 0px;
		margin: 0px auto;
		width: 872px;
		height: 720px;
		position: absolute;
		top: 20px; left: 14px;
                background: url(../pagebackgrounds/background-events-03.jpg) no-repeat; 
}
#innerframee04 {
		padding: 0px;
		margin: 0px auto;
		width: 872px;
		height: 720px;
		position: absolute;
		top: 20px; left: 14px;
                background: url(../pagebackgrounds/background-events-04.jpg) no-repeat; 
}





#innerframercontact {
		padding: 0px;
		margin: 0px auto;
		width: 872px;
		height: 720px;
		position: absolute;
		top: 20px; left: 14px;
                background: url(../pagebackgrounds/background-contact.jpg) no-repeat; 
}

#innerframecorporate {
		padding: 0px;
		margin: 0px auto;
		width: 872px;
		height: 720px;
		position: absolute;
		top: 20px; left: 14px;
                background: url(../pagebackgrounds/background-corporate.jpg) no-repeat; 
}



/* Text Headers -----------------------------------------------------------------------------*/


#mzllogodark {
		float:left;
		width: 289px;
		height: 42px;
		background: url(../textbitmaps/mzllogo-dark.png) no-repeat;
		margin-left: 24px; margin-top: 60px; 
}

#mzllogolight {
		float:left;
		width: 289px;
		height: 42px;
		background: url(../textbitmaps/mzllogo-light.png) no-repeat;
		margin-left: 24px; margin-top: 60px; 
}




/* Navigation Bars --------------------------------------------------------------------------*/

#navigationbardark {
	list-style: none; 
	float:left; 
	width: 872px;
	height: 100px;
	background: url(../navigation/navigationbar-dark.png) no-repeat;
	margin-left: 0px; margin-top: 50px; 
}

#navigationbardark .retention {
	position:absolute;
	width: 135px;
	height: 61px;
	background: url(../navigation/button-light-retention.png) no-repeat;
	left: 20px; 
	top: 166px; 
}

#navigationbardark .acquisition {
	position:absolute;
	width: 158px;
	height: 61px;
	background: url(../navigation/button-light-acquisition.png) no-repeat;
	left: 194px;
	top: 166px; 
}
#navigationbardark .events {
	position:absolute;
	width: 131px;
	height: 61px;
	background: url(../navigation/button-light-events.png) no-repeat;
	left: 394px;
	top: 166px; 
}
#navigationbardark .corporate {
	position:absolute;
	width: 132px;
	height: 61px;
	background: url(../navigation/button-light-corporate.png) no-repeat;
	left: 566px;
	top: 166px; 
}
#navigationbardark .contact {
	position:absolute;
	width: 107px;
	height: 61px;
	background: url(../navigation/button-light-contact.png) no-repeat;
	left: 742px;
	top: 166px; 
}

#navigationbardark span {
	display: none;
	position: absolute;
}

#navigationbardark a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}

#navigationbardark a:hover {
	background-position: 0 -61px;
}


/*-------*/


#navigationbarlight {
	list-style: none; 
	float:left; 
	width: 872px;
	height: 100px;
	background: url(../navigation/navigationbar-light.png) no-repeat;
	margin-left: 0px; margin-top: 50px; 
}

#navigationbarlight .retention {
	position:absolute;
	width: 135px;
	height: 61px;
	background: url(../navigation/button-dark-retention.png) no-repeat;
	left: 20px; 
	top: 166px; 
}

#navigationbarlight .acquisition {
	position:absolute;
	width: 158px;
	height: 61px;
	background: url(../navigation/button-dark-acquisition.png) no-repeat;
	left: 194px;
	top: 166px; 
}
#navigationbarlight .events {
	position:absolute;
	width: 131px;
	height: 61px;
	background: url(../navigation/button-dark-events.png) no-repeat;
	left: 394px;
	top: 166px; 
}
#navigationbarlight .corporate {
	position:absolute;
	width: 132px;
	height: 61px;
	background: url(../navigation/button-dark-corporate.png) no-repeat;
	left: 566px;
	top: 166px; 
}
#navigationbarlight .contact {
	position:absolute;
	width: 107px;
	height: 61px;
	background: url(../navigation/button-dark-contact.png) no-repeat;
	left: 742px;
	top: 166px; 
}

#navigationbarlight span {
	display: none;
	position: absolute;
}

#navigationbarlight a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}

#navigationbarlight a:hover {
	background-position: 0 -61px;
}





/* --------------------------------------------------------------------------------- */


#textblockheaderretentiondark {
		float:left;
		width: 168px; height: 32px;
		margin-left: 24px; margin-top: 50px;
		background: url(../textbitmaps/retentionheader-dark.png) no-repeat;
}

#textblockheaderretentionlight {
		float:left;
		width: 168px; height: 32px;
		margin-left: 24px; margin-top: 50px;
		background: url(../textbitmaps/retentionheader-light.png) no-repeat;
}

/* ----- */

#textblockheaderacquisitiondark {
		float:left;
		width: 188px; height: 42px;
		margin-left: 24px; margin-top: 50px; margin-bottom: -10px;
		background: url(../textbitmaps/acquisitionheader-dark.png) no-repeat;
}

#textblockheaderacquisitionlight {
		float:left;
		width: 188px; height: 42px;
		margin-left: 24px; margin-top: 50px; margin-bottom: -10px;
		background: url(../textbitmaps/acquisitionheader-light.png) no-repeat;
}

/* ----- */

#textblockheadereventsdark {
		float:left;
		width: 168px; height: 32px;
		margin-left: 24px; margin-top: 50px;
		background: url(../textbitmaps/eventsheader-dark.png) no-repeat;
}

#textblockheadereventslight {
		float:left;
		width: 168px; height: 32px;
		margin-left: 24px; margin-top: 50px;
		background: url(../textbitmaps/eventsheader-light.png) no-repeat;
}

/* ----- */

#textblockheadercorporatedark {
		float:left;
		width: 188px; height: 42px;
		margin-left: 24px; margin-top: 50px; margin-bottom: -10px;
		background: url(../textbitmaps/corporateheader-dark.png) no-repeat;
}

#textblockheadercorporatelight {
		float:left;
		width: 188px; height: 42px;
		margin-left: 24px; margin-top: 50px; margin-bottom: -10px;
		background: url(../textbitmaps/corporateheader-light.png) no-repeat;
}

/* ----- */

#textblockheadercontactdark {
		float:left;
		width: 168px; height: 32px;
		margin-left: 24px; margin-top: 50px;
		background: url(../textbitmaps/contactheader-dark.png) no-repeat;
}

#textblockheadercontactlight {
		float:left;
		width: 168px; height: 32px;
		margin-left: 24px; margin-top: 50px;
		background: url(../textbitmaps/contactheader-light.png) no-repeat;
}







/* Text container, small columns ----------------------------------------------- */

#textframe {
		float:left;
		width: 815px;
		height: 270px;
		margin-left: 28px; margin-top: 8px;
	/*	background-color: #FAFAFA;  */
}

.textspacer{
		float:left;
 		width: 20px;
		height: 270px;
	/*	background-color: #FF0000; */
}

.textblock {
		float:left;
		width: 300px; /* was 260*/
		height: 270px;
	/*	background-color: #654321; */
}

/* Text container, large columns ----------------------------------------------- */

.textspacerlarge{
		float:left;
 		width: 40px;
		height: 270px;
	/*	background-color: #FF0000; */
}


.textblocklarge {
		float:left;
		width: 385px; /* was 260*/
		height: 270px;
	/*	background-color: #654321; */
}

.textblocksmall {
		float:left;
		width: 180px; /* was 260*/
		height: 270px;
	/*	background-color: #654321; */
}


#content span {
		display: none;
		position: absolute;
}




/* Text Formatting --------------------------------------------------------------------------*/


.bodytext {
	font: 11px Georgia, Bell MT, serif; 
	line-height: 19px;
	color: #32312d;
	text-align : left;
	margin-right: 1px;
	margin-left: 1px;
	text-decoration: none;
}


.bodytextlight {
	font: 11px Georgia, Bell MT, serif; 
	line-height: 19px;
	color: #eeeeee;
	text-align : left;
	margin-right: 1px;
	margin-left: 1px;
	text-decoration: none;
}

.bodytextlarge {
	font: 11px Georgia, Bell MT, serif; 
  /*    font-style: italic;*/
        font-weight: bold;
 	line-height: 19px;
	color: #334e93;
	text-align : left;
	margin-right: 1px;
	margin-left: 1px;
	text-decoration: none;

}

.bodytextbold {
	font: 11px Georgia, Bell MT, serif; 
        font-weight: bold;
	line-height: 19px;
	color: #32312d;
	text-align : left;
	margin-right: 1px;
	margin-left: 1px;
	text-decoration: none;
}

.bodytextlightbold {
	font: 11px Georgia, Bell MT, serif; 
        font-weight: bold;
	line-height: 19px;
	color: #eeeeee;
	text-align : left;
	margin-right: 1px;
	margin-left: 1px;
	text-decoration: none;
}


.bodytextturquoisebold {
	font: 11px Georgia, Bell MT, serif; 
        font-weight: bold;
	line-height: 19px;
	color: #76b4c1;
	text-align : left;
	margin-right: 1px;
	margin-left: 1px;
	text-decoration: none;
}



