/* ------------------
 
element specific styles 

-------------------- */

html {
}

body {
margin:0;
padding:0;
}

sup{
font-size: 80%; 
line-height: 80%;
}

img {
border:none;
}

/* ------------------
 
id and class styles 

-------------------- */

/* the clearing style */
.clear {
clear:both;
margin:0;
padding:0;
}

#bgWrap {
width:100%;
display:inline-block;
}

#siteWrap {
width:970px;
margin:46px auto 0 auto;
}

/* vip area */
#vipArea {
height:54px;
width:970px;
z-index:120;
position:relative;
}

/* header area */
#headerArea  {
position:relative;
z-index:99px;
/* moved inline widows:970px; */
}
   
/* contact area */   

	#brokerLogo {
	position:absolute;
	top:40px;
	left:10px;
	width:101px;
	}
	
	#contactInfo {
	position:absolute;
	top:93px;
	left:10px;
	width:330px;
	}	
	
/* menu area  */
#mainMenuContainer {
width:970px;
height:50px;
position:relative;
z-index:110;
}

#mainMenu{
  width:970px; 
}


/* cnt area  */
#cntArea {
position:relative;
width:950px;
padding:10px;
float:left;
}

/* pageend area  */
#pageendArea {
/* moved inline width:970px; */
}

/* footer area  */
#footerArea {
width:968px;
height:35px;
margin:10px;
}


/* ----------------------------

the following styles are for the content
areas of the site, there are 3 variations.
1. home page (siteCnt) 
2. sub pages (sub_cntArea, sub_siteCnt)
3. search engine (full_cntArea, full_siteCnt)

As well as the widget colums are spec'd here

---------------------------- */

/* homepage content area */

#siteCnt {
float:left;
width:430px;
min-height:100px;
margin:0 10px;
}
	

/* subpage content area  */
#sub_cntArea {
float:left;
margin:0px;
padding:10px;
width:950px;
background-color:#FFFFFF;
}
	
	#sub_siteCnt {
	float:left;
	width:690px;
	min-height:100px;
	margin:0px 0px 0px 10px;
	}
	
/* full page content area */
#full_cntArea {
position:relative;
width:950px;
padding:10px 10px;
background-color:#FFFFFF;
float:left;
}

	#full_siteCnt {}

.modulePadder{
float:left;
padding:10px 0px 0px;
width:100%;
}

/*  left and right widgets  */	
#leftWidgets {
float:left;
width:250px;
min-height:100px;
}
	
#rightWidgets {
float:left;
width:250px;
min-height:100px;
}