/* Page Layout & Design Elements */

body {
margin: 0;
padding: 0;
text-align: center;
color: #404040;
background: #C2C2C2;
background: url(http://www.birmingham-real-estate-pros.com/redgraphics/redback.jpg) repeat-x top left #EEF5FB;

}

/* CONTAINER STYLES */

#container {
position: relative;
margin: 0px auto;
padding: 0px 0px 0px 0px;
width: 842px;
text-align: left;
font-family: ARIAL, Helvetica, Verdana, Arial, sans-serif;
font-size: 11px;
background: #FFFFFF;
}


#wrapper {
margin: 0px;
padding: 0px;
width: 840px;
background: white;
border-right: 1px solid white;
border-left: 1px solid white;
}

.clearfloat {
clear: both;
height: 0;
line-height: 0px;
font-size: 1px;
}


#banner {
height: 75px;
background: #000032;
margin: 0;
padding: 0;
border-bottom: 3px solid #D5EBFD;
border-right: 1px solid white;
border-left: 1px solid white;
background: url(http://www.birmingham-real-estate-pros.com/redgraphics/bannerback.jpg) no-repeat top left #000032;

}

#banner h1 {
font-variant: small-caps;
letter-spacing: 2px;
float: left;
font-size: 12px;
font-weight: bold;
margin: 34px 0px 0px 25px;
padding: 6px 0 0 5px;
color: #a30101;
}

/* BRANDING STYLES */

#branding {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:840px;
height: 60px;
font-family: ARIAL;
font-size: 11px;
color: #FFFFFF;
background: #000032;
border-right: 1px solid white;
border-left: 1px solid white;

}

#branding h1 {
font-size: 14px;
font-weight: bold;
color: #fef2fd;
margin: 0px 0px 0px 0px;
padding: 5px 0 0 5px;
}

/* NAVIGATION STYLES */

#nav {
float: right;
margin: 53px 3px 0px 0px;
padding: 0px 0px 0px 0px;
height: 21px;
font-family: ARIAL;
font-size: 11px;
}

#nav h2.floater {
float: left;
font-size: 11px;
color: white;
margin-right: 5px;
margin-top: 5px;
}

#nav p.pfloater {
float: left;
font-size: 11px;
color: white;
margin-right: 5px;
margin-top: 5px;
}


#nav ul { /* all lists */
	list-style: none;
	margin: 0px 0px 0px 5px;
	padding: 2px 0px 0px 0px;
	}

#nav li {
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #FFFFFF;
font-weight: bold;
}

#nav a.nav1 {
float: left;
text-align: center;
text-decoration: none;
height: 21px;
line-height: 21px;
margin: 0px 0px 0px 1px;
padding: 0px 8px 0px 8px;
color: #060146;
background: #D5EBFD;
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
}

#nav a.nav1:hover {
text-decoration: none;
line-height: 21px;
margin: 0px 0px 0px 1px;
padding: 0px 8px 0px 8px;
color: #ba1c10;
background: #D5EBFD;
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
}

/* Search Top */

#searchtop {
position: absolute;
top: 75px;
height: 258px;
width: 840px;
margin: 3px 0px 3px 0px;
padding: 0px 0px 0px 0px;
background: url(http://www.birmingham-real-estate-pros.com/redgraphics/brep-sfback.jpg) no-repeat top left;
border-right: 1px solid white;
border-left: 1px solid white;

}

/* Main Content */
#maincontent {
position: absolute;
top: 336px;
width: 840px;
margin: 0px 0px 0px 0px;
padding: 3px 0px 0px 0px;
border-top: 2px solid #000032;
background: white;
border-right: 1px solid white;
border-left: 1px solid white;

}

/* Side Navigation */

#sidemenu {
float: right;
line-height: 150%;
width: 200px;
margin: 0px 1px 0px 2px;
padding: 0px;
}

#sidemenu h3.redsmenu {
color: white;
background-color: #990100;
font-size: 11px;
margin: 0px 0px 2px 0px;
padding: 4px 0 4px 35px;
text-align: left;
}

#sidemenu img.redimg {
border: none;
}

.bugjuice {
margin: 0px 0px 3px 0px;
padding: 0px 0px 2px 0px;
width: 198px;
border: 1px solid black;
}

.redslink {
margin: 1px;
}

.slinks {
clear: left;
margin: 3px 0px 3px 0px;
width: 198px;
border: 1px solid black;
}

#sidemenu h3 {
color: #D5EBFD;
background-color: #000032;
font-size: 11px;
margin: 0px 0 0 0;
padding: 4px 0 4px 35px;
text-align: left;
}

#sidemenu p {
text-align: center;
margin: 0;
padding-left: 5px;
}

#sidemenu p.orangead {
background-color: #CCCCCC;
color: #FFFFFF;
width: 130px;
}

#sidemenu ol {
margin-top: 2px;
margin-bottom: 1px;
}

#sidemenu ol li {
list-style: none;
line-height: 250%;
}

#sidemenu li {
margin-left: -35px;
}

#sidemenu img.simg {
margin: 0px 0px 3px 0px;
border: 0px;
}

#sidemenu ol li a.sides
{
  text-decoration: none;
  color: #000032; /* white */
  display: block;
  background-color: #e4e4e4;
  padding: 0 0 0 5px;
  margin: 0 0 0 -5px;
  border-bottom: 1px solid #FFFFFF;
}

#sidemenu ol li a:hover.sides
{
  text-decoration: underline;
  color: #000032; /* white */
  display: block;
  background-color: #D5EBFD;
  padding: 0 0 0 5px;
  margin: 0 0 0 -5px;
  text-decoration: none;
}


#sidemenu a.foreclosure {
display: block;
text-decoration: none;
line-height: 105px;
color: white;
height: 105px;
width: 200px;
background: url(http://www.birmingham-real-estate-pros.com/redgraphics/foreclosuresm.jpg) no-repeat top left;
font-size: 16px;
padding: 0px 0px 0px 8px;
margin: 0px 0px 3px 0px;
}

#sidemenu a.market11 {
display: block;
text-decoration: none;
line-height: 107px;
color: blue;
height: 107px;
width: 200px;
background: url(http://www.birmingham-real-estate-pros.com/redgraphics/marketcondsm.jpg) no-repeat top left;
font-size: 13px;
padding: 0px 0px 0px 90px;
margin: 0px 0px 2px 0px;
}

/* RT Content Styles */


#content {
float: left;
margin: 0px;
padding: 0px;
width: 636px;
line-height: 150%;
padding-bottom: 50px;
}

#content table {
margin-left: 0px;
}

#content h2.mongo {
font-size: 18px;
color: RED;
margin-left: 90px;
}

#content ul.ulart {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px;
}

#content ol {
list-style: none;
margin: 0px;
padding: 0px;
}

#content li.tboxli {
line-height: 15px;
padding-bottom: 10px;
}

.subcontent1 {
width: 620px;
border: 1px solid #000032;
margin: 0px 1px 1px 3px;
padding: 5px;
}

.subcontent2 {
float: left;
width: 400px;
border: 1px solid #000032;
margin: 1px 1px 3px 3px;
padding: 5px 5px 10px 5px;
background: url(http://www.birmingham-real-estate-pros.com/redgraphics/floatback.jpg) repeat-x top left;

}

.subcontent3 {
float: right;
width: 205px;
border: 1px solid #000032;
margin: 1px 1px 2px 2px;
padding: 5px;
background: url(http://www.birmingham-real-estate-pros.com/redgraphics/floatback.jpg) repeat-x top left;
}

.subc3 {
float: right;
}

.linerp {
border-bottom: 1px dashed gray;
padding: 1px 0px 13px 0px;
}

.subp {
margin: 0px;
padding: 0px;
font-size: 10px;
}
.subp1 {
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 9px;
text-align: center;
}

.subcontent4 {
clear: both;
width: 620px;
border: 1px solid #000032;
margin: 1px 1px 1px 3px;
padding: 5px;
background: url(http://www.birmingham-real-estate-pros.com/redgraphics/floatback.jpg) repeat-x top left;
}

#content  .ltblue {
color: #D5EBFD;
font-size: 12px;
line-height: 20px;
}
/* RT Content Headers */


#content h1 {
color: #BA8E21;
font-size: 18px;
padding: 0 0 4px 0;
margin: 0;
}

#content h2 {
color: #000032;
font-size: 14px;
margin-top: 0px;
}

#content h2.h2sc {
margin: 0px 0px 8px 0px;
padding: 0px;
font-size: 12px;
}

#content h2.smaller {
font-size: 14px;
}

#content h3 {
margin-top: 0px;
padding-top: 2px;
margin-bottom: 2px;
font-size: 12px;
}

#content h3.smalleryet {
color: #1E2944;
font-size: 12px;
margin-top: 0px;
padding-top: 1px;
margin-bottom: 15px;
}

#content h4 {
color: #000032;
font-size: 11px;
}


/* RT Content p classes */

#content .directions {
margin-top: 0px;
padding-top: 1px;
}

#content .topper {
margin-top: 4px;
padding-top: 4px;
}

#content p.shrinkfit {
padding: 0;
margin: 5px 0 5px 5px;
}

#content p.paging {
margin-top: 15px;
padding-top: 15px;
}

#content p.sendp {
height: 20px;
}

#content p.tallspace {
height: 450px;
}

#content p.line {
margin-left: 70px;
margin-top: 10px;
margin-bottom: 10px;
padding: 10px 0px;
}

#content p.link2 {
text-align: right;
font-weight: bold;
color: #E49801;
margin: -10px 5px 20px 0px;
background: none;
}

#ifloater {
background: url(http://www.birmingham-real-estate-pros.com/redgraphics/floatback.jpg) repeat-x top left;
float: left;
width: 196px;
height: 320px;
margin: 5px 1px 5px 3px;
padding: 5px;
border: 1px solid black;
}

.floatimg1 {
margin: 5px 0px 5px 10px;
}

.floatimg2 {
margin: 10px 1px 0px 45px;
}
.floatimg3 {
float: left;
margin: 1px 1px 0px 55px;
}


#cityimage {
float: right;
padding: 0px 0px 4px 4px;
margin: 4px 0px 4px 4px;
}

#cityimagelt {
float: left;
padding: 0px 0px 4px 4px;
margin: 4px 0px 4px 4px;
}


/* CONTACT FORMS */

.contactform {
width: 440px;
margin-bottom: 20px;
padding: 30px 0px 10px 75px;
}

p.formp {
width: 420px;
padding-left: 10px;
}

#content fieldset {
clear: left;
width: 420px;
margin: 0 0 10px 0;
padding: 0 0 10px 5px;
border-bottom: 1 px dashed #CCCCCC;
}

legend {
margin-left: 1em;
color: #000000;
font-weight: bold;
font-size: 13px;
padding: 0;
}

fieldset ol {
padding: 1em 1em 0 1em;
list-style: none;
}

fieldset li {
float: left;
width: 100%;
padding-bottom: 1em;
}

#content fieldset.submit {
float: none;
width: auto;
background-color: transparent;
border-style: none;
padding-left: 140px;
}

label {
float: left;
font-weight: bold;
width: 10em;
margin-right: 1em;
text-align: right:
}

label.textarea {
display: block;
width: 100%;
padding-bottom: 10px;
}

/* Listings */

#content .listings {
position: relative;
margin-left: 10px;
margin-top: 20px;
padding-bottom: 10px;
border-bottom: 1px #CCCCCC dashed;
text-align: left;
width: 560px;
}

.belowpaging {
margin-top: 25px;
padding-top: 25px;
}

#content h3.listinghead {
float: left;
margin-right: 10px;
margin-left: 0px;
font-size: 13px;
margin-bottom: 15px;
}

#content h3.listingheadtwo {
float: right;
padding-right: 5px;
margin-bottom: 10px;
text-align: right;
font-size: 13px;
}


#listimage {
clear: left;
position: relative;
margin: 0;
padding: 0;
width: 150px;
}

#lifeatured {
clear: left;
position: relative;
margin: 0;
padding: 0;
width: 250px;
}

#listimage p {
text-align: center;
margin: 2px;
padding: 2px;
}

#listdetails {
float: right;
width: 400px;
}

#ldfeatured {
float: right;
width: 300px;
}

#listover {
position: absolute; 
top: 0; 
left: 0; 
height: 112px; 
width: 150px; 
background: url(http://www.birmingham-real-estate-pros.com/new/new.png) no-repeat top left;
}

#listpic {
clear: both;
width: 560;
margin: 0;
padding: 0;
}

a.sub {
margin: 2px 0px 0px 0px;
display: block;
line-height: 15px;
color: #000032;
text-decoration: none;
}

a.sub:hover {
margin: 2px 0px 0px 0px;
color: red;
text-decoration: underline;
}


/* Footer Styles */


#footer {
position: relative;
background: #000032;
color: #D5EBFD;
clear: both;
margin: 10px 0px 0px 0px;
padding: 0px;
width: 840px;
text-align: center;
border-top: 2px solid #000032;
border-bottom: 4px solid Black;
}

#footer h2 {
font-size: 12px;
margin: 0px;
padding: 5px 0px 4px 0px;
}

#footer p {
font-style: italic;
margin: 0px 0px 2px 0px;
padding: 0px 0px 0px 0px;
}

#footer a.flink {
color: #7E7A6E;
text-decoration: none;
}

#footer a.flink:hover {
text-decoration: underline;
}