/*-------------------------------------------------------

	client: Oakpride Homes
	filename: primary.css
	company: The Creative Clinic
	developer: D Petrie
	date: 15/10/2007
	
	-----------------------
	
	1. master reset
	2. typography
	3. base structure
	4. navigation
		4-1. main navigation
		4-2. sub navigation
	5. page specific structure
		5-1. index
	6. images
	7. forms
	8. listography
	
	
-------------------------------------------------------*/


											/* ---------- 1. master reset ---------- */ 

* {
	padding			: 0;
	margin			: 0;
	border 			: 0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address, table {
	margin			: 1em 5%;
}
li, dd {
	margin-left		: 5%;
}
fieldset {
	padding			: .5em;
}

											/* ---------- 2. typography ---------- */


p {
	font-family 	: Verdana, Arial, Helvetica, sans-serif;
	font-size 		: 0.9em;
	position 		: relative;
}

h1 {
	font-family 	: Verdana, Arial, Helvetica, sans-serif;
	font-size 		: 1.4em;
}

h2 {
	font-family 	: Verdana, Arial, Helvetica, sans-serif;
	font-size 		: 1.3em;
}

h3 {
	font-family 	: Verdana, Arial, Helvetica, sans-serif;
	font-size 		: 1.2em;
	color 			: #006C67;
}

h4 {
	font-family 	: Verdana, Arial, Helvetica, sans-serif;
	font-size 		: 1.1em;
	color 			: #006C67;
}

h4 a, h4 a:hover{
	color 			: #006C67;
	text-decoration : none;
}


											/* ---------- 3. base structure ---------- */

html {
	/*overflow-y		: scroll;*/
}
body {
	font-size		: 80%;
	background		: #BCBDBF;
}

#wrap {
	position		: relative;
	width			: 800px;
	margin 			: 0 auto 0 auto;
	background		: url(../images/wrap_bg.jpg) center center repeat-y;
}


#tr_logo {
	position		: relative;
	width 			: 160px;
	height 			: 160px;
	float 			: left;
	background		: #F2F2F2;
}


#tr_logo img {
	padding 		: 29px 23px 25px 23px;
}

#hdr {
	position		: relative;
	width 			: 640px;
	height 			: 160px;
	float 			: left;
	background		: #6DB33F url(../images/home_hdr_bg.jpg) no-repeat right center; 
}


#pg_title {
	height			: 18px;
	margin-top		: 120px;
}

#footer {
	position 		: relative;
	width 			: 800px;
	margin 			: 0 auto 0 auto;
	padding 		: 10px 0 20px 25px;
	font-family		: Arial, Helvetica, sans-serif;
	font-size 		: 0.9em;
	color 			: #8F9092;
}

/*-----*/

#footer a {
	color 			: #8F9092;
	text-decoration	: none;
}
#footer a:hover {
	color 			: #006C67;
	text-decoration	: none;
}

/*-----*/

#clr {
	clear 			: both;
	height			: 0px;
	width			: 0px;
	position		: relative;
}


#m_cont {
	position		: relative;
	width 			: 640px;
	float 			: left;
}
#about #m_cont, #environment #m_cont, #land_acquisition #m_cont, #contact #m_cont {
	position		: relative;
	width 			: 640px;
	float 			: left;
	height			: 440px;
}
#index #m_cont {
	position		: relative;
	width 			: 640px;
	float 			: left;
	height			: 450px;
}
#hgh {
	position 		: relative;
	float			: left;
	width 			: 0px;
	height 			: 440px;
}

#m_cont_nav {
	position		: relative;
	width			: 640px;
	background		: #D1E4C2;
	padding			: 0;
	margin 			: 0;
	height			: 34px;
	border-bottom	: 10px solid #fff;
	float 			: right;
}
#m_cont hr {
	border			: none;
	height			: 1px;
	background 		: #D9ECCE;
	width 			: 85%;
	margin 			: 0 auto 0 auto;
}

											/* ---------- 4. navigation ---------- */



						/* ----- 4-1. main navigation ----- */

#nav {
	position		: relative;
	width 			: 160px;
	float 			: left;
}
#nav ul {
	list-style 		: none;
	font-family		: Arial, Helvetica, sans-serif;
	font-size 		: 0.9em;
}
#nav li {
	padding 		: 3px 0 3px 0;
}
#nav li a {
	color 			:#fff;
	text-decoration	: none;
}
#nav li a:hover {
	color 			: #6DB33F;
	text-decoration	: none;
}




						/* ----- 4-2. sub navigation ----- */


.mcnav ul {
	list-style		: none;
	padding 		: 0;
	margin			: 0;
	height			: 35px;
}
.mcnav li {
	display			: inline;
	list-style		: none;
	font-family		: Arial, Helvetica, sans-serif;
	font-size 		: 0.9em;
	margin			: 0;	
	padding			: 0 5px 0 5px;
}
.mcnav li a {
	text-decoration	: none;
	color			: #348A81;
	
}
.mcnav li a:hover {
	text-decoration	: none;
	color			: #348A81;
	border-top 		: 15px solid #6DB33F;
	border-bottom	: 5px solid #6DB33F;
}


											/* ---------- 5. page specific structure ---------- */ 

						/* ----- 5-1. index ----- */


#home_lantaimg {
	position 		: absolute;
	bottom 			: 0;
	right 			: 0;
	width 			: 601px;
	height 			: 363px;
}

											/* ---------- 6. images ---------- */ 

.ho_img {
	margin 			: 10px 0 0 0;
}
.adimg {
	position 		: relative;
	bottom 			: 0px;
	padding			: 130px 0 0 0;
}
#recy {
	position		: relative;
	float			: right;
	padding			: 5px 80px 5px 5px;
}
.r_fl_img {
	position		: relative;
	float			: right;
}
.pre_reg{
	position		: relative;
	float			: right;
	padding			: 30px 20px 0 60px;
}
.jlftr_img{
	position		: relative;
	float			: left;
	padding			: 20px 0 0 40px;
}

#r_img {
	position		: relative;
	float			: right;
	width			: 212px;
	margin-left		: 20px;
}
										/* ---------- 7. forms ---------- */ 
										
table {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 0.9em;
	color			: #000;
	font-weight 	: bold;
}
.formbox {
	border			: 1px solid #6DB33F;
	width			: 200px;
	padding 		: 2px;
}
.submit {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 0.9em;
	color			: #fff;	
	background 		: #6DB33F;
	padding 		: 2px;
}
										/* ---------- 8. listography ---------- */ 

#flat_spec {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 0.9em;
	color			: #000;	
	border 			: 1px solid #ddd;
	width 			: 275px;
	padding			: 10px;
}
#flat_spec label {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 1.2em;
	color			: #08736F;
	font-weight     : bold;	
	line-height		: 30px;
}

#flat_spec li {
	list-style		: none;
	padding			: 2px 0 2px 0;
}