/* ====================================================================================================== */
/*  GLOBAL RESPONSE TECHNOLOGIES - STYLES.CSS - SPLASH, DESIGN, & FRAMEPAGE STRUCTURE - UPDATED 01/03/07  */
/* ====================================================================================================== */

html {
	height:100%;

}

body {
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7C7C7C;
	background:url(../images/bg_document.gif) repeat center top;
}

body.splash_body {
}

body.design_body {
}

body.frame_body {
}

/* ==================================== */
/* COMMONLY USED ELEMENT DEFAULT STYLES */
/* ==================================== */

h1 /* Page Heading */{
	display:block;
	margin:0px 0px 0px 0px;
	font-size:18px;
	font-weight:bold;
	color:#014dc5;
}

h1 span.blue {
	color:#282828;
	font-weight:normal;
}

h1 span.gray {
	color:#909090;
	font-weight:normal;
}

h2 /* Page Sub-Heading */{
	display:block;
	margin:0px 0px 10px 0px;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px dashed #8E8E8E;
}

h3, .h3 /* Category Heading (Layout Modules) */{
	display:block;
	margin:0px 0px 0px 0px;
	font-size:16px;
	font-weight:bold;
	color:#014dc5;	
}

h4, .h4 /* Category Sub Heading (Layout Modules) */{
	display:block;
	margin:0px 0px 10px 0px;
	font-size:12px;
	font-weight:bold;
}

h5, .h5 /* Token Heading (Layout Modules) */{
	display:block;
	margin:0px 0px 0px 0px;
	font-size:14px;
	font-weight:bold;
}

h5 a, .h5 a /* Token Heading Linked (Layout Modules) */{
	color:#66C401;
	text-decoration:none;
}


h6, .h6 /*Token Sub Heading (Layout Modules) */{
	display:block;
	margin:0px 0px 10px 0px;
	font-size:11px;
	font-weight:normal;
}

h6 a, .h6 a /*Token Sub Heading Linked (Layout Modules) */{
	color:#3971BC;
	text-decoration:none;
}


/* SEE LAYOUT.CSS FOR LAYOUT MODULE HEADINGS */

img /* To remove borders on linked images */{
	border:none;
	margin-right:5px;
	margin-left:5px;
}

img.display {
	border:1px solid #7C7C7C;
	padding:1px;
	float:left;
}

p {
	font-size:14px;
	padding:0px;
	margin:0px 0px 10px 0px;
}

a {
	color:#004dc6;
	text-decoration:none;
	outline:none;
	font-weight:bold;
}

a:hover {
	text-decoration:underline;
}

strong {
	font-weight:bold;
}

form {
	margin:0px /* This nullifies an IE bug that add a 10px margin to the form tag */ ;
}

/* ============================================================================== */
/* ADDITIONAL CUSTOM ELEMENT STYLES (CHECK THESE STYLES WITH CONTENT/CONTENT.PHP) */
/* ============================================================================== */

ul.links /* To be used for unordered lists containing links */{
	list-style:none;
	margin:0px;
	padding:0px 0px 15px 10px;
}

ul.links li {
	display:block;
	font-weight:bold;
	margin-bottom:5px;
}

ul.links li a {
	padding-left:16px;
	background:url(../images/li_arrow.gif) no-repeat left top;
	text-decoration:none;
	color:#627ca3;
}

ul.links li a:hover {
	text-decoration:underline;
	padding-left:16px;
	background:url(../images/li_arrow_hv.gif) no-repeat left top;
}

ul.standard /* To be used for unordered lists without links */{
	list-style:none;
	margin:0px;
	padding:0px 0px 15px 10px;
}

ul.standard li {
	display:block;
	padding-left:16px;
	font-weight:bold;
	background:url(../images/li_arrow.gif) no-repeat top left;
	margin-bottom:5px;
}


/* ============================================== */
/* HEADER STRUCTURE STYLES (MASTER/SERVANT MODEL) */
/* ============================================== */

div.header {
	position:absolute;
	width:100%;
	height:339px;
	background:url(../images/header.gif) no-repeat top center;
	top:8px;
}

div.headerDesign {
	z-index:100;
	position:absolute;
	width:766px;
	height:62px;
	background:url(../images/header_design.gif) no-repeat top left;
	top:50px;
	left:50%;
	margin-left:-383px;
}

div.bgHeader {
	position:absolute;
	width:100%;
	height:104px;
	background:url(../images/bg_header.gif) no-repeat top center;
	top:8px;
}

div.banner {
	position:absolute;
	top:114px;
	width:531px;
	height:213px;
	left:50%;
	margin-left:-160px;
	background:url(../images/banner.jpg) no-repeat top left;

}

div.logo {
}

/* ============================================= */
/* MENU STRUCTURE STYLES (MASTER/SERVANT MODEL)  */
/* ============================================= */

div.navMain {
	z-index:100; /* z-index allows an absolute positioned containter to br placed in the top of the doc. */
	position:absolute;
	top:114px;
	width:201px;
	left:50%;
	margin-left:-371px;
	
}

div.navMain a {
	height:39px;
	line-height:39px;
	color:#4d4d4d;
	display:block;
	margin-bottom:4px;
	text-align:right;	
	background:url(../images/nav_button.jpg) no-repeat top left;
	padding-right:32px;
	text-decoration:none;
}

div.navMain a:hover {
	color:#e40000;
	background:url(../images/nav_button_hv.jpg) no-repeat top left;
	text-decoration:none;
}

div.navSec {
	z-index:100; /* z-index allows an absolute positioned containter to br placed in the top of the doc. */
}

div.navSec a {
}

div.navSec a:hover {
}

div.preload /* Use this div to wrap <img src="" alt="" />'s that need to preload, such as mouse-over images */ {
	position:absolute;
	top:-500px;
	left:0px;
}

/* ============================================ */
/* PAGE STRUCTURE STYLES (MASTER/SERVANT MODEL) */
/* ============================================ */

div.master {
	margin-top:347px;
	
}

div.servant {
	width:100%;
	top:0px;
	background:url(../images/bg_servant.gif) repeat-y center top;
}

div.peasant {
	width:767px;
	position:relative;
	top:0px;
	left:50%;
	margin-left:-383px;
	background-color:#FFFFFF;
}

div.masterDesign {
	margin-top:112px;
}


/*  By specifying a height property for a <TD> you will create a minimum height for your table under Master/Servant,
	thus any overflow encountered will cause the table to stretch vertically. Only one column needs to be given a
	height property for the entire table row.  */

td.leftCol {
	height:;
	width:;
	vertical-align:top;
}

td.rightCol {
	width:;
	vertical-align:top;
}

td.singleCol {
	height:;
	width:;
	vertical-align:top;
}

div.content /* This container should not have a specified height, else it will not stretch, INCLUDE <?pg()?> INSIDE THIS CONTAINER */ {
	padding:0px 12px 0px 223px;
}

div.contentBorder {
	width:100%;
	height:94px;
	background:url(../images/content_border.gif) no-repeat bottom center;
	margin-top:-88px;
}

div.contentBorderLeft {
	position:absolute;
	top:112px;
	left:50%;
	margin-left:-383px;
	width:12px;
	height:115px;
	background:url(../images/content_border_left.gif) no-repeat top left;
}

div.contentBorderRight {
	position:absolute;
	top:112px;
	left:50%;
	margin-left:371px;
	width:12px;
	height:115px;
	background:url(../images/content_border_right.gif) no-repeat top left;
}

div.footer /* Place this container under the servant, or master containers, without positioning */ {
	width:100%;
	height:64px;
	position:relative;
	background:url(../images/bg_footer.gif) no-repeat center top;
}

div.footerNav {
	width:750px;
	position:absolute;
	left:50%;
	margin-left:-366px;
	top:16px;
	border-bottom-color:#CCCC00;
}

div.footerNav a {
	display:inline;
	color:#393939;
	text-decoration:none;
	padding-right:4px;
	padding-left:4px;
	border-right:1px solid #393939;
	text-transform:uppercase;
	font-size:11px;
	font-weight:normal;
}

div.footerNav a:hover {
	text-decoration:none;

}

div.legalFooter {
	position:relative;
	width:540px;
	left:50%;
	margin-left:-230px;	
	color:#FFFFFF;
	top:10px;
}

/* ============= */
/* WIDGET STYLES */
/* ============= */


/* ================= */
/* FRAME PAGE STYLES */
/* ================= */

div.frame_banner {
	width:100%;
	height:;
}

div.frame /* INCLUDE <?pg()?> INSIDE THIS CONTAINER */{
}

div.navFrame {
}

div.navFrame a {
}

div.navFrame a:hover {
}

/* ======================= */
/* BUG FIXES AND CSS EDITS */
/* ======================= */

div.searchHomes {
	position:absolute;
	top:388px;
	width:201px;
	height:161px;
	left:50%;
	margin-left:-371px;
	background:url(../images/new_homes_logo.gif) no-repeat top left;
}

div.mortgageInfo {
	position:absolute;
	top:569px;
	width:201px;
	height:77px;
	left:50%;
	margin-left:-371px;
	background:url(../images/mortgage_info.jpg) no-repeat top left;
}

div.prudentialLogo {
	position:absolute;
	top:524px;
	width:138px;
	height:77px;
	left:50%;
	margin-left:-371px;
	background:url(../images/prudential_logo.jpg) no-repeat top left;
}

div.navSer {
	width : 100%;
	text-align:center;
	margin-top:20px;
	padding-bottom:20px;
}

div.navSer a {
	font-size : 10px;
	color : #CCCCCC;
	padding-left : 4px;
	padding-right : 0px;
	text-transform : capitalize;
}

div.navSer a:hover {
	text-decoration : underline;
}