/* ==============================================	*/
/* Everything lives inside the 'MainPageContainer'	*/
/* this is the width of the site					*/
/* ===============================================	*/

#mainPageContainer {
	width: 800px;
	margin: 0 auto 0 auto;
}


/* ==============================================	*/
/* The top of the page								*/
/* ===============================================	*/

/* mainPage is the dark grey background of the page and		*/
/* the shadow the continues down the right on tall pages	*/
#mainPage {
	position: relative;
	background-image:url(/images/backgrounds/main/right_shadow.gif);
	background-repeat:repeat-y;
	background-position:right;
	background-color:#D2D2D2;
	padding: 0 0px 0 0px;
	margin: 0;
}

/* The top of the page, including the dark blue, the light		*/
/* blue bar and the faded grey									*/
#mainPageTop {
	position: relative;
	background-image:url(/images/backgrounds/main/center.gif);
	background-position:top left;
	background-repeat:repeat-x;
	
	height:inherit !important; /* Mozilla will place nicely and inherit the height, or use a min-height*/
	
	min-height: 450px !important;
}

/* The left hand side of the top top of the page, all the curves etc.	*/
#mainPageLeft {
	position:absolute;
	left:0;
	top:0;
	background-image:url(/images/backgrounds/main/left.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width: 10px;
	height: 295px;
	margin: 0;
	padding: 0;
}

/* The right hand side of the top top of the page, all the shadows etc.	*/
/* Note the different width to make room for the shadow */
#mainPageRight {
	position:absolute;
	right:0;
	top:0;
	background-image:url(/images/backgrounds/main/right.gif);
	background-position:top right;
	background-repeat:no-repeat;
	width: 14px;
	height: 295px;
	margin: 0;
	padding: 0;
}



/* MyCheapDomains logo */
#mainPageTop #logo {
	position:absolute;
	left:10px;
	top:11px;
}
#mainPageTop #logo img {
	border:0;
}


/* ==============================================	*/
/* The light blue bar at the top under the logo		*/
/* ===============================================	*/
#mainPageTop #linksBar {
	position:relative;
	top: 78px;
}
#mainPageTop #linksBar #linksBarLeft {
	position: absolute;
	left: 10px;
}

#mainPageTop #linksBar #linksBarRight {
	position: absolute;
	right: 17px;
	text-align:right;
}

#mainPageTop #linksBar a{
	color:#3944A0;
	text-decoration:none;
	font-weight:bold;
}

#mainPageTop #linksBar a:hover{
	color:#7F89E8;
	text-decoration:none;
	font-weight:bold;
}




/* ==============================================	*/
/* The bottom of the page							*/
/* ===============================================	*/

/* center blue */
#mainPageFooter {
	position: relative;
	background-image:url(/images/backgrounds/main/b_center.gif);
	background-position:top left;
	background-repeat:repeat-x;
	height: 36px;
	clear:both;
}

/* left corner */
#mainPageFooter #mainPageFooterLeft {
	position:absolute;
	left:0;
	top:0;
	background-image:url(/images/backgrounds/main/b_left.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width: 10px;
	height: 36px;
	margin: 0;
	padding: 0;
}

/* right corner. Note extra 4px to allow for shadow. */
#mainPageFooter #mainPageFooterRight {
	position:absolute;
	right:0;
	top:0;
	background-image:url(/images/backgrounds/main/b_right.gif);
	background-position:top right;
	background-repeat:no-repeat;
	width: 14px;
	height: 36px;
	margin: 0;
	padding: 0;
}

/* text in the footer*/
#mainPageFooter #footerText {
	font-size:11px;
	color:#D2D2D2;
	position: relative;
	text-align:center;
	margin: 0 auto 0 auto;
	top: 12px;
}

#mainPageFooter #footerText a{
	color:#D2D2D2;
	text-decoration:none;
}
#mainPageFooter #footerText a:hover{
	color:#F7F7F7;
	text-decoration:none;
}


/* =========================================================	*/
/* The actual page content that goes on top of the grey fade.	*/
/* =========================================================	*/

/* All this top paddnig is becasue this div actually starts		*/
/* at the very top of the page. all the hear stuff was			*/
/* absolutly positioned, so the 'current v-position is still at	*/
/* the top.														*/
#mainPageContentConfig {
	padding: 110px 20px 0px 163px;

}
#mainPageContent {
	padding: 110px 20px 0px 14px;

}