@charset "utf-8";
/* CSS Document */

html, body {
	margin:0 auto;
	background-image: url(../images/BG.jpg);
	background-repeat:repeat-x;
}

/*WRAPS*/
#container {
	width:900px;
	margin:0 auto;
}
#header {
	width:900px;
	height:120px;
}
#logo {
	float:left;
	width:211px;
	height:144px;
	background-image:url(../images/victoria_01.jpg);
}
#aboutusdivs {
	width:380px;
	text-align:left;
	float:left;
	border: thin dotted #333;
	padding: 10px;
	min-height:340px;
}

#banner {
	width:900px;
	height:288px;
	background-image: url(../images/victoria_06.jpg);
}
#menu {
	width:898px;
	background-color:#EFEFEF; 
	float:left;
	padding:1px;
}
#maincontent {
	width:873px;
	min-height:200px;
	background-color:#FDFDFD;
	padding: 13px;
	border-right: thin solid #DDD;
	border-left: thin solid #DDD;
	overflow:hidden;
}
#footer {
	background-color:#333333;
	width:100%;
	height:20px;
}
#signature {
	width:900px;
	text-align:left;
}
.clearfloats {
	clear:both;
}

/*MENU*/
ul#topnav {
	margin: 0px 0px 0px 0px; 
	padding: 0;
	width: 900px;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	z-index:10;
}
ul#topnav li {
	float:left;
	margin: 0px 2px 0px 0px; padding: 0;
	height:32px;
	width:132px;
	background-image: url(../images/navmenu_bg.png);
}
ul#topnav li a {
	padding: 6px 0px;
	text-align:center;
	display: block;
	color: #006699;
	font-size: 14px;
	font-family:"Trebuchet MS", Arial, Verdana;
	font-weight:bold;
	text-decoration: none;
}
ul#topnav li a:hover {
	color:#00ABFD;
}
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

ul#topnav li span {
	float: left;
	padding: 5px 0;
	position: absolute;
	top:29px;
	display: none; /*--Hide by default--*/
	background: #79068a;
	color: #fff;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	text-transform:capitalize;
}
ul#topnav li span a {
		background-position:left center;
		background-repeat:no-repeat;
		font-size:12px;
}
ul#topnav li:hover span { 
	display: block;
} /*--Show subnav on hover--*/
/*ul#topnavmenu li span a { display: inline; }*/ /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {
	text-decoration: underline;
	background-color:#A03FA3;
}

/*ALL OTHER STYLES*/

a.button{
	background: url(../img/button.gif);
	display:block;
	color:#555555;
	height:30px;
	line-height:29px;
	margin-bottom:14px;
	text-decoration:none;
	width:191px;
}
a:hover.button{
	color:#0066CC;
}
#listingframe {
	float:left;
	width:260px;
	height:220px;
	margin:3px;
	text-align:center;
	background-image:url(../images/listing-bg.png);
	background-repeat:no-repeat;
	overflow:hidden;
}
#listingframe span {
    font-size:12px;
    font-weight:normal;
}
.photoframe {
	float:left;
	width:260px;
	height:158px;
	overflow:hidden;
	margin-top:7px;
   margin-bottom:3px;
}
.address {
   padding:10px;
   width:230px;
}

.home{
	background: url(../img/home.gif) no-repeat 10px 8px;
	text-indent:30px;
	display:block;
}
.archive{
	background: url(../img/archive.gif) no-repeat 10px 8px;
	text-indent:30px;
	display:block;
}
.sold {
 	display:inline;
    float:left;
    height:1px;
    position:relative;
    top:2px;
	left:138px;
	width:1px;
	margin:0px 0px 0px 0px;
    z-index:15;
}

.listing {
	cursor:pointer;
	text-decoration:none;
}
/* Button */
a.button{
background: url(../img/button.gif);
display:block;
color:#555555;
font-weight:bold;
height:30px;
line-height:29px;
margin-bottom:14px;
text-decoration:none;
width:191px;
}
a:hover.button{
color:#0066CC;
}
/* -------------------- */
/* CLASSES */
/* -------------------- */
.add{
background: url(../img/add.gif)) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.delete{
background:url(../img/delete.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.user{
background:url(../img/user.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.lens{
background: url(../img/lens.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.home{
background: url(../img/home.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.archive{
background: url(../img/archive.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.viewlisting{
background: url(../img/viewlisting.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.phone{
background: url(../img/phone.png) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.fax{
background: url(../img/fax.png) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.email{
background: url(../img/email.png) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
/* LINKS */
a:link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color:#555555;
	font-weight:bold;
}
a:hover{
color:#0066CC;
}


.main_image {
float:left;
margin:0 15px 10px 0;

}
.address {
float:right;
width:180px;
text-align:right;
}
.price {
float:right;
width:2018
text-align:right;
}
.description {
clear:right;
padding-top:10px;
padding-left:3px;
}