body {
	font-family: "arial";
	font-size: 13px;
	margin: 0;
	background: url(images/headerBackground.png) repeat-x top;
}

p {
	margin: 0;
	margin-bottom: 10px;
}

a {
	color: #02abc3;
	text-decoration: none;
}
a:hover {
	color: #008092;
}

h1 {
	font-size: 20px;
	padding: 0;
	margin: 0 0 10px 0;
}

h2 {
	font-size: 14px;
	padding: 0;
	margin: 10px 0 0 0;
	color: #920101;
}

ul {
	margin: 0;
	padding: 0;
	margin-left: 20px;
	margin-bottom: 10px;
}

li {
	text-align: left;
}

em {
	font-style: italic;
}

img {
	border: none;
}




/* ---------------------------------------- Header ---------------------------------------- */

#header {
	width: 860px;
	height: 125px;
	margin: 0 auto 0 auto;
}
#logo img {
	margin: -50px 0 0 0;
}
.contactInfo {
	text-align: right;
	width: 100%;
	height: 50px;
	margin: 25px 0 0 0;
	float: right;
	color: #FFFFFF;
}
.contactInfo a {
	color: #FFFFFF;
}
.contactInfo a:hover {
	text-decoration: underline;
}
.slogan {
	font-size: 16px;
	font-weight: bold;
}
.sorter {
	margin: 7px 0 0 0;
	float: right;
	background: #003641;
}
.sorter td {
	padding: 10px;
}




/* ---------------------------------------- Content ---------------------------------------- */

#content {
	width: 870px;
	margin: 0 auto 0 auto;
}
.duplexListing { 
	line-height: 18px;
	width: 425px;
	float: left;
	margin: 10px 5px 0 5px;
	background: #ede9c1;
}
.listingPic {
	width: 220px;
	height: 125px;
	text-align: center;
	padding: 10px 0 10px 0;
	border-right: 2px solid #FFFFFF;
	background-color: #dcd8ab;
}
.listingPic img {
/*	max-width: 200px; */
/*	max-height: 125px; */
}
.listingDescription {
	width: 183px;
	float: right;
	padding: 0 10px 10px 10px;
}

.zoom {
	position: absolute;
	width: 75px;
	height: 25px;
	margin: -40px 0 0 20px;
}
.zoom a {
	width: 75px;
	height: 25px;
	display: block;
	background: url(images/zoom.png) no-repeat;
}
.zoom a:hover {
	background-position: 0 -400px;
}

.readMore {
	position: absolute;
	width: 110px;
	height: 22px;
	margin: -32px 0 0 271px;
}
.readMore a {
	width: 110px;
	height: 22px;
	display: block;
	background: url(images/readMore.png);
}
.readMore a:hover {
	background-position: 0 22px;
}




/* ---------------------------------------- Detail Listing ---------------------------------------- */

.detailListing {
	line-height: 18px;
	margin: 10px 5px 10px 5px;
	background: #ede9c1;
}
.detailListingPic {
	width: 600px;
	height: 400px;
	text-align: center;
	padding: 10px 0 10px 0;
	border-right: 2px solid #FFFFFF;
	background-color: #dcd8ab;
}
.detailListingPic img {
/*	max-width: 600px; */
}
.detailListingPic p {
	margin: 5px 0 0 0;
}

.detailListingDescription {
	width: 228px;
	float: right;
	padding: 0 10px 10px 10px;
}

.detailGoBack a {
	width: 110px;
	height: 22px;
	margin: 20px auto 0 auto;
	display: block;
	background: url(images/goBack.png);
}
.detailGoBack a:hover {
	background-position: 0 22px;
}

.detailListingThumbs {
	text-align: center;
	width: 860px;
	padding: 0 10px 10px 8px;
	border-top: 2px solid #FFFFFF;
}
.detailListingThumbs img {
/*	max-width: 100px; */
/*	max-height: 63px; */
	display: inline;
	margin: 10px 0 0 10px;
}

.detailInterface {
	position: absolute;
	margin: -65px 0 0 30px;
}
.detailInterface a {
	height: 25px;
	display: block;
}
.detailInterface a:hover {
	background-position: 0 -400px;
}

.detailBack {
	background: url(images/back.png) no-repeat;
}
.detailBack a {
	width: 100px;
	background: url(images/back.png) no-repeat;
}
.detailZoom {
	margin: -25px 0 0 230px;
}
.detailZoom a {
	width: 75px;
	background: url(images/zoom.png) no-repeat;
}
.detailNext {
	margin: -25px 0 0 465px;
}
.detailNext a {
	width: 75px;
	background: url(images/next.png) no-repeat;
}




/* ---------------------------------------- Backend ---------------------------------------- */

#loginContainer {
	margin: 0 10px 10px 10px;
}
.backendDuplexListing { 
	line-height: 18px;
	width: 860px;
	margin: 10px 5px 0 5px;
	padding: 0;
	background: #ede9c1;
}
.backendListingPic {
	width: 220px;
	height: 125px;
	text-align: center;
	padding: 10px 0 10px 0;
	border-right: 2px solid #FFFFFF;
	background-color: #dcd8ab;
}
.backendListingPic img {
/*	max-width: 200px; */
/*	max-height: 125px; */
}
.backendListingDetails  h2 {
	margin: 0;
}
.backendListingDetails {
	width: 225px;
}
.backendListingDescription {
	width: 360px;
	padding: 10px 0 0 0;
}

.backendZoom {
	position: absolute;
	width: 75px;
	height: 25px;
	margin: -40px 0 0 20px;
}
.backendZoom a {
	width: 75px;
	height: 25px;
	display: block;
	background: url(images/zoom.png) no-repeat;
}
.backendZoom a:hover {
	background-position: 0 -400px;
}

.backendOptions {
	position: absolute;
	margin: -32px 0 0 610px;
}
.backendOptions a {
	width: 110px;
	height: 22px;
	display: block;
	margin: 0 5px 0 5px;
}
.backendOptions a:hover {
	background-position: 0 22px;
}

.editDetails a {
	background: url(images/editDetails.png);
}

.deleteListing a {
	background: url(images/deleteListing.png);
}

.addListing a {
	width: 110px;
	height: 22px;
	display: block;
	margin: 10px auto 10px auto;
	background: url(images/addListing.png);
}
.addListing a:hover {
	background-position: 0 22px;
}

.editUsers a {
	width: 110px;
	height: 22px;
	display: block;
	margin: 0 auto 10px auto;
	background: url(images/editUsers.png);
}
.editUsers a:hover {
	background-position: 0 22px;
}

.backendListingThumbs {
	text-align: center;
	width: 880px;
	border-top: 2px solid #FFFFFF;
}

.backendListingThumbs iframe {
	margin: 0 0 0 -10px;
	border: none;
	background: #EDE9C1;
}

.backendListingThumbGroup {
	width: 100px;
	height: 63px;
	display: block;
	margin: 10px 0 0 10px;
}
.backendListingThumbGroup a {
	width: 25px;
	height: 25px;
	display: block;
}
.backendListingThumbGroup a:hover {
	background-position: 0 -400px;
}

.backendBack {
	float: left;
	margin: 3px 0 0 5px;
}
.backendBack a {
	background: url(images/back.png) no-repeat;
}
.backendNext {
	float: left;
	margin: 3px 0 0 40px;
}
.backendNext a {
	background: url(images/next.png) no-repeat;
}
.backendZoomThumb {
	float: left;
	margin: 6px 0 0 5px;
}
.backendZoomThumb a {
	background: url(images/zoom.png) no-repeat;
}
.backendDelete{
	float: left;
	margin: 6px 0 0 40px;
}
.backendDelete a {
	background: url(images/delete.png) no-repeat;
}

.backendBackBlank {
	width: 25px;
	height: 25px;
	display: block;
	float: left;
	margin: 3px 0 0 5px;
}
.backendNextBlank {
	width: 25px;
	height: 25px;
	display: block;
	float: left;
	margin: 3px 0 0 40px;
}





/* ---------------------------------------- Edit ---------------------------------------- */

.editHeader {
	font-size: 20px;
	margin: 90px 0 20px 20px;
	color: #FFFFFF;
}

.editContainer {
	margin: 0 10px 10px 10px;
}
.editContainer input, .editContainer textArea {
	width: 98%;
}
.editOptions {
	margin: 0 10px 10px 10px;
}

.editContainer textArea {
	font-family: "arial";
	font-size: 13px;
}




/* ---------------------------------------- Manage Users ---------------------------------------- */

.userTable { 
	width: 100%;
	margin: 0 0 5px 0;
	background: #ede9c1;
}
.userTable th { 
	text-align: left;
	padding: 0 0 0 5px;
	border-bottom: 5px solid #FFFFFF;
}
.userTable td { 
	width: 120px;
	padding: 5px 0 5px 0;
	border-bottom: 5px solid #FFFFFF;
}

.userTable a {
	width: 110px;
	height: 22px;
	display: block;
	margin: 0 10px 0 10px;
}
.userTable a:hover {
	background-position: 0 22px;
}

.editUser a {
	background: url(images/editDetails.png);
}

.deleteUser a {
	background: url(images/deleteListing.png);
}

.addUser a {
	width: 110px;
	height: 22px;
	display: block;
	margin: 0 auto 10px auto;
	background: url(images/addUser.png);
}
.addUser a:hover {
	background-position: 0 22px;
}
.userSorter {
	top: 82px;
	right: 10px;
	position: absolute;
	background: #003641;
}
.userSorter td {
	padding: 10px;
}