@charset "utf-8";
/* soldout magazine body stylesheet */

div.bodyHold{
	position:relative;	top:0;	width:900px;	margin:0 auto;
}
div.bodyHold2{
	float: right; width:100%;	height:80px;	margin:10px 0 10px 0;
	background:url(../images/botBg.jpg) repeat-x;
}
div.bodyHold3{
	width:100%; float:right; margin:0;
}
ul, li{
 	padding:0;	margin:0;	list-style:none;
}
div.clear{ width:100%; clear:both; }

/*******************************/
/* this is for the jquery menu */
/*******************************/
div.jqmenu{
	float:left;
	width:780px;
	height:62px;
	background:#000000;
	position:relative;
	top:-12px;
	left:31px;
	margin-right:80px;
}
	div.jqmenuItems{
		float:left;
		width:700px;
		height:45px;
		margin-top:8px;
		overflow:hidden;
	}
		div.jqmenuItems ul{
			width:800px;
		}
			div.jqmenuItems li{
				float:left;
			}
		div.jqmenuItems a{
			float:left;
			display:block;
			height:43px;
			line-height:43px;
			text-align:center;
			text-decoration:none;
			width:138px;
			background:#a61b1b;
			font-family:Trebuchet MS;
			font-size:12px;
			font-weight:bold;
			color:#FFFFFF;
			margin:1px;			
		}
		div.jqmenuItems a:hover{
			background:url(../images/jqmenuBg.jpg) repeat-x;
		}	
	div.jqmenuArrow1 a{
		float:left;
		display:block;
		width:12px;
		height:16px;
		background:url(../images/jqueryMenuLeft.png) no-repeat;
		text-decoration:none;
		margin:23px 10px 0 15px;
		visibility:hidden;
	}
		div.jqmenuArrow1 a:hover{
			background:url(../images/jqueryMenuLeftHover.png) no-repeat;
		}
	div.jqmenuArrow2 a{
		float:left;
		display:block;
		width:12px;
		height:16px;
		background:url(../images/jqueryMenuRight.png) no-repeat;
		text-decoration:none;
		margin:23px 15px 0 10px;
		visibility:hidden;
	}
		div.jqmenuArrow2 a:hover{
			background:url(../images/jqueryMenuRightHover.png) no-repeat;
		}
		
/*******************************/
/*******************************/
/*******************************/

/***********************************/
/* this is for the 'about us' text */
/***********************************/

	div.about{
		float:left;
		width:440px;
		height:180px;
		margin:0;
		background:url(../images/aboutBg.jpg) repeat-x;
	}
		div.aboutLeft{
			float:left;
			width:15px;
			height:180px;
			margin:0 0 0 35px;
			background:url(../images/aboutLeft.jpg) no-repeat;
		}
		div.aboutRight{
			float:left;
			width:15px;
			height:180px;
			margin:0;
			background:url(../images/aboutRight.jpg) no-repeat;
		}
		div.content1{
			float:left;
			width:440px;
		}
		div.content2{
			float:left;
			width:760px;
		}
		div.about p, div.about2 p{
			font-family:Trebuchet MS;
			font-size:12px;
			margin:5px;		
		}
		
	span.firstWord{
		float:left;
		font-family:Arial Rounded MT Bold, Arial;
		font-size:28px;
		color:#6a0005;
		margin:10px 0 0 0;
	}
	span.secondWord{
		float:left;
		font-family:Arial Rounded MT Bold, Arial;
		font-size:28px;
		color:#f8060d;		
		margin:10px 0 0 0;
	}
		div.content1 a{
			color:#f8060d;
			text-decoration:none;
		}
		div.content1 a:hover{
			color:#6a0005;
		}
	div.aboutlinksLeft{
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		color:#7d2223;
		font-size:20px;
		height:30px;
		font-weight:bold;
		width:55%;
	}
		div.aboutlinksLeft a, div.aboutlinksRight a{
			color:#abb537;
			text-decoration:none;
		}
	div.aboutlinksRight{
		float:left;
		width:45%;
		font-size:20px;
		height:30px;
		font-weight:bold;
		text-align:right;
		color:#7d2223;
	}

/***********************************/
/***********************************/
/***********************************/

/**************************************************************************************/
/* this is for the scrolling panel with the images of the property community memebers */
/**************************************************************************************/

div.scrollingpanel{
	overflow:hidden;
	width:1000px;
	height:290px;
	padding-top:10px;
	margin:0 auto;
}
div.scrollingpanel a{
	display:block;
	float:left;
	width:128px;
	height:128px;
	text-decoration:none;
	background:#000000;
	margin:0 5px 10px 5px;
	color:#FFFFFF;
	border:solid 1px #666666;
}

div.coverUp{
	position:relative;
	top:823px;
	width:835px;
	height:267px;
	margin:0 auto;
	background:url(../images/coverUp.png) left top no-repeat;
	z-index:100;
}
	div.coverUp h1{
		position:absolute;
		left:85px;
		top:30px;
		font-size:36px;
		font-family:Arial Rounded MT Bold, Arial;
		color:#FFFFFF;
	}
	div.coverUpTopText1{
		position:absolute;
		left:10px;
		top:5px;
		font-size:10px;
		line-height:12px;
		font-family:Arial Rounded MT Bold, Arial;
		color:#FFFFFF;
		z-index:100;
	}
		span.redBracket{
			color:#f8060d;
		}
	

/**************************************************************************************/
/**************************************************************************************/
/**************************************************************************************/

/*****************************************************/
/* this will be for the people in property directory */
/*****************************************************/

div.directoryBg{
	width:151px;
	height:180px;
	float:left;
	background:url(../images/directoryBg.jpg) repeat-x;
	margin:0 0 0 10px;
}
div.directory a{
	display:block;
	float:left;
	width:155px;
	height:180px;
	background:url(../images/directory.jpg) no-repeat;
	text-decoration:none;
}

/*****************************************************/
/*****************************************************/
/*****************************************************/

/**************************************************************************/
/* this is for the advertising space on the right hand side of the screen */
/**************************************************************************/
div.adSpace1{
	float:right;         
	width:150px;
	height:560px;
	background:#cfcfcf;
	margin:10px 85px 0 0;	
}

div.adSpace3{
	float:right;
	width:154px;
	height:272px;
	margin:10px 75px 0 0;
}

div.adSpace4{
	float:right;
	width:790px;
	height:140px;
	margin:10px 70px 0 0;
}
div.midBanner{
	float:left;
	width:145px;
	height:145px;
	margin:5px 0 0 3px;
}
/**************************************************************************/
/**************************************************************************/
/**************************************************************************/

/************************************/
/* this will be for the Ajax panels */
/************************************/


div.ajaxPanelHold{
	float:right;
	width:195px;
	height:275px;
	background:#cfcfcf url(../images/ajaxPanelTop.jpg) no-repeat top;
	margin:10px 15px 0 0;
}
	div.ajaxPanelHeader{
		height:45px;
		width:195px;
		line-height:45px;
		font-family:Arial Rounded MT Bold, Arial;
		font-size:26px;
		text-align:center;
		color:#FFFFFF;
	}
	div.ajaxTopPanel{
		margin-left:2px;
		width:191px;
		height:170px;
		background:#FFFFFF;		
	}
		div.ajaxTopPanel p{
			margin:20px;
			text-align:left;
			font-family:Trebuchet MS;
			font-size:12px;
		}
	div.ajaxPanelOne{
		background:#f8060d;
		height:190px;
		width:195px;
	}
		#softwareP2, #portalsP2, #hipsP2, #signageP2, #franchisingP2, #marketingP2, #softwareP3, #portalsP3, #hipsP3, #signageP3, #franchisingP3, #marketingP3{
			margin:20px;
			text-align:left;
			font-family:Trebuchet MS;
			font-size:12px;
			display:none;
			color:#FFFFFF;
		}
		#softwareP, #portalsP, #hipsP, #signageP, #franchisingP, #marketingP{
			height:105px;			
		}
		#softwareP4, #portalsP4, #hipsP4, #signageP4, #franchisingP4, #marketingP4{
			margin:20px;
			text-align:left;
			font-family:Trebuchet MS;
			font-size:12px;
			display:none;
		}
	div.ajaxPanelTwo{
		background:#b20309;
		height:210px;
		width:195px;
	}
			
	span.companyName1 a{
		font-family:Trebuchet MS;
		font-size:12px;
		color:#680005;
		margin-left:20px;
		text-decoration:none;
	}
	span.companyName2 a{
		font-family:Trebuchet MS;
		font-size:12px;
		color:#FFFFFF;
		margin-left:20px;
		text-decoration:none;
	}

/************************************/
/************************************/
/************************************/
.botLinks	{	color:#333333; font-size:12px;	line-height:80px;}
.botLinks a	{	color:#333333; font-size:12px;	line-height:80px;}
.botLinks a:hover{	color:#000000;	}
.link1{			color:#FFFFFF;	font-weight:bold;}
.link2{			color:#000000;	font-weight:bold;}

div.redlink1 a{	width:100px;}
div.redlink2 a{	width:150px;}