/*	Overwrite: container 
- - - - - - - - - - - - - - - - - - - - - */
/*
#vessel { width: 725px !important; }
*/
.pics img, .pics a { display: block; width: 850px; height: 340px; top: 0; left: 0 }


h3 {
	font: 14pt "Times New Roman", "Times", serif; padding-bottom: 3px;
}
body {
	background: #ffffff;
	font-size: 10pt;
	padding-top: 10px;
}


#deck { width: 800px; }
#deck #ad { width: 728px; padding: 10px 33px 5px; margin-top: 10px;}

#vessel { 
	z-index: 0;
	width:940px;
	overflow:hidden;
	background: url(/img/shadow-left.png) -26px 170px no-repeat;
}
#vessel #bow h1 {
	margin-left: 43px !important; 
}
#vessel #deck {
	width:900px !important;
	padding-left:20px;
}
#vessel #bow {
	width:940px !important;
	height: 180px !important;
	background: url(/img/menu-shadow.png) 164px 20px no-repeat !important;	
	
}
.top, .mdl, .btm { 
	clear:both; float:left;
	width: 900px; position: relative;
}
.btm {
	padding-top: 20px;
}
.top {
	padding: 21px 21px 31px;
	width:858px !important;
	background: #891E03 url(/img/redbg.gif) 0 0 repeat-x;
}

.wrapper {
	width:900px !important;
}
.left {

	clear:none; 
	float:left;
}
.right {
	display: inline;
	margin-left: 10px;
	float:left;
}

.top .left {
	width: 235px; overflow:hidden;
	padding-top: 0px; 
}
.top .right {
	width: 635px; overflow: hidden;
}

.mdl .left {
	width:290px; padding: 0px 0 0 20px; margin-top: 10px; line-height: 18px;
}
.mdl .first {
	padding-right:10px; border-right: 1px solid #ccc;
}
.mdl .right {
	width:232px; padding-left: 17px; padding-right: 0px;
overflow:hidden;
}

.btm .left {
	width:485px; overflow:hidden;padding-left: 18px;
}
.btm .right {
	width: 370px; overflow:hidden; float:right; 
margin-left: 0px; 
padding-right: 18px;
}
/*	Introductory information 
- - - - - - - - - - - - - - - - - - - - - */
#christies {
	display: block;
	position: absolute;
	width: 372px; 
	height: 54px;
	top: 35px;
	right: 40px;
	background: url(/img/cge3.gif) 0 0 no-repeat;
}
#vessel #info {
	float:left;
	width:317px;
	display: block;
	padding: 5px 0 10px;
	font-size: 10pt;
	color: #555; 
	overflow:hidden;
}

#vessel #info h1 {
	display:block;
	height: 28px;
	text-align: center;
	float:left;
	width:230px;
	padding: 0;
	overflow: hidden;
	font-weight: normal;
}

#vessel #info span {
	float:left;
	padding: 5px 1px 0 5px;
	display: block;
	width: 200px;	
	height: 170px;
	font-size: 12px;
	line-height: 18px;
}
#vessel #info span ul {
	float:left;
	width:317px;
	padding: 0;
	display: block;
	list-style:none;
}

#vessel #info span ul img {
	padding: 18px 5px 0;
	width: 16px; 
	height: 0px;
	overflow:hidden;
	background: url(/img/home/bullet2.gif) 5px 4px no-repeat;
}

#spotlight {
	padding: 4px;  display: block;
	width:850px;
	position:relative;
	height:340px;
	border: 1px solid #fff;
}
#spotlight img {
	border: none;
	z-index: 0;
}
#spot-bg {
	z-index: 10000;
	display:block;
	width: 850px;
	height: 24px;
	background: url(/img/red-gradient.png) 0 0 no-repeat;
	color:#fff;
	position: absolute;
	bottom:0;
	left:4px;
}

#spot-title {
	z-index: 100002;
	display:block;
	width: 700px;
	height: 27px;
	overflow:hidden;
	color:#fff;
	position: absolute;
	bottom:4px;
	left:11px;
}
#spot-nav {
	z-index: 10004;
	width: 140px;
	position: absolute;
	display: block;
	height: 20px;
	bottom: 5px;
	right: 38px;
}
#spot-nav a {
	color:#fff; text-decoration: none;
}
#spot-nav a:hover {
	color:#fdd;
}
#spot-nav #previous { float:left; }
#spot-nav #next { float:right; }

/*
#spot-nav a { margin: 0 2px; padding: 9px 0 0; height: 0;float:left; width:9px; display:block; overflow:hidden; border: 1px solid #ccc; background: #fff; text-decoration: none }
#spot-nav a.activeSlide { background: #666666 }
#spot-nav a:focus { outline: none; }
*/
#vessel #info #date { padding: 30px 0 0; margin-left: 18px; width: 200px; height: 0; overflow:hidden; display:block;}
/* Featured mini-pages
- - - - - - - - - - - - - - - - - - - - - */


#vessel .featured {
	position: relative;
	padding: 10px 0 0 0px;
	float: left;
	clear:both;
}

#vessel .left ul.icons {
	width: 560px;
}


#vessel .featured ul.icons {
	margin: 0;
	padding: 5px 0 5px 0px !important;
	z-index: 50;
	list-style: none;
	float:left;
	padding: 0;
	margin: 0;
}

#vessel .left .featured ul.icons li {
	float:left;
	width:124px;  
	display: inline;
	height: 109px;
	margin: 8px;
	position: relative;
	z-index: 4000;
}

#vessel .left ul.icons .loading, #vessel .left ul.icons .empty{
	width: 560px !important;
	background-position: 200px 30px;
}
#vessel .right ul.icons .empty {
	width: 340px !important;
}
#vessel .featured ul.icons span{
	float: left;
	text-decoration: none;
	font-size: 12pt;
	border: 1px solid #ccc;
	color: #3A7A94; 
	display: block;
	margin:0 0 3px 0; 
}
#vessel .featured ul.icons a img {
	border: 2px solid #fff;
}

#vessel .featured ul.icons a:hover img{
	border-color: #b00;
}

#vessel .featured ul.icons a {
	display: block;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	color: #000;
}

.tooltip-left {
	display: block;
	width: 250px;
	height: auto;
	font-size: 12px;
	cursor: pointer;
	z-index: 52;
}

.tooltip-left  div h6 {
	font-size: 11pt;
	font-weight: bold;
}
.tooltip-left  div {
	width: 149px;
	height: auto;
	padding: 10px;
	margin-left: 28px;
	border: 1px solid #ccc;
	border-top: 3px solid #3a7a94;
	background: #e7f1f8;
	color: #000;
	overflow:hidden;
}

.tooltip-left b {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 30px;
	height: 31px;
	display: block;
	background: url(/img/home/arrow.gif) -31px 0 no-repeat;
	overflow:hidden;	
}

#vessel .profile-icon-tiny {
	background: url(/img/frame_tiny.gif) top left no-repeat;
	padding: 8px 9px 0px 8px;;
	height: 56px;
	width: 56px;
	float: left;
}

#vessel .featured .buttons a {
	padding: 5px; 
	text-align: center;
	margin-top: 10px;
	text-decoration: none;
	border-bottom: 1px solid #ccc;	
	clear:both;
}

#vessel .left .featured .buttons a {
	width: 550px;
}
#vessel .right {
	overflow: hidden;
}
#vessel .right .featured .buttons {
	padding: 5px 0; 
	text-align: center;
	margin-top: 10px;
	text-decoration: none;
	clear:both;
	background-color: #FFFCF2;
	border: 1px solid #dedede;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	display: block;
	height: 1px;overflow: hidden;
	width: 99%;
}

#stern {
	width:900px !important;
	background: #fefefe !important;
}
/*	Members list 
- - - - - - - - - - - - - - - - - - - - - */
h1.rounded, .wrapper .window h1.rounded {
	height: 0;
	padding: 30px 0 0;
	overflow:hidden;
}
 .wrapper .window h1.rounded {
	padding-top: 40px !important;
	display: block; float:left;
}

div.full, .standard fieldset.full {
	width:850px !important;
	margin-left: 10px;
}

#vessel #members {
	float:right;
	display: block;
	width:180px;
	padding: 0; 
}
#vessel #members img {
	margin: 0 0 5px 5px; 
}



.tooltip-right {
	width: 200px;
	height: auto;
	font-size: 12px;
	cursor: pointer;
	background: url(/img/home/arrow.gif) 0 0 no-repeat;
	z-index: 5300;
	position: absolute;
}

.tooltip-right div h6 {
	font-size: 11pt;
	font-weight: bold;
}
.tooltip-right  div {
	width: 149px;
	height: auto;
	padding: 10px;
	border: 1px solid #ccc;
	border-bottom: 3px solid #3a7a94;
	background: #e7f1f8;
	color: #000;
	overflow:hidden;
}
.tooltip-right  b {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 30px;
	height: 31px;
	display: block;
	background: url(/img/home/arrow.gif) 0 0 no-repeat;
	overflow:hidden;	
}
#vessel #newtags .home {
	width: 50px;
	height: 50px;
}
#vessel #newtags img {
	position: relative; 
	padding: 0;
	border: none;
	float:left;
}

.tabs {
  padding:0; 
  margin:0; 
  list-style-type:none;
  white-space:nowrap;
  font: 14px times, serif;
  height: 40px;
  }
.tabs li {
  float:left;
  }
.tabs a {
  position:relative;
  display:block; 
  text-decoration:none; 
  float:left; 

  }
* html .tabs a {
  width:50px;
  }
.tabs a span {
  display:block; 
  color:#ffffff; 
  background:#666666; 
  border:1px solid #fff; 
  border-width:0px 0px; 
  border-top: 4px solid #808080;
  text-align:center; 
  padding:22px 0 0; 
  cursor:pointer;
  height: 0px;  margin-right: 2px;
  overflow:hidden;  
}

.tabs a#homes span {  background:  url(/text.php?text=HOMES) 0 -3px no-repeat; width: 63px; }
.tabs a#land-lots span {  background:  url(/text.php?text=LAND/LOTS) 0 -3px no-repeat; width: 92px; }
.tabs a#commercial span {  background:  url(/text.php?text=COMMERCIAL) 0 -3px no-repeat; width: 103px; }
.tabs a#condos span {  background:  url(/text.php?text=CONDOS) 0 -3px no-repeat; width: 70px; }
.tabs a#all-area-listings span {  background:  url(/text.php?text=ALL%20AREA%20LISTINGS) 0 -3px no-repeat; width: 140px; }

.tabs a#pawleys-island span {  background:  url(/text.php?text=WACCAMAW%20NECK) 0 -3px no-repeat; width: 135px; }
.tabs a#georgetown span {  background:  url(/text.php?text=GEORGETOWN) 0 -3px no-repeat; width: 109px; }
.tabs a#myrtle-beach span {  background:  url(/text.php?text=GRAND%20STRAND) 0 -3px no-repeat; width: 117px; }


.tabs a:hover span {  background-position: 0 -30px !important; }
.tabs a.active span {  background-position: 0 -57px !important; }

* html .tabs a span {
  width:50px; 
  cursor:hand; 
  w\idth:26px;
  }
.tabs a bd {
  display:block; 
  border-bottom:none;
  }
.tabs a em {
  display:none; height: 0;
  }
.tabs a:hover {
  
  }
.tabs a:hover span {
  color:#fff; 
  border-top: 4px solid #999;
  background:#808080;
  }
.tabs a:hover em {
  display:block; 
  overflow:hidden; 
  border:6px solid #808080; 
  border-color:#808080 #fff; 
  border-width:6px 6px 0 6px; 
  position:absolute; 
  left:50%; 
  margin-left:-6px;
  }
  
  .tabs a.active {
  
  }
.tabs a.active span {
  color:#fff; 
  background:#7F2F1C;
  border-top: 4px solid #9D442D;
 
  }
.tabs a.active em {
  display:block; 
  overflow:hidden; 
  border:6px solid #891E03; 
  border-color:#891E03 #fff; 
  border-width:6px 6px 0 6px; 
  position:absolute; 
  left:50%; 
  margin-left:-6px;

  }

.entries {
	list-style-type:none; 
	font-size: 11pt;
	font-family: "Times New Roman", serif;
	padding-left: 10px;
}

.entries li a {
	display:block;
	background: url(/img/diamond-gray.png) 0 5px no-repeat;
	padding-left: 15px;
	padding-bottom: 10px;
	color: #333;
	text-decoration: none;
}

.entries li a:hover {
	color: #891E03;
	background: url(/img/diamond-red.png) 0 5px no-repeat;
}

.right .entries { 
	width: 320px; overflow:hidden;
}

.right .entries li {
	list-style-type: none;
	width:150px; float:left;
}
.left .entries li {
	list-style-type: none; 
	float:left; width: 235px;
} 

.textlinks {
	float:left;
	width:232px;
	list-style-type:none;
	padding: 0;
	margin-left: 0px;
	margin-right: 0px;
	font-size: 11pt;
	font-family: "Times New Roman", serif;
}
.textlinks li {
	float:left; clear:both;
	padding: 0; margin: 0;
	border-bottom: 1px solid #ddd;
}
.textlinks li a {
	background: url(/img/arrow.gif) 5px 13px no-repeat;
	height: 24px;
	color: #333;
	text-decoration: none;
	display: block;
	padding: 10px 10px 2px 21px;
	width: 201px;
	border-bottom: 1px solid #bbb;
}
.textlinks li a:hover {
	color: #891E03;
}


#comment_about {
	color:#fff;
	float:left;
	padding-left: 24px !important;
}
#comment_about a {
	color: #fff;
}






/* Tabbed menu
- - - - - - - - - - - - - - - - - - - - */


ul#mbar {
	list-style-type: none;
}
ul#mbar li {
	list-style-type: none;
	margin: 0;
	padding: 0;	background: url(/img/menu-bg.png) 0 0 no-repeat;
}
ul#mbar {

	top: 100px;
	left: 199px;
	padding: 0;
	float: left !important;
	z-index: 9500;
	clear:right;
	position: absolute;
	background: url(/img/menu-bg.png) 0 0 no-repeat;
}

ul#mbar li {

	background: url(/img/menu-bg.png) 0 0 repeat-x;
	display: block;
	vertical-align: middle;
	position: relative;
	float:left;
	border: none;
	padding: 0 0 6px;
	margin: 0;
	font-size: 8pt;
}
ul#mbar li li {
	background: none; padding: 0;
}
ul#mbar li li a {
	margin: 0; 
}
ul#mbar li.home a {	width: 74px; background: url(/text.php?text=HOME&style=menu21) 0 -4px no-repeat;}
ul#mbar li.about a {	width: 99px; background: url(/text.php?text=OUR%20FIRM&style=menu21) 0 -4px no-repeat;}
ul#mbar li.search a {	width: 175px; background: url(/text.php?text=SEARCH%20PROPERTIES&style=menu21) 0 -4px no-repeat;}
ul#mbar li.buy a {	width: 164px; background: url(/text.php?text=BUYERS%20%26%20SELLERS&style=menu21) 0 -4px no-repeat;}
ul#mbar li.guides a {	width: 83px; background: url(/text.php?text=GUIDES&style=menu21) 0 -4px no-repeat;}
ul#mbar li.contact a {	width: 117px; background: url(/text.php?text=CONTACT%20US&style=menu21) 0 -4px no-repeat;}

ul#mbar a {
	display: block;
	vertical-align: middle;
	height: 0px;
	margin: 8px 0 0;
	overflow:hidden;
	padding: 18px 0 0;
	color: #000;
	border: none;
	border-left: none;

	border-right: 1px solid #fff;
	background: url(/img/menu-bg.png) 0 0 repeat-x;
	text-decoration: none;
}
ul#mbar li.contact a {
	border-right: none;
}

ul#mbar a:hover {
background-position: 0 -31px !important;
	color: #fff;
}

 /* common styling */

ul#mbar li {
float:left; position:relative;
}
ul#mbar li.group {display:block; text-indent:10px; background:#808080; color:#fff; width:152px; padding:4px 0;}

ul#mbar li a, ul#mbar li a:visited {
float:left; display:block; text-decoration:none; color:#fff; 
}

ul#mbar li:hover {width:auto;}

ul#mbar li ul {
display: none; background: none; padding: 0;
}
ul#mbar li ul li {
	 list-style-type: none;
}
ul#mbar table {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;
}

/* specific to non IE browsers */
ul#mbar li:hover ul {
display:block; border-bottom: 1px solid #fff; position:absolute;top:27px; padding-top: 4px; background:none; margin-top:1px; left:0px; width:152px; list-style-type: none;
}

ul#mbar li:hover ul.scroller {
height:138px; width:172px; overflow:auto;}

ul#mbar li:hover ul.endstop {
left:-90px;
}
ul#mbar li:hover ul li ul {
display: none;
}
ul#mbar li:hover ul li a {
display:block; background:#808080; border: 1px solid #fff; border-top: none; border-bottom: none; color:#fff;height:auto;line-height:15px;padding:4px 16px; width:120px;
}
ul#mbar li:hover ul li a.drop {
background:#999;
}
ul#mbar li:hover ul li a:hover {
color:#fff; background: #999;
}
ul#mbar li:hover ul li a:hover.drop {
background: #999; color:#fff;
}
ul#mbar li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-70px; color:#fff; left:152px; height:138px; width:172px; overflow:auto; background:#999;
}
ul#mbar li:hover ul li:hover ul li a {background:#999;}
ul#mbar li:hover ul li:hover ul li.group {width:152px; padding:5px 0;}


ul#mbar li:hover ul li:hover ul.left {
left:-172px;
}


/* specific to IE5.5 and IE6 browsers */
ul#mbar li a:hover ul {
display:block;position:absolute;top:27px; t\op:26px; padding-top: 4px; background:none;left:20px; marg\in-top:1px;
}
ul#mbar li a:hover ul.scroller {
height:138px; overflow:auto;}

ul#mbar li a:hover ul.endstop {
left: -90px;
}
ul#mbar li a:hover ul li a {
display:block; color:#fff; height:14px; line-height:15px; padding:4px 16px; width:152px; w\idth:120px;
}
ul#mbar li a:hover ul li a.drop {
background:#999; padding-bottom:5px;
}
ul#mbar li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
ul#mbar li a:hover ul li a:hover {
color:#fff; background: #999;
}
ul#mbar li a:hover ul li a:hover.drop {
 background: #999; color:#fff;
}
ul#mbar li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:-49px; t\op:-50px; color:#fff; left:152px; height:138px; width:170px; overflow:auto; background:#999;
}
ul#mbar li a:hover ul li a:hover ul.left {
left:-170px;
}