/**************************************************************************************************
// Cascading Style Sheet for Fidelis
// Style Sheet for index.php
// Copyright (C) 2007 Fidelis
**************************************************************************************************/

/**************************************************************************************************
// GENERAL
**************************************************************************************************/
html, body, ul, ol, li, p, form, fieldset, img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

html {
	min-height: 100%;
	margin-bottom: 1px;
}

body {
	font-family: Times New Roman, Times, serif;
	font-size: 14px;
	text-align: left;
	color: #000000;
	background-color: #C7D2C0;
	background-position: top;
}


a {
	color: #236331;
	text-decoration: underline;
}

a:hover {
	color: #849a6b;
}

a.current {
	color: #EDDC2B;
	text-decoration: none;
}

#wrapper {
	width: 500px;
	margin: auto;
	text-align: left;
	background-image: url(../images/wrapper.jpg);
	background-repeat: repeat-y;
	background-color: #C7D2C0;
}

form .form_txt_fld {
	width: 150px;
	border: 1px solid #707E64;
}

form .admin_txt_fld {
	border: 1px solid #666666;
}
/**************************************************************************************************
// HEADER
**************************************************************************************************/
#hdr {
	/*display: block;*/
	width: 500px;
	height: 171px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
}

#logo {
	float: left;
	width: 227px;
	height: 171px;
	padding: 0px;
}

#myfidelis {
	float: right;
	width: 60px;
	height: 40px;
	padding: 126px 30px 0px 0px;
}

#banner {
	width: 840px;
	height: 97px;
	margin: 0px;
	background-image: url(../images/banner.jpg);
	background-repeat: no-repeat;
}


/**************************************************************************************************
// CONTENT
**************************************************************************************************/
#main {
	width: 550px;
	padding: 0px 20px;
}

#content {
	float: left;
	width: 600px;
}

#content .heading {
	float: left;
	width: 177px;
	height: 34px;
	padding: 20px 0px 8px 0px;
}

#content p, #content ul {
	padding: 8px 80px 4px 100px;
}

#content p.title {
	font-size: 18px;
	font-weight: bold;
}

#comm_content {
	width: 535 px;
	margin-left: 0px;
	margin-right: 0px;
}

#comm_content p.title {
   	width: 533 px;
    padding: 0px 10px 0px 10px;
	font-size: 18px;
	font-weight: bold;
}

#comm_content p.body {
	width: 533 px;
    padding: 0px 10px 0px 10px;
	font-size: 14px;
}

/**************************************************************************************************
// FIND A HOME
**************************************************************************************************/
.subdiv_map {
	float: left;
	margin: 0px;
	padding: 10px 0px 10px 58px;
}

#community_text {
	float: left;
	/*width: 668px;*/
	margin: 0px;
	padding: 0px;
}

#community_text p{
	padding: 12px 20px 0px 20px;
}

#community_slideshow {
	float: right;
	width: 260px;
	margin: 0px;
	padding: 12px 20px 0px 20px;
}

.floorplans_heading {
	padding: 0px 32px;
}

.prev_next {
	padding: 0px 0px 4px 54px;
}

.main_img {
	float: left;
	margin: 0px;
	padding: 0px;
}

.floorplan_img {
	float: right;
	margin: 0px;
	padding: 2px;
}

.options {
	float: right;
	width: 285px;
	margin: 0px;
	padding: 10px 0px 15px 4px;
	text-align: center;
	font-size: 12px;
}

#results .left {
	float: left;
	padding: 12px 0px 0px 20px;
}

#results .right {
	float: right;
	padding: 8px 20px 2px 0px;
}

.areainfo_rollover {
	float: right;
	width: 198px;
	margin-right: 10px;
	padding: 4px;
	background-color: #F9F7E0;
	border: 1px solid #000000;
}


/**************************************************************************************************
// ADMIN
**************************************************************************************************/
#content p.logout {
	width: 432px;
	padding: 44px 20px 16px 0px;
	text-align: right;
}

a.admin_table {
	text-decoration: none;
	color: #000000;
}

/**************************************************************************************************
// VALIDATION MESSAGES
**************************************************************************************************/
#content p.info_msg {
	padding: 84px 8px;
	font-weight: bold;
	text-align: center;
}

p.err_msg, span.err_msg {
	margin: 0px;
	padding: 0px;
	color: #AA0000;
}

#inf_user, #inf_pass, #inf_first_name, #inf_last_name, #inf_directory, #inf_cname, #inf_pname, #inf_slab_price, #inf_basement_price, #inf_cp_slab_price, #inf_cp_basement_price {
	color: #AA0000;
}

/**************************************************************************************************
// FOOTER
**************************************************************************************************/
#ftr {
	height: 106px;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	font-size: 10px;
}

#ftr .sales {
	float: left;
	width: 112px;
	padding: 8px 0px 0px 36px;
}

#ftr .text {
	float: right;
	width: 390px;
	padding: 70px 0px 0px 300px;
}

.clear {
	clear: both;
}

/* map*/
#map {
	float: left;
	/*width: 668px;*/
	margin: 0px;
	padding: 0px;
}

#map p.body {
	font-size:small;
}