body {
	color: #FFFFFF;
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0;
	font-size: 0.6em;
	background: #fff306 url('../images/bg/gradient1.jpg') repeat-x;
	background-position: fixed;
	background-attachment: fixed;
	SCROLLBAR-FACE-COLOR: #000000; 
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
	SCROLLBAR-SHADOW-COLOR: #ff3333; 
	SCROLLBAR-3DLIGHT-COLOR: #ff3300; 
	SCROLLBAR-ARROW-COLOR: #blue; 
	SCROLLBAR-DARKSHADOW-COLOR: #663399;

}

a:link {color: #FFFFFF;}
a:visited {color: #FFFF00;}
a:hover {color: #CCCCCC;}
a:active {color: #FFFFFF;}

a.nav:link {color: black; }
a.nav:visited {color: black; }
a.nav:hover {color: grey; text-decoration: none; }
a.nav:active {color: black; }

h1{color: #fff;	font-size: 47px; font-weight: bolder; margin: 0 40px; padding: 0.08em 0;}

h1 sup{color: #ddd;}

h1 a{color: #fff;text-decoration: none;}

h1 .company, h1 a .company
{
	color: #d01a71;
}

h2
{
	color: #ddd;
	font-size: 2.5em;
}

h3
{
	color: #fff;
	font-size: 1.5em;
}

h4
{
	font-size: 1.3em;
}

.content
{
	margin: 0 20px;
}

.content a
{
	color: #ffffff;
}


.content p.linkage
{
	margin-top: 2em;
	text-align: right;
	font-size: 1.7em;
	color: #ddd;
}

.main {background: url(../images/grad.jpg) repeat-x;}

.front {font-size: 1.3em; font-weight: bolder; background-image:url(../images/ornate-corner-design.png); background-repeat:no-repeat; background-color:#2B196B; background-position: top left;}

.style2 {font-size: 1.3em; font-weight: bolder; color: #2B196B;}
.style2white {font-size: 1.3em; font-weight: bolder; color: #ffffff;}
.style2yellow {font-size: 1.3em; font-weight: bolder; color: yellow;}
.style2yellow2 {font-size: 1.5em; font-weight: bolder; color: yellow;}
.style2whitenotbold {font-size: 1.3em; color: #ffffff;}
.style3 {
	font-size: 1.1em;
	color: #ffffff;
	text-align: center;
}
.style3bold {font-size: 1.1em; color: #ffffff; font-weight: bolder}

.style4 {font-size: 1.8em; font-weight: bolder; color: #000000}
.style5 {
	font-size: 1.3em;
	color: #000000;
	text-align: center;
}
.text {font-size: 1.1em; color: #ffffff}
.htop3 {font-size: 1.1em; color: #ffffff}

.nice {
  font-size: 1.3em; 
  font-weight: bolder;
  padding-left: 50px;
  padding-right: 50px;
  background: #2B196B no-repeat 50% 50%;
}

.nice:before, .nice:after {
  display: block;
  height: 41px;
  margin-left: -50px;
  margin-right: -50px;
  font-size: 0;
}

.nice:before {
  content: url(../images/ornate-corner-design.png);
  background: url() no-repeat 100% 0;
}

.nice:after {
  content: url(../images/ornate-corner-design2.png); 
  z-index: 99;
    float:right; 
  position: relative;
  bottom: 340px;
}

 .floatright{
float: right;
margin: 0 0 10px 10px;
border: 1px solid #666;
padding: 2px;
}
.style2 form .style3bold {
	text-align: center;
}


.container { 
  position: relative;    
  width: 300px;
  heigh: 200px;
  left:0; 
  top: 0;
   border-style: double;
    padding: 16px;
    background-color: #8668a6;
	margin-right: 30px;
	margin-left: 30px;
} 
.overlay { 
  position: absolute;    
left:0; 
  top: 0;
  z-index: 999; 
   width: 360;
   height: 260;
   padding: 16px;
  
} 

.new {content: url(../images/new.jpg);} 
.offer {content: url(../images/offer.jpg);}
.sold {content: url(../images/new.jpg);}
.let {content: url(../images/sold.jpg);}
.reduced {content: url(../images/let.jpg);}
.available {content: url(../images/reduced.jpg);}


.footer {background: #8668a6}
.header {background: #8668a6}