/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

#wrapper_outer { 
	margin: 0 auto 0 0;
	width: 1003px;
	min-height: 100%;
	height: 100%;
}

#wrapper_columns {
	background: #FFF url(images/bg.png) right top repeat-y;
	margin: 0;
	/*overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
	/*width: 100%*/
	border-left: 50px solid #C04B06;
	z-index: 70;
	min-height: 100%;
}

	#logo {
		position: absolute;
		top: 0px;
		left: 28px;
		z-index: 80;
	}

		#logo, #logo h1, #logo h2, #logo h1 a, #logo h2 a {
			display: block;
			width: 108px;
			height: 263px;
		}

		#logo h1 a, #logo h2 a {
			background: url(images/logo.png) right top no-repeat;
			overflow: hidden;
			text-indent: -999em;
			cursor: pointer;
		}

#wrapper_left { 
	display: block;
	color: #333;
	padding: 270px 0 30px 8px;
	width: 150px;
	float: left;
}
	#nav ul {
		padding:0;
		margin:0;
	}
	#nav ul li {
		display: block;
		position: relative;
		padding: 0 ! important;
		margin: 7px 0 ! important;
		list-style-type: none;
	}

		#nav ul li a {
			display: block;
			cursor: pointer;
			width: 150px;
			height: 29px;
			color: #000;
			text-align: left;
		}

			#nav ul li a span {
				display: block;
				width: 150px;
				text-indent: -999em;
				overflow: hidden;
			}

			#nav ul li a img {
				position: absolute;
				left: -25px; /* 15 + 10 (width of arrow) */
				top: 3px;
				visibility: hidden;
			}

				#nav ul li a:hover img, #nav ul li.selected a img {
					visibility: visible ! important;
				}

		#nav_pg_home {
			height: 16px ! important;
			background: url(images/nav_pg_home_0.png) top left no-repeat;
		}
		#nav_pg_home:hover, #nav ul li.selected #nav_pg_home {
			background: url(images/nav_pg_home_1.png) top left no-repeat;
		}

		#nav_pg_mortgages {
			background: url(images/nav_pg_mortgages_0.png) top left no-repeat;
		}
		#nav_pg_mortgages:hover, #nav ul li.selected #nav_pg_mortgages {
			background: url(images/nav_pg_mortgages_1.png) top left no-repeat;
		}

		#nav_pg_reversion {
			background: url(images/nav_pg_reversion_0.png) top left no-repeat;
		}
		#nav_pg_reversion:hover, #nav ul li.selected #nav_pg_reversion {
			background: url(images/nav_pg_reversion_1.png) top left no-repeat;
		}

		#nav_pg_borrowing {
			background: url(images/nav_pg_borrowing_0.png) top left no-repeat;
		}
		#nav_pg_borrowing:hover, #nav ul li.selected #nav_pg_borrowing {
			background: url(images/nav_pg_borrowing_1.png) top left no-repeat;
		}

		#nav_pg_consider {
			background: url(images/nav_pg_consider_0.png) top left no-repeat;
		}
		#nav_pg_consider:hover, #nav ul li.selected #nav_pg_consider {
			background: url(images/nav_pg_consider_1.png) top left no-repeat;
		}

		#nav_pg_customers {
			background: url(images/nav_pg_customers_0.png) top left no-repeat;
		}
		#nav_pg_customers:hover, #nav ul li.selected #nav_pg_customers {
			background: url(images/nav_pg_customers_1.png) top left no-repeat;
		}

		#nav_pg_terms {
			background: url(images/nav_pg_terms_0.png) top left no-repeat;
		}
		#nav_pg_terms:hover, #nav ul li.selected #nav_pg_terms {
			background: url(images/nav_pg_terms_1.png) top left no-repeat;
		}

		#nav_pg_links {
			height: 16px ! important;
			background: url(images/nav_pg_links_0.png) top left no-repeat;
		}
		#nav_pg_links:hover, #nav ul li.selected #nav_pg_links {
			background: url(images/nav_pg_links_1.png) top left no-repeat;
		}

		#nav_pg_contact {
			height: 16px ! important;
			background: url(images/nav_pg_contact_0.png) top left no-repeat;
		}
		#nav_pg_contact:hover, #nav ul li.selected #nav_pg_contact {
			background: url(images/nav_pg_contact_1.png) top left no-repeat;
		}

		#nav_admin_calculator {
			background: url(images/nav_admin_calculator_0.png) top left no-repeat;
		}
		#nav_admin_calculator:hover, #nav ul li.selected #nav_admin_calculator {
			background: url(images/nav_admin_calculator_1.png) top left no-repeat;
		}

		#nav_admin_values {
			background: url(images/nav_admin_values_0.png) top left no-repeat;
		}
		#nav_admin_values:hover, #nav ul li.selected #nav_admin_values {
			background: url(images/nav_admin_values_1.png) top left no-repeat;
		}


#wrapper_content { 
	float: right;
	color: #333;
	margin: 0;
	padding: 0;
	width: 742px;
	display: inline;
	position: relative;
}

	#wrapper_header {
		color: #333;
		width: auto;
		height: 475px;
		margin: 0;
		padding: 0;
		background-color: #FFF;
	}

		#wrapper_header * {
			position: absolute;
			left: 0px;
		}

		#wrapper_header img {
			bottom: 0px;
		}

		#wrapper_header h1 {
			bottom: 260px;
		}

		#wrapper_header #banner_fade {
			bottom: 0px;
			width: 545px;
			height: 104px;
			background: url(images/bg_banner_fade.png) left bottom no-repeat;
		}

		.title_phone {
			width: 253px ! important;
			height: 63px ! important;
			left: 20px ! important;
			bottom: 15px;
			background: url(images/title_phone.png) left top no-repeat;
		}

		.title_bright {
			width: 256px ! important;
			height: 108px ! important;
			left: 20px ! important;
			bottom: 112px;
			background: url(images/title_bright.png) left top no-repeat;
		}

	#body {
		float: left;
		padding: 20px 0 40px;
		width: 525px;
		min-height: 200px;
	}

		#body {
			line-height: 1.6em;
		}

	#wrapper_right {
		float: right;
		width: 197px;
	}

		#calculator {
			width: auto;
			padding: 18px 0;
			background-color: #FFF;
		}

			#calculator h5 {
				text-transform: uppercase;
				color: #FFF;
				font-size: 100%;
				background-color: #C04B06;
				padding: 5px 20px;
			}

			#calculator_body {
				width: auto;
				margin-top: 4px;
				background-color: #DEA378;
				padding: 20px;
				color: #6D5545;
			}

				#calculator_body .txtArea {
					border: 3px solid #EED1BB;
				}

				#btn_calculator {
					width: 100%;
					text-align: center;
					text-transform: uppercase;
					border: 3px solid #EED1BB;
					background-color: #C04C05;
					color: #FFF;
				}

				#calculator_body div {
					margin: 0 0 0.5em;
				}

				#calculator_result {
					display: none;
					padding: 5px 10px;
					width: auto;
					text-align: center;
					border: 3px solid #EED1BB;
					background-color: #FFF;
					font-weight: bold;
					margin-bottom: 0 ! important;
					margin-top: 0.5em ! important;
				}

		#body_right {
			padding: 20px;
			color: #6D5545;
		}

		div + #body_right {
			padding: 10px 20px;
		}

#wrapper_footer { 
	width: auto;
	clear: both;
	color: #333;
	background: #ABBEBE;
	margin: 0 0 10px 0;
	padding: 10px;
}
	#nav_bottom {
		width:auto;
	}
	#nav_bottom ul {
		position:relative;
		float:right;
		padding:0;
		margin:0;
	}
	#nav_bottom ul li {
		padding:0;
		margin:0;
		list-style-type: none;
		display:inline;
	}
	#nav_bottom .selected {
		color:red;
		font-weight:bold;
	}
	

/* TITLES */

.title {
	display: block;
	overflow: hidden;
	text-indent: -999em;
	width: 405px;
	height: 27px;
}

/* PAGE TITLES */

	.title_pg_home {
		background: url(images/title_pg_home.png) left top no-repeat;
	}

	.title_pg_mortgages {
		background: url(images/title_pg_mortgages.png) left top no-repeat;
	}

	.title_pg_reversion {
		background: url(images/title_pg_reversion.png) left top no-repeat;
	}

	.title_pg_borrowing {
		background: url(images/title_pg_borrowing.png) left top no-repeat;
	}

	.title_pg_consider {
		background: url(images/title_pg_consider.png) left top no-repeat;
	}

	.title_pg_customers {
		background: url(images/title_pg_customers.png) left top no-repeat;
		width: 477px;
	}

	.title_pg_terms {
		background: url(images/title_pg_terms.png) left top no-repeat;
	}

	.title_pg_links {
		background: url(images/title_pg_links.png) left top no-repeat;
	}

	.title_pg_contact {
		background: url(images/title_pg_contact.png) left top no-repeat;
	}

	.title_pg_404 {
		background: url(images/title_pg_404.png) left top no-repeat;
	}

#bottom_buttons {
	width: 99%;
}


.intro {
	font-weight: bold;
	color: #7A1010;
}

.intro a {
	font-weight: bold ! important;
}

.larger {
	font-size: 130%;
}

.side_bar {
	font-size: 150%;
	line-height: 1.6em;
	color: #B67B68 ! important;
}

	.side_bar a {
		font-weight: normal ! important;
		color: #7F4B3F ! important;
	}

.emphasis {
	color: #7A1010;
}

.ifont {
	font-style: italic;
	font-family: lucida sans,lucida grande, Trebuchet MS,verdana,arial,helvetica,sans-serif; 
}

.inline h6, .inline p {
	display: inline;
}

.comments, .links {
	margin-bottom: 1em;
}

.comments h3 {
	color: #000;
}

.links p {
	margin: 0.5em 0;
}

.ol li {
	padding-top: 0.5em ! important;	
	padding-bottom: 0.5em ! important;	
}


a.term, a.term:link, a.term:visited, a.term:active {
	font-weight: normal;
	text-decoration: none ! important;
	border-bottom: 1px dotted #7A1010;
}

a.term:hover {
	border-bottom-style: solid;
}

a.anchor {
	text-decoration: none ! important;	
}