@charset "UTF-8";
/* CSS Document */

/* GENERAL
----------------------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
	text-align:left;
}
body { 
	background-color:#003788;
	color:#454763;
	font-family:Arial, Helvetica, sans-serif, "Helvetica Neue";
	font-size:13px;
	text-align:center;
}
h1, h2, h3, h4 { color:#003788; font-family:"Times New Roman", Times, serif; margin:15px 0 10px 0; }

h1 { font-size:27px; }

h2 { font-size:20px; }

h3 { font-size:18px; }

h4 { font-size:16px; }

p {
	font-family:Arial, Helvetica, sans-serif, "Helvetica Neue";
	font-size:13px;
	line-height:18px;
	margin-bottom:10px;
}

#clear { clear:both; }

#btnSubmit { cursor:pointer; width:80px; text-align:center; float:left; }

.int_img { border:1px solid #4D4D4D; }

p.caption { font-size:11px; font-style:italic; margin-top:10px; }


/* WRAPPER
----------------------------------------------------------------------------------------*/
#wrapper {
	border:4px solid #fff;
	margin:20px auto;
	width:960px;
}


/* TOP NAVIGATION and DROP DOWN STYLES
----------------------------------------------------------------------------------------*/
#suckertreemenu {
	background:url(/images/layout/tnav_bg.gif) repeat-x;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	float:left;
	height:55px;
	text-align:center;
	width:960px;
}

#suckertreemenu ul{ list-style-type: none; }

/*Top level list items*/
#suckertreemenu ul li {
	display: inline;
	float: left;
	position: relative;
}

/*Top level menu link items style*/
#suckertreemenu ul li a {
	color:#394273;
	display: block;
	margin: 20px 4px;
	text-decoration: none;
	text-align:center;
	width: 84px; /*Width of top level menu link items*/
}

#suckertreemenu img.spacer { width:4px; height:50px; padding:3px 0 2px 0; }
	
/*1st sub level menu*/
#suckertreemenu ul li ul {
	display: block;
	left: 0;
	position: absolute;
	top: 1em; /* no need to change, as true value set by script */
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
#suckertreemenu ul li ul li {
	display: list-item;
	float: none;
}

/* Sub level menu links style */
#suckertreemenu ul li ul li a {
	background-color:#FDFDFD;
	border-bottom:1px solid #394273;
	border-right:1px solid #394273;
	border-left:1px solid #394273;
	color:#394273;
	display: block;
	width: 170px; /*width of sub menu levels*/
	text-decoration: none;
}

#suckertreemenu ul li a:hover { color: #cd2227; }

#suckertreemenu .submenu li a {
	margin:0; 
	padding:4px 5px;
	text-align:left;
}
#suckertreemenu .submenu li a:hover { 
	background-color:#003788;
	color:#FDFDFD;
}
	
/* Holly Hack for IE \*/
* html #suckertreemenu ul li { float: left; height: 1%; }
* html #suckertreemenu ul li a { height: 1%; }
/* End */


#container { float:left; width:960px; }


/* CONTAINER => applies to interior pages ONLY 
----------------------------------------------------------------------------------------*/
#container_inner { 
	background:url(/images/layout/interior_bg.gif) repeat-x #fff; 
	width:960px;
}
#container_inner img.interior_head {
	border-top:1px solid #fff;
	margin:0;
	padding:0;
}


/* INTERIOR => applies styles to all objects on the interior pages
----------------------------------------------------------------------------------------*/
#interior { padding:20px; width:920px; }

#interior ul { list-style-type:none; }

#interior li { padding-bottom:8px; }

#interior ol { list-style-position:inside; }

#interior a:link, #interior a:visited {
	color:#394273;
	text-decoration:underline;
}
#interior a:hover.name {
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	color:#394273;
	text-decoration:none;
	padding:0;
}

#interior a:hover { color:#cd2227; }


/* RELO FORM => applies styles to form on the Contact Our Relocation Department page 
----------------------------------------------------------------------------------------*/ 
#interior #relo_form label {
	color:#394273;
	display:block;
	margin-right:8px;
}
#interior #relo_form input, #relo_form textarea {
	border:1px solid #454763;
	color:#454763;
	font-family:Arial, Helvetica, sans-serif, "Helvetica Neue";
	font-size:13px;
	margin-top:4px;
	padding:2px;
}


/* WHAT'S MY HOME WORTH => applies styles to the What's My Home Worth? page
----------------------------------------------------------------------------------------*/
#interior #home_worth { width:100%; }

#interior #home_worth_buttons ul { list-style-type:none; }

#interior #home_worth_buttons li { display:inline; } 

#interior #home_worth_buttons li a {
	_background-image:url(/images/layout/home_worth_buttons.gif);
	background-image:url(/images/layout/home_worth_buttons.png);
	background-repeat:no-repeat;
	float:left;
	height:165px;
	margin-right:40px;
	margin-left:50px;
	overflow:hidden;
	text-indent:-1000%;
	width:200px;
}


/*BUTTON STATES*/
#interior #home_worth_buttons li#hw_btn_CMA a { background-position: 0 0; }
#interior #home_worth_buttons li#hw_btn_VMA a { background-position: -200px 0; }
#interior #home_worth_buttons li#hw_btn_cyberhome a { background-position: -400px 0; }


/*HOVER STATES*/
#interior #home_worth_buttons li#hw_btn_CMA a:hover { background-position: -3px -220px; }
#interior #home_worth_buttons li#hw_btn_VMA a:hover { background-position: -200px -220px; }
#interior #home_worth_buttons li#hw_btn_cyberhome a:hover { background-position: -400px -220px; }

#interior #home_worth #description {
	color:#454763;
	padding:20px 10px;
	width:100%;
}
#interior #one { 
	float:left; 
	margin-top:20px;
	margin-left:70px;
	margin-right:110px;
	width:200px; 
}
#interior #two { 
	float:left; 
	margin-top:20px;
	margin-right:80px;
	width:200px; 
}
#interior #three { 
	float:left; 
	margin-top:20px;
	width:200px; 
}


/* OFFICE MAP => styles for office map and pop up windows 
----------------------------------------------------------------------------------------*/
#interior #mapcontainer {
	width: 576px;
	height: 621px;
	left:100px;
	position: relative;
}
#interior #mapcontainer h4 {
	margin-top:10px; 
	font-family:Arial, Helvetica, sans-serif, "Helvetica Neue"; 
	color:#161D5A;
}
#interior #mapcontainer .officepop {
	background:url(/images/layout/officepop_bg2.png) no-repeat;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	height:260px;
	position: absolute;
	padding: 30px;
	width: 480px;
}
#interior #mapcontainer #pataskala img, #mapcontainer #pickerington img, #mapcontainer #canalw img {
	border:1px solid #BFBFBF; 
	background-color:#FFFFFF;
	float:left; 
	margin:10px 20px; 
	padding:4px;
}
#interior #mapcontainer #canalw {
	top: 155px;
	left: 385px;
}
#interior #mapcontainer #pataskala {
	top: 10px;
	left: 470px;
}
#interior #mapcontainer #pickerington {
	top: 120px;
	left: 420px;
}
#interior #mapcontainer ul.contact { 
	float:left; 
	font-size:13px; 
}
#interior #agentsearch input { 
	border:1px solid #B5B5B5; 
	color:#454763;
	font-family:Arial, Helvetica, sans-serif, "Helvetica Neue";
	padding:2px 4px;
}
#interior #agentsearch h3 { font-family:Arial, Helvetica, sans-serif, "Helvetica Neue"; color:#454763; }

#interior #agentsearch fieldset { border:none; }

#interior #agentsearch li { display:inline; margin-right:30px; }

#interior #agentsearch label { font-size:14px; margin-right:10px; }

#interior #agentsearch ol { list-style-type:none; }

#interior #agentsearch input#submit{ cursor:pointer; text-align:center; width:80px; }


/*applies styles to the CMA REQUEST FORM*/
#interior #cma input, #interior #cma select,#interior  #cma textarea  { border:1px solid #878787; color:#4D4D4D; background-color:#F0F0F0; }

#interior #cma input, #interior #cma select { margin-left:5px; }

#interior #cma input, #interior #cma textarea { font-family:Arial, Helvetica, sans-serif, "Helvetica Neue"; font-size:13px; padding:2px 4px; margin-bottom:3px; }

#interior #cma input#submit { cursor:pointer; }

#interior .btext font { color:#2E4590; font-family:Arial, Helvetica, sans-serif, "Helvetica Neue"; font-size:13px; }

#interior .btext font.agree { font-size:x-small; }


/* FLASH => ONLY on the home page
----------------------------------------------------------------------------------------*/
#container #flash {
	border-bottom:2px solid #fff;
	float:left;
}


/* ITEMS ON LEFT SIDE OF CONTAINER => logo and tiles
the following styles apply ONLY to homepage
----------------------------------------------------------------------------------------*/
#container_left {
	border-right:4px solid #fff;
	float:left; 
	width:389px;
}


/* LOGO
----------------------------------------------------------------------------------------*/
#container_left #logo {
	background:url(/images/layout/logos_bg.gif) repeat-x;
	border-bottom:4px solid #fff;
	float:left;
	height:151px;
	width:389px;
}
#container_left #logo img { margin:15px 0 0 30px; }


/* TILES
----------------------------------------------------------------------------------------*/
#container_left #tiles {
	background:url(/images/layout/tiles_bg.gif) repeat-x;
	float:left;
	height:636px;
	width:389px;
}

#container_left #tiles li { display:inline; }

#container_left #tiles li a {
	float:left;
	height:151px;
	overflow:hidden;
	text-indent:-1000%;
	margin-top:48px;
	width:193px;
}

/* FIND A HOME TILE */
#container_left #tiles a.fah:link, #tiles a.fah:visited {
	background-image:url(/images/layout/fah_off.gif);
	height: 151px;
	width: 193px;
}
#container_left #tiles a.fah:hover {
	background-image:url(/images/layout/fah_on.gif);
	height: 151px;
	width: 193px;
}

/* WHAT'S MY HOME WORTH TILE */
#container_left #tiles a.home_worth:link, #tiles a.home_worth:visited {
	background-image:url(/images/layout/homeworth_off.gif);
	height: 151px;
	width: 193px;
}
#container_left #tiles a.home_worth:hover {
	background-image:url(/images/layout/homeworth_on.gif);
	height: 151px;
	width: 193px;
}

/* OPEN HOUSES TILE */
#container_left #tiles a.openhouse:link, #tiles a.openhouse:visited {
	background-image:url(/images/layout/openhouse_off.gif);
	height: 151px;
	width: 193px;
}
#container_left #tiles a.openhouse:hover {
	background-image:url(/images/layout/openhouse_on.gif);
	height: 151px;
	width: 193px;
}

/* PRE LOAN APPROVAL TILE */
#container_left #tiles a.preloan:link, #tiles a.preloan:visited {
	background-image:url(/images/layout/preloan_off.gif);
	height: 151px;
	width: 193px;
}
#container_left #tiles a.preloan:hover {
	background-image:url(/images/layout/preloan_on.gif);
	height: 151px;
	width: 193px;
}

/* PREFERRED SERVICE PROVIDERS TILE */
#container_left #tiles a.prefsrvc:link, #tiles a.prefsrvc:visited {
	background-image:url(/images/layout/services_off.gif);
	height: 151px;
	width: 193px;
}
#container_left #tiles a.prefsrvc:hover {
	background-image:url(/images/layout/services_on.gif);
	height: 151px;
	width: 193px;
}

/* COMMUNITY LINKS TILE */
#container_left #tiles a.commlinks:link, #tiles a.commlinks:visited {
	background-image:url(/images/layout/community_off.gif);
	height: 151px;
	width: 193px;
}
#container_left #tiles a.commlinks:hover {
	background-image:url(/images/layout/community_on.gif);
	height: 151px;
	width: 193px;
}


/* ITEMS ON RIGHT SIDE OF CONTAINER => map search, quick home search, and my portfolio
the following styles apply ONLY to homepage
----------------------------------------------------------------------------------------*/
#container_right { 
	background-color:#003788;
	color:#fff;
	float:right; 
	width:567px;
}
#container_right h2 {
	color:#fff;
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
}
#container_right p {
	font-size:14px;
	line-height:20px;
}


/* MAP SEARCH
----------------------------------------------------------------------------------------*/
#container_right #mapsearch {
	background:url(/images/layout/mapsearch_bg.gif) repeat-x;
	border-bottom:4px solid #fff;
	height:424px;
	width:567px;
}
#container_right #mapsearch ul#map_image {
	float:right;
	list-style-type:none;
	padding:6px 12px 0 0;
}
#container_right #mapsearch #description {
	float:left;
	margin:52px 0 0 26px; 
	width:141px;
}


/* HOME SEARCH
----------------------------------------------------------------------------------------*/
#container_right #qhomesearch {
	border-bottom:4px solid #fff;
	padding-bottom:10px;
	width:567px;
}
#container_right #qhomesearch a:link, #container_right #qhomesearch a:visited {
	color:#fff;
	text-decoration:underline;
}

#container_right #qhomesearch p { 
	margin-left:26px;
	mrgin-top:4px;	
}
#container_right #qhomesearch a:hover { color:#cd2227; }

#container_right #qhomesearch h2 { margin:10px 0 0 26px; }

#container_right #qhomesearch form { margin-left:26px }

#container_right #qhomesearch fieldset { border:none; }

#container_right #qhomesearch fieldset ol { 
	float:left;
	list-style-type:none; 
}
#container_right #qhomesearch fieldset li {
	margin-bottom:8px;
	margin-right:66px;
}
#container_right #qhomesearch input, select {	
	border:1px solid #111756;
	color:#363636;
	font-family:Arial, Helvetica, sans-serif, "Helvetica Neue";
	font-size:13px;
	padding:2px 2px 2px 4px;
}
#container_right #qhomesearch select#beds, #qhomesearch select#baths { width:60px; }

#container_right #qhomesearch label {
	font-family:Arial, Helvetica, sans-serif, "Helvetica Neue";
	font-size:15px;
	float:left;
 	margin-right:14px;
	margin-top:2px;
	width:60px;
}
#container_right #qhomesearch p.advanced { float:left; }


/* MY PORTFOLIO
----------------------------------------------------------------------------------------*/
#container_right #mp { 
	color:#fff;
	
	margin-top:8px;
	width:567px;
}
#container_right #mp a:link, #container_right #mp a:visited { 
	color:#fff; 
	text-decoration:underline; 
}
#container_right #mp h2 { margin:0 0 0 26px; }

#container_right #mp p { margin:0 0 0 26px; }

#container_right #mp ol { list-style-type:none; } 

#container_right #mp li {
	float:left; 
	margin-right:30px;
}
#container_right #mp fieldset { border:none; margin-left:26px;}

#container_right #mp a:hover { 
	color:#cd2227; 
	text-decoration:underline;
}
#container_right #mp label {
	font-family:Arial, Helvetica, sans-serif, "Helvetica Neue";
	font-size:15px;
	float:left;
 	margin-right:10px;
	margin-top:2px;
	width:60px;
} 
#container_right #mp input, select {	
	border:1px solid #111756;
	color:#363636;
	font-family:Arial, Helvetica, sans-serif, "Helvetica Neue";
	font-size:13px;
	padding:2px 2px 2px 4px;
}
#container_right #mp input#email, #mp input#password { width:120px; }


/* FOOTER
----------------------------------------------------------------------------------------*/
#footer {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif, "Helvetica Neue";
	margin:20px auto;
	width:968px;
}
#footer ul {
	list-style-type:none;
}
#footer a:link, #footer a:visited {
	color:#fff;
	text-decoration:none;
}
#footer a:hover {
	color:#cd0006;
	text-decoration:underline;
}
#footer #offices { 
	float:left; 
	margin:10px auto;
}
#footer #offices ul { 
	float:left; 
	line-height:18px;
	margin-right:50px; 
}
#footer #offices p { 
	float:left; 
	margin-top:10px;
	width:100%; 
}
#footer #offices ul li.offices_head { 
	font-size:14px; 
	font-weight:bold; 
	margin-bottom:5px; 
}
#footer .disclaimer {
	font-size:14px;
	margin:10px 0;
	width:200px;
}

/* applies styles to MY PORTFOLIO OVERVIEW => when user is logged in */
#footer .overview {
	background-color:#4871c0;
	border:4px solid #fff;
	color:#fff;
	height:50px;
	margin-bottom:20px;
	padding-left:20px;
	width:968px;
}