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

/* Black Background */

body {
	background-color:#1C1C1C;
	margin:0;
	padding:0;
}

/* Box that holds all content */

#container {
	margin: auto;
	border:none;
	width:800px;
	height: 600px;
}

/* Main Content Area */

#bodyblock {

	position:relative;
	background-color:#1C1C1C;
	width:807px;
 	height:600px;
 	padding:0;
	top: 25px;
}


/* Header Image */

#header {
	position:absolute;
	width: 807px;
	height: 115px;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
}

/* Properties Box Background */

#propertiesbox {
	position:absolute;
	top:127px;
	left:640px;
	width: 200px;
}

/* Creekside Address Picture Frame */

#creeksideofficebk {

position:absolute;
top: 3px;
left: 349px;
}

/* Home Page Featured Properties */

#pic1 {
	position:absolute;
	width: 189px;
	height: 139px;
	top: 155px;
	left: 647px;
}

#pic2 {
	position:absolute;
	width: 189px;
	height: 139px;
	top: 306px;
	left: 647px;
}

#fptext {
	position:absolute;
	width: 189px;
	height: 300px;
	top: 155px;
	left: 467px;
}

#fptext p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}

#fptext a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#26343F;
	text-decoration:none;
	
}

/* Top Menu */

#topnav {

	position:absolute;
	top: 85px;
	left: 225px;
	width: 575px;
	height:20px;
}

#topnav ul {

	text-decoration:none;
	display:inline;
}

#topnav li {

	text-decoration:none;
	list-style:none;
	display:inline;
	padding-left:20px;
}

#topnav ul li a {

	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FFFFFF;
	display:inline;
}

#topnav #current a {
	color:#8CA9AB;
}

#topnav a:hover {
	color:#1A1A1A;
}

/* Welcome Image */

#welcome {
	position:absolute;
	top:131px;
	left:10px;
	width: 50px;
}

/* Welcome Message Text*/

#welcometext {

	position:absolute;
	top: 25px;
	left: 25px;
	width: 275px;
}

#welcometext p {

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-align:justify;
	letter-spacing: 1px;
	line-height: 15px;
}

#welcometext p a {

	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-align:justify;
	letter-spacing: 1px;
	line-height: 1px;
	text-decoration:none;
}

/* Signature Image */

#signature {
	position:absolute;
	top:140px;
	left:175px;
	width:50px;
}

/* Creekside Logo Image */

#creeksidelogo {
	position:absolute;
	top:380px;
	left:10px;
	width:130px;
}

/* How Much Logo Image */

#howmuch {
	position:absolute;
	top:385px;
	left:150px;
	width:130px;
}

/* Footer */

#footer {
	position:absolute;
	height:200px;
	left: -2px;
	top: 485px;
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	width:800px;
}

/* Bottom Navigation Menu */

#bottomnav {

	position:relative;
	top: 14px;
	left: 20px;
	
	width: 750px;
	height:20px;
}

#bottomnav ul {

	text-decoration:none;
	display:inline;
}

#bottomnav li {

	text-decoration:none;
	list-style:none;
	display:inline;
	padding-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#8CA9AB;
}

#bottomnav ul li a {

	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FFFFFF;
	display:inline;
}

#bottomnav #current a {
	color:#8CA9AB;
}

#bottomnav a:hover {
	color:#1A1A1A;
}

/* Copyright Text */

#copyright {

	width: 300px;
	height: 50px;
	position:absolute;
	top: 535px;
	left: 235px;
}

#copyright p {

	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-align:center;
	letter-spacing: 1px;
	line-height: 13px;
}

#copyright a {

	text-decoration:none;
	list-style:none;
	
}

#copyright a:link {

	text-decoration:none;
	color: #666666;
	
}

#copyright a:visited {

	text-decoration:none;
	color: #666666;
	
}

/* Realtor Logos */

#logos {
	position:absolute;
	top: 537px;
	left: 500px;
	background-image:url(images/logos.jpg);
	height:50px;
	width:75px;
}

/* Seller Page Realtor Logos */

#sellerslogos {
	position:absolute;
	top: 782px;
	left: 500px;
	background-image:url(images/logos.jpg);
	height:50px;
	width:75px;
}

/* Featured Properties Form */

.form {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:5px;
}

form {
	position:absolute;
	top:218px;
	left:26px;
	height:205px;
	width:314px;
	background-color:#1C1C1C;
	color:#FFFFFF;
}

.reoform form{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:5px;
}

.reoform form{
	position:absolute;
	top:35px;
	left:0px;
	height: inherit;
	width:314px;
	background-color:#1C1C1C;
	color:#FFFFFF;
}

#packetform form{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:5px;
}

#packetform form{
	position:absolute;
	top:35px;
	left:0px;
	height: 0.458in;
	width:329px;
	background-color:#1C1C1C;
	color:#FFFFFF;
}

.unsubscribeform form{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:15px;
}

.unsubscribeform form{
	position:absolute;
	top:96px;
	left:1px;
	height: inherit;
	width:314px;
	background-color:#1C1C1C;
	color:#FFFFFF;
}



input {
	color:#333333;
}

select {
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

.button {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#333333;
	color:#666666;
}

/* Footer on Sellers Page */

#sellersfooter {
	position:absolute;
	height:200px;
	left: -2px;
	top: 720px;
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	width:800px;
}

/* Bottom Navigation on Sellers Page */

#sellersbottomnav {

	position:relative;
	top: 14px;
	left: 20px;
	
	width: 750px;
	height:20px;
}

#sellersbottomnav ul {

	text-decoration:none;
	display:inline;
}

#sellersbottomnav li {

	text-decoration:none;
	list-style:none;
	display:inline;
	padding-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#8CA9AB;
}

#sellersbottomnav ul li a {

	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FFFFFF;
	display:inline;
}

#sellersbottomnav #current a {
	color:#8CA9AB;
}

#sellersbottomnav a:hover {
	color:#1A1A1A;
}

/* Copyright Text on Sellers Page */

#sellerscopyright {

	width: 300px;
	height: 50px;
	position:absolute;
	top: 780px;
	left: 235px;
}

#sellerscopyright p {

	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-align:center;
	letter-spacing: 1px;
	line-height: 13px;
}

#sellerscopyright a {

	text-decoration:none;
	list-style:none;
	
}

#sellerscopyright a:link {

	text-decoration:none;
	color: #666666;
	
}

#sellerscopyright a:visited {

	text-decoration:none;
	color: #666666;
	
}

/* Content Text*/

#contenttext {

	position:absolute;
	top: 125px;
	left: 25px;
	width: 335px;
	height: 500px;
}

#contenttext p {

	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	text-align:justify;
	letter-spacing: 1px;
	
}

#contenttext a {

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-align:justify;
	letter-spacing: 1px;
	
	text-decoration:none;
	}
	
#contenttext a:hover {
	color:#8CA9AB;
}

/* Sellers Content Text*/

#sellerscontenttext {

	position:absolute;
	top: 125px;
	left: 25px;
	width: 735px;
	height: 500px;
}

#sellerscontenttext p {

	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	text-align:justify;
	letter-spacing: 1px;
	line-height: 16px;
}

#sellerscontenttext p a {

	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	text-align:justify;
	letter-spacing: 1px;
	line-height: 16px;
	text-decoration:none;
	}
	
#sellerscontenttext a:hover {
	color:#8CA9AB;
}

/* MLS Content Text*/

#mlscontenttext {

	position:absolute;
	top: 125px;
	left: 25px;
	width: 735px;
	height: 500px;
	text-decoration:none;
}

#mlscontenttext p {

	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	text-align:justify;
	letter-spacing: 1px;
	line-height: 16px;
}

#mlscontenttext a {

	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	text-align:justify;
	letter-spacing: 1px;
	line-height: 16px;
	text-decoration:none;
	}
	
#mlscontenttext a:hover {
	color:#8CA9AB;
}

/* Contact Content Text*/

#contactcontenttext {

	position:absolute;
	top: 125px;
	left: 25px;
	width: 735px;
	height: 500px;
	text-decoration:none;
}

#contactcontenttext p {

	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	text-align:justify;
	letter-spacing: 1px;
	line-height: 16px;
}

#contactcontenttext a {

	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	text-align:justify;
	letter-spacing: 1px;
	line-height: 16px;
	text-decoration:none;
	}
	
#contactcontenttext a:hover {
	color:#8CA9AB;
}



/* Brochure Request Form */

#brochure {

position:absolute;
top: 30px;
left: 358px;
}

#mlspic {

position:absolute;
top: 30px;
left: 358px;
width:453px;
height:226px;
}


#creeksideoffice {

position:absolute;
top: 30px;
left: 358px;
}

.style1 {color: #86013A}
.style2 {color: #8AA9AB}

#thumbnails {
position:absolute;
top: 130px;
left: 35px;
width: 65px;
height: inherit;

}

#thumbtext {
position:absolute;
top: 120px;
left: 115px;
width: 325px;
height: inherit;
font-weight:bold;
line-height:12.5px;


}

#thumbtext p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;

}

#thumbtext a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#26343F;
	text-decoration:none;

}

#thumbnails2 {
position:absolute;
top: 130px;
left: 335px;
width: 65px;
height: inherit;

}

#thumbtext2 {
position:absolute;
top: 120px;
left: 415px;
width: 325px;
height: inherit;
font-weight:bold;
line-height:12.5px;


}

#thumbtext2 p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;

}

#thumbtext2 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#26343F;
	text-decoration:none;

}


#thumbnails3 {
position:absolute;
top: 130px;
left: 635px;
width: 65px;
height: inherit;

}

#thumbtext3 {
position:absolute;
top: 120px;
left: 715px;
width: 325px;
height: inherit;
font-weight:bold;
line-height:12.5px;


}

#thumbtext3 p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;

}

#thumbtext3 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#26343F;
	text-decoration:none;

}