/* CSS Document */

/*-- ROPE TOP --*/

#ropetop {
	margin: auto;
	width: 950px;
	height: 165px;
	background-image: url(../graphics/csslayout/ropetop.gif);
	background-repeat: no-repeat;
	background-position: top;
	text-align: center;
}

/*-- NAVIGATION --*/

#navigationbar {
	float: left;
	width: 930px;
	height: 65px;
	padding: 30px 0px 0px 20px;
	background-image: url(../graphics/csslayout/bgnav.gif);
	background-repeat: no-repeat;
	text-align: center;
}

/*-- MAIN WRAPPER --*/

#mainwrapper {
	margin: auto;
	width: 950px;
	text-align: center;
}

/*-- BODY --*/

#bodycontent {
	width: 880px;
	padding: 0px 35px 0px 35px;
	background-image: url(../graphics/csslayout/bgbody.gif);
	background-repeat: repeat-y;
	text-align: left;
}

/*-- PANORAMIC --*/

#panoramic {
	width: 880px;
	height: 340px;
}

/*-- HOMEPAGE COMPONENTS --*/

#columnA01 {
	float: left;
	width: 105px;
	margin: 20px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #717C80;
	text-align: center;
}

#columnA02 {
	float: left;
	width: 480px;
	margin: 20px 0px 0px 0px;
	text-align: left;
}

#columnA03 {
	float: left;
	width: 240px;
	margin: 20px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #717C80;
	text-align: left;
}

/*-- RESULTS PAGE COMPONENTS --*/

#columnB01 {
	float: left;
	width: 610px;
	margin: 20px 0px 0px 0px;
	text-align: left;
}

#columnB02 {
	float: left;
	width: 240px;
	margin: 20px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #717C80;
	text-align: left;
}

#boxlisting {
	float: left;
	width: 165px;
	padding: 10px;
	margin: 0px 0px 40px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #717C80;
	text-align: left;
	background-image: url(../graphics/csslayout/bglistings.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #EBF6F9;
}

/*-- DETAILS PAGE COMPONENTS --*/

#columnC01 {
	float: left;
	width: 105px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #717C80;
	text-align: center;
}

#columnC02 {
	float: left;
	width: 750px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #717C80;
	text-align: left;
}

#columnCheader {
	float: left;
	margin-top: 20px;
}

#boxsearch {
	float: left;
	width: 860px;
	padding: 10px 10px 25px 10px;
	margin: 0px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #717C80;
	text-align: left;
	background-image: url(../graphics/csslayout/bglistings.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #EBF6F9;
}

#boxdetails {
	float: left;
	width: 728px;
	padding: 10px 10px 25px 10px;
	margin: 0px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #717C80;
	text-align: left;
	background-image: url(../graphics/csslayout/bglistings.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #EBF6F9;
}

#boxdetailscolumn01 {
	float: left;
	width: 370px;
}

#boxdetailscolumn02 {
	float: left;
	width: 310px;
}

#boxsimilarlisting {
	float: left;
	width: 163px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #717C80;
	text-align: left;
	border: 1px solid #BED9DF;
	background-image: url(../graphics/csslayout/bglistings.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

/*-- OTHER PAGE COMPONENTS --*/

#border {
	float: left;
	padding: 10px;
	border: 1px solid #749EA1;
	margin-bottom: 15px;
}

/*-- COLUMN SPACERS AND DIVIDERS --*/

#columnspace {
	float: left;
	width: 25px;
}

#columnspace02 {
	float: left;
	width: 60px;
}

#columndividerV {
	float: left;
	width: 20px;
	margin: 0px 0px 0px 10px;
	background-image: url(../graphics/csslayout/dividerV01.gif);
	background-repeat: repeat-y;
}

#columndividerH {
	float: left;
	width: 100%;
	margin: 0px 0px 10px 0px;
	background-image: url(../graphics/csslayout/dividerH01.gif);
	background-repeat: repeat-x;
}

/*-- ROPE BOTTOM --*/

#ropebottom {
	margin: auto;
	width: 950px;
	height: 110px;
	background-image: url(../graphics/csslayout/ropebottom.gif);
	background-repeat: no-repeat;
	background-position: top;
	text-align: center;
}

/*-- FOOTER AREA --*/

#footerwrapper {
	margin: auto;
	width: 915px;
	text-align: center;
}

#footertop {
	width: 915px;
	height: 150px;
	padding: 60px 0px 0px 0px;
	background-image: url(../graphics/csslayout/bgfootertop.gif);
	background-repeat: no-repeat;
	background-position: top;
	text-align: center;
}

#footernavcolumnA {
	float: left;
	width: 180px;
	padding: 0px 0px 0px 30px;
	text-align: left;
	line-height: 17px;
}

#footernavcolumnB {
	float: left;
	width: 160px;
	padding: 0px 0px 0px 15px;
	text-align: left;
	line-height: 17px;
}

#footerbottom {
	width: 915px;
	padding: 25px 0px 17px 0px;
	background-image: url(../graphics/csslayout/bgfooterbottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
}

#footerdisclaimer {
	float: left;
	width: 455px;
	padding: 15px 0px 15px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #749EA1;
	text-align: left;
}

/*-- PHOTO --*/

#photoleft {
	float: left;
	clear: left;
	margin: 0px 0px 15px 0px;
}

#photoright {
	float: right;
	clear: right;
	margin: 0px 0px 15px 0px;
}

#photosmall {
	float: left;
	clear: left;
	background-image: url(../graphics/csslayout/photoshadow03.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0px 0px 30px 0px;
	margin: 0px 0px 0px 0px;
}

#photosmallright {
	float: right;
	clear: right;
	background-image: url(../graphics/csslayout/photoshadow03.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 0px 0px 30px 0px;
	margin: 5px 0px 0px 15px;
}

#photosmallleft {
	float: left;
	clear: left;
	background-image: url(../graphics/csslayout/photoshadow03.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 0px 0px 30px 0px;
	margin: 5px 15px 0px 0px;
}

#photomedright {
	float: right;
	clear: right;
	background-image: url(../graphics/csslayout/photoshadow02.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 0px 0px 30px 0px;
	margin: 5px 10px 0px 15px;
}

#photomedleft {
	float: left;
	clear: left;
	background-image: url(../graphics/csslayout/photoshadow02.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 0px 0px 30px 0px;
	margin: 5px 15px 0px 0px;
}

#photobigright {
	float: right;
	clear: right;
	background-image: url(../graphics/csslayout/photoshadow01.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 0px 0px 40px 0px;
	margin: 5px 0px 0px 0px;
}

#photobigleft {
	float: left;
	clear: left;
	background-image: url(../graphics/csslayout/photoshadow01.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 0px 0px 40px 0px;
	margin: 5px 0px 0px 0px;
}

/*-- BUTTONS --*/

#button01 {
	float: left;
	width: 140px;
	padding: 5px 0px 5px 10px;
	background-image: url(../graphics/csslayout/bgbutton.gif);
	background-repeat: repeat-x;
	background-position: top;
	text-align: left;
}

#button02 {
	float: right;
	width: 140px;
	padding: 5px 0px 5px 10px;
	margin: 10px 0px 0px 0px;
	background-image: url(../graphics/csslayout/bgbutton.gif);
	background-repeat: repeat-x;
	background-position: top;
	text-align: left;
}

/*-- FORMS AND TABLES--*/

.menubar01 {
	width: 240px;
	margin-bottom: 10px;
}

.menubar02 {
	width: 150px;
	margin-bottom: 10px;
}

.table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #717C80;
}

.input01 {
	width: 330px;
}

/*-- OTHER --*/

#clear {
	clear: both;
}

#hiddenphoto {
	display: none;
}