body {
	font:13px arial,helvetica,clean,sans-serif;
	margin: 0 auto; padding: 0;
	// background: url(bg-body-alt2.GIF) repeat-x 0 0;
	background: url(bg-body-alt2.GIF);
	color: #222;
width:1180px;
	}




a img {
	border: none;
	}




.clear {
	clear: both;
	}


/* Accessible Hide: visualy hides an element yet
   makes content available to screen-readers.
-------------------------------------------------------*/


.hide {
	position: absolute;
	left: -3000px;
	}


hr {
	background: #5F5753;
	border: 0;
	color: #5F5753;
	height: 1px;
	margin: 0 0 10px;
	}




			
	#branding h1, #content h1, #navigation h1,
	#branding h2, #content h2, #navigation h2,
	#branding h3, #content h3, #navigation h3,
	#branding h4, #content h4, #navigation h4,
	#branding h5, #content h5, #navigation h5,
	#branding h6, #content h6, #navigation h6 {
		margin: 0 0 1em 0; padding: 0;
		font-family: georgia, 'times new roman', times, serif;
		}

	h1 {
		font-size: 182%;
		}
		
	table {
		margin-bottom: 15px;
		}

	h2 {
		font-size: 152%;
		}

	h3 {
		font-size: 136%;
		}

	h4 {
		font-size: 122%;
		}

	h5 {
		font-size: 107%;
		}

	h6 {
		font-size: 100%;
		}

	a {
		color: #0A2046;
		}



	.par {
		font-size: 120%;
		font-family: georgia, times, serif;
		color: #8A4B08;
                text-align:justify;
		}

p {  text-align:justify;}




	.other {
		background: #efe9a2;
		}

	p.other {
		background: #efe9a2 url(bg-highlight.jpg) no-repeat;
		border-bottom: 1px solid #dbccaa;
		padding: 20px 10px 10px 10px;
		}


html {
	background: url(bg-body2.GIF) repeat-x 0 0;
	}

	body.cat-default {
		background: url(bg-home.jpg) repeat-x center 112px;
		}

		#page {
			position: relative;
			width: 775px;
			margin: 0 auto;
			text-align: left;
			}

			#page-wrap {
				padding: 19px 0 0 0;
				}


#header {
	position: relative;
	height: 92px;
        width: 774px;
	background: url(bg-branding96.GIF) 0 0 no-repeat;
	}

	#header-wrap {
		}

	#header-logo h3 {
		margin: 0; padding: 0;
		}










	#branding-logo {
		color: #fff; text-decoration: none;
		display: block;
		height: 68px; width: 150px;
		text-indent: -999em;
		background: url(cblogo.gif) no-repeat;
		position: absolute;
		left: 40px; top: 22px;
		overflow: hidden;
		z-index: -1;
		}



# branding-logo-wrap
{
	float:left;
	width:150px;
	height:68px;
	margin:32px 0px 0px 0px;
}
#top .header .logo img
{
	border:0px;
}





	#branding-tagline {
		display: none;
		}

		#branding-tagline p {
			margin: 0; padding: 0;
			}



#navigation {
	position: relative;
	}

#nav-primary {
	background: #484848;
	width: 775px;
	position: relative;
	}

	#nav-primary-wrap {
		width: 745px;
		position: absolute;
		bottom: 0; right: 0;
		}

	#nav-primary ul {
		display: inline;
		margin: 0 40px 0 0; padding: 0;
		list-style: none;
		float: right;
		}

	#nav-primary li {
		margin: 0 0 0 5px; padding: 1px 0 0 5px;
		float: left;
		text-indent: 0;
		background: url(tab15.GIF) no-repeat 0 0;
		font-family: georgia, 'times new roman', times, serif;
		}

		#nav-primary a {
			float: left;
			text-decoration: none;
			color: #eee; background: url(tab16.GIF) no-repeat right 0;
			padding: 8px 16px 8px 12px;
			}

		#nav-primary a:hover,
		#nav-primary li:hover a,
		#nav-primary li.jhover a {
			background-position: right -100px;
			}

		#nav-primary li:hover,
		#nav-primary li.jhover {
			background-position: 0 -100px;
			}
		
#nav-secondary {
	float: left;
	width: 192px;
	margin: 45px 0 0 0;
	}

.cat-default #nav-secondary {
	margin: 345px 0 0 0;
	}

	#nav-secondary-wrap {
		}

	#nav-secondary ul {
		list-style: none;
		margin: 0 0 1.5em 0; padding: 0;
		}

			#nav-secondary h5 {
				border-bottom: 1px solid #ccc;
				padding: 0 0 .5em 0;
				}

		#nav-secondary li {
			text-indent: 0;
			margin: 0;
			text-align: right;
			}

			#nav-secondary a {
				display: block;
				padding: 4px 22px;
				text-decoration: none;
				color: #36190B;
				background: url(bullet.gif) right center no-repeat;
				border-bottom: 1px solid #EFE7E0;
				}

			#nav-secondary a:hover {
				background-color: #FFFBEF;
				}

			#nav-secondary h4 a {
				}

			#nav-secondary img, #nav-secondary address {
				margin-bottom: 15px;
				}

	/* Sub navs */

	#nav-secondary li ul {
		margin: 0 0 0 0; padding: 0;
		}

			#nav-secondary li ul a {
				background-color: #EFE7E0;
				}


/*  Page Content
==============================================================

  This space is reserved for styles that control the layout of
  the content areas of the site. #content-feature is reserved
  for a Flash slideshow or a call-to-action graphic.

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


#content {
	float: left;
	width: 582px;
	}

	#content img {
		float: left;
		margin: 0 12px 6px 0;
		}

	#content-feature {
		display: none;
		}

	.cat-default #content-feature  {
		position: relative;
		display: block;
		margin: 0 0 0 -215px; padding: 0;
		height: 301px;
		color: #fff;
		}

		.cat-default #content-feature-wrap {
			margin: 0; padding: 0;
			position: relative; left: 29px; top: 23px;
			width: 761px; height: 260px;
			background: #3F2419 url(/img/gbl/bg-feat.jpg) no-repeat;
			}

	.cat-idx #content-feature {
		margin: 1px 0 0 0;
		}

		#content-feature-wrap {
			padding: 0;
			}

	#content-primary {
		margin: 40px 0 0 20px;
		}

		#content-primary-wrap {
			border-left: 1px solid #eee;
			padding: 0 0 30px 30px;
			}

		.cat-idx #content-primary-wrap {
			border: none;
			padding: 0 0 20px 0;
			}


	.paging {
		margin: 1em 0;
		text-align: center;
		clear: left;
		}

		.paging a, .paging .current {
			padding: 3px 8px;
			}

		.paging .current {
			font-weight: bold
			}

		.paging a:hover {
			border: 1px solid #ccc;
			padding: 2px 7px;
			}

		.paging .prev {
			padding-left: 14px;
			background: url(ico-prev.gif) no-repeat left center;
			border: 1px solid #eee;
			}

		.paging .next {
			padding-right: 14px;
			background: url(ico-next.gif) no-repeat right center;
			border: 1px solid #eee;
			}

		.paging .next:hover {
			padding: 3px 14px 3px 8px;
			}

		.paging .prev:hover {
			padding: 3px 8px 3px 14px;
			}


/*  Legal Information (Footer)
==============================================================

  These styles are used for the footer: Copyright notice, etc.

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


#legal {
	border-top: 1px solid #eee;
	font-size: 85%;
	}

	#legal-wrap {
		padding: 10px; background: #fff; color: #999;
		}

	#legal p {
		margin: 0; padding: 0; 
		}


/*  Lists
==============================================================*/


ul.thumbnails {
	list-style: none;
	margin: 0 -10px 0 0; padding: 0;
	}

ul.thumbnails li {
	list-style: none;
	position: relative;
	float: left;
	padding: 0; margin: 0 8px 12px 0;
	}

ul.thumbnails a {
	display: block;
	border: 1px solid #fff;
	}

ul.thumbnails a:hover {
	display: block;
	border: 1px solid #BF0000;
	}

ul.thumbnails img {
	width: 163px;
	padding: 2px;
	border: 2px solid #ccc;
	}

ul.thumbnails p {
	position: absolute;
	text-align: center;
	margin: 0 4px 4px 4px; padding: 6px 3px;
	bottom: 0; left: 0;
	background: #666; width: 157px; color: #eee;
	font-size: 0.8em;
	}

.network {
	padding: 15px;
	background: #EFEBE0;
	border: 1px solid #DFDBD1;
	}

.network h6 {
	color: #4F3227;
	font-family: georgia, times, serif;
	text-align: center;
	}

.network ul {
	list-style: none;
	margin: 0; padding: 0;
	text-align: center;
	}

	.network li {
		list-style: none;
		margin: 0; padding: 0;
		display: inline;
		font-size: 85%;
		}

	.network li a {
		color: #9F7559;
		text-decoration: none;
		border-bottom: 1px dotted #9F7559;
		}

	.network li a:hover {
		color: #441E11;
		}

/*  Forms
==============================================================*/

.form-container {
	}

.form-container div {
	clear: left;
	}

p.legend em {
	color: #C00;
	font-style: normal;
	}

div.errors {
	margin: 0 0 1em 0;
	padding: 10px;
	border: #FC6 1px solid;
	background-color: #FFC;
	}

.legend {
	color: #011943;;
	}

div.errors p {
	margin: 0;
	}

div.errors p em {
	color: #C00; font-style: normal; font-weight: bold;
	}

div.form-container form p {
	margin: 0;
	}

div.form-container form p.note {
	margin-left: 110px;
	font-size: 77%;
	background: none; color: #666;
	padding: 0; border: 0;
	}

div.form-container form fieldset {
	margin: 10px 0;
	padding: 5px;
	border: #DDD 1px solid;
	}

div.form-container form legend {
	font-weight: bold;
	color: #666;
	}

div.form-container form fieldset div {
	padding: 0.25em 0;
	}

	div.form-container label {
		margin-right: 10px;
		padding-right: 10px;
		width: 90px;
		float: left;
		text-align: right;
		position: relative;
		}

	div.form-container.compact label {
		font-size: 85%;
		width: 30px;
		}

		div.form-container.compact input,
		div.form-container.compact fieldset {
			font-size: 85%;
			}

div.form-container label em {
	position: absolute;
	right: 0;
	font-style: normal;
	color: #C00;
	}

div.form-container div.controlset label, 
div.form-container div.controlset input {
	display: inline;
	float: none;
	}

div.form-container div.controlset label.controlset {
	display: block;
	float: left;
	}

div.form-container div.controlset div {
	margin-left: 110px;
	}

div.form-container div.buttonrow {
	margin-left: 115px;
	}


	.uniform {
		margin:0; padding:0;
		position: relative;
		width: 100%;
		}

	.uniform-wrap {
		margin: 0; padding: 20px;
		border: 1px solid #ccc;
		}

	.uniform fieldset {
		border: none;
		margin: 0; padding: 0;
		margin: 1em 0
		}

	.uniform fieldset legend {
		margin: 0; padding: 0;
		color: #000;
		font-weight: bold;
		}

	.ctrl-holder {
		overflow: hidden;
		margin: 0; padding: 0;
		clear: both;
		padding: 7px 0;
		}

	.ctrl-holder span {
		position: relative;
		}

	.buttonHolder {
		overflow: hidden;
		clear: both;
		}

	.resetButton {
		}

	.submitButton {
		}

	.uniform .inlineLabel {
		width: auto;
		float: none;
		display: inline;
		}

	.uniform .inlineLabel input {
		}

	.inlineLabels .ctrl-holder {
		}

	.inlineLabels span {
		display: block;
		overflow: hidden;
		width: 100%;
		}

	.inlineLabels label,
	.inlineLabels .label {
		float: left;
		margin: .3em 2% 0 0; padding: 0;
		line-height: 100%;
		width: 45%;
		}

	.inlineLabels .textInput {
		float: left;
		width: 45%;
		}
        
	.inlineLabels .selectInput {
		float: left;
		width: 45%;
		}

	.inlineLabels textarea {
		float: left;
		width: 68%;
		width: 45%;
		}

	.inlineLabels .formHint {
		clear: both;
		margin-top: 0;
		margin-left: 47%;
		}

	.inlineLabels .formHint strong{
		}


	.blockLabels .ctrl-holder{
		}

	.blockLabels .ctrl-holder span {
		float: left;
		margin: 0; padding: 0;
		width: 45%;
		}

	.blockLabels label,
	.blockLabels .label {
		display: block;
		float: none;
		margin: .3em 0; padding: 0;
		line-height: 100%;
		width: auto;
		}

	.blockLabels .label{
		float: left;
		margin-right: 3em;
		}

	.blockLabels .textInput{
		display: block;
		float: none;
		}
        
	.blockLabels .selectInput{
		display: block;
		}

	.blockLabels textarea{
		display: block;
		clear: both;
		width: 98%;
		}

	.blockLabels .formHint{
		float: right;
		margin: 0;
		width: 45%;
		clear: none;
		}

	.blockLabels .ctrl-holder{
		}

	.blockLabels .focused{
		}

	label em,
	.label em {
		display: block;
		position: absolute; left: 45%;
		font-style: normal;
		font-weight: bold;
		}

	.blockLabels label em,
	.blockLabels .label em{
		position: static;
		display: inline;
		}


#content img.icon {
	float: none;
	margin: 0; padding: 0;
	display: inline;
	vertical-align: middle;
	position: relative; bottom: 1px;
	}


#content .fieldset {
	padding: 0; margin: 0;
	position: relative;
	}

	#content .fieldset h5.legend {
		padding: 5px; margin: 0 0 1em 0;
		position: absolute;
		background: #fff;
		top: -34px;
		}

#nav-search-options {
	margin: 0; padding: 0;
	clear: both;
	}

#nav-search-options ul {
	text-indent: 0 !important;
	margin: 0 0 2em 0; padding: 0;
	list-style: none;
	text-indent: 0;
	border-bottom: 1px solid #ccc;
	width: 100%; float: left;
	}

	#nav-search-options li {
		float: left;
		padding: 5px 15px; margin: 0 5px 0 0;
		list-style: none;
		border: 1px solid #ccc;
		border-bottom: none;
		background: #eee;
		position: relative; bottom: -1px;
		text-indent: 0;
		}

	#nav-search-options li.current {
		background: #fff;
		padding-top: 6px;
		}

		#nav-search-options a {
			color: #333;
			text-decoration: none;
			}

		#nav-user {
			float: right;
			margin-top: -3.5em;
			z-index: 5000;
			font-size: 85%;
			}

			#nav-user a {
				float: left;
				padding: 5px 10px; margin: 0 0 0 5px;
				position: relative;
				border: 1px solid #ccc;
				color: #02163E;
				text-decoration: none;
				}

			#nav-user a:hover {
				background: #EFF5FF;
				}

		#nav-search-options li a {
			float: left;
			}

		.nav-tools {
			margin: 0 0 10px 0; padding: 5px;
			background: #AFCEFF; color: #5F84BF;
			}

		.nav-tools strong {
			color: #333;
			margin: 0 10px 0 0;
			}

		.nav-tools a {
			color: #333;
			padding: 3px 0;
			text-decoration: none;
			}

		.nav-tools a:hover {
			text-decoration: underline;
			}





/*  Homepage Quicksearch
==============================================================*/


	#content-feature form {
		margin: 0; padding: 0;
		position: relative; left: 218px; top: 10px
		}

		#ttl-quick-search {
			width: 174px; height: 26px;
			background: url(ttl-quick-search.gif) no-repeat;
			text-indent: -999em;
			position: absolute;
			left: 17px; top: 1px;
			}

		.setlabel {
			font-weight: bold;
			text-transform: uppercase;
			display: block;
			color: #CFB7A8;
			margin: 0 0 3px 0; padding: 0;
			font-size: 85%;
			}

		.stlabel {
			font-weight: bold;
			text-transform: uppercase;
			color: #CFB7A8;
			font-size: 85%;
			}


	#formset-cities {
		position: absolute;
		width: 250px;
		top: 32px; left: 20px;
		}

	#formset-price {
		position: absolute;
		width: 400px;
		top: 80px; left: 20px;
		}

	#formset-rooms {
		position: absolute;
		width: 250px;
		top: 49px; left: 190px;
		}

	#formset-proptype {
		position: absolute;
		width: 500px;
		top: 129px; left: 20px;
		}

        #formset-name {
		position: absolute;
		width: 250px;
		top: 179px; left: 20px;
		}

        #formset-email {
		position: absolute;
		width: 250px;
		top: 179px; left: 229px;
		}


	#formset-submit {
		position: absolute;
		width: 500px;
		top: 215px; left: 20px;
		}

	#formset-submit * {
		vertical-align: middle;
		}








	/* Image Set */


	.img-set {
		width: 292px;
		float: left;
		}

		#content .img-set img {
			margin: 0 7px 7px 0; padding: 0;
			width: 270px; height: 198px;
			border: 1px solid #ccc;
			}

		#content .img-set img.thumb {
			width: 84px; height: 60px;
			}


		/* Options (Button Links) */


		#content p.option-set {
			width: 100%;
			float: left;
			margin: 0 0 1em 0; padding: 0;
			}

			#content .option-set a {
				position: relative;
				background: #eee;
				border-bottom: 1px solid #ccc;
				color: #444;
				text-decoration: none;
				float: left;
				padding: 3px 9px; margin: 0 5px 0 0;
				font-size: 85%;
				}

			#content .option-set a:hover {
				background: #f4f4f4;
				color: #666;
				}


		

	
.text {
	margin-bottom: 15px;
	}



 hr {
       color: #f00;
      background-color: #8c674a;
      height: 4px;
}





 form {
	margin: 0px;
}

 form input, textarea {
	font-size:12px;
	font-family:Verdana, sans-serif;
	color:#404040;
	border:1px solid #cccccc;
	background-color: #f5f5f5;
}

 form div {
	margin: 0; 
}

.input-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
input#reset{
	background-color:#a05b1f;
	border: thin dotted #fff;
	color: #fff;

}
input#submit{
	background-color:#a05b1f;
	border: thin dotted #fff;
	color: #fff;
}

.one {
          font-family: Verdana, Arial; 
          font-size: 11px; 
          color: #ffffff !important;
          padding: 2px;
}



div#mortgageCalculator{
	border: 1px solid #dddddd;
	border-bottom: 1px solid #bbbbbb;
	width:148px;
	margin: 5px 0 5px 0;
	background: #FFFFFF url(http://media.reliancenetwork.com/media/global/search/mysearchGradient.gif) bottom left repeat-x;
	float:left;
	}
div#mortgageCalculatorPadding{
	padding: 5px;
}
div#mortgageCalculator input.input{
	margin: 0px;
	padding: 2px;
    margin-bottom:5px;
	font-size:9pt;
	width:55px;
    display:inline;
    vertical-align:bottom;
    border: 1px solid #cccccc;
	float:left;
	clear:right;
	}

div#mortgageCalculator select.input{
	width:60px;
    margin-bottom:5px;
    margin-left:8px;
    float:left;
    clear:right;
	}
div#mortgageCalculator label{
    display:block;
    width:60px;
    float:left;
    clear:left;
    margin:0;
   font-size:8pt;
	}
	
div#mortgageCalculator h3{
	background: #eeeeee url(http://media.reliancenetwork.com/media/global/search/mysearchGradientHeader.gif) top left repeat-x;
	margin-left:-5px;
	margin-right:-5px;
	margin-top:-5px;
	padding:5px;
	color:#000000;
	font-family:arial, helvetica, sans-serif;
	}
div#mortgageCalculator div#linkPreapproval{
	border:0px solid #cccccc;
	border-top-width:1px;
	padding-top:5px;
	margin-top:55px;
	}
	
div#mortgageCalculator div#linkPreapproval img{
	vertical-align:bottom;
	}
div#mortgageCalculator div#linkPreapproval a:link,
div#mortgageCalculator div#linkPreapproval a:visited{
	border:1px solid #cccccc;
	display:block;
	padding:4px;
	text-decoration:none;
	color:#666666;
	background-color:#fafafa;
	}
div#mortgageCalculator div#linkPreapproval a:hover{
	border:1px solid #cccccc;
	background-color:#ffffff;
	color:#000000;
	}
div#mortgageCalculator {
	margin-top:10px;
	clear:left;
	}
div#monthlyPayment{
	margin-top:5px;
	padding-top:5px;
	border:0px solid #cccccc;
	border-top-width:1px;
	clear:left;
	}
div#mortgageCalculator div#monthlyPayment label{
	cursor:default;
	margin:0;
	}
div#mortgageCalculator div#monthlyPayment input{
	margin-top:0;
	font-weight:bold;
	}
div#mortgageCalculator span.dollar{
	float:left;
	margin-right:2px;
	vertical-align:middle;
	}
/*input#paymentAmount{
	font-size:9pt;
    color:black;
    border: 1px solid black;
   	padding: 2px;
	}*/
input#buttonSubmit{
	margin:5px 0 0 0;
	float:left;		
	}



	

	
	/* CSS FOR SLIDESHOW SCRIPT */
	.imageSlideshowHolder,.imageSlideshowHolder_left{
		margin:1px;	/* "Air" */
		float:right; /* Floating gallery at the right side of other web page content */		
		width:205px;	/* Image width */
		height:150px;	/* Image height */
		
		position:relative;	/* Don't remove this line */
	}
	.leftFloatingDiv{
		float:left;
		width:205px;
		height:150px;
	}
	.rightFloatingDiv{
		float:right;
		width:205px;
		height:150px;
		margin-left:5px;
		margin-right:0px !important;
		padding-right:0px !important;
	}
	/* Don't change these values */
	.imageSlideshowHolder img{
		position:absolute;
		left:0px;
		top:0px;
	}
