html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}

table {
	border-collapse: collapse;
}

/* ---------------------------------------------------------
STRUCTURE
------------------------------------------------------------ */
body {
	background: #E4EAE8;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}

#headerWrapper {
	margin: 0; padding: 0;
	width:100%;
	height:167px;
	background:url(../images/main/headerWrapper_background.jpg) repeat-x top left;
}

#header {
	width: 990px;
	height:167px;
	margin: 0 auto;
	padding: 0;
	text-align:left;
	background:url(../images/main/header_background11.jpg) no-repeat top left;
	position:relative;
}

#header a#nestSeekers {
	width:200px; height:60px;
	position:absolute;
	display:block;
	top:25px;
	left:26px;
}

#header #subTitle {
	display:none;
	width:500px; height:50px;
	position:absolute;
	z-index:100;
	top:63px;
	left:311px;
}

#header #subTitle p {
	text-align:right;
	font-size:13px;
	color:#545E60;
	line-height:15px;
	
}

#menu {
	margin:0; padding:0;
	width:990px;
	height:50px;
	position:absolute;
	top:130px;
	left:23px;
}

/* nav */
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; 
	clear: both; height: 0; 
}
*:first-child+html .group { zoom: 1; } /* IE7 */
#magic-line { position: absolute; bottom: -2px; left: 0; width: 100px; 
	height: 2px; background: #77BED2; z-index:99;
}

#nav { 
	margin: 0; 
	list-style: none; 
	position: relative;
	width: 990px; 
}
#nav li { float:left; }
#nav li a { 
	position: relative; 
	z-index: 200 !important; 
	padding: 4px 10px;
	color: #FFF; 
	font-size: 14px; 
	display: block; 
	float: left;  
	text-decoration: none; 
}
#nav li a:hover { color: white; }

#nav #magic-line-two { 
	position: absolute; 
	top: 0; left: 0; 
	width: 100px; 
	background: #77BED2; 
	z-index: 100; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.current a { 
	color: white !important; 
	z-index:300;
}

/* end nav*/


#contentWrapper{
	margin: 0; padding: 0;
	width:100%;
	background: #FFF;
}

#wrapper {
	width: 978px;
	margin: 0 auto;
	padding: 0px 6px 17px 6px;
	text-align:left;
	background:url(../images/main/wrapper_background.jpg) repeat-y top left;
}

#content, #detail {
	margin:0; padding:0 17px;
	width:634px;
	overflow:hidden;
}

#sideBar {
	margin:0; padding:0;
	width: 310px; 
}

#footerTopWrapper {
	margin: 0; padding: 0;
	width:100%;
	background:#77BED2;
}

#footerTop {
	width: 944px;
	margin: 0 auto;
	padding: 10px 0;
	text-align:center;
}

#footerBottomWrapper {
	margin: 0; padding: 0;
	width:100%;
	background:#E4EAE8;
}

#footerBottom{
	width: 944px;
	margin: 0 auto;
	padding: 10px 0;
	text-align:left;
}

/* --------------------------------------------------------------  
MAJOR COLORS
------------------------------------------------------------ */
.blue{
	color:#78BFD3 !important; 
}

.red {
	color: #DD3129 !important; /*#F2583E;*/ 
}

/* --------------------------------------------------------------  
TYPOGRAPHY
------------------------------------------------------------ */

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a {
	margin: 0;
	padding: 0;
	font-weight:normal;
	color:#626E6F;
	text-decoration:none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
	color:#77BED2; 
}

h1 { font-size: 1.25em; margin:12px 0; }
h2 { font-size: .925em;  margin:3px 0; }
h3 { font-size:	1.0em;} 
h4, h5 { font-size: .925em; } 

p {
	font-size:.775em;
	line-height:130%;
	margin:0 0 1px;
	color:#3F3E4A;
}

#detail p {
	margin:0;
	padding:0;
	font-size:.850em;
	line-height:140%;
	color:#3F3E4A;
}


a {
	color:#77BED2;
	outline:none;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

.hr { 
	margin:0; 
	padding:0; 
	width:100%; 
	height:1px; 
	border-top:1px dotted #CCC;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 1px;
}

/* --------------------------------------------------------------  
index CONTENT
------------------------------------------------------------ */

.arrowLink {
	margin:0; padding:0 0 0 14px;
	font-size:.925em;
	background: url(../images/main/arrowLink.gif) no-repeat center left;
	color:#77BED2; 
	text-decoration:none;
	font-weight:bold;
}

.arrowLink:hover {
	color:#333; 	
}

.townName {
	color:#DD3129 !important /*#F2583E !important;*/;
	font-size:.775em !important;
}

.description {
	margin:0;
	font-size:.775em;
	line-height:130%;
	color:#3F3E4A;
}

.price {
	font-size:.775em;
	color:#727E7F;
}

.redFollowLink {
	display:block;
	margin:0; padding:3px 40px;
	color:#FFF;
	text-decoration:none;
	background-color: #DD3129; /*#F2583E;*/
}

a.redFollowLink {
	display:block;
	margin:0; padding:3px;
	width:198px;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	border: 1px solid #DD3129; /*#F2583E;*/
	font-size:14px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

a.redFollowLink:hover{ 
	background-color:#727E7F;
	border: 1px solid #727E7F;
}

a.hamptonsMarketBlogLink {
	margin:0; padding:0 0 0 30px;
	color:#727E7F;
	font-size:1.2em;
	font-weight:200;
	font-family:Helvetica Neue, Arial, Helvetica, sans-serif;
	background: url(../images/main/blog_icon.gif) no-repeat center left;
	text-decoration:none;
	cursor:pointer;
}

.homeFeaturedProperty {
	height:390px;
	overflow:hidden;
	
}

.quote{
	color:#f3f3f3;

	font-size:102px;
	text-shadow:1px 1px .5px #aaa;
}

.testimonial {
	font-size:12px;
	
}

/* --------------------------------------------------------------  
extra stuffs
------------------------------------------------------------ */

.picBorder {
	margin:0; padding:2px;
	border:1px solid #CCC;

}

/* --------------------------------------------------------------  
SIDEBAR
------------------------------------------------------------ */
.sideBarContainer{
	margin:0 0 20px; padding:2px;
	border:1px solid #CCC;
	width:289px;
}

.sideBarContainer p {
	margin:5px 0 0 0;
	padding:0;
	font-size:.850em;
	line-height:100%;
	color:#3F3E4A;
}

.sideBarBrown {
	margin:0; padding:5px 10px 10px 10px;
	/*background: #E7D4A8 url(../images/main/sideBarBrown_background.jpg) repeat-x top left;
*/	
	background:#E7DFA8;
}

.sideBarSlate {
	margin:0; padding:5px;
	background: #D2E2E2 url(../images/main/sideBarSlate_background.jpg) repeat-x top left;
	
}

#quickContactLinks {
	

}

#quickContactLinks img {
	vertical-align:text-bottom;
}

#quickContactLinks p {
	margin:6px 0 5px;
	line-height:17px;
}

#quickContactLinks p, #quickContactLinks p a {
	font-size:11px;
	color:#444;
	text-decoration:none;
}

#quickContactLinks a:hover {
	text-decoration:underline;
}

.sideBarBlogAbstract {
	margin:0;
	color:#3F3E4A;
	font-size:12px !important; 
	line-height:140% !important;
}



/* --------------------------------------------------------------  
blog
------------------------------------------------------------ */

.post{
	margin:0 0 15px;
}

/*.postTitle, .sideBarBlogTitle a {
	display:block;
	background-color:#77BED2;
	color: #FFF;
	font-size:16px;
	margin:0 0 10px;
	padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration:none;
}*/
.postTitle, .sideBarBlogTitle a {
	display:block;
	color:#77BED2;
	font-size:18px;
	margin:0 0 10px;
	text-decoration:none;
}


.sideBarBlogTitle a {
	margin:0 0 5px;
	font-size:14px !important; 
}


/*a.postTitle:hover, .sideBarBlogTitle a:hover {
	color:#FFF !important;
	background-color:#727E7F;

}*/

a.postTitle:hover, .sideBarBlogTitle a:hover {
	color:#666;
	text-decoration:underline;

}

.post .newsDate {
	font-size:12px;
	color:#AAA;
}

.post .abstract {
	margin:5px 0 0;
	font-size:13px;
}

.newsDetail p {
	margin:0 0 10px;
	font-size:13px;
}

/* --------------------------------------------------------------  
FOOTER
------------------------------------------------------------ */
#footerTop p{
	font-size:13px;
	color:#FFF;
}
ul.footerMenu {
	list-style:none;
	margin:0 0 0 80px;
}

ul.footerMenu li {
	float:left;
	padding:0 30px 0 0;
}

ul.footerMenu li a {
	font-size:13px;
	color:#FFF;
	text-decoration:none;
}

ul.footerMenu li a:hover {
	color:#555;
}

ul.townList {
	list-style:none;
	margin:0 0 0 100px;
}

ul.townList li {
	float:left;
	padding:0 4px 0 0;
	font-size:13px;
	color:#DDD;
}

/* --------------------------------------------------------------  
FORMS
------------------------------------------------------------ */
.sb_indent {
	margin:5px 0 0 17px;
}

label, .label { 
	color:#555;  
	font-style:italic; 
	font-size:12px; 
	vertical-align:middle; 
	
}

input[type=text], input.text, input.title, textarea, select { 
  background-color:#fff; 
  border:1px solid #bbb; 
}

select {
	color:#727E7F; 
	padding:2px;
}

input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { 
  border-color:#666; 
}

input[type=text], textarea { padding:3px; font-size:14px; padding:3px; font-size:14px; }

input[type=checkbox], input[type=radio], input.checkbox, input.radio { 
	vertical-align:middle;
}



/* --------------------------------------------------------------  
SIDEBAR SPECIAL FORM OPTS 
------------------------------------------------------------ */
.sideBarSearchButton {
	margin:0 0 0 17px;	padding:2px 32px;
	background:#F4F7F7 url(../images/main/buttonBackground.jpg) repeat-x top left;
	border:1px solid #77BED2;
	font-size:13px;
	color:#77BED2; 
}

.sideBarSearchButton:hover {
	border:1px solid #727E7F;
	background:#FFF;
	color:#727E7F; 
	cursor:pointer;
}

/* --------------------------------------------------------------  
PAGINATION
------------------------------------------------------------ */

.paginationContainer {
	margin:0;
	padding:5px;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
}
a.pagination {
	margin:0 1px 0 0;
	padding:4px 5px;
	text-decoration:none !important;
	color:#666;
	
}
a.pagination:hover {
	background: #77BED2;
	color: #FFF;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
a.paginationCurrent {
	margin:0 1px 0 0;
	padding: 4px 5px; 
	cursor: default;
	background:#77BED2;
	color: #FFF;
	text-decoration: none !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
span.paginationInactive {
	padding: 4px 5px;
	color: #AAA;
	cursor: default;    
} 


/* --------------------------------------------------------------  
VALIDATOR
------------------------------------------------------------ */

div.validatorError { 
	font-weight:bold;
	color: #9e1111;
	display:inline-block;
	margin:5px 0; 
	padding: 0 0 0 35px; 
	background: url(../icon/16x16/error.png) no-repeat 10px center;
}

/* --------------------------------------------------------------  
MSG BOXES
------------------------------------------------------------ */

.error, .success, .warning, .info  { 
	margin:0 0 10px 0; 
	padding: 10px 15px 10px 40px; 
	background: no-repeat 15px center; 
	border: 1px solid #ddd; font-weight:bold; 	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; 
}
.error { color: #9e1111; background-color: #f5e8e8; background-image: url(../icon/16x16/error.png); border-color: #dfb2b2; }
.success { color: #11a322; background-color: #e8f6e9; background-image: url(../icon/16x16/success.png); border-color: #b2e1b7; }
.warning { color: #c2b515; background-color: #f9f8e8; background-image: url(../icon/16x16/warning.png); border-color: #ebe7b3; }
.info { color:#0CF; background-color:#D7F7FF; background-image: url(../icon/16x16/info.png); border-color: #0CF; }

/* --------------------------------------------------------------  
CSS DROP SHADOWS
------------------------------------------------------------ */

.dropShadow {
  float: left;
  background: url(../images/shadow1.gif) no-repeat bottom right;
  margin: 10px 0 0 10px;
}

.dropShadow div {
  /*background: url(../images/shadow2.png) » no-repeat left top !important;*/
  background: url(../images/shadow2.gif) no-repeat left top;
  padding: 0px 5px 5px 0px;
}

.dropShadow img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
}

a.third_perspective {
	margin:0;
	padding:0 21px 0 0;
	background: url('../images/main/third_perspective_logo_forBrand.png') no-repeat center right; 
	font-size:12px;
	color:#ddd;
	text-decoration:none;
}

a.third_perspective:hover {
	background: url('../images/main/third_perspective_logo_forBrandRoll.png') no-repeat center right; 
	color:#FFF;

}