/*----------
	Finance My Way - CSS Document 
----------*/

@import url("reset.css");

/*----------	LaYoUT STYLeS	----------*/
body {
  color: #231f1e;
	font: 62.5%/2.2em Verdana, Arial, Helvetica, sans-serif;
	background: #E4F3D6 url(../images/core/bg.jpg) no-repeat 50% 0;
}

#container {
  width: 900px;
  font-size: 1.3em;
  margin: 14px auto;
}

#content {
  width: 840px;
  padding: 30px;
  background: #F3F9ED url(../images/core/container-bottom.gif) no-repeat bottom;
}

#column-left {
  float: left;
  width: 565px;
}

#column-right {
  float: right;
  width: 240px;
}

#text {
  width: 565px;
}


/*----------	CoMMoN STYLeS	----------*/
a { color: #231f1e; text-decoration: underline; }
a:hover { text-decoration: none; }
h1, h2, h3, h4 {
  font-weight: normal;
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #67A64D;
  font-family: Times New Roman;
}
h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.1em; }
strong { font-weight: bold; }
hr { border: none; border-bottom: 1px solid #67A64D; margin: 10px 0; clear: both; display: block; }
p { margin: 15px 0; }
ul { margin: 10px 30px; list-style-type: square; }
dt { font-weight: bold; list-style-type: decimal; padding-bottom: 3px; }
dt a { text-decoration: none; background: url('../images/core/button-bg.gif') no-repeat; width: 240px; height: 24px; display: block; color: #ffffff; padding: 4px 10px; }
dt a:hover { background-position: 0 -32px !important;}
dd { margin: 0 0 0 10px; width: 530px; }
dd .comments { font-style: italic; }


.clear { display: block; clear: both; }
.hidden { display: none; }
.left { float: left; margin: 10px; }
.center { text-align: center;}
.right { float: right; }
.top { border-top: 1px solid #67A64D; text-align: right; font-size: 0.9em; margin: 10px 0; }
ol.numbered_list li { list-style:decimal outside; margin-left:20px;}

#mudmap { margin: 10px; float: right; }
.inner_photos { float: right; margin: 10px; }



/*----------	HeaDeR STYLeS	----------*/
#header {
  width: 900px;
  height: 159px;
  position: relative;
  background: url(../images/core/header-bg.gif) no-repeat;
}
#header #logo {
  top: 28px;
  left: 17px;
  position: absolute;
}
#header #details {
  top: 45px;
  left: 615px;
  width: 265px;
  font-size: 1.1em;
  position: absolute;
  text-align: right;
	font-family: "Tahoma", Verdana, Arial, sans-serif;
}
#header #details a {
  color: #231f1e;
  text-decoration: none;
}


/*----------	NaVIGaTIoN STYLeS	----------*/
#nav {
  top: 5px;
  left: 220px;
  height: 20px;
  z-index: 999;
  font-size: 1.1em;
  position: absolute;
	font-family: "Tahoma", Verdana, Arial, sans-serif;
}
#nav ul { list-style-type: none; margin: 0; }
#nav ul li {
  float: left;
  display: inline;
  margin: 0 41px 0 0;
}
#nav ul li a { display: block; color: #fdfdfd; text-decoration: none; }
#nav ul li a:hover { color: #ffdd00; }

#p-home #nav ul li#home a,
#p-about li#about a,
#p-loan_calculator li#loan_calculator a,
#p-steps li#steps a,
#p-loan_enquiry li#loan_enquiry a,
#p-contact li#contact a {
  color: #ffdd00 !important;
}


/*----------	BaNNeR STYLeS	----------*/
#banner {
  width: 900px;
  height: 415px;
  display: block;
  overflow: hidden;
  position: relative;
  background: url(../images/core/banner.jpg) no-repeat;
}

#banner img { z-index: 10; }


/*----------	CTa STYLeS	----------*/
ul#cta {
  margin: 0;
  font-size: 1.3em;
  list-style-type: none;
	font-family: "Tahoma", Verdana, Arial, sans-serif;
}

ul#cta li {
  width: 140px;
  height: 92px;
  margin: 10px 0;
  padding: 20px 0 20px 100px;
  background: url(../images/core/cta-bg.gif) no-repeat;
}

ul#cta li a {
  color: #231f1e;
  text-decoration: none;
}


/*----------	FooTeR STYLeS	----------*/
#footer {
  color: #69af40;
  font-size: 0.9em;
  margin: 0 20px;
  padding: 5px 10px;
  border-top: 1px solid #67A64D;
}
#footer a {
  margin: 0 5px;
  color: #69af40;
  text-decoration: none;
}
#footer a:hover { text-decoration: underline; }
#footer p { margin: 0; }
#footer #wflogo { float: right; }