/**********************************
** MassMedia Studios Pty Limited **
** ***************************** **
** Author: Ben Gillies           **
** Date Modified: 21st Oct 2005  **
** ***************************** **
**                Copyright 2005 **
** ***************************** **
** Release notes:                **
** never fear, support for the   **
** beloved mac will be here sonn.**
**********************************/

body {
	margin:							0;
	padding:						0;
	border:							none;
	background:						#3f0000;
	height:							100%;
	font:							normal 11px arial,helvetica,sans-serif;
	color:							#666;
	text-align:						center;
}

#globalWrap {
	display:						block;
	width:							780px;
	margin:							0 auto;
	padding:						0;
	background:						url(../images/borders_fade9.png) repeat-y left;
}
* html #globalWrap {
	position:						relative;
	background:						url(../images/borders_ie.gif) repeat-y left;
	filte\r:						progid:DXImageTransform.Microsoft.AlphaImageLoader(src='common/images/borders_fade9.png',sizingMethod='scale')
}

* html #topBanner img {
	margin-bottom:					-3px;
}

#mainContent {
	text-align:						left;
	background-color:				#f2f2f2;
	width:							760px;
	margin:							0 auto;
}

#topBanner {
	background:						url(../images/bg_topBanner.jpg) repeat-x left top;
	height:							70px;
	text-align:						right;
	border-bottom:					1px solid #808080;	
}

#topBanner img {
	border:							none;
	margin-right:					20px;
}

#pageContent {
	vertical-align:					top;
	/*padding:						0 16px 2px 16px;*/
	background:						#f2f2f2;
	text-align: 					center!important;
	margin:							0px auto;
}

#leftSide, #footerLeft {
	display:						block;
	float:							left;
	width:							452px;
	widt\h:							436px;
	padding-left: 					16px;
}

#center {
	display:						block;
	text-align:						center;
	width:							650px;
	float:							none;
	margin:							0px auto;
}

.align_center {
	align:							center;
}

#rightSide, #footerRight {
	display:						block;
	float:							right;
	width:							264px;
	padding-right:					10px;
}

#footerLeft {
	padding-left:					20px;
	vertical-align:					bottom;
	text-align: 					left;
}
#footerLeft a {
	text-decoration:				none;
}
#footerRight {
	text-align:						right;
	vertical-align:					bottom;
	padding-right:					24px;
}
#footerRight a {
	margin:							0 0 0 10px;
}

div.fullWidth {
	width:							728px;
	padding:						0 0 10px 0;
	margin:							0;
	vertical-align:					top;
}
div.fullWidth .flashBanner {
	margin:							0 4px;
	vertical-align:					top;
}

/************************
** main menu bar       **
************************/

#mainMenuWrap {
	border-top:						1px solid #666;
	background:						url(../images/bg_mainNav4.gif) repeat-x top left;
	width:							100%;
	height:							65px; /*56px;*/ /* adjust for main menu height */
	/*margin-bottom:					10px;*/
}

#mainMenuWrap.homeHeight {
	height:							57px!important;
}

#topNav {
	height:							32px;
	border-top:						1px solid #FFF;
}

/*
div.selected a {
	background-position:			0 -64px!important;
}
*/

a.selected:hover {
	color:							#666!important;
}

/********************************************
** clearing                                */

.cDivBoth {
	clear:							both;
	display:						block;
	height:							10px;
	overflow:						hidden;
}
.cDivHidden, .cDiv {
	clear:							left;
}
.cDivBothHidden {
	clear:							both;
}
.cDivRight, .cDivRightHidden {
	clear:							right;
}
.cDivHidden, .cDivBothHidden, .cDivRightHidden {
	display:						block;
	height:							1px;
	content:						".";
	overflow:						hidden;
	visibility:						hidden;
	margin:							0;
	/*margi\n-top:					-1px;*/
	padding:						0;
}
* html .cDivHidden, * html .cDivBothHidden, * html .cDivRightHidden {
	margin:							-1px 0 -1px 0;
	margi\n:						0 0 -1px 0;
}

/* end clearing                            **
********************************************/

/********************************************
** general                                 */

.hide {
	display:						none;
}

.show {
	display:						block;
}

.right {
	text-align:						right!important;
}
.left {
	text-align:						left;
}

.top {
	vertical-align:					top;
}

.bottom {
	vertical-align:					bottom;
}

.center {
	text-align:						center;
}

h1 {
	font-size:						1.4em;
	font-family:					arial,helvetic,sans-serif;
}

h2 {
	font-size:						1.2em;
	font-family:					arial,helvetic,sans-serif;
}
h2.small {
	font-size:						1em;
	font-weight:					bold;
}
h3 {
	color:							#8d0e0e;
	font-size:						1em;
	font-family:					arial,helvetic,sans-serif;
}
h4 {
	color:							#666666;
	font-size:						1em;
	font-family:					arial,helvetic,sans-serif;
	padding: 						0px;
	margin: 						0px 0px 3px 10px;
}
h4.siteMap {
	color:							#666666;
	font-size:						1em;
	font-family:					arial,helvetic,sans-serif;
	margin: 						2px 0px 0px 30px;
}
h2 a, h3 a {
	text-decoration:				none!important;
}
h2.small a {
	text-decoration:				underline!important;
}
a {
	color:							#8d0e0e;
}
a:hover {
	color:							#666;
}

a p {
	color: 							#666!important;
}

a h3 {
	text-decoration: 				none;
}

p {
	font-size:						1em;
	padding:						0;
	margin:							0;
	line-height:					1.4em;
}

/* ------------------------- lists ------------------------- */
ul {
	margin:							3px 0px 3px 22px;	
	font-size:						1.1em;
	padding:						3px 0px 3px 22px;
	float: left;
}
ol.reasons {
	font-weight: 					bold; 
	color: 							#8d0e0e; 
	font-size: 						13px;
	text-align:						left;
	margin: 						0;
	padding: 						20px 0 20px 45px;
}
ul.siteMap {
	margin:							3px 0px 3px 22px;	
	font-size:						1em;
	padding:						3px 0px 3px 22px;
	float: left;
}

* html ol.reasons {
	padding-bottom:					10px;
	paddin\g-bottom:				20px;
}

ol.reasons li {
	padding:						10px 30px 10px 0;
}

ol.reasons li span {
	font-weight: 					normal;
	color: 							#666;
	font-size: 						11px;
	padding:						0 0 0 10px!important;
	display:						block;
}

#rightSide div.contentBox ol.reasons li div.dottedLine {
	margin: 						20px -8px 0 -22px!important;
}

* html #rightSide div.contentBox ol.reasons li div.dottedLine {
	height: 						5px;
	heigh\t:						auto;
}

/* ------------------------- end lists ------------------------- */

a div {
	text-decoration:				none;
}
a img {
	border:							none;
}

.noTop, div.noTop {
	padding-top:					0!important;
	margin-top:						0!important;
}

.floatLeft {
	float:							left;
	display:						block;
}
.floatRight {
	float:							right;
	display:						block;
}

.greyText {
	color:							#797979!important;
}
.lightGreyText {
	color:							#b8b8b8!important;
}
.marginLeft {
	margin-left:					20px!important;
}
.marginRight {
	margin-right:					40px!important;
	display:						inline;
}
#rightSide .marginLeft {
	margin-left:					24px!important;
}
.diagram {
	padding-left:					2px!important;
}
.padLeft {
	padding-left:					20px!important;
}
#rightSide .padLeft {
	padding-left:					24px!important;
}
.padNone {
	padding:						0!important;
}
.padTop {
	padding-top:					15px!important;
}
.padTopBig {
	padding-top:					30px!important;
}
.marginTop {
	margin-top:						15px!important;
}
.padBottom {
	padding-bottom:					15px!important;
}
.padRight {
	padding-right:					20px!important;
}
#rightSide .padRight {
	padding-right:					24px!important;
}

.highlight {
	color:							#8d0e0e;
}

.ieHack {
	position:						relative;
}

/* end general                                                            Chriss started removing from here**
******************************************/

/*******************************************
 * content box                             */

div.contentBox {
	padding:						0 4px;
	margin:							0;
	vertical-align:					top;
	display:						inline-block; /* holly hack for peak-a-boo with ie bug */
	text-align:						left;
}

div.linkDescription {
	height:							20px;
	padding:						0 0 8px 5px;
}

div.contentBoxFull {
	padding:						0 4px;
	margin:							0;
	vertical-align:					top;
	display:						inline-block; /* holly hack for peak-a-boo with ie bug */
}

div.contentBox p {
	padding:						2px 20px 0px 20px;
	font-size:						1em;	
}
div.contentBox p.mainText {
	font-size:						1.1em;	
	padding-bottom:					2px;
	float: left;
}

div.contentBox p.siteMapText {
	font-size:						1em;	
	padding-bottom:					2px;
	float: left;
}


div.contentBox p.mainTextFloatRight {
	font-size:						1.1em;	
	padding-bottom:					2px;
	float: right;
}

#rightSide div.contentBox p {
	padding:						2px 24px 5px 24px;
}

div.contentBoxFooter a, div.contentBoxFooter a:hover {
	color:							#8d0e0e;
}

#leftSide div.contentBox {
	background:						url(../images/bg_left_contentBox.gif) repeat-y top left;
	width:							452px;
}

#center div.contentBox {
	background:						url(../images/bg_center_contentBox.gif) repeat-y top left;
}

#center div.contentBoxEmail {
	background:						url(../images/bg_center_contentBox.gif) repeat-y top left;
}

#rightSide div.contentBox {
	background:						url(../images/bg_right_contentBox.gif) repeat-y top left;
	width: 263px;
}

h1.contentBox {
	padding:						12px 24px 10px 24px;
	margin:							0;
	color:							#FFF;
	text-align: 					left;

}

h1.contentBoxFull {
	padding:						12px 24px 10px 24px;
	margin:							0;
	color:							#FFF;
}

#center h1.contentBox {
	padding:						12px 28px 10px 28px;
}

h1.innerContentBox {
	padding:						12px 24px 6px 24px!important;
	margin:							0;
	color:							#797979;
}

#leftSide h1.contentBox.darkRed {
	background:						url(../images/bg_left_cBox_hd_darkRed.gif) no-repeat top left;
	width: 							452px;
	widt\h:							404px;
}

#center h1.contentBoxFull.darkRed {
	background:						url(../images/bg_center_cBox_hd_darkRed.gif) no-repeat top left;
	width: 							650px;
}

#rightSide h1.contentBox.darkRed {
	background:						url(../images/bg_right_cBox_hd_darkRed.gif) no-repeat top left;
	width: 							263px;
	widt\h: 						215px;

}

div.contentBox h2 {
	color:							#8d0e0e;
	margin:							2px 20px;
}

div.contentBox h2.marginTop {
	margin-top:						10px!important;
}

div.contentBox img, div.contentBox div.flashHdr {
	vertical-align:					top;
	padding-bottom: 0px;
	margin-bottom: 0px;
	height: 151px;
}

div.contentBoxEmail img {
	vertical-align:					top;
}

#rightSide div.contentBox div.dottedLine {
	margin:							0 13px;
}

div.contentBox div.divider {
	height:							15px;
}

#leftSide div.contentBox div.divider {
	background:						url(../images/bg_left_cBox_divide.gif) no-repeat top left!important;
	width: 							444px;
}
div.fullFooterDiv {
	background:						url(../images/bg_center_contentBox.gif) repeat;
}

#center div.contentBox div.divider {
	background:						url(../images/bg_left_cBox_divide.gif) no-repeat top left!important;
}

#rightSide div.contentBox div.divider {
	background:						url(../images/bg_right_cBox_divide.gif) no-repeat top left!important;
	margin:							3px 0px 0px 0px;
	padding-bottom: 10px;
}

div.contentBoxFooter {
	padding:						15px 24px;
	height:							25px;
	heigh\t:						35px;
	color:							#FFF;
	margin-top: 					-1px!important; /* Firefox - fix for 1px gap in clearing div */
}
* html div.contentBoxFooter {
	margin-top:						0px!important;
}
#leftSide div.contentBoxFooter.clear {
	background:						url(../images/bg_left_cBox_foot_clear.gif) no-repeat top left;
	height:							35px;
	heigh\t:						21px;
	padding:						7px 24px;
	width:							452px;
	widt\h:							404px;
}

#center div.contentBoxFooter.clear {
	background:						url(../images/bg_center_cBox_foot_clear.gif) no-repeat top left;
	height:							35px;
	heigh\t:						21px;
	padding:						7px 24px;
	width: 							650px;
	widt\h:							602px;
}
#rightSide div.contentBoxFooter {
	padding:						7px 0px;
	height:							55px; /* should adjust for ie/mozilla */
}

#rightSide div.contentBoxFooter.red {
	background:						url(../images/bg_right_cBox_foot_red.gif) no-repeat top left;
}
#rightSide div.contentBoxFooter.clear {
	background:						url(../images/bg_right_cBox_foot_clear.gif) no-repeat top left;
	height:							19px;
	color:							#666;
	width: 							263px;
}
#leftSide div.contentBox div.contentBoxCtrls {
	background:						url(../images/bg_left_cBox_controls.gif) no-repeat top left;
	margin:							0;
	padding:						8px 0 0 20px;
	height:							45px;
	heigh\t:						37px;
	width: 							444px;	
	widt\h:							424px;
	
}

#center div.contentBox div.contentBoxCtrls {
	background:						url(../images/bg_left_cBox_controls.gif) no-repeat top left;
	margin:							0;
	padding:						8px 0 0 20px;
	height:							45px;
	heigh\t:						37px;
}
div.contentBoxCtrls p {
	display:						block;
	float:							left;
	color:							#666;
	margin:							2px 0 0 0;
	padding:						0;
}

div.caseStudyItem a.caseStudyLink, div.caseStudyItem a.caseStudyLink:hover {
	text-decoration:				underline;
	display:						block;
}

div.rightSideList {
	margin:							0px 0px 0px 24px;
}

div.rightSideList a {
	text-decoration:				none;
}

div.rightSideListDottedDivider {
	margin:							3px 10px 3px 28px;
	padding:						0px;
	height:							1px;
	background:						url(../images/bg_dotted_divider.gif) repeat-x left;
	font-size:						0px;
}

div.sendEmail {
	margin: 						0 0 0 20px;
}

div.sendEmail p.emailText {
	font-size:						1.1em;	
	padding:						2px 0 4px 0;
	margin: 						0px;
}
/* end content box                         **
********************************************/


/********************************************
** general structures                       */

#rightSide div.generalContent {
	padding:						0 24px;
	margin:							0;
}

/* end general structures                  **
********************************************/

/********************************************
** buttons                                 */


div.ctrlsBtn {
	background:						url(../images/btn_bg_controls_right.gif) no-repeat top right;
	overflow:						hidden;
	display:						block;
	float:							left;
	height:							24px;
	margin:							0 1px;
	padding:						0px;
}
div.ctrlsBtn a {
	background:						url(../images/btn_bg_controls_left.gif) no-repeat top left;
	text-decoration:				none;
	display:						block;
	float:							left;
	font-family:					arial,helvetica,sans-serif;
	padding:						3px 7px 2px 8px;
	height:							24px;
}
div#divMoreInfo {
	margin:							4px 1px 0px 24px;
	display:						inline;
}
div.arrowRight, div.arrowLeft {
	height:							5px;
	width:							5px;
	display:						inline;
	padding:						0 1px;
	margin:							0;
	vertical-align: 				top;
}

div.arrowLeft {
	background:						url(../images/bg_arrow_left.gif) no-repeat 0 5px;
}
div.arrowRight {
	background:						url(../images/bg_arrow_right.gif) no-repeat 0 5px;
}
a.arrowRight {
	padding-left:					10px;
	background:						url(../images/bg_arrow_right.gif) no-repeat 0 5px;
}
ul.arrowRight {
	margin-left:					0;
	list-style:						none;
}
ul.arrowRight li {
	margin-left:					-13px;
	padding-left:					10px;
	background:						url(../images/bg_arrow_right.gif) no-repeat 0 5px;
	line-height:					1.4em;
}

#goBackBtn {
	margin:							0px auto 0px;
	float:							none;
	vertical-align:					middle;
}

/* end buttons                             **
********************************************/


body {
	background:						#3f0000 url(../images/massmedia-backtile.jpg) repeat 0 0;
}
/* Navigation made by Chris for MassManage ReBranding */

#navigation {
	border-top:						1px solid #fff;
	width:							100%;
	height:							32px;
	padding: 						0px;
	margin: 						0px;
}

#belowNav {
	background:						url(../images/bg_belowNav.gif) repeat-x left top;
	height:							28px;
}

#nav_eCards, #nav_flashGames, #nav_emails, #nav_contact, #nav_mainSite {
	height:							32px;
	float:							left;
}
#nav_eCards a, #nav_flashGames a, #nav_emails a, #nav_contact a, #nav_mainSite a {
	display:						block;
	height:							32px;
	background-position:			0 0;
}

#nav_eCards a:hover, #nav_flashGames a:hover, #nav_emails a:hover, #nav_contact a:hover, #nav_mainSite a:hover {
	background-position:			0 -32px!important;
}

#nav_eCards a.selected, #nav_flashGames a.selected, #nav_emails a.selected, #nav_contact a:selected, #nav_mainSite a.selected {
	background-position:			0 -64px!important;
}

/* E-Cards */
#nav_eCards {
	background:						url(../images/nav_eCards_btn.gif) no-repeat;
	width:							152px;
}
#nav_eCards a {
	background:						url(../images/nav_eCards_btn.gif) no-repeat;
}
/* Flash Games */
#nav_flashGames {
	background:						url(../images/nav_flashgames_btn.gif) no-repeat;
	width:							152px;
}
#nav_flashGames a {
	background:						url(../images/nav_flashgames_btn.gif) no-repeat;
}
/* Emails */
#nav_emails {
	background:						url(../images/nav_emails_btn.gif) no-repeat;
	width:							152px;
}
#nav_emails a {
	background:						url(../images/nav_emails_btn.gif) no-repeat;
}
/* Contact Us */
#nav_contact {
	background:						url(../images/nav_contact_btn.gif) no-repeat;
	width:							152px;
}
#nav_contact a {
	background:						url(../images/nav_contact_btn.gif) no-repeat;
}
/* Main Site link */
#nav_mainSite {
	background:						url(../images/nav_mainSite_btn.gif) no-repeat;
	width:							152px;
}
#nav_mainSite a {
	background:						url(../images/nav_mainSite_btn.gif) no-repeat;
}

/* Form Styling */

form {
	margin: 0px;
	padding: 0px;
}

input.inputEmail {
	margin: 						0px!important;
	padding: 						0px!important;
	vertical-align: 				top;
	width: 							200px;
}
input.sendEmailImg {
	margin: 0px;
}