/* CSS Document */

/*
--------------------------------------------------
The Marketing Specialist
July, 2007
Contents CSS file

Author: Alec Hanak
-------------------------------------------------- */

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	background:#282627 url(../images/site_bg.jpg) left top repeat-x;	
	font-size: 12px;
}
a{ outline:none;}
.left_side_bg{background:#292828 url(../images/left_side_bg.jpg) repeat-y left top;}
.right_side_bg{background:#292828 url(../images/right_side_bg.jpg) repeat-y left top;}
.rightbody_bg{background:#ffffff url(../images/rightbody_bg.jpg) repeat-y right top;}


#apDiv1 {
	position:absolute;
	width:328px;
	height:845px;
	z-index:101;
	margin-top:190px;
	margin-left:150px;
}
#inner_mascot {
	position:fixed;
	width:281px;
	height:416px;
	z-index:101;
	margin-top:150px;
	margin-left:30px;
}
#postlisting_inner_mascot {
	position:absolute;
	width:281px;
	height:416px;
	z-index:101;
	margin-top:400px;
	margin-left:30px;
}
#testimonial_inner_mascot {
	position:absolute;
	width:281px;
	height:416px;
	z-index:101;
	margin-top:1230px;
	margin-left:30px;
}
#freelist_inner_mascot {
	position:absolute;
	width:281px;
	height:416px;
	z-index:101;
	margin-top:430px;
	margin-left:30px;
}
#contact_inner_mascot {
	position:absolute;
	width:281px;
	height:416px;
	z-index:101;
	margin-top:480px;
	margin-left:30px;
}
#faq_inner_mascot {
	position:absolute;
	width:281px;
	height:416px;
	z-index:101;
	margin-top:490px;
	margin-left:30px;
}
#signup_inner_mascot {
	position:absolute;
	width:281px;
	height:416px;
	z-index:101;
	margin-top:400px;
	margin-left:30px;
}
#howitwork_inner_mascot {
	position:absolute;
	width:281px;
	height:416px;
	z-index:101;
	margin-top:420px;
	margin-left:30px;
}
#aboutus_inner_mascot {
	position:absolute;
	width:281px;
	height:416px;
	z-index:101;
	margin-top:400px;
	margin-left:30px;
}
#post_apartment_mascot {
	position:absolute;
	width:281px;
	height:416px;
	z-index:101;
	margin-top:180px;
	margin-left:30px;
}


/* Images
-----------------------------------------------------------------------------*/

#logo{ margin: 41px 0px 0px 45px;}

.title1{ margin: 25px 0px 2px 30px;}

.title2{ margin: 25px 0px 4px 30px;}

#services{ margin: 30px 0px 0px 25px;}

#testimonial{ margin: 10px 0px 10px 10px;}

#pointer{ margin: 0px 0px 0px 7px;}

#temp1{ margin: 10px 0px 0px 30px;}

#click{
		position: relative;
		top: -50px;
		left: 345px;
}

#contactDep{margin: 0px 0px 10px 10px;}#DownloadFreelists{margin: 0px 0px 10px 10px;}

#contactDep2{margin: 0px 0px 20px 10px;}

#webexpo{margin: 15px 0px 15px 0px;}


/* Text
-----------------------------------------------------------------------------*/


.text1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777777;	
	margin: 10px 30px 0px 30px;
	text-align: justify;
	line-height: 18px;
}
.text30{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777777;	
	margin: 0px 30px 15px 30px;
	text-align: justify;
	line-height: 18px;
}
.text2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777777;	
	margin: 0px 30px 20px 30px;
	text-align: right;
}

.text3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #777777;	
	margin: 10px 30px 15px 30px;
	text-align: justify;
	line-height: 18px;
}
.text3a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #777777;	
	text-align: center;
	line-height: 18px;
}
.q{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #007f4b;	
	margin: 10px 30px 5px 30px;
	text-align: justify;
	line-height: 18px;
	font-weight: bold;
}

.a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777777;	
	margin: 10px 30px 25px 30px;
	text-align: justify;
	line-height: 18px;
}


.sub1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #007f4a;	
	margin: 20px 30px 10px 30px;
	text-align: justify;
	font-weight: bold;
}

#bottomnav{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;	
	margin: 10px 0px 5px 20px;
	text-align: justify;
}

#copyright{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #bfdfd2;	
	margin: 8px 0px 8px 20px;
	text-align: justify;
}

#sign{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5d7306;	
	margin: 0px 0px 5px 10px;
}

#sign2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5d7306;	
	margin: 0px 0px 15px 10px;
}

.stars{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	margin: 25px 25px 25px 25px;
	text-align: center;
}
.image_normal{
	opacity:0.4;
	filter:alpha(opacity=40)}
.image_down{
	opacity:1;
	filter:alpha(opacity=100)}
/* Links
-----------------------------------------------------------------------------*/


a.footer:link, a.footer:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;	
	text-decoration: none;
}

a.footer:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;	
	text-decoration: underline;
}

a.side1:link, a.side1:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5d7306;
	text-decoration: underline;
	font-weight: bold;
}

a.side1:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5d7306;
	text-decoration: underline;
	font-weight: bold;
}

a.regular:link, a.regular:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #007f4a;	
	text-decoration: none;
}

a.regular:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #007f4a;	
	text-decoration: underline;
}

/* Side Navigation
-----------------------------------------------------------------------------*/

#sidenav{
	margin: 15px 0px 20px 25px;
	padding: 0px;
	width:178;
}

#sidenav li{
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 7px 0px;
	list-style: none;
	background-image: url(../images/nav1.gif);
	background-position: -2px 9px;
	width:178;
	height:14;
	background-repeat: no-repeat;
}

a.nav:link, a.nav:visited {
	width:178px;
	height: 14px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777777;
	text-decoration: none;
	display:block;

}

a.nav:hover{
	width:178px;
	height: 14px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #789719;	
	text-decoration: none;
	background-image: url(../images/pointer.gif);
	background-repeat: no-repeat;
	background-position: right 5px;
	display:block;
}



/* gallery */

.galleryPhoto {
	background-color: #FFFFFF;
	padding: 2px;
	margin : 0px 0px 10px 10px;
}

.highslide {
		cursor: url(../js/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-image {
    border: 5px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-loading {
    display: block;
		color: white;
		font-size: 9px;
		font-weight: bold;
		text-transform: uppercase;
    text-decoration: none;
		padding: 3px;
		border-top: 1px solid white;
		border-bottom: 1px solid white;
    background-color: black;
    padding-left: 22px;
    background-image: url(../js/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
/* end of gallery */


/* Form
-----------------------------------------------------------------------------*/

form {
	padding: 0px;
	margin: 20px 0px 20px 30px;
}

.formtxt{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777777;	
}

.input1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #EEEEEE;
	height: 15px;
	width: 180px;
	border: 1px solid #A4ABB1;
	margin: 0px 0px 5px 0px;
}
.input20 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #EEEEEE;
	height: 19px;
	width: 182px;
	border: 1px solid #A4ABB1;
	margin: 0px 0px 5px 0px;
}
.input10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #666666;
	background-color: #EEEEEE;
	height: 18px;
	width: 120px;
	border: 1px solid #A4ABB1;
	margin: 0px 0px 5px 0px;
}
.input110 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #666666;
	background-color: #EEEEEE;
	height: 18px;
	width: 69px;
	border: 1px solid #A4ABB1;
	margin: 0px 0px 5px 0px;
}
.input30 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	color: #666666;
	background-color: #EEEEEE;
	height: 15px;
	width: 125px;
	border: 1px solid #A4ABB1;
	margin: 0px 0px 5px 0px;
}
.input1a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #EEEEEE;
	height: 15px;
	border: 1px solid #A4ABB1;
	margin: 0px 0px 5px 0px;
}
.cmb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #EEEEEE;
	height: 15px;
	border: 1px solid #A4ABB1;
	margin: 0px 0px 5px 0px;
}
.input2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #EEEEEE;
	height: 100px;
	width: 180px;
	border: 1px solid #A4ABB1;
	margin: 0px 0px 5px 0px;
}

/* HP Form
-----------------------------------------------------------------------------*/

#t1 {margin: 20px 0px 0px 30px;}

#f2 {
	padding: 0px;
	margin: 6px 0px 0px 0px;
}

.input3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #ffffff;
	height: 15px;
	width: 160px;
	border: 1px solid #A4ABB1;
	margin: 0px 0px 5px 0px;
}

#submit{
	width: 73px;
	height: 19px;
	background-image: url(../images/join.gif);
	cursor: pointer;
	border: 0px;
	padding-top: 0px;
	margin: 2px 0px 0px 3px;
}

/* Small flash
-----------------------------------------------------------------------------*/

#sf {margin: 20px 0px 0px 10px;}


/* Freelistings
-----------------------------------------------------------------------------*/.megamenu{
position: absolute;
display: none;
left: 0;
top: 0;
background: white;
border: 1px solid #007f4b; /* #f06b24; */
border-width: 5px 1px;
padding: 10px;
font: normal 12px Verdana;
z-index: 100;

}

.megamenu .column{
float: left;
width: 180px; /*width of each menu column*/
margin-right: 5px;
}

.megamenu .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.megamenu .column ul li{
padding-bottom: 5px;
}

.megamenu .column h3{
background: #e0e0e0;
font: bold 13px Arial;
margin: 0 0 5px 0;
}

.megamenu .column ul li a{
text-decoration: none;
}

.megamenu .column ul li a:hover{
color: red;
}

/*the man on home, by Andre */
#theman_home {
	position:relative;
	bottom:0;
	width:300px;
	height:371px;
	left:50%;
	margin-top:-375px;
}

td.left_side_bg, td.right_side_bg {
	width:40px;
}
td.right_side_bg {
	background: #292828 url(../images/right_side_bg.jpg) repeat-y scroll -26px top;
}
#inner_mascot {
	bottom:0;
	height:255px;
	left:50%;
	margin:-255px 0 0 398px;
	position:fixed;
	width:178px;
	z-index:101;
}




.black_overlay{
			display: block;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
}
		.white_content {
	display: block;
	position: absolute;
	top: 30%;
	left: 30%;
	width: 400px;
	height: 240px;
	padding: 5px 30px 0px 30px;
	border: 3px solid #ffffff;
	background-color: #c18839;
	color: #ffffff;	
	z-index:1002;
	overflow: hidden;
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif; font-size:18px;
	text-align:center;
	 font-weight:bold;
}
.thanku{ font-family:Arial, Helvetica, sans-serif; font-size:18px;
	text-align:center;
	 font-weight:bold; color:#FF0000;}
h6{
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	width: 400px;
	color: #000000;
	text-decoration: none;
	text-align: right;
	margin:0px; padding:10px 0px 10px 0px;
}
.bt1{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	font-weight:bold;
	}
	.st3{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight:normal;
	}
.subsidemenu{ 
    font-weight:normal;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border:solid 1px #E0DEDF;
	color: #000000;}
	.forms{ width:200px; height:16px; border: solid #cccccc 1px;}