/************************************************************************

	Site:		matchpoint.com

	Author:		eROI		[www.eroi.com]  

	Client:		Matchpoint		[http://www.matchpoint.com/]
	
	Notes:		
				
				
	Listing Order:
	==============

	1 - Global
	2 - Structure/Layout
	3 - Left Column
	4 - Right Column
	5 - Footer
	

************************************************************************/

/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/

body {
	background: #ccc;
	font-family: Arial, Helvetica, sans-serif
}

html, body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, input, select, div, p, img, table, td { 
	margin: 0; 
	padding: 0; 
}

a {
	text-decoration:none;
	
}

a:hover {
	text-decoration:underline;
	
}


div.left, div.right {
float: left;
}

div.clear {
clear:both;
}

a span {
display: none;
}

a.blocky {
display: block;
width: 100%;
height: 100%;
}




/***********************************************************************
	1 - HEADER STYLES
************************************************************************/
div#topbar {
height: 93px;
background: #fff url(../images/bg_topthinline.gif) top left repeat-x;
}

div#header {
height: 100%;
width: 960px;
margin-left: auto;
margin-right: auto;
position: relative;
}

div#logo {
background: url(../images/logo_main_matchpoint.gif) top left no-repeat;
width: 120px;
height: 58px;
position: absolute;
top: 22px;
left: 42px;
}

div#topsubbar {
height: 54px;
background: url(../images/bg_subtopbar.gif) top left repeat-x;
}

div#topExpandMyNetwork {
background: url(../images/button_top_expandmynet.gif) top left no-repeat;
width: 160px;
height: 25px;
float: right;
position: relative;
right: 10px;
}

/***********************************************************************
	1 - HEADER STYLES
************************************************************************/

div#container {
background: url(../images/bg_container.gif) top left;
}

div#content {

width: 982px;
padding: 0px 11px;
margin: 0 auto;
position: relative;
}

div.noline {
background: url(../images/bg_content.png) top left repeat-y;
}

div.line {
background: url(../images/bg_content_line.png) top left repeat-y;
}

div#watermark {
background: url(../images/bg_watermark.gif) top left no-repeat;
width: 202px;
height: 264px;
position: absolute;
top: -264px;
left: 11px;
z-index: 1;
}

/***********************************************************************
	1 - RIGHTCOLUMN - ORANGE BAR STYLES
************************************************************************/

div#rightColumn {
width: 751px;
float: left;
position: relative;
bottom: 81px;
}

div#middleContent {
float: left;
padding: 0px 0px 0px 20px;
width: 544px;
}


div#middleContent div.topcap  {
background: url(../images/topcap_grey_container.gif) bottom left no-repeat;
height: 6px; 
}

div#middleContent div.botcap {
background: #fff url(../images/botcap_grey_container.gif) top left no-repeat;
height: 6px;

}


/***********************************************************************
	1 - HEADER STYLES
************************************************************************/

div#footer {
clear: both;
background: #ccc url(../images/bg_footer.gif) top left repeat-x;
height: 99px;

}

div#footer div.content {
width: 982px;
padding: 0px 11px;
margin: 0 auto;
height: 100%;
position: relative;
}


div#footerLogo {
position: absolute;
top: 53px;
right: 39px;
background: url(../images/logo_footer.gif) top left no-repeat;
width: 52px;
height: 28px;
}

div#legalfooter ul, div#footer ul {
	margin: 0 auto;
	font-size: 10px;
	text-align: center;
	padding: 15px 0 0 12px;
}

div#footer p, div#legalfooter p {
	margin: 0 auto;
	font-size: 10px;
	text-align: center;
	color: #999;
	padding-left: 12px;
}

div#legalfooter ul li, div#footer ul li {
	display: inline;
	text-align: left;
	margin-left: 5px;
	
}
div#legalfooter ul li a, div#legalfooter p a, div#footer ul li a, div#footer p a {
	color: #999;
}