@import "lib/reset.css";
@import "lib/ie.css";
@import "lib/nav.css";

/* =body 
   (1em = default browser 16px of font-size)
   for 12px (0.75em = 1/16px * 12px)
 */
body { background: #6f0606; font-size: 0.75em; text-align: center; font-family: Helvetica, Arial, sans-serif; }

/* =hx */
h1, h2, h3, h4, h5, h6 { font-weight: bold; font-family: "Trebuchet MS", sans-serif; }

h1 { font-size: 1.5em; line-height: 1; margin-bottom: 0.5em; }
h2 { margin: 0; padding: 0; }
h3 { font-size: 1.3em; line-height: 1.3; margin-bottom: 0.8em; }
h4 { font-size: 1.3em; line-height: 1; margin-bottom: 0.8em; }
h5 { font-size: 0.75em; margin-bottom: 1.5em; }
h6 { font-size: 0.75em; }

/* =txt p/abr/acronym/address/del/blockquote/strong/em/dfn/pre/code/tt  */
p { margin: 0 0 1.7em; }
abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }
blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }

span { font-weight: bold; padding: 0 1em; }

/* =table caption/tr/th/td/thead/tbody/tfoot */
table {  }
th {  }
td {  }
th, td {  }
tfoot { font-style: italic; }
caption { background: #ffc; }

/* =ul li */
ul { margin: 0 1.5em 1.5em 1.5em; list-style-type: circle; }

/* =ol li */
ol { margin: 0 1.5em 1.5em 1.5em; list-style-type: decimal; }

/* =dl dt/dd */
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

/* =a */
a { color: #6f0606; text-decoration: underline; font-weight: bold; }
a:hover { text-decoration: none; }

/* =form */
label { font-weight: bold; }
fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ddd; }
legend { padding: 0 .4em; font-weight: bold; font-size: 1.2em; }
textarea { margin: 0.5em 0.5em 0 0; }
textarea { padding: .4em; }
input { border: 1px solid #a5acb2; background: #f4f4f4; font-size: 0.75em; }


/* layout begin */
#wrapper { width: 887px; margin: 0 auto; padding: 0 10px; background: url(../images/utils/wrapper_bg_gradient.gif) left top repeat-x;}
#container { position: relative; float: right; margin: 0 0 0 -255px; width: 100%; background: transparent url(../images/utils/container_gray_gradient.gif) left top repeat-y;  }
#sidebar { float: left;	overflow: hidden;	width: 250px; text-align: left; }
#content-main { position: relative; margin: 0 0 0 255px; }
#footer { clear: both; width: 100%; }

/* sidebar */
/* branding area */
h1 { height: 130px; margin-bottom: 0.6em; background: transparent url(../images/utils/logo.gif) center 15px no-repeat; text-indent: -5000px; border-bottom: 1px solid #b78282; }
h1 a { display: block; height: 130px; }

/* quick mls search */
.mls-search { border-top: 1px solid #b78282; margin: 15px 0 0 0; }
.mls-search h2 { height: 30px; margin-bottom: 0.7em; padding: 0; background: url(../images/utils/title_quick_mls_search.gif) 30px bottom no-repeat; text-indent: -5000px; }
#quick-mls-form { margin: 0 0 0 32px; }
#quick-mls-form label { float: left; width: 50px; padding: 2px 0 0 0; font-family: "Trebuchet MS"; font-weight: normal; }
#quick-mls-form input { padding: 0.2em 4px; }
#quick-mls-form div { margin: 0 0 5px 0; }
#quick-mls-form .submit { margin: 12px 0 0 0; }
#quick-mls-form .submit label { width: 120px; }
#quick-mls-form #submit { border: none; background: none; padding: 0; }
#quick-mls-form #f1_select,
#quick-mls-form #f2_select { border: none; padding: 0; background: none; }
#quick-mls-form #street { width: 110px; }
#quick-mls-form .mlsnr { width: 90px!important; }
#quick-mls-form #list_price_from { width: 15px; }
#quick-mls-form #list_price_to { width: 75px; }
#quick-mls-form em { padding: 0 0 0 5px; font-style: normal; font-size: 10px; color: #B78282 }

/* site-info */
.site-info { height: 95px; margin: 15px 0 0 0; clear: both; border-top: 1px solid #b78282; background: url(../images/utils/address.gif) center 15px no-repeat; }

.topinfo { height: 106px; width: 632px; background: url(../images/utils/bg_top.jpg) no-repeat left top; text-align: left }
.topinfo p { margin: 0; font-size: 1.50em; color: white }
.topinfo p.first { padding: 10px 0 0 40px }
.topinfo p.second { padding: 0 0 0 80px }
.topinfo p.third { padding: 0 0 0 120px }
#community .topinfo p.first { margin: 0!important }

/* content-main */
#content-info { position: relative; margin: 20px 0 40px 0; padding: 0 15px 0 20px; text-align: left; font-family: "Trebuchet MS", sans-serif }
#content-info .total_list { position: relative; top: -10px; color: #6F0606; font-weight: normal; }

#content-info .breadcrumb span { padding: 0; }
#content-info .breadcrumb b { padding: 0 7px; position: relative; top: -10px; color: #A10909; font-size: 0.8em; }
#content-info .breadcrumb ul { list-style: none; margin: 0; padding: 0; }
#content-info .breadcrumb ul li { display: inline; padding: 0; margin: 0; background: none; }

#content-info h3 { color: #6f0606; margin-top: 15px }
#content-info h4 { color: #6f0606; }
#content-info p { line-height: 1.7em; }
#content-info ul { list-style: none; }
#content-info ul li { padding: 0 0 0 12px; background: url(../images/utils/list_bullet.gif) no-repeat left 8px; font-weight: bold; }

	/* headers */
	#profile #content-info .header { height: 116px; width: 590px; margin: 0 0 20px 0; background: url(../images/profile/header.jpg) left top no-repeat; border: 1px solid #A5ACB2;}
	#listings #content-info .header { height: 116px; width: 590px; margin: 0 0 20px 0; background: url(../images/listings/header.jpg) left top no-repeat; border: 1px solid #A5ACB2;}
	#listings #content-info .header_list { height: 116px; width: 590px; margin: 0 0 20px 0; background: url(../images/listings/header_list.jpg) left top no-repeat; border: 1px solid #A5ACB2;}
	#buyers #content-info .header { height: 116px; width: 590px; margin: 0 0 20px 0; background: url(../images/buyers/header.jpg) left top no-repeat; border: 1px solid #A5ACB2;}
	#sellers #content-info .header { height: 116px; width: 590px; margin: 0 0 20px 0; background: url(../images/sellers/header.jpg) left top no-repeat; border: 1px solid #A5ACB2;}
	#community #content-info .header { height: 116px; width: 590px; margin: 0 0 20px 0; background: url(../images/community/header.jpg) left top no-repeat; border: 1px solid #A5ACB2;}
	#calculator #content-info .header { height: 116px; width: 590px; margin: 0 0 20px 0; background: url(../images/calculator/header.jpg) left top no-repeat; border: 1px solid #A5ACB2;}

	/* history */
	#content-info .logo_list_history img { margin: 0 10px 20px 7px;  }
	
	/* buyers */
	#buyers .room_for_video { padding: 0 240px 0 0; }
	#buyers .video_buyers { position: absolute; right: 20px; top: 220px; }
	#buyers blockquote { margin: 0; padding: 15px 20px 1px 20px; background: #ededed; }
	#buyers blockquote h2 { font-style: italic; font-size: 1.2em; }
	#buyers .requestform { position: absolute; right: 20px; top: 145px; z-index: 1000; }
	
	#buyers #requestform { margin: 35px 0 0 140px; height: 140px; }
	#buyers #requestform label { font-weight: normal; }
	#buyers #requestform input { position: absolute; left: 110px; top: 0; width: 160px; padding: 2px;}
	#buyers #requestform div { position: relative; margin: 0 0 10px 0; }	
	#buyers #requestform #submit { border: none; background: none; padding: 0; width: auto; } 
	#buyers #requestform .err { background: #FEE2E2; border: 1px solid #FDB9B9; padding: 10px; font-weight: bold; color: #9F0707 }
	#buyers #requestform .succ { background: #ECF5E2; border: 1px solid #C3DEA3; padding: 10px; font-weight: bold; color: #6B8E23; }

	/* sellers */
	#sellers .room_for_video { margin: 0 0 220px 0; padding: 0 240px 0 0; }
	#sellers .room_for_txt { border-top: 1px solid #B78282; }
	#sellers .room_for_txt h3 { font-size: 1.2em; margin-bottom: 1.7em; text-align: center }
	#sellers .room_for_txt h3.aleft { text-align: left; }
	#sellers .room_for_txt .first { margin-top: 25px; }
	
	#sellers ol { margin: 0 0 30px 70px; padding: 10px 0 0 0; }
	#sellers ol li { margin: 0 0 20px 0; }
	
	#sellers .video_buyers { position: absolute; right: 20px; top: 220px; }
	#sellers blockquote { margin: 0; padding: 15px 20px 1px 20px; background: #ededed; }
	#sellers blockquote h2 { font-style: italic; font-size: 1.2em; }
	#sellers .requestform { position: absolute; right: 20px; top: 145px; z-index: 1000; }
	
	#sellers #requestform { margin: 35px 0 0 140px; height: 140px; }
	#sellers #requestform label { font-weight: normal; }
	#sellers #requestform input { position: absolute; left: 110px; top: 0; width: 160px; padding: 2px;}
	#sellers #requestform div { position: relative; margin: 0 0 10px 0; }	
	#sellers #requestform #submit { border: none; background: none; padding: 0; width: auto; }
	#sellers #requestform .err { background: #FEE2E2; border: 1px solid #FDB9B9; padding: 10px; font-weight: bold; color: #9F0707 }
	#sellers #requestform .succ { background: #ECF5E2; border: 1px solid #C3DEA3; padding: 10px; font-weight: bold; color: #6B8E23; }

	#sellers .text_price { margin: 30px 0 50px 0; }
	#sellers .text_price p { padding: 0; line-height: 0.5em; font-weight: bold; font-size: 120%; }
	#sellers .text_price p.t1 { padding: 0 0 0 50px; }
	#sellers .text_price p.t2 { padding: 0 0 0 80px; }
	#sellers .text_price p.t3 { padding: 0 0 0 110px; }
	
	/* community */
	#community .first { margin-top: 20px;  }
	#community .pics img { margin-right: 10px }
	#community .community_links { position: relative; }
	#community .community_links li { display: block; padding: 30px 0 0 0; background: none; }
	#community .community_links li.column_sec { position: absolute; left: 250px; top: 0; width: 330px; }
	#community .community_links li p { padding: 0 0 10px 0; margin: 0;}	
	
	#community .universities ul { position: relative; height: 140px; list-style: none; margin-left: 0 }
	#community .universities ul li { background: none; text-align: center; display: block; width: 172px; }
	#community .universities ul li.u1 { position: absolute; left: -25px; top: 0; }
	#community .universities ul li.u2 { position: absolute; left: 180px; top: 0; }
	#community .universities ul li.u3 { position: absolute; right: 0; top: 0; }
	
	#community .room_for_txt { border-top: 1px solid #B78282; padding: 30px 0 0 0; text-align: center }
	#community .courtesy { position: absolute; right: 20px; top: 145px; font-size: 0.75em; }
	
	/* calculator */
	#calculator .calculator { position: absolute; right: 20px; top: 145px; z-index: 1000; }
	#calculator .banks { margin: 30px 0 70px 0; }
	#calculator .banks .b_cs a { color: #005446; }
	#calculator .banks .b_rhm { margin-top: 30px; }
	#calculator .banks .b_rhm a { color: #0000fd; }
	#calculator #calculator_form { position: absolute; right: 20px; top: 190px; width: 280px; padding: 4px; border: 1px solid #e2e2e2; }
	#calculator #calculator_form .submit_form { padding-top: 8px; text-align: right }
	#calculator #calculator_form .submit_form img { cursor: pointer; }
	#calculator #calculator_form label { font-weight: normal; padding: 0 140px 0 0; }
	#calculator #calculator_form div { position: relative; padding: 4px 14px 5px 14px; }
	#calculator #calculator_form .odd { background: #efefef; }
	#calculator #calculator_form input { position: absolute; right: 14px; top: 4px; padding: 2px 4px }
	
	/* agents */
	#content-info .cp_agents { margin: 20px 0 0 0; }
	#content-info .cp_agents img {  border: 3px solid #6F0606; }
	#content-info .cp_agents ul { border-bottom: 1px solid #b78282; margin: 0 0 1.5em; padding: 0; list-style: none; width: 100%; overflow: auto; }	
	#content-info .details ul { border: none; margin: 0; }
	#content-info .cp_agents li { font-weight: normal; padding: 0; font-size: 1em; display: block; background: none; }
	#content-info .cp_agents li h3 { padding: 0; margin: 0 0 0.8em; line-height: 1.7; }
	
	#content-info .cp_agents .agent_img { float: left; width: 140px;  }	
	#content-info .cp_agents .agent_info { float: right; width: 440px; }
	#content-info .cp_agents .agent_info p { line-height: 1.5em; margin: 0 0 1.3em }
	
	#content-info .cp_agents .two_agent_img { float: left; width: 270px; }
	#content-info .cp_agents .two_agent_info { float: right; width: 310px; }
	#content-info .cp_agents .two_agent_info p { line-height: 1.5em; margin: 0 0 1.3em }
	#content-info .details .agent_info p { line-height: 1.7em; margin: 0 0 1.3em }
	#content-info .details .office_phone,
	#content-info .details .home_phone
	{ font-weight: bold; color: #6F0606; font-style: normal }
	
	/* listings */
	#content-info dl.listings_select { margin: 30px 0 0 0; }
	#content-info dl.listings_select img { border: 1px solid #e7d5d5; margin: 0 5px; }
	#content-info dl.listings_select a:hover img { background: #F5EDED; }
	#content-info dl.listings_select dt { text-align: center; display: block; margin: 0 0 20px }
	
	/* listings details */
	#content-info .listings_list { margin: 20px 0 0 0; }
	#content-info .listings_list img {  border: 3px solid #6F0606; }
	#content-info .listings_list ul { position: relative; border-bottom: 1px solid #b78282; margin: 0 0 1.5em; padding: 0; list-style: none; width: 100%; overflow: auto }	
	#content-info .listing_details ul { min-height: 340px; }
	#content-info .listings_list li { font-weight: normal; padding: 0; margin: 0; font-size: 1em; display: block; background: none; }
	#content-info .listings_list li h3 { padding: 0; margin: 0 0 0.2em; line-height: 1.7; }
	#content-info .listings_list .list_img { float:left; width: 190px; line-height: 0;}
	#content-info .listings_list .list_img img { margin: 0 3px 5px 3px; }
	#content-info .listings_list .list_img .extra_img img { margin: 0 0 5px 5px; border: none; width: 40px; border: 1px solid #6F0606;  }
	#content-info .listings_list .list_info { float: right; width: 390px; padding: 0 0 0 0; }
	#content-info .listings_list .list_info p { line-height: 1.3em; margin: 0 0 1.3em }
	#content-info .listings_list .list_details { }
	#content-info .listings_list .contact_agent { position: relative; text-align: left; width: 100% }
	#content-info .listings_list .contact_agent span { position: absolute; right: 0; top: 0; padding: 0; font-weight: normal; }

	#content-info #pages_nav { position: relative; height: 30px; clear: both }
	#content-info #pages_nav .prev, #content-info #pages_nav .back { position: absolute; left: 0; top: 0; }
	#content-info #pages_nav .next { position: absolute; right: 0; top: 0; }
	
	#content-info #pages_nav_top { position: absolute; top: 155px; right: 20px; z-index: 3000 }
	
.back_top { position: absolute; left: 20px; bottom: 15px; font-size: 0.75em; font-family: "Trebuchet MS" }

/* footer */
#footer { position: relative; height: 156px; background: transparent url(../images/utils/bg_footer.gif) no-repeat; }
#footer div { position: absolute; right: 47px; top: 34px; height: 37px; width: 130px; background: url(../images/utils/pncs_logo.gif); }
#footer div a { display: block; height: 37px; text-indent: -5000px; }