/* CSS Document */

/************************************************************************

	Site:		Relaxed Living Homes

	Author:		MockOrange		[www.mockorange.com.au] 

	Listing Order:
	==============

	1 - Universal
	2 - Structure/Layout
	3 - Navigation 
	4 - Page Elements
	5 - Footer/Labels
	6 - Headings
	7 - Forms
	8 - Newsletter Scroller

/***********************************************************************
	1 - UNIVERSAL STYLES
************************************************************************/

body {
	margin: 0px;
	padding: 0px;
	font: 75%/1em "Lucida Grande", arial, verdana, sans-serif; color: #666; line-height: 140%;
	background-color: #eeeeee;
	background-image: url(../images/content-background.gif);
	background-position: top center;
	background-repeat: repeat-y;
}

* { margin: 0; padding: 0; }
img { border: 0; display: block; }
a { color: #d19d53; text-decoration: underline; font-size:1em; }

a:hover { color: #000; text-decoration:none; }
.clear { margin:0; clear:both; }

/***********************************************************************
	2 - STUCTURE LAYOUT
************************************************************************/
#wrapper { width:769px; padding:1em .75em 1em .75em; margin:0 auto; background-color:#FFF; display:block; }
#banner { margin:0;}
#tag {width:769px;	position: absolute; padding:0 0 1em 0; left:115px; text-align:right;	top: 10px; height:40px; display:block;}
/* OLD CSS WITH ERROR #tag {position:absolute; padding:0 0 1em 0; right:120px;	top: 10px; height:40px; display:block;}*/
#bannerLeft { float:left; width:172px; height:220px; background:url(../images/bannerLeft.gif) no-repeat; }
#bannerMiddle { float:left; width:399px; height:220px; background:url(../images/mainImages/imageHome.jpg) no-repeat; }
#bannerMiddlesub { float:left; width:399px; height:220px; }

#bannerRight { float:right; width:163px; height:220px;  background:url(../images/bannerLogo.gif) bottom no-repeat;}
#content { }
#contentMiddle { width:399px; float:left; display:block; }
#contentMiddle #plansimg { float:right; margin:0 0 0 2em; border:0;}

#contentMiddle strong { color:#d19d53; }
#contentMiddle p { margin:0 3em 1em 3em;}
#contentMiddle ul { margin:0 0 0 6em;}
#contentRight {width:163px; float:right; display:block; background-color:#008b98; }
#contentRight p { color:#FFF; margin:1em 1em; font-size:1em;}
#contentRight a { color:#FFFFFF;}

#contentNav { margin:0; padding:0; float:left; width:172px; background:url(../images/leftBack.gif) repeat-y; }
#contentNav ul { padding:0; margin:0; }
#contentNav li { list-style-type:none; margin:0; }
#contentNav a { padding:.75em 0; margin:0; font-size:16px; width:164px; height:18px; color: #fff; text-decoration: none; background:url(../images/nav_off.jpg) no-repeat center; display: block; text-indent:.5em;  }
#contentNav a:hover { background:url(../images/nav_on.jpg) no-repeat; }
#contentNav .active { background:url(../images/nav_on.jpg) no-repeat; padding:.75em 0; margin:0; font-size:16px; width:164px; height:17px; color: #fff; text-decoration: none;display: block; text-indent:.5em;}

#footer { margin:4em 0; padding:0; }
#footer p { font-size:.75em; color:#999; }
#footerImg { display:block; float:right; width:180px; }
#footerImg img { float:right;}
.houseplans { width:95%; margin:3em 0 0 3em; font-size:10px;}

#contentMiddle .houseplans img { float:left; padding:2px; margin:0 1em 0 0; border:1px solid #CCCCCC;}

#contentMiddle .contentImg { width:170px; display:block; float:right; margin:0; padding:0; }
#contentMiddle .contentImg img { padding:2px; border:0;}
#contentMiddle .contentImg p { font-size:11px; width:120px; color:#999; padding:.5em 0 0 0; text-align:center; }

#master { font-color:#000; text-align:center; width:140px; background-color:#FFFFFF; margin:2em 0 0 .5em; padding:.5em;  }
#master h3 { font-weight:normal; font-size:.9em;}
#master img { text-align:center;}
/***********************************************************************
	7 - FORMS
************************************************************************/
form { width:95%; margin:0 2em; }

fieldset { margin:1em; padding: 0 2em 4em 0; border:1px solid #ccc; background-color:#f7f7f7;}
legend { color:#048a96; font-weight:bold; font-size:1.25em; padding:0; }
label { margin:1em; font-weight:bold; display:block; width:8em; float:left;  vertical-align:top;}
input { vertical-align:middle; margin:1em; color:#d19d53; }
textarea { vertical-align:top;}
.button { background-color:#048a96; color:#fff; font-weight:bold; border:0;}

/***********************************************************************
	6 - Headings
************************************************************************/
h1 { color:#d19d53; font-size:1.75em; font-weight:normal; font-family:Geneva, Arial, Helvetica, sans-serif; margin:0; padding:0;}
h2 { color:#d19d53; margin:2em 0 1em 2em; font-size:1.5em; line-height: 1.3em; }
#tagline { color:#CCCCCC; font-size:11px; margin:0; padding:0; font-weight:lighter;  }

.h3general { color:#0098a6; font-weight:bold; font-size:1em; margin:2em 0 0 3.1em;}
.h3houseland { background-color:#faf5ed; font-weight:bold; font-size:1.25em; padding:.25em 0 0 .5em; margin:2em 0 1em 2em; display:block; width:375px; color:#333; height:24px;}
.h3right { background:url(../images/feature_heading.gif) no-repeat; }
#contentRight p.h3small { text-align:right; font-size:1.25em; margin:.5em 1em 0 0; padding:0; font-family:Geneva, Arial, Helvetica, sans-serif;  }
#contentRight p.h3medium { text-align:right; font-size:2.25em; margin:.5em .5em .5em 0; padding:0; font-weight:bold; font-family:Geneva, Arial, Helvetica, sans-serif; }
.contactAtt { color:#c4a97a; }
.h3houseplans { color:#d19d53; font-size:1.5em;}
.h3tag {color:#d19d53; margin:2em 2em 0 3.25em; font-size:12px; }

.h3employees { color:#d19d53; margin:2em 0 1em 2.4em; font-size:1.25em; }