@charset "UTF-8";
/* ###### GLOBAL ###### */
* {
	margin: 0px;
	padding: 0px;}
	
body {
	font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;}
	
img {
	border:0px;}
	
ul {
	list-style: none;}
	
li {
	list-style-image:none;}
	
label {
	font-size: 12px;
	color: #4D4D4D;}
	
label span.mandatory {
	color: #FF0000;}
	
.center {
	text-align:center;}

.title {
	color: #002D62;}
	
.right-img {
	margin-left: 10px;
	margin-bottom: 15px;
	float: right;
	display: inline;}
	
.text {
	padding-top: 2px;
	padding-left: 5px;
	width: 194px;
	height: 18px;
	font-size: 12px;
	background: url(../images/skin/textBG.jpg) repeat-x;
	border: 1px solid #4d4d4d;}
	
.percent {
	padding-top: 2px;
	padding-left: 5px;
	width: 194px;
	height: 18px;
	font-size: 12px;
	background: url(../images/skin/textBG.jpg) repeat-x;
	border: 1px solid #4d4d4d;}
	
.disabled {
	padding-top: 2px;
	padding-left: 5px;
	width: 194px;
	height: 18px;
	font-size: 12px;
	color: #000000;
	background: url(../images/skin/textBG.jpg) repeat-x;
	border: 1px solid #4d4d4d;}
	
select {
	width: 194px;
	height: 23px;
	font-size: 12px;
	background: url(../images/skin/textBG.jpg) repeat-x;
	border: 1px solid #4d4d4d;}
	
.textEnquiry {
	padding-top: 2px;
	padding-left: 5px;
	width: 194px;
	height: 59px;
	font-size: 12px;
	background: url(../images/skin/textBG.jpg) repeat-x;
	border: 1px solid #4d4d4d;}
/* ###### GLOBAL ###### */

/* ###### WRAPPER ###### */
#wrapper {
	margin: 10px auto;
	width: 1027px;}
	
	.bl {
		background:url(../images/skin/bl.jpg) 0 100% no-repeat;}
	
	.br {
		background:url(../images/skin/br.jpg) 100% 100% no-repeat;}
	
	.tl {
		background:url(../images/skin/tl.jpg) 0 0 no-repeat;
		z-index:100;}
	
	.tr {
		padding:2px;
		background:url(../images/skin/tr.jpg) 100% 0 no-repeat;
		z-index:101;}
		
	.t {
		width: 1027px;
		background:url(../images/skin/tbDot.jpg) 0 0 repeat-x;}
		
	.b {
		background:url(../images/skin/tbDot.jpg) 0 100% repeat-x;}
	
	.l {
		background:url(../images/skin/rlDot.jpg) 0 0 repeat-y;}
	
	.r {
		background:url(../images/skin/rlDot.jpg) 100% 0 repeat-y;}
/* ###### WRAPPER ###### */

/* ###### HEADER ###### */
#header {
	margin: auto;
	padding-top:20px;
	width: auto;
	height: 158px;
	background: url(../images/skin/headerBG.gif) no-repeat;}
	
	.logo {
		margin-left: 30px;
		width: 163px;
		height: 111px;}
		
	.contact {
		margin-top: 27px;
		margin-right: 30px;
		width: 275px;
		height: 78px;
		float: right;
		display: inline;
		clear: right;}
		
	.nav {
		margin: 17px auto 0px;
		width: auto;
		height: 27px;
		clear: both;}
		
		.nav ul {
			padding-top: 6px;
			padding-left: 30px;}
		
		.nav li {
			margin-right: 20px;
			font-size: 14px;
			display:inline;}
			
		.nav li a {
			padding: 6px 7px 8px;
			color: #002D62;
			text-decoration: none;}
			
		.nav li a:hover {
			/*color: #BF311A;*/
			padding: 6px 7px 8px;
			color: #ffffff;
			text-decoration: none;
			background: url(../images/skin/navHoverBG.jpg) repeat-x;}
/* ###### HEADER ###### */

/* ######CONTENT ###### */
#content {
	padding: 30px 30px;
	width: auto;}
	
	#contactUsLeftContent {
		width: 672px;
		height: 480px;}
		
		#contactUsLeftContent h1 {
			margin-bottom: 20px;
			font-size: 24px;
			color: #002D62;
			font-weight: normal;}
			
		#contactUsLeftContent h2 {
			margin-top: 40px;
			font-size: 16px;
			color: #002D62;
			font-weight: normal;}
			
		#contactUsLeftContent p {
			margin-top:10px;
			margin-bottom: 20px;
			font-size: 14px;
			line-height: 20px;}
			
	#mortCalcLeftContent {
		width: 672px;
		height: 450px;
		background: url(../images/smallHouse.jpg) left bottom no-repeat;}
		
		#mortCalcLeftContent h1 {
			margin-bottom: 20px;
			font-size: 24px;
			color: #002D62;
			font-weight: normal;}
			
		#mortCalcLeftContent h2 {
			margin-top: 20px;
			font-size: 16px;
			color: #002D62;
			text-align: center;}
			
		#mortCalcLeftContent p {
			margin-top:0px;
			margin-bottom: 4px;
			font-size: 14px;
			line-height: 20px;
			text-align: center;}
			
			
		#mortCalcLeftContent label {
			font-size: 14px;}
		
		#mortCalcLeftContent input {
			text-align:center;}

		.calcBtn {
			width: 79px;
			height: 26px;
			background:url(../images/calcBTN.jpg);}
			
		.clearBtn {
			width: 79px;
			height: 26px;
			background:url(../images/clearBTN.jpg);}
			
		.calc {
			padding: 23px 0px;
			/*padding: 10px;*/
			width: 47%;
			/*border: 2px solid #cccccc;*/}
	
	#whyUsLeftContent {
		width: 672px;
		height: 450px;
		background: url(../images/smallHouse.jpg) left bottom no-repeat;}
		
		#whyUsLeftContent h1 {
			margin-bottom: 20px;
			font-size: 24px;
			color: #002D62;
			font-weight: normal;}
			
		#whyUsLeftContent h2 {
			margin-top: 20px;
			font-size: 16px;
			color: #002D62;
			font-weight: normal;}
			
		#whyUsLeftContent p {
			margin-top:0px;
			margin-bottom: 20px;
			font-size: 12px;
			line-height: 20px;}

	
	#mortProcessLeftContent {
		width: 672px;
		background: url(../images/smallHouse.jpg) left bottom no-repeat;}
		
		#mortProcessLeftContent h1 {
			margin-bottom: 20px;
			font-size: 24px;
			color: #002D62;
			font-weight: normal;}
			
			
		#mortProcessLeftContent p {
			margin-top:0px;
			margin-bottom: 20px;
			font-size: 12px;
			line-height: 20px;}
			
		#mortProcessLeftContent ol {
			margin: 20px 20px;}
			
		#mortProcessLeftContent li {
			margin-top: 9px;
			font-size: 12px;
			line-height: 20px;}
	
	#costsLeftContent {
		width: 672px;
		background: url(../images/smallHouse.jpg) left bottom no-repeat;}
		
		#costsLeftContent h1 {
			margin-bottom: 20px;
			font-size: 24px;
			color: #002D62;
			font-weight: normal;}
			
		#costsLeftContent h2 {
			margin-top: 20px;
			font-size: 16px;
			color: #002D62;
			font-weight: normal;}
			
		#costsLeftContent h3 {
			margin-top: 20px;
			font-size: 14px;
			color: #002D62;
			font-weight: normal;}
			
		#costsLeftContent p {
			margin-top:0px;
			margin-bottom: 20px;
			font-size: 12px;
			line-height: 20px;}
			
		#costsLeftContent ul {
			list-style:disc;
			margin: 20px 20px;}
			
		#costsLeftContent li {
			margin-top: 9px;
			font-size: 12px;
			line-height: 20px;}
	
	#servicesLeftContent {
		width: 672px;
		background: url(../images/smallHouse.jpg) left bottom no-repeat;}
		
		#servicesLeftContent h1 {
			margin-bottom: 20px;
			font-size: 24px;
			color: #002D62;
			font-weight: normal;}
			
		#servicesLeftContent h2 {
			margin-top: 20px;
			font-size: 16px;
			color: #002D62;
			font-weight: normal;}
			
		#servicesLeftContent p {
			margin-top:0px;
			font-size: 12px;
			line-height: 20px;}
			
		#servicesLeftContent ul {
			margin: 10px 20px;
			list-style: disc;}
			
		#servicesLeftContent li {
			margin-top:5px;
			font-size: 12px;}
			
	#leftContent {
		width: 672px;}
		
		
		.leftParagraph {
			width:47%;}
			
			.leftParagraph h2 {
				margin-top: 20px;
				font-size:14px;
				color: #002D62;
				line-height:20px;}
			
			.leftParagraph p {
				margin-top: 20px;
				font-size:12px;
				line-height:20px;}
			
		.rightParagraph {
			width:47%;
			float: right;
			display:inline;}
			
			.rightParagraph h2 {
				margin-top: 20px;
				font-size:14px;
				color: #002D62;
				line-height:20px;}
			
			.rightParagraph p {
				margin-top: 20px;
				font-size:12px;
				line-height:20px;}
		
	#rightContent {
		margin-top: -10px;
		margin-right:-10px;
		padding: 15px 25px;
		width: 210px;
		height: 261px;
		float: right;
		display:inline;
		background: url(../images/skin/rightContBG.jpg) no-repeat;}
		
		.date {
			margin-top: 10px;
			margin-right: 0px;
			float: right;
			display: inline;
			font-family: helvetica, arial, sans-serif;
			font-size: 12px;
			color: #999999;
			font-weight: lighter;}
		
		.rssBox {
			margin-top: 10px;
			width: auto;
			height: 475px;
			overflow: auto;}
		
		#rightContent h2 {
			margin: 30px 0px 10px;
			font-size: 18px;
			color: #002D62;
			font-weight: normal;}
			
		#rightContent p {
			margin: 10px 0px;
			font-size: 12px;
			color: #4D4D4D;}
			
		#rightContent a {
			color: #002D62;}
			
		.submitBtn {
			width: 79px;
			height: 26px;
			background: url(../images/submitBTN.jpg);}
/* ######CONTENT ###### */

/* ###### FOOTER ###### */
#footer {
	padding: 10px 30px;
	width: auto;}
	
	#footerContent {
		padding: 5px 0px;
		width: auto;
		text-align: right;
		border-top: 1px solid #002D62;}
		
		#footerContent p {
			font-size: 12px;
			color: #999999;
			text-align: center;}
		
		#footerContent a {
			font-size: 12px;
			color: #999999;
			text-decoration: none;}
/* ###### FOOTER ###### */