/* LEGACY PORTFOLIO CSS */

* {
	padding:0;
	margin:0;
	z-index: 0;
}
body {
	padding:10px 10px 30px 10px;
	background:url('../images/background.gif') repeat-x;
	font: 12px/14px arial, helvetica, sans-serif;
	color:#464646;
}
:focus {
	border: 0px;
	outline: 0px;
}
p {
	margin-bottom: 13px;line-height:20px;
}
a {
	color:#02559E;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
ul li {
	margin-left: 35px;
	padding-left: 0px;
	line-height:20px;
}
.left {
	float: left;
	margin: 0 15px 15px 0;
}
.right {
	float: right;
	margin: 0 0 15px 15px;
}
img {
	border: 0;
}
div#wrapper {
	_width:956px; /* IE6 - Define width exclusively */
	max-width:956px;
	margin:0 auto;
}
div#wrapper div#container {
	max-width:956px;
	position:relative;
}

/*======================================================================================================================== HEADER TOP */
div#wrapper div#container div#header_top {
	max-width:956px;
	height:6px;
	background:url('../images/header/top_right.gif') right top no-repeat;
	font-size:0;
}
div#wrapper div#container div#header_top div#header_top_left {
	width:188px;
	height:6px;
	background:url('../images/header/top_left.gif') left top no-repeat;
	font-size:0;
}
/*======================================================================================================================== HEADER SECTION */

div#wrapper div#container div#header {
	max-width:956px;
	height:90px;
	background:url('../images/header/header_background.gif') left top repeat-x;
}
div#wrapper div#container div#header ul {
	margin:55px 0 0 25px;
	float:left;
}
div#wrapper div#container div#header ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	text-indent: -5000px;
}
div#wrapper div#container div#header ul li a {
	width: 57px;
	height: 20px;
	display: block;
	background: url('../images/legacy_portfolio/about.gif') left top no-repeat;
}
div#wrapper div#container div#header ul li a:hover, div#wrapper div#container div#header ul li a.active {
	background-position: -57px top;
}
div#wrapper div#container div#header ul li.who a {
	width: 48px;
	background: url('../images/legacy_portfolio/who.gif') left top no-repeat;
}
div#wrapper div#container div#header ul li.who a:hover, div#wrapper div#container div#header ul li.who a.active {
	background-position: -48px top;
}
div#wrapper div#container div#header ul li.how a {
	width: 48px;
	background: url('../images/legacy_portfolio/how.gif') left top no-repeat;
}
div#wrapper div#container div#header ul li.how a:hover, div#wrapper div#container div#header ul li.how a.active {
	background-position: -48px top;
}
div#wrapper div#container div#header ul li.legacy a {
	width: 84px;
	background: url('../images/legacy_portfolio/legacy.gif') left top no-repeat;
}
div#wrapper div#container div#header ul li.legacy a:hover, div#wrapper div#container div#header ul li.legacy a.active {
	background-position: -85px top;
}
div#wrapper div#container div#header ul li.why a {
	width: 47px;
	background: url('../images/legacy_portfolio/why.gif') left top no-repeat;
}
div#wrapper div#container div#header ul li.why a:hover, div#wrapper div#container div#header ul li.why a.active {
	background-position: -47px top;
}
div#wrapper div#container div#header ul li.contact_us a {
	width: 63px;
	background: url('../images/legacy_portfolio/contact.gif') left top no-repeat;
}
div#wrapper div#container div#header ul li.contact_us a:hover, div#wrapper div#container div#header ul li.contact_us a.active {
	background-position: -63px top;
}
div#wrapper div#container div#header h1 {
	text-indent:-5000px;
}
div#wrapper div#container div#header h1 a {
	width:232px;
	height:90px;
	background:url('../images/header/lp_logo.gif') left top no-repeat;
	display:block;
	float:right;
}

/*======================================================================================================================== BANNER */
div#wrapper div#container div#banner {
	max-width:956px;
	height:129px;
	background:url('../images/header/flash_left.gif') left top no-repeat;
	padding-left: 7px;
	position: relative;
}
div#wrapper div#container div#banner div.banner_image {
	background:url('../images/legacy_portfolio/about_banner.jpg') right top no-repeat;
	max-width:942px;
	margin-right:7px;
	height:129px;
}
div#wrapper div#container div#banner div.banner_image.who {
	background:url('../images/legacy_portfolio/who_banner.jpg') right top no-repeat;
}
div#wrapper div#container div#banner div.banner_image.how {
	background:url('../images/legacy_portfolio/how_banner.jpg') right top no-repeat;
}
div#wrapper div#container div#banner div.banner_image.why {
	background:url('../images/legacy_portfolio/why_banner.jpg') right top no-repeat;
}
div#wrapper div#container div#banner div.banner_image.contact_us {
	background:url('../images/legacy_portfolio/contact_banner.jpg') right top no-repeat;
}
div#wrapper div#container div#banner div#banner_right {
	width:7px;
	height:129px;
	background:url('../images/header/flash_right.gif') left top no-repeat;
	position:absolute;
	right:0px;
	top:0;
}

/*======================================================================================================================== COLUMN ONE */

div#wrapper div#container div.column_one, div#wrapper div#container div.contact_column_one {
	margin:0 7px;
	background: #ffffff;
	max-width:704px;
	_width:697px;
	padding:0 245px 0 0;
	min-height:550px;
	_height:550px;
	position:relative;
}
div#wrapper div#container div.column_one div#content, div#wrapper div#container div.contact_column_one div#content {
	padding: 40px 0 0 15px;
}

/* ---------------------------------------------- HEADINGS */
div#wrapper div#container div.column_one div#content h2.title {
	background: url('../images/legacy_portfolio/about_legacy_portfolio.gif') left top no-repeat;
	width: 279px;
	height: 33px;
	text-indent: -5000px;
	margin-bottom: 21px;
}
div#wrapper div#container div.column_one div#content h2.title.who {
	background: url('../images/legacy_portfolio/who_title.gif') left top no-repeat;
	width: 495px;
}
div#wrapper div#container div.column_one div#content h2.title.how {
	background: url('../images/legacy_portfolio/how_legacy_portfolio.gif') left top no-repeat;
	width: 492px;
}
div#wrapper div#container div.column_one div#content h2.title.legacy {
	background: url('../images/legacy_portfolio/legacy_spf.gif') left top no-repeat;
	width: 490px;
}

div#wrapper div#container div.column_one div#content h2.title.why {
	background: url('../images/legacy_portfolio/why_title.gif') left top no-repeat;
	width: 354px;
}
div#wrapper div#container div.contact_column_one div#content h2.title.contact_us {
	background: url('../images/legacy_portfolio/contact_title.gif') left top no-repeat;
	width: 295px;
	height: 33px;
	text-indent: -5000px;
	margin-bottom: 21px;
}

/*======================================================================================================================== COLUMN TWO */
div#wrapper div#container div.column_two {
	position:absolute;
	top:342px;
	right:35px;
	width:182px;
	margin:34px 0 0 0;
}
div#wrapper div#container div.column_two blockquote {
	font-size: 14px;
	line-height: 15px;
	margin-bottom: 20px;
	font-style: italic;
}
div#wrapper div#container div.column_two p {
	font-size: 11px;
}

/*======================================================================================================================== FOOTER */
div#wrapper div#container div#footer {
	max-width:949px;
	padding:5px 0 0 7px;
	height:45px;
	position:relative;
	background:url('../images/footer/footer_left_side.gif') bottom left no-repeat #FFFFFF;
}
div#wrapper div#container div#footer ul {
	max-width:697px;
	_width:697px;
	border-top:1px solid #CCCCCC;
	padding:5px 0 0 0;
	text-align:center;
	color:#78848C;
	margin:10px 0 0 10px;
}
div#wrapper div#container div#footer ul li {
	display:inline;
}
div#wrapper div#container div#footer ul li a {
	text-decoration:none;
	color:#78848c;
	font-size:85%;
}

div#wrapper div#container div#footer ul li a:hover {
	color:#494949;
}
div#wrapper div#container div#footer div#footer_right {
	position:absolute;
	bottom:0;
	right:0;
	width:246px;
	height:45px;
	background:url('../images/footer/footer_right_side.gif') bottom right no-repeat #FFFFFF;	
}
div#wrapper p.footer {
	text-align: center;
	padding-top: 12px;
	font-size: 11px;
	color: #78848c;
}
div#wrapper p.footer span {
	margin: 0 8px;
}
div#wrapper p.footer a {
	text-decoration: none;
	color: #78848c;
}
div#wrapper p.footer a:hover {
	text-decoration: underline;
}

/*======================================================================================================================== FOOTER BOTTOM */
div#wrapper div#container div#footer_bottom {
	max-width:956px;
	height:10px;
	background:url('../images/footer/lp_footer_right.gif') bottom right no-repeat;
	font-size:0;
}
div#wrapper div#container div#footer_bottom div#footer_bottom_left {
	width:181px;
	height:10px;
	background:url('../images/footer/lp_footer_left.gif') bottom left no-repeat;
	font-size:0;
}

/*======================================================================================================================== WHO */
p.who_title {
	margin-top: 50px;
}
div#wrapper div#container div.column_one.who div#content dl {
	height: 75px;
}
div#wrapper div#container div.column_one.who div#content dl dt {
	float: left;
	width: 80px;
}
div#wrapper div#container div.column_two_who {
	background: url('../images/legacy_portfolio/shaddow_box_top.jpg') left top no-repeat;
	position: absolute;
	top: 312px;
	right: 20px;
	width: 217px;
	font-size: 11px;
	line-height: 13px;
	padding-bottom: 5px;
	z-index: 0;
}
div#wrapper div#container div.column_two_who p {
	border-bottom: 1px solid #e0e0e0;
	padding: 0 0 8px 12px;
	margin: 8px 0 0 5px;
	width: 194px;
	position: relative;
	z-index: 999;
}
div#wrapper div#container div.column_two_who p a {
	color: #02559e;
	text-decoration: none;
}
div#wrapper div#container div.column_two_who p a:hover {
	text-decoration: underline;
}
div#wrapper div#container div.column_two_who div.shadow_bottom {
	background:url('../images/legacy_portfolio/shaddow_box_bottom.gif') left bottom no-repeat;
	position:absolute;
	left: 0;
	bottom: 0;
	height: 94px;
	width: 217px;
}

/*======================================================================================================================== HOW */

div#wrapper div#container div.column_one div#content div.how_content {
	margin-right: 150px;
}
div#wrapper div#container div.column_two div.how_content img {
	position: absolute;
	left: -130px;
	top: -60px;
}

/*======================================================================================================================== WHY */
div#wrapper div#container div.column_two div.why_content {
	position: absolute;
	left: 0;
	top: -60px;
	
}

/*======================================================================================================================== CONTACT */
div#wrapper div#container div.contact_column_two {
	position:absolute;
	top: 320px;
	right: 160px;
	width: 232px;
}
div#wrapper div#container div.contact_column_one {
	padding-right: 465px;
	max-width: 484px;
	_width:477px;
}
div#wrapper div#container div.contact_column_one div#content dl{}
div#wrapper div#container div.contact_column_one div#content dl dt {
	float: left;
	clear: left;
	width: 71px;
	clear:left;
}
div#wrapper div#container div.contact_column_one div#content dl dd {
	float: left;
	margin-bottom: 15px;
	font-weight: bold;
	#width:200px;
}