/* CSS Document
© CreaCom Design */

* {	margin: 0;
	padding: 0; }

html{		
margin: 0px;
padding: 0px;}

body {
	margin: 0; border: 0;
	background: #6c6d73 url('images/background.gif') repeat-x;
	padding: 0;}
	
#container {
	width: 800px;
	height: auto;
	margin: 106px auto 0 auto;
}

#whitebox {
width: 755px;
height: 554px;
background: url('images/home-white-box.gif') no-repeat;
padding: 0;
border: 0;
margin: 0 0 0 26px;
float: left;
position: absolute;
z-index: 1
}

#whitebox2 {
width: 755px;
height: 554px;
background: url('images/home-white-box.gif') top right no-repeat;
padding: 0;
border: 0;
margin: 0 0 0 26px;
float: left;
position: absolute;
z-index: 1
}

#whitebox3 {
width: 755px;
height: 554px;
padding: 0;
border: 0;
margin: 0 0 0 26px;
float: left;
position: absolute;
z-index: 1
}

#topsales {
width: 755px;
height: 15px;
background: url('images/top-white-box.gif') top right no-repeat;
padding: 0;
border: 0;
margin: 0;
float: left;
}

#middlesales {
width: 755px;
height: auto;
background: url('images/mid-white-box.gif') top right repeat-y;
padding: 0;
border: 0;
margin: 0;
float: left;
}

#botmsales {
width: 755px;
height: 15px;
background: url('images/botm-white-box.gif') top right no-repeat;
padding: 0;
border: 0;
margin: 0;
float: left;
}

#homeimage {
width: 421px;
height: 554px;
background: url('images/quiltline-image-home.jpg') no-repeat;
padding: 0;
border: 0;
margin: 0;
float: left;
position: absolute;
z-index: 2
}

#logohome {
width: 202px;
height: 78px;
padding: 0;
border: 0;
margin: 76px 61px 0 0;
float: right;
}

#menubox {
width: 185px;
height: 288px;
padding: 0;
border: 0;
margin: 232px 0 0 566px;
position: absolute;
z-index: 2
}

#topabout {
width: 755px;
height: auto;
margin: 14px auto 0 auto;
float: left;
}

#topabout2 {
width: 755px;
height: auto;
margin: 10px auto 0 auto;
float: left;
}

#topabout3 {
width: 755px;
height: auto;
margin: 14px auto 0 auto;
float: left;
}

#menubox2 {
width: 189px;
height: 288px;
padding: 0;
border: 0;
margin: 0;
text-align: right;
float: left;
}

#menubox3 {
width: 185px;
height: auto;
padding: 0;
border: 0;
margin: 0 0 0 4px;
float: left;
}

#abouttext1 {
	width: 285px;
	height: 234px;
	padding: 0;
	border: 0;
	margin: 0 0 0 32px;
	float: left;
}

#contacttext1 {
	width: 540px;
	height: 234px;
	padding: 0;
	border: 0;
	margin: 0 0 0 0px;
	float: right;
}

#forsalebox {
	width: 550px;
	height: auto;
	padding: 0;
	border: 0;
	margin: 0;
	float: left;
}

#forsalezone {
	width: 526px;
	height: auto;
	padding: 0;
	border: 0;
	margin: 0 0 0 25px;
	float: left;
}

#forsalerow {
	width: 526px;
	height: 170px;
	padding: 0;
	border: 0;
	margin: 0 0 10px 0;
	float: left;
}

#forsalesquare {
	width: 170px;
	height: 170px;
	padding: 0;
	border: 1px solid #7688a1;
	margin: 0 4px 0 0;
	float: left;
}

#forsalesquare2 {
	width: 170px;
	height: 170px;
	padding: 0;
	border: 1px solid #7688a1;
	margin: 0;
	float: left;
}

#titles {
width: 260px;
height: 50px;
padding: 0;
border: 0;
margin: 0;
}

#bloctext1 {
width: 285px;
height: auto;
padding: 0;
border: 0;
margin: 20px 0 0 0; 
text-align: justify;
color : #000000;
font : 11px Arial, Helvetica, sans-serif;
}

#paulineimg {
width: 222px;
height: 288px;
padding: 0;
border: 0;
margin: 0;
float: right;
}

#paulineimg2 {
width: 222px;
height: auto;
padding: 0;
border: 0;
margin: 0;
float: right;
}

#abouttext2 {
width: 745px;
height: 182px;
padding: 0;
border: 0;
margin: 313px 0 0 8px;
position: absolute;
}

#imagabout1 {
width: 146px;
height: 182px;
padding: 0;
border: 0;
margin: 0;
text-align: right;
float: left;
}

#bloctext2 {
width: 180px;
height: 182px;
padding: 0;
border: 0; 
text-align: justify;
color : #000000;
font : 11px Arial, Helvetica, sans-serif;
margin: 0 0 0 10px;
float: left;
}

#bloctext3 {
width: 275px;
height: auto;
padding: 0;
border: 0; 
text-align: justify;
color : #000000;
font : 11px Arial, Helvetica, sans-serif;
margin: 0 0 0 19px;
float: left;
}

#contactbox {
width: 460px;
height: auto;
padding: 0;
border: 0; 
text-align: left;
color : #000000;
font : 11px Arial, Helvetica, sans-serif;
margin: 20px 0 0 20px;
float: left;
}

#thanxbox {
width: 260px;
height: auto;
padding: 0;
border: 0; 
text-align: center;
color : #000000;
font : 13px Arial, Helvetica, sans-serif;
margin: 55px 0 0 0;
}

#imagabout2 {
width: 140px;
height: 182px;
padding: 0;
border: 0;
margin: 0 0 0 20px;
float: left;
}

#imagabout3 {
width: 222px;
height: 182px;
padding: 0;
border: 0;
margin: 0;
float: right;
}

#imagstudio1 {
width: 212px;
height: 210px;
padding: 0;
border: 0;
margin: 0;
text-align: right;
float: left;
}

#imagstudio2 {
width: 222px;
height: auto;
padding: 0;
border: 0;
margin: 0;
float: right;
}

#enlarge {
width: 240px;
height: 20px;
margin: 15px 0 0 20px;
float: left;
text-align: left;
color: #7C8CA1;
font : 11px Arial, Helvetica, sans-serif;
}

#enlarge2 {
width: 220px;
height: auto;
margin: 0;
float: right;
text-align: center;
color: #7C8CA1;
font : 11px Arial, Helvetica, sans-serif;
}

#enlarge3 {
width: 180px;
height: auto;
margin: 30px 0 0 0;
float: right;
text-align: center;
color: #7C8CA1;
font : 11px Arial, Helvetica, sans-serif;
}

#enlarge4 {
width: 220px;
height: auto;
margin: 0;
float: right;
text-align: center;
color: #7C8CA1;
font : 11px Arial, Helvetica, sans-serif;
}


#credits {
width: 748px;
height: 20px;
margin: 582px 0 0 0;
text-align: right;
color : #000000;
font : 10px Arial, Helvetica, sans-serif;
float: left;
position: absolute;
z-index: 1
}

#credits3 {
width: 222px;
height: 15px;
margin: 2px auto 0 auto;
text-align: center;
color : #000000;
font : 10px Arial, Helvetica, sans-serif;
float: right;
}

#photoscredits {
width: 748px;
height: 20px;
margin: 35px 0 0 0;
text-align: right;
color : #000000;
font : 10px Arial, Helvetica, sans-serif;
float: left;
}

#photoscredits2 {
width: 748px;
height: 20px;
margin: 44px 0 0 0;
text-align: right;
color : #000000;
font : 10px Arial, Helvetica, sans-serif;
float: left;
}

/* formz */

fieldset {
	margin-bottom: 1em;
	border: 0;
	width: auto;
	margin: 0.5em;
}
fieldset p {
	padding: 0 0 0.75em 0.5em !important;
	padding: 0 0 0.35em 0.5em;
	clear: both;
}

label.text {
	display: block;
	float: left;
	width: 30%;
	text-align: left; 
	margin: 0 1em 0 0;
	padding: 0.1em;	
}

input.text,
textarea {
	width: 60%;
	margin-right: 0.25em;	

}
.envoy {
	margin: 1em 0;
	text-align: left;
}
.envoy label {
	border: 0;	
}


.clear { clear: both; margin: 0; }


.black:link {color: #000000; text-decoration:underline;}
 .black:visited {color: #000000; text-decoration:underline;}
 .black:hover {color: #B4D3E7; text-decoration:none;}


.sold { color:#FF0000; border: solid 1px #FF0000; font : 11px Arial, Helvetica, sans-serif; }