ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset {
margin: 0;
padding: 0;
border: 0;
font-family: Tahoma, Geneva, sans-serif;
line-height: 1.4em;
color: #000000;
}
img
{
border: 0;	
}

body {
font: 100% Tahoma, Geneva, sans-serif;
margin: 0; 
padding: 0;	 
background-color: #edf6fc;	
color: #000000;
}

#wrapper
{
margin: 15px auto 15px auto; /*this will create the top margin before your design starts and center the div */
width: 867px;
background-color: #edf6fc; /*this is your pale blue color */
background-image: url(../images/background.jpg);
background-repeat: no-repeat;
text-align: center; /*you'll need this for IE to center the design*/
}

#innerwrapper
{
width: 719px;
background-color: #fff;	
margin:  0px auto 0px auto;/*this will create the top margin before your design starts and center the div */
text-align: left;
border: 1px solid #000;
}
#header
{
height: 8.7em;	
background-image: url(../images/header.jpg); 
background-position:bottom;
}

#logo
{
margin-top: 1px; 
width: 142px; 
float: left; 
margin-left: 5px;
}

#agent
{
margin: 3px; 
width: 500px; 
float: right;
clear: none;
text-align: right;
}

#agent h1
{
font-size: 1.7em;
}
#agent h2
{
font-size: .7em;
}

#agent img
{
margin-left:5px;
float: right;
}

#breadcrumb h4
{
margin-left:10px;
padding:5px;
font-size: .7em;
}

#topmenu
{
background-color: #3635D8; /*just for demo purpose */
height: 22px;  
background-image: url(../images/slice.jpg); 
background-repeat: repeat-x;	
}

#topmenu .sa
{
float:right;
margin-right: 25px; 
font-weight: bold; 
color: #fff; 
font-size: .8em; 
}

#topmenu ul
{
text-align: left; 
padding: 2px;
margin-left: 5px;
display:inline;
}

#topmenu li
{
display: inline; 
margin-right: 5px; 
font-weight: bold; 
color: #fff; 
font-size: .7em; 
padding-right: 5px;
border-right: 1px solid #333;
}

#topmenu a
{
/*set the anchors to what works for you */
text-decoration: none;
color: #fff;
}
#topmenu a:hover
{
color: #ff;
text-decoration: underline;
}

#contentwrapper
{
background-image:url(../images/fence.jpg);
background-repeat: no-repeat;
background-position: bottom right;
padding: 0px;
}


#maincontent h1
{
font-size: 1em;
margin: 0px 15px 15px 0px;/*your top margin should be set to 0 so it doesn't pull down your bg image */
line-height: 0;
padding-top: 15px; /*this will give you padding to start the agents name */
}

#maincontent p
{
margin: 0px 15px 0px 0px;/*your top margin should be set to 0 so it doesn't pull down your bg image */
}

#footer
{
clear: both; 
width: 719px;
background-image: url(../images/sand.jpg);
margin-bottom:0;
background-repeat: no-repeat;
background-position: bottom;
text-align:center;
}

#footer p
{
font-size: .75em; 
color: #fff; 
letter-spacing: 1px;
line-height: 1.5em;
}

#footer a
{
color: #fff;
border: 0px;
text-decoration: underline;

}

#footer a:hover
{
color: #f4a83a;
border: 0px;
text-decoration: underline;
}

#formStyle 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
line-height: 1.2em; 
color: #444; 
width: 700px; 
font-size: .8em;
margin-top: 10px;
margin-bottom: 20px;
margin-left: 10px;
background-color: transparent;

padding: 4px;

} 

.required
{
color:#b32317;	

}

#formStyle fieldset 
{ 
background-color: transparent;
border: 1px solid #ccc;
padding: 2px;
background-repeat:repeat-x;
}
#formStyle legend 
{ 
background-color: transparent;
padding-top: 2px; 
padding-bottom: 2px; 
padding-left: 5px; 
padding-right: 5px; 
margin-left: 10px; 
font-weight: bold; 
font-size: 1.1em;
color: #333;
} 
#formStyle p 
{ 
margin-bottom: 4px; 
margin-top: 4px;
} 
#formStyle p input 
{ 
background: #fff; border: 1px solid #ccc;

} 
#formStyle label 
{ 
display: block; 
width: 300px; 
float: left; 
text-align: right; 
padding-right: 5px;
padding-bottom: 3px;
padding-top: 0px; 
} 
#formStyle label em 
{ 
color: #CC0000;
font-weight: bold;
} 
#formStyle  p span input 
{ 
vertical-align: middle; 
border: none; 
background: none;
} 
#formStyle strong 
{ 
margin-left: 154px;
} 
#formStyle strong input 
{ 
background: #333;	
border: 1px solid #ccc;
font-weight: bold; 
color: #ffffff; 
margin-top: 5px;
margin-bottom: 0px;
padding: 2px;
margin-left: 190px;
}
#formStyle .reminder 
{
margin-left: 175px;
margin-top: -10px;
}

#propattributes
{
margin-left:15px;
}
#propattributes ul
{
list-style:square;
margin-left:20px;
}
#bmessage {color: #b32317; font-weight: bold;font-size:13px;margin-left:15px;}
#gmessage {font-color: green; font-weight: bold;font-size:13px;margin-left:15px;}
.errorMessages {font-weight:bold;font-size:13px;margin-left:15px;color: #b32317;}
div#toplinks {text-align:right; width:720px; margin: 25px auto 0px auto;color:#ffffff;font-size:smaller;}
div#listingDetail {border-bottom: 1px dotted #CCC;border-top: 1px dotted #CCC;font-size:14px; height:450px;}
.listing {border-bottom: 1px dotted #CCC;font-size:14px; display:block; width:100%; height:200px; margin-left:1px;}
