
<!-- /* This is for the clean_modern css  */-->
<!-- /* Please maintain changes and archive versions in thi folder: 
				H:\IT\Agent2_0Redux\CSS_BANK\Clean_Modern */ -->

<style type="text/css">
 <!-- /* This is sooooooo important! */ -->
<!-- /* 
	do not add any styles that rely on a recordset that are not universal to the site 
	as errors will occur on pages that do not contain the proper rs required by the style 
	record set "rsCSS" should be common to every page that uses this style sheet  
	***** 	THIS CODE IS SPLIT INTO 2 PARTS			***********
	The part that controls the template and the part that controls the content area.
	*******    If you modify the template css comment it accordingly    **********
	The second part is for the content area. This will probably need to be copied to the 
	subsequent templates and then modified accordingly becasue future templates will not have it.
*/ -->

<!--
* {	behavior: url('http://cbharper.com/realtor/web4/images/clean_modern/iepngfix.htc');}
body {margin: 0 0 20px 0;padding: 0;font: 13px "Times New Roman", Times, serif;	}
.clear {clear: both;overflow: hidden;height: 0;font-size: 0;}
h1, h2, h3, h4 {margin: 0 0 20px 0;padding: 0;font-weight: normal;}
h1 {font-size: 24px;}
input,select,textarea {	padding: 2px;font-family: "Times New Roman", Times, serif;}
form {margin: 0;padding: 0;}
#container {width: 850px;margin: 0 auto;}
#wrapper {width: 850px;margin: 0 auto;}
#header {width: 835px;height: 270px;background: url('http://cbharper.com/realtor/web4/images/clean_modern/top_img_greygreen_home.gif') no-repeat 0 5px;margin: 0 auto;padding: 0 0 0 15px;}
#header_line {width: 534px;height: 47px;padding: 25px 0;margin: 0 0 0 300px;background: url('http://cbharper.com/realtor/web4/images/clean_modern/color_block_blue.png') no-repeat;text-align: center;}
#header_line h1 a {color: #fff;padding: 4px 10px;width: 300px;margin: 0 auto;border-top: 1px solid #fff;border-bottom: 1px solid #fff;text-decoration: none;}<!-- /* added the "a" so as to show correctly */ -->
#header_content {width: 822px;margin: 0 auto;}
<!-- /* This makes the frame and realtor photo layer correctly */ -->
#realtor_photo_top #photo_1{float: left;width: 212px;position: absolute;margin-left: 30px;margin-top: -88px;z-index:0;}
#realtor_photo_top #frame_1 {float: left;width: 212px;position: absolute;margin-left: 30px;margin-top: -90px;z-index: 3;}

<!-- /* END */ -->
#header_content h2 {float: right;width: 420px;font-size: 30px;color: #004990;text-align: center;font-style: italic;margin: 20px 90px 0 0;}
#main_nav {background: #f8f4ee;border-top: 1px solid #c0c0c0;border-right: 1px solid #c0c0c0;border-left: 1px solid #c0c0c0;border-bottom: 1px solid #c0c0c0;height: 25px;}
#left_nav {display="none";}
#main {	margin: 10px 0;}
#right_column {float: right;width: 630px;padding: 15px;}
#right_column #estate_search {width: 480px;height: 119px;border: 1px solid #e1e1e1;	background: url('http://cbharper.com/realtor/web4/images/clean_modern/estate_search_bg.jpg') no-repeat;padding: 10px 15px;margin: 0 auto 20px auto;}
#right_column #estate_search .title {color: #004990;font-size: 16px;margin-bottom: 5px;font-weight: bold;}
#right_column #estate_search p {margin: 0;}
#right_column #estate_search .search-input {width: 405px;margin-right: 5px;border: 1px solid #cecece;}
#right_column #estate_search #hint {font-size: 11px;}
#right_column #estate_search .submit {border: 1px solid #004990;color: #fff;font-size: 11px;width: 60px;padding: 2px;font-weight: bold;text-transform: uppercase;background: #004990;}
#right_column #estate_search .dropdown {float: left;margin-top: 6px;width: 100px;}
#right_column #estate_search .dd_type {float: left;margin-top: 6px;width: 128px;}
#right_column #estate_search .dd_bed_baths {float: left;margin-top: 6px;width: 75px;}
#right_column #estate_search .label {color: #004990;font-weight: bold;}
#right_column #estate_search .select {border: 1px solid #cecece;min-width: 70px;}
#right_column #right_content {width: 600px;<!-- /* changed to give more space in content area */ -->text-align: justify;margin: 0 auto;}
#right_column #right_content h3 {color: #004990;font-size: 22px;}
#address {margin: 25px 0;}
#footer {height: 40px;padding-top: 14px;background: url('http://cbharper.com/realtor/web4/images/clean_modern/blue_footer.gif') repeat-x;text-align: center;color: #fff;}
#footer a {color: #fff;text-decoration: none;}
#footer a:hover {text-decoration: underline;}
ul#t_nav {list-style: none;width: 850px;margin: 0 auto;}
#t_nav li {float: left;text-align: center;text-transform: uppercase;font-weight: bold;font-size: 12px;line-height: 25px;}
#t_nav li a {text-decoration: none;color: #666;display: block;padding: 0 20px;display: block;}
#t_nav li a:hover {background: #fff;color: #004990;}

#t_nav li ul {display: none;position: absolute;background: #f8f4ee;padding: 0;list-style: none;width: 140px;border: 1px solid #c0c0c0;border-top: 1px solid #f8f4ee; margin-left: -2px;}

#t_nav li ul li {text-align: left;border: none;text-transform: none;margin: 0;line-height: auto;float: none;}
#t_nav li ul li a {color: #666;padding: 0 10px;}
#t_nav li ul li a:hover {background: #fff;color: #004990;}
#t_nav li:hover ul,#t_nav li.sfhover ul {display: block;}
#copyright {width: 820px;margin: 5px auto 0 auto;}
#copyright a {color: #333;text-decoration: none;}
#copyright a:hover {text-decoration: underline;}
#copyright #cl {float: left;width:800px;font-size: 9px;}
#copyright #cr {float: right;width:20px;}
.left_nav_style	{display:none;}
#left_column {float: left;width: 182px;text-align: center;border-right: 1px solid #d7d7d6;padding: 15px 0;}
#left_column p {margin: 0 0 2px 0;}
#left_column p#coldwell_logo {margin: 25px 0 0 0;}
#left_column a {color: #333;}
#left_column a:hover {text-decoration: none;}
#left_column h3 {font-size: 18px;text-align: right;margin-top: 0;margin-bottom: 12;margin-left: -60px;}
#left_column #contact h2 a{color: #004990;font-size: 13px;margin-left:0;font-weight: bold;text-align:center;margin-top: 15px;margin-bottom: 0px;}<!-- /* added the "a" so as to show correctly */ -->
#videobutton {display:inline;width: 70px;height: 18px;background: url("../images/videobutton1.jpg") no-repeat 0 0;font-size:smaller; }
#videobutton:hover{background: url("../images/videobutton2.jpg") no-repeat 0 0;}	
	<!-- /* Add any cbharper content css below this point */ -->
-->
</style>
