/*	-------------------------------------------------------------	*/
/*	1.0 PRIMARY ELEMENTS ----------------------------------------	*/

/*	1.1 General														*/
*
{
	font-family: Verdana, Tahoma, Arial, Georgia, sans-serif;
}

BODY
{
	SCROLLBAR-FACE-COLOR: #334B6A;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #334B6A;
	SCROLLBAR-3DLIGHT-COLOR: #334B6A;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #cococo;
	
	color: #666;
	background-color: #D6D6D6;
	
	padding: 0px;
	margin: 0px;
}

table
{
	width: 100%;
}

/*	1.2 Headings													*/
h1
{
	color: #006699;
	font-size: 20px;
	font-weight: bold;
	
	padding-bottom: 6px;
	margin-bottom: 5px;
	border-bottom: solid 2px #bcd3e5;
}

h2
{
	color: #6699cc;
	font-size: 16px;
	font-weight: bold;
	
	margin: 17px 0px 0px 0px;
}

h3
{
	color: #6699cc;
	font-size: 14px;
	font-weight: bold;
	
	margin: 17px 0px 0px 0px;
}

h4
{
	color: #6699cc;
	font-size: 12px;
	font-weight: bold;
	
	margin: 17px 0px 0px 0px;
}

/*	1.3 Paragraphs													*/
p
{
	margin-bottom: 10px;
}

/*	1.4 Hyperlinks													*/
a, a:visited, a:active
{
	color: #336699;
	font-weight: bold;
	text-decoration: none;
}

a:hover
{
	color: black;
}

/*	1.5 Lists														*/
ul
{
	display: block;
	margin: 0px;
	padding-left: 16px;
}

/*	1.6 Default font size and line-height							*/
table, tr, td, p, ul, #dropmenudiv, #loginArea, #registerNowArea, .button
{
	font-size: 10px;
	line-height: 16px;
}
/*	-------------------------------------------------------------	*/



/*	-------------------------------------------------------------	*/
/*	2.0 PRIMARY IDS ---------------------------------------------	*/

/*	2.1 Objects on layout pages										*/
#pageContainer
{
	width: 100%;
}

#dashedDividerVerticalHome
{
	width: 20px;
	background: transparent url( ../images/verticalDash.jpg ) repeat-y center;
}

#dashedDividerVertical
{
	width: 17px;
	background: transparent url( ../images/verticalDash.jpg ) repeat-y right;
}
html>body #dashedDividerVertical
{
	width: 20px;
}

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



/*	-------------------------------------------------------------	*/
/*	3.0 PRIMARY CLASSES -----------------------------------------	*/

/*	3.1 Headings													*/
.headingArea
{
	color: White;
	text-indent: 5px;
	line-height: 24px;
		
	height: 25px;
	margin-bottom: 5px;
	background-color: #006599;
}

.boldHeadingArea
{
	color: White;
	text-indent: 5px;
	font-weight: bold;
	line-height: 20px;
	
	height: 20px;
	margin-bottom: 5px;
	background-color: #006599;
}

#dynamicPropertyArea .boldHeadingArea
{
	font-size: 10px;
	background-image: url(../Images/gradientbg_long.jpg);
}

/*	3.2 Textboxes, textareas, titles and their containing objects on forms		*/
.inputTitleArea
{
	color: #006699;
		
	padding-left: 5px; 
	padding-right: 10px; 
}

.inputArea, .inputArea input
{
	width: 100%;
}

.textarea
{
	height: 80px;
	width: 100%;
}

/*	3.3 Buttons														*/
/*.button
{
	color: White;
	font-weight: bold;
	
	height: 20px;
	padding-left: 16px;
	padding-right: 16px;
	border: none;
	cursor: pointer;
	background: transparent url( ../images/buttonBG.jpg ) repeat-x;
}*/

/*	3.4 Positive and negative messages								*/
.positiveMessage
{ 
	color: Green;
	font-weight: bold;
	text-transform: uppercase;
}

.negativeMessage
{
	color: Red;
	font-weight: bold;
	text-transform: uppercase;
}

/*	3.5 Bottom of information tables								*/
.bottomLeft
{
	height: 9px;
	background: #dfd3c6 url( ../images/detailsBottomLeft.jpg ) no-repeat left;
}

.bottomMiddle
{
	background-color: #ede6df;
}

.bottomRight
{
	height: 9px;
	background: #ede6df url( ../images/detailsBottomRight.jpg ) no-repeat right;
}
/*	-------------------------------------------------------------	*/



/*	-------------------------------------------------------------	*/
/*	4.0 LAYOUT TEMPLATES STYLING --------------------------------	*/

/*	4.2 General														*/
#content
{
	width: 722px; 
	margin: 0px 0px 20px 40px;
}

#contentArea
{
	width: 759px;
	background: transparent url( ../images/contentMiddle.jpg ) repeat-y;
}

#contentBottom
{
	width: 759px;
	height: 29px;
	background: transparent url( ../images/contentBottom.jpg ) no-repeat;
}

/*	4.2 Content														*/
#contentLeft
{
	width: 437px;
	padding: 20px 16px 0px 0px;
}

/*	4.3 Home content												*/
#contentHome
{
	width: 722px; 
	margin: 5px 0px 20px 35px;
	clear: both;
}
html>body #contentHome
{
	margin: 10px 0px 20px 35px;
}

#contentHomeLeft
{
	width: 360px;
	padding-top: 7px;
}
html>body #contentHomeLeft
{
	padding-top: 12px;
}

#homeContentImage
{
	margin-left: 9px;
	width: 504px;
	height: 207px;
	float:left;
	background: transparent url( ../images/homeContent.jpg ) no-repeat top left;
}
html>body #homeContentImage
{
	margin-left: 9px;
}

#contentArea #loginArea, #contentArea #registerNowArea
{
	float: left;
}

/*	4.4 Current properties content									*/
#currentPropertiesContentLeft
{
	width: 682px;
	padding: 20px 39px 0px 0px;
}
/*	-------------------------------------------------------------	*/



/*	-------------------------------------------------------------	*/
/*	5.0 HEADER AND FOOTER STYLING -------------------------------	*/

/*	5.1 Header														*/	
#header
{
	width: 759px;
	height: 125px;
	background: transparent url( '../images/header.jpg' ) no-repeat;
}

/*	5.1.1 Primary navigation										*/
	.rmRadMenu
	{
		margin-top: 92px;
		padding-left: 120px;
		background-image: none;
	}
	.rmRadMenu a,
	.rmRadMenu a:active,
	.rmRadMenu a:visited{ color: #ccc; }
	.rmRadMenu a:hover{ color: #023960; }
	
	.rmHome
	{
		cursor: pointer !important;
	}
	
	.rmRadMenuItem
	{
		margin-right: 0px;
	}
	html>body .rmRadMenuItem
	{
		margin-right: 5px;
	}
	
	.rmRadMenuListItem
	{
		cursor: pointer !important;
		text-align: left;
		text-indent: 14px;
		font-weight: bold;
		
		margin-left: 3px;
		padding: 4px 0;
		padding-right: 14px;
		border: solid 1px #b29373;
		border-top: none 0px transparent;
		background-color: #023960;
	}
	html>body .rmRadMenuListItem
	{
		margin-left: 0px;
	}
	
	.rmRadMenuListItem:hover
	{
		background-color: #ccc;
	}
	
	#primaryNavigation ul
	{
		list-style: none;
		margin: 0px;
		padding: 0px;
	}

	#primaryNavigation ul li
	{
		float: left;
		margin-right: 5px;
	}

	#primaryNavigation ul li a, #primaryNavigation ul li
	{
		height: 22px;
		display: block;
		border: none;
	}

	/* 
		FLOAT IS REQUIRED FOR IE5 ON MAC SO THIS RULE NEEDS TO BE REMOVED 
		FOR ALL OTHER BROWSERS, THE SLASHES AND STARS WILL PREVENT IE5 ON 
		MAC READING THIS RULE \
	*/
	#primaryNavigation ul li a
	{
		float: none;
	}
	/*	End Hide */

/*	5.1.2 Primary navigation image widths							*/
	#primaryNavigation ul li#pnHome{ width: 61px; }

	#primaryNavigation ul li#pnInvestments{ width: 107px; }

	#primaryNavigation ul li#pnOurPortfolio{ width: 106px; }

	#primaryNavigation ul li#pnInvestingWithUs{ width: 131px; }

	#primaryNavigation ul li#pnAboutUs{ width: 73px; }

/*	5.1.3 Primary navigation drop down menu							*/
	#dropmenudiv
	{
		position:absolute;
		border:1px solid #b29373;
		border-bottom-width: 0;
		z-index:100;
	}

	#dropmenudiv a
	{
		color: #ccc;
		width: 100%;
		display: block;
		text-indent: 14px;
		border-bottom: 1px solid #b29373;
		padding: 4px 0;
		text-decoration: none;
		font-weight: bold;
	}

	#dropmenudiv a:hover
	{ 
		color: #003366;
		background-color: #ccc;
	}

/*	5.1 Footer														*/
#footerArea
{
	width: 778px;
	margin: 15px 0px 20px 0px;
}

#footerArea table
{
	text-align: center;
}

#footerArea ul li
{
	padding: 0px 8px 0px 10px;
	display: inline;
	border-left: solid 1px #666;
}

#footerArea ul li.first 
{
	border-left: none;
}

#footerArea a, #footer a:visited, #footer a:active
{
	color: #666;
}

#footerArea a:hover
{
	color: black;
}
/*	-------------------------------------------------------------	*/



/*	-------------------------------------------------------------	*/
/*	6.0 CONTROL STYLING -----------------------------------------	*/

/*	6.1 Login area													*/
#loginArea
{
	width: 232px;
	margin-top: 3px;
	margin-left: 3px;
}

#loginArea .HeadingArea
{
	background-image: url(../Images/gradientbg_short.jpg); 
}

#loginArea .linkArea, #loginArea .buttonArea, #loginArea .messageArea
{
	text-align: right;
	padding-right: 5px;
}

/*	6.2 Register now! area											*/
#registerNowArea
{
	width: 232px;
	margin-top: 5px;
	margin-left: 3px;
}

#registerNowArea .HeadingArea
{
	background-image: url(../Images/gradientbg_short.jpg); 
}

/*	6.3 Dynamic property area										*/
#dynamicPropertyArea
{
	width: 312px;
}

#dynamicPropertyArea #CurrentCashReturnInfo
{
	width: 117px;
	height: 116px;
	background-image: url(../Images/CurrentCashReturnBG.gif);
}

#dynamicPropertyArea .forecastReturnTitleArea
{
	color: black;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

#dynamicPropertyArea .forecastReturnLabelArea
{
	color: #006699;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

#dynamicPropertyArea .forecastReturnTermLabelArea
{
	color: #006699;
	font-weight: bold;
	text-align: center;
	
	vertical-align: top;
}

#dynamicPropertyArea .investmentType
{
	color: #b07739;
	font-weight: bold;
	
	/*margin-right: 20px;*/
}

#dynamicPropertyArea .titleArea
{
	font-weight: bold;
	vertical-align: top;
	
	width: 180px;
}

#dynamicPropertyArea .labelArea
{
	font-weight: bold;
	vertical-align: top;
	
	width: 120px;
}

#dynamicPropertyPage
{
	background-color: White;
}

/*	6.4 Investment area												*/
#investmentArea
{
	width: 437px;
}

#investmentArea #propertyDetails
{
	width: 100%;
	clear: both;
	margin-top: 10px;
}

#investmentArea #imgContainer
{
	border: solid 2px #b29373;
	margin-top: 5px;
	padding: 5px;
	float: right;
}

#investmentArea #address
{
	margin-top: 5px;
	padding-left: 30px;
	background: transparent url( '../images/mailbox.jpg' ) no-repeat left top;
}

#investmentArea #investmentInfo
{
	height: 128px;
	overflow: auto;
	margin-top: 10px;
	padding-right: 10px;
}

#investmentArea .syndicateName
{
	color: #b39475;
	font-weight: bold;
}

#investmentArea .title
{
	font-weight: bold;
	
	width: 200px;
	padding: 6px;
	background-color: #E1BA8D;
}

#investmentArea .value
{
	width: 240px;
	padding: 6px;
	background-color: #ede6df;
}

#investmentArea .cashReturnOnCapitalEmployed
{
	color: black;
	font-size: 12px;
	font-weight: bold;
	padding-left: 6px;
	padding-bottom: 10px;
}

#investmentArea .capitalEmployedvalue
{
	color: #006699;
	font-size: 16px;
	font-weight: bold;
}

#investmentArea .forecastReturnValue
{
	color: #006699;
}

/*	6.5 Current promotions area										*/
.currentPromotionsArea
{
	width: 437px;
	margin-bottom: 10px;
}

.currentPromotionsArea .forecastReturnTitleArea
{
	color: black;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.currentPromotionsArea .forecastReturnLabelArea
{
	color: #006699;
	font-size: 36px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	
	padding-top: 20px;
	padding-bottom: 20px;
}

.currentPromotionsArea .forecastReturnTermLabelArea
{
	color: #006699;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	
	vertical-align: top;
}

.currentPromotionsArea .titleArea
{
	font-weight: bold;
	vertical-align: top;
	
	width: 180px;
}

.currentPromotionsArea .labelArea
{
	font-weight: bold;
	vertical-align: top;
	
	width: 80px;
}

.currentPromotionsArea .investmentType
{
	color: #b07739;
	font-weight: bold;
	
	margin-right: 20px;
}

/*	6.6 Current properties area										*/
#currentPropertiesArea
{
	width: 682px;
}

#currentPropertiesArea .heading
{
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	
	background-color: #E1BA8D;
}

#currentPropertiesArea .name,
#currentPropertiesArea .location,
#currentPropertiesArea .dateAcquired,
#currentPropertiesArea .cashReturnedOnCapitalEmployed,
#currentPropertiesArea .estimatedTotalReturnToDate
{
	vertical-align: top;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #ede6df;
}

#currentPropertiesArea .name{ width: 143px; }

#currentPropertiesArea .location{ width: 216px; }

#currentPropertiesArea .dateAcquired{ width: 93px; text-align: center; }

#currentPropertiesArea .cashReturnedOnCapitalEmployed{ width: 113px; text-align: center; }

#currentPropertiesArea .estimatedTotalReturnToDate{ text-align: center; }

/*	6.7 Personal details area										*/
#personalDetailsArea
{
	width: 437px;
	text-align: left;
}

#personalDetailsArea .inputArea, #personalDetailsArea .inputArea input
{
	width: 250px;
}

#personalDetailsArea .validationArea
{
	text-align: center;
	
	width: 90px;
}

/*	6.8 Password reminder area										*/
#passwordReminderArea
{
	width: 437px;
}

#passwordReminderArea .inputArea
{
	width: 280px;
}

#passwordReminderArea .validationArea
{
	width: 90px;
	text-align: center;
}

#passwordReminderArea .buttonArea
{
	text-align: right;
	padding-right: 5px;
}

/*	6.9 Register area												*/
#registerArea
{
	width: 437px;
}

#registerArea .inputArea, #registerArea .inputArea input
{
	width: 230px;
}
html>body #registerArea .inputArea, #registerArea .inputArea input
{
	width: 200px;
}

#registerArea .validationArea
{
	text-align: center;
	
	width: 80px;
}
html>body #registerArea .validationArea
{
	width: 90px;
}

#registerArea .checkbox
{
	color: #006699;
	font-weight: bold;
	
	padding-left: 6px;
}

/*	6.10 Contact us area											*/
#contactUsArea
{
	width: 437px;
	margin-top: 20px;
}

#contactUsArea .inputArea, #contactUsArea .inputArea input
{
	width: 230px;
}
html>body #contactUsArea .inputArea, #contactUsArea .inputArea input
{
	width: 200px;
}

#contactUsArea .validationArea
{
	text-align: center;
	
	width: 80px;
}
html>body #contactUsArea .validationArea
{
	width: 90px;
}
/*	-------------------------------------------------------------	*/