/* reset */
body, div, img, p, span, h1, h2, h3, h4, ul, ol, li, form, fieldset, label, input, textarea, select {margin:0; padding:0}
body	{font:12px/20px Arial, Helvetica, sans-serif; font-weight:normal; color:#555; background-color:#FFF; height:100%; width:100%}
img		{border:0}
a		{text-decoration:none; color:#0060aa}
a:hover	{text-decoration:none; color:#333}

/* turtleThumb*/

.turtleThumb img {opacity:0; filter:alpha(opacity=0)}

/* Misc. */

h1 span, a span	{display:none}
.clear	{clear:both}
p.clear     {padding:0}
/* Headings */

h2, h3, h4, h5, h6 {color:#0060aa}
h1			{display:block; width:340px; height:80px; background: url(../images/logo_sm.png) no-repeat; position:relative; top:30px; left:25px; float:left }
h2			{font-size:24px; line-height:24px; font-weight:normal; margin-bottom:10px; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:10px}
h3			{font-size:14px; color:#fff}
h4			{font-size:10px; color:#0060aa; line-height:24px}
h5			{font-size:16px; color:#fff; position:relative; top:25px; font-weight:normal; float:right; margin:20px}
h6			{font-size:18px; color:#fff; position:relative; font-weight:normal; float:right; margin:0px 25px 0 0; clear:both; letter-spacing:1px;}

h1 span 	        {display:none}
h6 span		{color:#FFCC00; letter-spacing:7px; font-size:11px; display:block; position:absolute; top:-0px; left:-28px; width:200px}
#left h2            {margin:10px 0}

/* General Layout */

#bg-head	        {background-color:#005c9f; height:125px; width:100%; text-align:center}
#head 		{background: url(../images/head.jpg) no-repeat; width:950px; height:125px; margin:0 auto; position:relative}

#search_wrapper {position:absolute; height:75px; width:100%; z-index:2; left:0}

#bg-menu	{background: url(../images/bg-menu_shadow.png) repeat-x; height:60px; z-index:50; padding-bottom:10px}
#menu 		{width:950px; height:60px; margin:0 auto; list-style:none; position:relative; z-index:50}

#bg-main	        {width:100%; background-color:#fff; z-index:1}
#main		{width:900px; height:auto; margin:0 auto; padding:5px 25px 5px 25px; z-index:1; overflow: hidden;}

#hero		{background: url(../images/hero.jpg); padding:15px 20px 0 15px; width:865px; height:240px; margin-bottom:15px; position:relative}

#left_home 		{width:270px; float:left; margin-right:25px}
#middle_home 	{width:270px; float:left; margin-right:25px}
#sidebar		{width:300px; float:left}

#left			{float:left; width:575px; margin-right:25px}


#bg-footer	{background: url(../images/bg-footer.jpg) repeat-x; height:166px; clear:both}
#footer 	{background: url(../images/footer.jpg) no-repeat; width:950px; height:146px; margin:0 auto; text-align:center; padding-top:20px; color:#0060aa}


/* Specific Divisions */


#searchTop		{width:100%; height:25px; background-color:#FFF200; overflow:hidden}
#searchTop form {width:950px; margin:0 auto; text-align:center}
#searchTop fieldset {width:200px; float:right; margin-right:35px; border:0; margin-top:5px}
#searchTop input {width:100px; float:right}
#searchTop button {width:20px; height:20px; background: url(../images/go.jpg) no-repeat; float:right; margin-left:2px; border:none; cursor:pointer}
#searchTop button:hover {background: url(../images/goOver.jpg) no-repeat}
#searchTop button span {display:none}

#bg-search		{width:100%; height:50px; background: url(../images/bg-search.png) repeat-x}
#search			{width:950px; height:50px; margin:0 auto}
#search a		{background: url(../images/search.png) no-repeat; width:33px; height:50px; display:block; float:right; margin-right:25px}

#hero #heroImg		{width:570px; height:225px; overflow:hidden; float:left; position:relative; margin-right:20px}
#hero #featured		{position:absolute; background: url(../images/featured.png) no-repeat; z-index:3; width:105px; height:105px; left:0px; top:0px}
#hero #featured span	{display:none}
#hero p				{color:#555; float:left; width:245px; font-size:12px; line-height:20px}
#hero h2			{font-size:22px; font-family:Arial, Helvetica, sans-serif; width:225px; float:left; line-height:30px; margin-bottom:5px}
#hero a				{display:block; background: url(../images/btn_view-property.png) no-repeat; width:113px; height:30px; float:left}

p					{padding:2px 0}

#middle_homeTile		{background: url(../images/middle_homeTile.jpg) no-repeat; width:200px; height:133px; margin-bottom:15px; padding:10px 60px 10px 10px}
#middle_homeTile h3		{color:#0060aa; font-size:14px; width:185px}
#middle_homeTile a		{display:block; background: url(../images/btn_view-property.png) no-repeat; width:113px; height:30px}
#middle_homeTile p		{color:#555; font-size:11px}

#newsParent p                 {margin:10px 0;}
#newsItemHome  p, #newsParent p            {margin:20px 0; padding-bottom:10px; border-bottom:1px solid #ccc}

#news h2 img			{margin-bottom:2px}
#newsItem				{border-bottom:1px solid #555; margin:10px 0}
#newsItem p				{font-size:11px; color:#555}
#newsItem p	 span		{color:#0060aa}

#propertyParent								{border-bottom:1px solid #ccc; margin:10px 0; clear:both}
#left #propertyParent h3					{color:#0060aa; margin-top:0px; margin-bottom:6px}
#propertyParent #propertyParentImg			{width:100px; height:100px; overflow:hidden; float:left; border:3px solid #ccc; margin-right:25px; position:relative}
#propertyParent #propertyParentContent		{width:425px; float:left; position:relative}
#propertyParent p							{font-size:10px; padding:0}
#propertyParent a							{background:url(../images/btn_view-estate.png) no-repeat; position:absolute; width:99px; height:28px; left:325px; top:5px}
#propertyParent p.label						{float:left; clear:both; font-weight:bold; width:70px}
#propertyParentImg img	{width:auto; position:absolute}
#propertyParent p.clear                                          {height:0}
#propertyParent a#estateMap                                {background:none; position:relative; display:inline; float:left; width:auto; top:0; left:0}

#property #propertyParent	{padding:10px 0}

#propertyChild                                                        {margin-top:10px}
#propertyChild a                                                     {display:block; float:left; width:178px; height:105px; border:3px solid #ccc; margin-right:10px; overflow:hidden; position:relative}
#propertyChild a#imgLast                                      {margin-right:0}
#propertyChild a img                                              {position:absolute}

#googleMap          {width:575px; height:300px; overflow:hidden; margin-top:20px; clear:both}

#left h2                   {width:280px}

#sidebar div 		{width:290px; margin-bottom:15px; padding-left:10px}

#sidebarTileA		{background: url(../images/sidebarTileA.jpg) no-repeat; height:90px; cursor:pointer}
#sidebarTileB		{background: url(../images/sidebarTileB.jpg) no-repeat; height:90px}
#sidebarTileC		{background: url(../images/sidebarTileC.jpg) no-repeat; height:148px; position:relative}
#sidebarTileD		{background: url(../images/sidebarTileD.jpg) no-repeat; height:90px; margin-bottom:0px}
#topTips			{background: url(../images/7_tips.jpg) no-repeat; height:90px}

#sidebar h6 		{letter-spacing:inherit; float:left; font-size:18px; width:300px; margin:20px 0 0 0; line-height:24px}
#sidebar h6 span	{letter-spacing:normal; color:#fff; font-size:18px; width:auto; left:auto; display:inline; float:none; position:static}

#sidebar #sidebarTileA h6 {display:none}
#sidebarTileB h6 span	{font-size:22px}
#sidebarTileC h6 		{color:#555; margin-top:15px; font-size:16px; line-height:20px}
#sidebarTileC a			{display:block; background: url(../images/btn_find-out-more.png) no-repeat; width:112px; height:30px; position:absolute; top:105px; left:10px}

#sidebarTileD h6, #sidebarTileD h6 span		{color:#0060aa}

#sidebar img          {margin:5px; border:1px solid #ccc}

#left ul, #left ol {margin-left:20px}
#left h3 {color:#0060aa; margin:10px 0}

body#form	         {background-color:#fff; width:450px; padding:22px}
body#form h3           {font:16px/20px Georgia, "times new roman", serif; font-weight:normal; color:#0060aa; margin-bottom:5px}
body#form p             {margin-bottom:5px}

.frame {border:1px solid #999; margin:25px 0}


.hotspots			{width:230px; height:135px; background:url(../images/tile_hotspots.jpg); padding:15px; float:left; margin:0 20px 15px 0}
.hotspots p		{color:#fff; font-size:16px; padding-top:5px}

/* Menu */

ul#menu li		{background: url(../images/menuItem.jpg) no-repeat 0 -8px; display:block; float:left; width:128px; height:60px; position:relative; cursor:pointer; z-index:50}
ul#menu li.first	        {background: url(../images/menuItemFirst.jpg) no-repeat 0 -8px; width:155px}
ul#menu li.last		{background: url(../images/menuItemLast.jpg) no-repeat 0 -8px; width:155px}

ul#menu li a		{display:block; width:108px; padding-left:20px; height:50px; padding-top:10px; position:absolute; z-index:50; cursor:pointer}
ul#menu li.first a	{width:118px; padding-left:47px}
ul#menu li.last	a	{width:135px; padding-left:20px}

/* Sub-Menu */

ul#menu li ul					{margin-top:60px; position:absolute}
ul#menu li ul li, ul#menu li ul li.last, ul#menu li ul li.first 	        {height:25px; width:128px; border-bottom:1px solid #fff; background: #ccc none; z-index:50}
ul#menu li ul li a, ul#menu li ul li.last a, ul#menu li ul li.first a	{color:#fff; font-size:10px; height:25px; width:123px; margin:0; padding:0 0 0 5px; line-height:25px}
ul#menu li ul.last				{border-bottom:none}
ul#menu li ul li:hover			{background:#005c9f none}
ul#menu li ul li ul li	     		        {border-left:1px solid #fff; border-right:1px solid #fff}
ul#menu li ul li ul li.first                     {border-top:1px solid #fff}
ul#menu li ul li ul li:hover	{background:#005c9f none}

ul#menu li ul li ul				{margin-top:0px}

/* CSS Rollover

ul#menu li a:hover			{background: url(../images/menuItemOver.jpg) no-repeat 0 -8px; cursor:pointer}
ul#menu li.first a:hover	{background: url(../images/menuItemFirstOver.jpg) no-repeat 0 -8px}
ul#menu li.last	a:hover		{background: url(../images/menuItemLastOver.jpg) no-repeat 0 -8px}
ul#menu li a:hover h4		{color:#fff}

*/

/* jQuery Fading Rollover */

ul#menu li span			{display:block; width:100%; height:57px; top:1px; background: url(../images/menuItemOver.jpg) no-repeat 0 -8px; cursor:pointer; position:absolute; z-index:1}
ul#menu li.first span	{background: url(../images/menuItemFirstOver.jpg) no-repeat 0 -8px}
ul#menu li.last	span	{background: url(../images/menuItemLastOver.jpg) no-repeat 0 -8px}

img, div, h1, button, a { behavior: url(_master/js/iepngfix.htc) }

/* Home new left column */

#left_home.new .top			{background:url(../images/left_top.jpg) no-repeat; overflow:hidden}
#left_home.new .middle		{background:url(../images/left_middle.jpg) repeat; overflow:hidden}
#left_home.new .bottom		{background:url(../images/left_bottom.jpg) no-repeat; overflow:hidden; height:15px}

#left_home.new h2	{padding:10px; color:#fff}
#left_home.new p	{padding:3px 10px; color:#eee}
#left_home.new a	{color:#fff; text-decoration:underline}
#left_home.new a:hover	{text-decoration:underline}



span.label,span.spacer,span.multiple span {width:120px;float:left;} 
span.multiple {float:left;} 
span.button {padding-left:120px;}
span.input {width:182px}
div.div {padding:3px 0}
div.clear {clear:both;padding-top:5px;} 
