@charset "utf-8";
/* CSS Document */

body{font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:18px;
color:#333333;
text-align:justify;
background-image:url(images/g3-greenback.jpg); background-position:center top; background-repeat:repeat-y;
}
 a {
	color: #6C6C6C; text-decoration: none; font-weight:bold;
}
 a:hover {
	text-decoration: underline;
}
a:visited {
	color: #6C6C6C;
}
#innerslideshow{margin-top:29px; margin-left:12px;}
#maincontainer{margin-left:auto; margin-right:auto; width:954px; }
#innercontainer{margin-left:auto; margin-right:auto; width:954px; background-image:url(images/g3-forgotten-coast-real-estate.jpg); height:500px; min-height:500px; background-position:top; background-repeat:no-repeat;}

.citytitle { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#0054A8; text-align:center;}
.bl {background: url(images/bl.gif) 0 100% no-repeat #DFEECF; width: 20em}
.br {background: url(images/br.gif) 100% 100% no-repeat}
.tl {background: url(images/tl.gif) 0 0 no-repeat}
.tr {background: url(images/tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px} 

#weatherbug {
display:block;
top:25px;
	position: relative;
	margin-left: 385px;
	background-image: url(images/weatherbug-bg-2.gif);
	width: 184px;
	height: 36px;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0B2854;
	padding-top: 4px;
	text-align: center;
	padding-right: 5px;
	padding-bottom: 4px;
	line-height:14px;
}

#weatherbug a {
	color: #0B2854;
	text-decoration: none;
}
.citiestext {font-size:11px; width:760px; text-align:center;}

weatherbug a:hover {
	color: #0B2854;
	text-decoration: none;
}

#weatherbug a:visited {
	color: #0B2854;
	text-decoration: none;
}
#logo{ position:absolute;margin:0px; margin-left:0px; margin-top:0px;}
#portrait{ position:relative;float:right; margin:0px;}
#innerheadercontainer{width:954px;  padding-right:0px; height:200px;}
/*#innerbodycontainer{position:absolute; width:954px; margin-left:auto; margin-right:auto; top:200px; background-image:url(images/home-content-bot-bg1.gif); background-repeat:no-repeat; background-position:bottom right;}*/
#innerbodycontainer{width:954px; background-image:url(images/home-content-bot-bg1.gif); background-repeat:no-repeat; background-position:bottom right;}
#menu{ clear:both;position:relative;margin-left:320px; margin-bottom:-140px;}
#map{ height:349px; width:954px;  background-image:url(images/map.jpg); clear:both; background-position:center; background-repeat:no-repeat;}
#quicksearch{margin-left:45px; padding-top:16px; position:relative; width:165px; font-weight:bold; color:#057743;}

#innerbody{ position:relative;width:850px; margin-left:auto;margin-right:auto;}
#slideshowframe{float:right; width:340px; height:343px; background-image:url(images/slideshowframe.png); margin-right:-33px; position:relative; margin-top:-10px; margin-left:20px;  behavior: url(iepngfix.htc)}
#key{width:219px; height:116px; background-image:url(images/key.gif); float:left; cursor:pointer; }
#copyrignt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	clear: both;
	float: left;
	width: 500px;
	margin-left: 55px;
	padding-bottom: 100px;
	line-height: 1.6;
	padding-top: 100px;
}

.nav {
	width: 569px;
	height: 31px;
	background: url(images/g3menu1.gif) no-repeat;
	position: relative;
	top:0px; margin:0px; padding:0px;

}
.nav li {
	display: inline;
	position:relative;
		top:0px; margin:0px; padding:0px;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 31px;
	text-indent: -9000px;
	overflow: hidden;
}



	.nav .ourarea a:link, .nav .ourarea a:visited {
		left: 0px;
		width: 146px;
	}
	.nav .ourarea a:hover, .nav .ourarea a:focus {
		background: url(images/g3menu1.gif) no-repeat -0px -40px;
	}
	.nav .ourarea a:active {
		background: url(images/g3menu1.gif) no-repeat 0px -40px;
	}
	.current-ourarea .ourarea a:link, .current-ourarea .ourarea a:visited {
		background: url(images/g3menu1.gif) no-repeat 0px -40px;
		cursor: default;
	}
	


	.nav .propertysearch a:link, .nav .propertysearch a:visited {
		left: 146px;
		width: 146px;
	}
	.nav .propertysearch a:hover, .nav .propertysearch a:focus {
		background: url(images/g3menu1.gif) no-repeat -146px -40px;
	}
	.nav .propertysearch a:active {
		background: url(images/g3menu1.gif) no-repeat -146px -40px;
	}
	.current-propertysearch .propertysearch a:link, .current-propertysearch .propertysearch a:visited {
		background: url(images/g3menu1.gif) no-repeat -146px -40px;
		cursor: default;
	}


	
	.nav .buyersguide a:link, .nav .buyersguide a:visited {
		left: 292px;
		width: 146px;
	}
	.nav .buyersguide a:hover, .nav .buyersguide a:focus {
		background: url(images/g3menu1.gif) no-repeat -292px -40px;
	}
	.nav .buyersguide a:active {
		background: url(images/g3menu1.gif) no-repeat -292px -40px;
	}
	.current-buyersguide .buyersguide a:link, .current-buyersguide .buyersguide a:visited {
		background: url(images/g3menu1.gif) no-repeat -292px -40px;
		cursor: default;
	}
	
	.nav .sellersguide a:link, .nav .sellersguide a:visited {
		left: 438px;
		width: 146px;
	}
	.nav .sellersguide a:hover, .nav .sellersguide a:focus {
		background: url(images/g3menu1.gif) no-repeat -438px -40px;
	}
	.nav .sellersguide a:active {
		background: url(images/g3menu1.gif) no-repeat -438px -40px;
	}
	.current-sellersguide .sellersguide a:link, .current-sellersguide .sellersguide a:visited {
		background: url(images/g3menu1.gif) no-repeat -438px -40px;
		cursor: default;
	}
	
	
	
	
	
	
	
	
	.nav2 {
	width: 569px;
	height: 31px;
	background: url(images/g3menu2a.gif) no-repeat;
	position: relative;
	top:0px; margin:0px; padding:0px;

}
.nav2 li {
	display: inline;
	position:relative;
		top:0px; margin:0px; padding:0px;
}
.nav2 li a:link, .nav2 li a:visited {
	position: absolute;
	top: 0;
	height: 31px;
	text-indent: -9000px;
	overflow: hidden;
}
	
		.nav2 .aboutg3 a:link, .nav2 .aboutg3 a:visited {
		left: 0px;
		width: 146px;
	}
	.nav2 .aboutg3 a:hover, .nav2 .aboutg3 a:focus {
		background: url(images/g3menu2a.gif) no-repeat -0px -40px;
	}
	.nav2 .aboutg3 a:active {
		background: url(images/g3menu2a.gif) no-repeat 0px -40px;
	}
	.current-aboutg3 .aboutg3 a:link, .current-aboutg3 .aboutg3 a:visited {
		background: url(images/g3menu2a.gif) no-repeat 0px -40px;
		cursor: default;
	}
	


	.nav2 .contactus a:link, .nav2 .contactus a:visited {
		left: 146px;
		width: 146px;
	}
	.nav2 .contactus a:hover, .nav2 .contactus a:focus {
		background: url(images/g3menu2a.gif) no-repeat -146px -40px;
	}
	.nav2 .contactus a:active {
		background: url(images/g3menu2a.gif) no-repeat -146px -40px;
	}
	.current-contactus .contactus a:link, .current-contactus .contactus a:visited {
		background: url(images/g3menu2a.gif) no-repeat -146px -40px;
		cursor: default;
	}


	
	.nav2 .vacationrentals a:link, .nav2 .vacationrentals a:visited {
		left: 292px;
		width: 146px;
	}
	.nav2 .vacationrentals a:hover, .nav2 .vacationrentals a:focus {
		background: url(images/g3menu2a.gif) no-repeat -292px -40px;
	}
	.nav2 .vacationrentals a:active {
		background: url(images/g3menu2a.gif) no-repeat -292px -40px;
	}
	.current-vacationrentals .vacationrentals a:link, .current-vacationrentals .vacationrentals a:visited {
		background: url(images/g3menu2a.gif) no-repeat -292px -40px;
		cursor: default;
	}
	
	.nav2 .home a:link, .nav2 .home a:visited {
		left: 438px;
		width: 146px;
	}
	.nav2 .home a:hover, .nav2 .home a:focus {
		background: url(images/g3menu2a.gif) no-repeat -438px -40px;
	}
	.nav2 .home a:active {
		background: url(images/g3menu2a.gif) no-repeat -438px -40px;
	}
	.current-home .home a:link, .current-home .home a:visited {
		background: url(images/g3menu2a.gif) no-repeat -438px -40px;
		cursor: default;
	}
	
h1, h2,h3,h4, h5 {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-weight: bold;

  margin: 0;
  padding: 0;

  color:#FFFFFF;
}


h1,h2 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

    .sIFR-active h1,
    .sIFR-active h2,
	.sIFR-active h3,
    .sIFR-active h4,
    .sIFR-active h5#pullquote {
      visibility: hidden;
      font-family: Verdana;

    }

    .sIFR-active h1 {
	font-size: 35px;
      padding-bottom: 0;
    }

    .sIFR-active h2 {
      font-size: 30px;
     padding-bottom: 0;
    }	
	
#mlscontainer{overflow:hidden;width:401px; float:left; height:180px; background-image:url(images/mlsback.png);}
#mlsphoto{float:left; margin:13px; width:150px; height:113px;}	
#mlsbutton{float:right; margin-right:10px; margin-top:100px;}
#mlsheader2{margin-top:5px; margin-left:10px;  overflow:hidden; height:20px; color:#4A4A4A; font-weight:bold;}	
#mlsheader{margin-top:10px; margin-left:10px; width:380px; overflow:hidden; height:20px;}	

#mlsheader a{
	text-decoration:none;
	color:#4A4A4A
}
#mlsheader a:hover{text-decoration:underline;}
.mls_photo{border-style:solid; border-width:1px; border-color:#0a2c55;}

.aboutname{background-image:url(images/mls_search_01.gif); height:41px; padding-left:20px;}
.aboutdescription{background-image:url(images/mls_search_02.gif); background-repeat:repeat; padding-left:20px; padding-right:20px;}

#download_now { 
    background:transparent url(/img/home/download.png) no-repeat scroll 0 0; 
    display:block; 
    height:44px; 
    margin-bottom:30px; 
    overflow:hidden; 
    text-indent:-999em; 
    width:159px; 
    cursor:pointer; 
} 
 
/* mouseover state */ 
#download_now:hover { 
    background-position:0 -44px ;         
} 
 
/* clicked state */ 
#download_now:focus { 
    background-position:0 -88px; 
} 
#map_hover{width:100px; height:20px;}
#map_hover li{text-indent:-999em; list-style:none; cursor:pointer;}
 
/* tooltip styling */ 
.tooltip { 
    display:none; 
    background:url(images/white_arrow_big3.png); 
    height:163px; 
    padding:40px 30px 20px 30px; 
    width:310px; 
    font-size:11px; 
    color:#000000; 
} 
 
/* a .label element inside tooltip */ 
.tooltip .label { 
    color:yellow; 
    width:35px; 
} 
 
.tooltip a { 

    font-size:11px; 
    font-weight:bold; 
}
.map_hover{ cursor:pointer;}
