/*
Title:      	Yarm Homes stylesheet for screen media
Author:     	Karl Ridley, falling@happyleaves.com
Updated:    	27 September, 2006
*/


/* main components */	

body {
	font-family: "Lucida Grande", Arial, Helvetica, "Verdana", sans-serif;
	font-size: small;
	text-align: left;
	line-height: 1.3em;
	margin: 0;
	background: #445026 url(../jpg/bg-tile.jpg) repeat top left;
	}
	
#html body {
	font-size: x-small; /* IE5/Win */
	f\ont-size: small; /* for other IE versions */
	}
	
h1 {
	font-size: 140%;
	color: #303918;
	}
	
h2 {
	font-size: 120%;
	color: #303918;
	}
	
.clear {
 	clear: both;
  }
  
.divline {
	padding: 10px 0 10px 0;
	border-bottom: #d7dfc4 1px dashed;
	}
	
.divline2 {
	padding: 0 0 10px 0;
	border-bottom: #d7dfc4 1px dashed;
	}
	

				
/* general components */		

#wrapper {
	font-size: 95%;
	margin: 0 auto;
	padding: 30px;
	}
	
.questions {
	text-align: left;
	color: #60cae4;
	font-weight: bold;
	}		
	
.normaltxt {
	text-align: left;
	color: #445026;
	}	
	
.normaltxt a:link, .normaltxt a:visited {
	color:#29340e;
	text-decoration:none;
	font-weight:bold;
	}
	
.normaltxt a:active {
	color:#445026;
	text-decoration:underline;
	font-weight:bold;
	}
	
.normaltxt a:hover {
	color:#445026;
	text-decoration:underline;
	font-weight: bold;
	}
	
	


/* header components */	

#headerwrapper {
	width: 100%;
	height: 145px;
	margin: 0 auto;
	padding: 0;
	background: #676f3d url(../jpg/header-tile.jpg) repeat-x top left;
	}
	
#logo {
	width: 840px;
	height: 175px;
	margin: 0 auto;
	padding: 0;
	background: url(../jpg/logo.jpg) no-repeat top left;
	border-bottom: #ffffff 5px solid;
	}
	
#logoleft {
	width: 240px;
	float: right;
	text-align: left;
	line-height: 1.3em;
	padding: 0;
	}	
	
#dogandgunlink {
	width: 240px;
	height: 175px;
	margin: 0 auto;
	padding: 0;
	float: right;
	}
	
.dogandgun {
	margin: 0;
	padding: 175px 0 0 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	text-align: left;
	}

.dogandgun li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

.dogandgun a {
	float: left;
	padding: 175px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:175px; /* for IE5/Win only */
	}
	
.dogandgun a:hover {
	background-position: 0 -175px;
	}

.dogandgun a:active, .dogandgun a.selected {
	background-position: 0 -175px;
	}
	
.dogandgunimg a {
	width: 240px;
	background: url(../jpg/dogandgun.jpg) top left no-repeat;
	}
	
#promo {
	width: 840px;
	height: 85px;
	margin: 0 auto;
	padding: 0;
	background: url(../jpg/yarm-mews-offer.jpg) no-repeat top left;
	}
		
#navcontainer {
	width: 840px;
	height: 50px;
	margin: 0 auto;
	text-align: right;
	padding: 0;
	}
	
#nav {
	margin: 0;
	padding: 0;
	height: 50px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#nav a {
	float: left;
	padding: 50px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:50px; /* for IE5/Win only */
	}
	
#nav a:hover {
	background-position: 0 -50px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -100px;
	}
	
.navspace a {
	width: 1px;
	background: url(../jpg/mainnav/divline.jpg) top left no-repeat;
	}
	
#thome a {
	width: 91px;
	background: url(../jpg/mainnav/home.jpg) top left no-repeat;
	}
		
#tcontact a {
	width: 120px;
	background: url(../jpg/mainnav/contact.jpg) top left no-repeat;
	}
		
#ttrusted a {
	width: 165px;
	background: url(../jpg/mainnav/trusted.jpg) top left no-repeat;
	}
	
#thalifax a {
	width: 130px;
	background: url(../jpg/mainnav/halifax.jpg) top left no-repeat;
	}
	
#tbrochure a {
	width: 179px;
	background: url(../jpg/mainnav/brochure.jpg) top left no-repeat;
	}
	
#tshowapt a {
	width: 133px;
	background: url(../jpg/mainnav/showapt.jpg) top left no-repeat;
	}
	
#trentals a {
	width: 182px;
	background: url(../jpg/mainnav/rentals.jpg) top left no-repeat;
	}	
	
	
	
/* flash area components */	

#flashcontainer {
	width: 830px;
	margin: 0 auto;
	padding: 5px;
	background: #ffffff url(../gif/white-tile.gif) top left repeat;
	}
	
#flashleft {
	width: 595px;
	float: left;
	margin: 0 auto;
	padding: 0;
	}
		
#flashright {
	width: 205px;
	float: right;
	margin: 0 auto;
	height: 340px;
	padding: 5px 10px 5px 20px;
	}
	
.halifaxtxt {
	text-align: left;
	color: #445026;
	line-height: 1.2em;
	font-weight: bold;
	font-size: 1.3em;
	}
	
	
	
	
/* titles area components */	

#sitelocation {
	width: 203px;
	line-height: 1.3em;
	padding: 55px 15px 0 20px;
	margin: 0;
	background: url(../gif/titles/site-location.gif) no-repeat top left;
	}
	
#specifications {
	width: 205px;
	line-height: 1.3em;
	padding: 55px 15px 0 20px;
	margin: 0;
	background: url(../gif/titles/specifications.gif) no-repeat top left;
	}
	
#showapt {
	width: 785px;
	line-height: 1.3em;
	padding: 55px 15px 0 40px;
	margin: 0;
	background: url(../gif/titles/show-apartment.gif) no-repeat top left;
	}
	
#showaptindex {
	width: 305px;
	line-height: 1.3em;
	padding: 55px 15px 0 40px;
	margin: 0;
	background: url(../gif/titles/show-apartment.gif) no-repeat top left;
	}
	
#quickjump {
	width: 205px;
	line-height: 1.3em;
	padding: 70px 15px 0 20px;
	margin: 0;
	background: url(../gif/titles/quick-jump.gif) no-repeat top left;
	}
	
#brochureregleft {
	width: 545px;
	line-height: 1.3em;
	padding: 55px 15px 0 40px;
	margin: 0;
	float: left;
	background: url(../gif/titles/brochure-req.gif) no-repeat top left;
	}
	
#brochureregright {
	width: 190px;
	line-height: 1.3em;
	padding: 55px 15px 0 25px;
	margin: 0;
	float: right;
	}
	
#fulldetails {
	width: 545px;
	line-height: 1.3em;
	padding: 55px 15px 0 40px;
	margin: 0;
	background: url(../gif/titles/full-details.gif) no-repeat top left;
	}
	
#contactinfo {
	width: 305px;
	line-height: 1.3em;
	padding: 55px 15px 0 40px;
	margin: 0;
	background: url(../gif/titles/contact-info.gif) no-repeat top left;
	}
	
#halifax {
	width: 305px;
	line-height: 1.3em;
	padding: 55px 15px 0 40px;
	margin: 0;
	background: url(../gif/titles/halifax.gif) no-repeat top left;
	}
	
#locationmap {
	width: 445px;
	line-height: 1.3em;
	padding: 55px 15px 0 20px;
	margin: 0;
	background: url(../gif/titles/location-map.gif) no-repeat top left;
	}
	
#sitereqleft {
	width: 445px;
	line-height: 1.3em;
	padding: 55px 15px 0 20px;
	margin: 0;
	background: url(../gif/titles/site-req.gif) no-repeat top left;
	}
	
#trustedpartners {
	width: 785px;
	line-height: 1.3em;
	padding: 55px 15px 0 40px;
	margin: 0;
	background: url(../gif/titles/trusted-partners.gif) no-repeat top left;
	}
	
#rentals {
	width: 785px;
	line-height: 1.3em;
	padding: 55px 15px 0 40px;
	margin: 0;
	background: url(../gif/titles/rentals.gif) no-repeat top left;
	}	
	
	
	
	
	
	
/* index bottom components */	

#indexspacer {
	width: 840px;
	margin: 0 auto;
	padding: 0;
	height: 15px;
	}

#indexcontainer {
	width: 840px;
	margin: 0 auto;
	padding: 1px 0 1px 0;
	background: #ffffff url(../jpg/vertical-lines.jpg) repeat-y top left;
	}
	
#indexcurve {
	width: 840px;
	margin: 0 auto;
	padding: 0;
	height: 85px;
	background: #ffffff url(../jpg/rentals-footer.jpg) no-repeat bottom left;
	}
	
#indexleft {
	width: 600px;
	float: left;
	text-align: left;
	line-height: 1.3em;
	padding: 0;	
	}
	
#indexleft1 {
	width: 360px;
	float: left;
	text-align: left;
	line-height: 1.3em;
	padding: 0;
	}
	
#indexleft2 {
	width: 240px;
	float: right;
	text-align: left;
	line-height: 1.3em;
	padding: 0;
	}
	
#indexright {
	width: 240px;
	float: right;
	text-align: left;
	padding: 0;
	}
	
#indexshowapt {
	width: 100%;
	line-height: 1.3em;
	padding: 0;
	}
	
#indexshowapt a img {
	padding: 2px;
	border: #c2c9a4 1px solid;
	background: #ffffff;
	}
	
#indexshowapt a:hover img {
	padding: 2px;
	border: #c2c9a4 1px solid;
	background: #dde3c2;
	}
	
.indexshowapttablecols {
	padding-bottom: 20px;
	text-align: left;
	}	
		
.whereapplicable {
	font-size: 85%;
	color: #69903b;
	}	
	
.specbullet {
	width: 100%;
	margin: 0;
	padding-left: 0;
	list-style: none;
	}
	
.specbullet li {
	color: #445026;
	margin: 0;
	padding: 0 0 0 12px;
	line-height: 1.6em;
	font-weight: bold;
	background-image: url(../gif/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	}
	
.specbullet a:link, .specbullet  a:visited {
	font-weight: bold;
	color: #29340e;
	text-decoration: none;
	}

.specbullet a:active, .specbullet a:hover  {
	font-weight: bold;
	color: #445026;
	text-decoration: underline;
	}
			
#pdfholder {
	width: 180px;
	margin: 0;
	padding: 5px;
	color: #5d5f61;
	border: #d7dfc4 2px solid;
	background: #e9eede url(../jpg/pdf-tile.jpg) repeat top left;
	}
	
.directionspdf {
	width: 140px;
	margin: 0;
	padding: 0 0 0 40px;
	color: #445026;
	line-height: 1.3em;
	font-size: 85%;
	background: url(../jpg/pdf-icon.jpg) no-repeat top left;
	}
	
.directionspdf a:link, .directionspdf a:visited {
	font-weight: bold;
	color: #29340e;
	text-decoration:none;
	}

.directionspdf a:active, .directionspdf a:hover  {
	font-weight: bold;
	color: #445026;
	text-decoration:underline;
	}
		
.indextn {
	float: left;
	padding: 3px;
	border: #c2c9a4 1px solid;
	background: #dde3c2;
	}
	
.tntableleft {
	text-align: left;
	padding-right: 5px;
	padding-bottom: 10px;
	}
	
.tntableright {
	text-align: right;
	padding-left: 5px;
	padding-bottom: 10px;
	}
	
.getaquote {
	margin: 0;
	padding: 36px 0 0 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	text-align: left;
	}

.getaquote li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

.getaquote a {
	float: left;
	padding: 36px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:36px; /* for IE5/Win only */
	}
	
.getaquote a:hover {
	background-position: 0 -36px;
	}

.getaquote a:active, .getaquote a.selected {
	background-position: 0 -36px;
	}
	
.getaquoteimg a {
	width: 207px;
	background: url(../jpg/but-full-proj.jpg) top left no-repeat;
	}
	
	
	
	
	
	
/* full details components */	

#fulldetailscontainer {
	width: 840px;
	margin: 0 auto;
	padding: 1px 0 1px 0;
	background: #ffffff url(../jpg/vertical-lines2.jpg) repeat-y top left;
	}
	
#fulldetailscurve {
	width: 840px;
	margin: 0 auto;
	height: 15px;
	background: #ffffff url(../jpg/footer-curve2.jpg) no-repeat bottom left;
	}
	
#fulldetailsleft {
	width: 600px;
	float: left;
	text-align: left;
	line-height: 1.3em;
	padding: 0;	
	}	

#fulldetailsright {
	width: 240px;
	float: right;
	text-align: left;
	padding: 0;
	}
	
	
	
	
	
	
/* brochure components */	

#brochurecontainer {
	width: 840px;
	margin: 0 auto;
	padding: 1px 0 1px 0;
	background: #ffffff url(../jpg/vertical-lines2.jpg) repeat-y top left;
	}
	
#brochurecurve {
	width: 840px;
	margin: 0 auto;
	height: 15px;
	background: #ffffff url(../jpg/footer-curve2.jpg) no-repeat bottom left;
	}
	
.mailingformtable {
	width: 500px;
	border-collapse: collapse;
	}
	
.mailingtableleft {
	width: 115px;
	color: #303918;
	line-height: 1.2em;
	font-weight: bold;
	font-size: 85%;
	text-align:left;
	padding: 5px 15px 5px 5px;
	background: #ffffff url(../gif/q-tile.gif) repeat top left;
	}
	
.mailingtableright {
	width: 350px;
	text-align: left;
	padding: 5px 15px 5px 0;
	background: #ffffff url(../gif/q-tile.gif) repeat top left;
	}
	
.mailingtabletitleleft {
	width: 115px;
	color: #303918;
	line-height: 1.2em;
	font-weight: bold;
	font-size: 85%;
	text-align:left;
	padding: 5px 15px 5px 5px;
	background: #ffffff url(../gif/q-title-tile.gif) repeat top left;
	}
	
.mailingtabletitleright {
	width: 350px;
	text-align: left;
	padding: 5px 15px 5px 0;
	background: #ffffff url(../gif/q-title-tile.gif) repeat top left;
	}
	
.qdash {
	height: 20px;
	background: #ffffff url(../gif/q-dash.gif) repeat-x top left;
	}	
	
.formfieldsshort {
	padding: 2px;
	color: #303918;
	width: 180px;
	background-color: #ffffff;
	border: 2px solid #c2c9a4;
	}
	
.formfieldslong {
	padding: 2px;
	color: #303918;
	width: 300px;
	background-color: #ffffff;
	border: 2px solid #c2c9a4;
	}

input.formfieldsshort:focus, input.formfieldslong:focus { 
	color: #2b3313;
	background-color: #edf1de;
	}
	
.thanks {
	font-weight: bold;
	font-size: 140%;
	line-height: 1.3em;
	color: #ee3124;
	}
	
	
	
	
		

/* contact area components */	

#contactcontainer {
	width: 840px;
	margin: 0 auto;
	padding: 1px 0 1px 0;
	background: #ffffff url(../jpg/vertical-lines3.jpg) repeat-y top left;
	}
	
#contactcurve {
	width: 840px;
	margin: 0 auto;
	height: 15px;
	background: #ffffff url(../jpg/footer-curve3.jpg) no-repeat bottom left;
	}
	
#contactleft {
	width: 360px;
	float: left;
	text-align: left;
	line-height: 1.3em;
	padding: 0;	
	}	

#contactright {
	width: 480px;
	float: right;
	text-align: left;
	padding: 0;
	}
	
.conaddress {
	color: #445026;
	font-weight: bold;
	font-size: 115%;
	line-height: 1.3em;
	padding: 1px 0 3px 0;
	}
	
.conaddress a:link, .conaddress a:visited {
	color:#29340e;
	text-decoration:none;
	}
	
.conaddress a:active, .conaddress a:hover {
	color:#445026;
	text-decoration:underline;
	}	
	
.tn {
	float: left;
	padding: 3px;
	border: #d7dfc4 1px solid;
	background: #e9eede;
	}
	
.tntableleft {
	text-align: left;
	padding-right: 5px;
	padding-bottom: 10px;
	}
	
.tntableright {
	text-align: right;
	padding-left: 5px;
	padding-bottom: 10px;
	}
	
	
	
	
/* apartment rentals area components */	

#rentalscontainer {
	width: 840px;
	margin: 0 auto;
	padding: 1px 0 1px 0;
	background: #ffffff url(../jpg/vertical-lines4.jpg) repeat top left;
	}
	
#rentalscurve {
	width: 840px;
	margin: 0 auto;
	height: 15px;
	background: #ffffff url(../jpg/footer-curve4.jpg) no-repeat bottom left;
	}
	

	
	
	
	
/* trusted partners area components */	

#trustedcontainer {
	width: 840px;
	margin: 0 auto;
	padding: 1px 0 1px 0;
	background: #ffffff url(../jpg/vertical-lines4.jpg) repeat top left;
	}
	
#trustedcurve {
	width: 840px;
	margin: 0 auto;
	height: 15px;
	background: #ffffff url(../jpg/footer-curve4.jpg) no-repeat bottom left;
	}
	
.partnersleft {
	width: 380px;
	float: left;
	padding: 0;
	margin: 0 0 20px 0;
	}
	
.partnersright {
	width: 380px;
	float: right;
	padding: 0;
	margin: 0 0 20px 0;
	}
	
.propdivline {
	padding: 0;
	margin-bottom: 15px;
	}
	
.trustedtable {
	width: 100%;
	border-collapse: collapse;
	}
	
.trustedtableleft {
	width: 160px;
	padding: 10px 0 10px 0;
	}
	
.trustedtableright {
	width: 200px;
	text-align: left;
	padding: 10px 0 10px 20px;
	}
	
.largertxt {
	font-size: 120%;
	color:#445026;
	text-align: left;
	font-weight:bold;
	}
	
.wwwtxt {
	text-align: left;
	font-size: 85%;
	color:#445026;
	line-height: 1.3em;
	}
	
.wwwtxt a:link, .wwwtxt a:visited {
	color:#29340e;
	text-decoration:none;
	font-weight:bold;
	}
	
.wwwtxt a:active {
	color:#445026;
	text-decoration:underline;
	font-weight:bold;
	}
	
.wwwtxt a:hover {
	color:#445026;
	text-decoration:underline;
	font-weight: bold;
	}
	

	
	
	

/* show apartment components */		

#showaptcontainer {
	width: 840px;
	margin: 0 auto;
	padding: 1px 0 1px 0;
	background: #ffffff url(../jpg/vertical-lines4.jpg) repeat top left;
	}
	
#showaptcurve {
	width: 840px;
	margin: 0 auto;
	height: 15px;
	background: #ffffff url(../jpg/footer-curve4.jpg) no-repeat bottom left;
	}
	
#showaptbot {
	width: 100%;
	line-height: 1.3em;
	padding: 0;
	}
	
#showaptbot a img {
	padding: 4px;
	border: #c2c9a4 1px solid;
	background: #ffffff;
	}
	
#showaptbot a:hover img {
	padding: 4px;
	border: #c2c9a4 1px solid;
	background: #dde3c2;
	}
	
#showaptbot2 {
	width: 100%;
	line-height: 1.3em;
	padding: 0;
	}
	
#showaptbot2 a img {
	padding: 4px;
	border: #c2c9a4 1px solid;
	background: #ffffff;
	}
	
#showaptbot2 a:hover img {
	padding: 4px;
	border: #c2c9a4 1px solid;
	background: #dde3c2;
	}
	
.showaptbottablecols {
	padding-bottom: 20px;
	text-align: center;
	}


	
	
	
	
	
	
	
/* halifax components */

#halifaxcontainer {
	width: 840px;
	margin: 0 auto;
	padding: 1px 0 1px 0;
	background: #ffffff url(../jpg/vertical-lines3.jpg) repeat-y top left;
	}
	
#halifaxcurve {
	width: 840px;
	margin: 0 auto;
	height: 15px;
	background: #ffffff url(../jpg/footer-curve3.jpg) no-repeat bottom left;
	}
	
#halifaxleft {
	width: 360px;
	float: left;
	text-align: left;
	line-height: 1.3em;
	padding: 0;	
	}	

#halifaxright {
	width: 480px;
	height: 350px;
	float: right;
	text-align: center;
	padding: 0;
	}
	
	
	
	
	
	
/* footer area components */	

#footerwrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #5a642d url(../jpg/footer-tile.jpg) repeat-x top left;
	}
	
#footercontainer {
	width: 780px;
	margin: 0 auto;
	text-align: left;
	padding: 10px 30px 0 30px;
	}
	
#footertxt {
	text-align: left;
	margin: 0 auto;
	color: #c2c9a4;
	font-size: 85%;
	line-height: 1.6em;
	}	

#footertxt a:link, #footertxt a:visited {
	text-align: left;
	font-weight: bold;
	color: #ffffff;
	text-decoration:none;
	}

#footertxt a:active, #footertxt a:hover  {
	text-align: left;
	font-weight: bold;
	color: #bbdd28;
	text-decoration:none;
	}
	
.happylink {
	margin: 0;
	padding: 15px 0 0 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	text-align: left;
	}

.happylink li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

.happylink a {
	float: left;
	padding: 15px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/: 15px; /* for IE5/Win only */
	}
	
.happylink a:hover {
	background-position: 0 -15px;
	}

.happylink a:active, .happylink a.selected {
	background-position: 0 -15px;
	}
	
.happylinkimg a {
	width: 145px;
	background: url(../gif/happyleaf.gif) top left no-repeat;
	}