<?php header ("Content-type: text/css");?> 
* {
	margin: 0px;
	padding: 0px;
}


img{
border:none;
}

body {
	background-image: url('../images/house.jpg');
}
/*line-height:110%;*/
#quilt {
padding-top:5px;
padding-right:10px;
}
#content{
width:942px;
margin: 20px auto;
}
#header {
width:952px;
height:146px;
}

#menu{
width:935px;
position:relative;
z-index:2;
}

#menu a img{  
border-style: none;
}

.shadow{
background-image:url('right.png');
background-repeat:repeat-y;
background-position: top right;
width:950px;
z-index:1;
}

.box{
width:922px;
background: #ffffff;
margin-top:0px;
margin-left:5px;
padding-bottom: 7px;
position:relative;
z-index:0;
}

#box2{
border-left: 2px solid #96627c;
border-right: 2px solid #96627c;
border-bottom: 2px solid #96627c;
width: 894px;
min-height:100px;
margin-top:-31px;
margin-left:7px;
background-color:#f2edde;
padding-left:10px;
}
h2{
margin-top:20px;
}

#content_footer{
background-image: url('../images/content_footer.png');
height:20px;width:432px;
position:relative;
top:-10px;
left:234px;
}

#footer{
width:942px;
text-align:center;
height:20px;
font-family:Ariel;
font-size:14px;
margin-top:-5px;
}

#footer a{
text-decoration:none;
color:#214330;
margin-left:25px;
}

a:hover {
	text-decoration:none;
}

a {
	text-decoration:none;
}

#interface1 {
	z-index:1;
}

#loader_container {
    text-align:center;
    position:absolute;
    top:40%;
    width:100%}

#loader {
	font-family:Tahoma, Helvetica, sans;
	font-size:10px;
	color:#000000;
	background-color:#FFFFFF;
	padding:10px 0 16px 0;
	margin:0 auto;
	display:block;
	width:135px;
	border:1px solid #6A6A6A;
	text-align:left;
	z-index:255;
}

#progress {
	height:5px;
	font-size:1px;
	width:1px;
	position:relative;
	top:1px;
	left:10px;
	background-color:#9D9D94
}

#loader_bg {
	background-color:#EBEBE4;
	position:relative;
	top:8px;left:8px;height:7px;
	width:113px;font-size:1px
}

.border_preview{
	z-index:100;
	position:absolute; 
	background: #C5D49B;
	border: 0px solid #444;
}

.preview_temp_load {
	vertical-align:middle;
	text-align:center;
	padding: 10px;
}
.preview_temp_load img{	
	vertical-align:middle;
	text-align:center;
}


/*HOVER POPUP LINKS*/

/*hoverpopups type 1*/

#popup { color: #000; background-color: #c0c0c0; }

#popup a, #popup a:visited {
	position: relative;
	display: block;
	line-height: 30px;
	text-align: right;
	padding: 0 10px;
	margin: 0;
	border: 1px solid #666;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
}

#popup a span {
	display: none;
}

#popup a:hover { 
	background-color: #e9e9e2; 
}

/* the IE correction rule */
#popup a:hover	{
	color: #f00; 
	background-color: #e9e9e2;
	text-indent: 0; /* added the default value */
}

#popup a:hover span {
	display: block;
	position: absolute;
	top: 0px;
	left: 170px;
	width: 320px;
	margin: 0px;
	padding: 10px;
	color: #335500;
	font-weight: normal;
	background: #e5e5e5;
	text-align: left;
	border: 1px solid #666;
}


/*THUMBNAIL HOVERPOPUPS*/

.thumbnail  {
	position: relative;
	float: left;
	padding: 5px;
	/*z-index: 0;*/
}

.thumbnail:hover {
	background-color: #e9e9e2;
	/*z-index: 50;*/
	color: #335500;
	text-decoration: none;
}

.thumbnail span { /*CSS for enlarged image*/
	position: absolute;
	background-image: url('../images/house.jpg');
	padding: 5px;
	/*left: -1000px;*/
	border: 1px solid #666;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img { /*CSS for enlarged image*/
	border-width: 0px; 
	/*padding: 2px;*/
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
	visibility: visible; 
	
	position: fixed;
	z-index: 1;
	top: 30px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
	left: 400px;/*position where enlarged image should offset horizontally */
}