body {
	background-color: white;
}



h1 {
	font-size:95%;
	border:0;
}

#page_wrap {
	width:840px;
	margin:18px auto 0 auto;
	overflow: hidden;
	border: 0px;
	padding: 0px;
}


p.leftwelcome{
	padding-top:24px;
	width: 840px;
	float: left;
}

p.righttwelcome{
	padding-top:24px;
	width: 400px;
	float: right;
}

ul.acl{
	float:right;
	width: 238px;
	margin-top: 71px;
	font-size: 0.8em;
	display: inline;
	float: right;
	list-style: none;
	letter-spacing: 0.05em;
}

ul.acl li{
	float:left;
	margin-left:3px;
}

a.acl{
	color:white;
	text-align:center;
	background-image:url(../images/topbutt.gif);
	padding: 0px 0px 0px 0px;
	float: left;
	width:76px;
	height:19px;
}

a.help{ text-decoration:underline}

a.acl:hover{
	color:white;
	text-align:center;
	background-image:url(../images/topbutt_d.gif);
	padding: 0px 0px 0px 0px;
	float: left;
	width:76px;
	height:19px;
}

a.aclactive{
	color:white;
	text-align:center;
	background-image:url(../images/topbutt_d.gif);
	padding: 0px 0px 0px 0px;
	float: left;
	width:76px;
	height:19px;
}


ul.nav{
	width:840px;
	padding: 0px;
	margin: 15px 0px 0px 0px;
	display: inline;
	border: 0px;
	float: left;
}
li.nav{
	width:139px;
	display: inline;
	float: left;
	margin-right: 1px;
}




p.aboutb{
	border:0px;
	margin:0px 0px 0px 0px;
	float: left;
	width: 840px;
	padding: 16px 0px 16px 0px;
}

ul.footbar{
	float:left;
	width:840px;
	font-size:0.7em;
	letter-spacing: 0.1em;
	margin: 0px 0px 24px 0px;
	display: inline;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}

li.footbar{
	padding: 2px 5px 0px 5px;
	display: block;
	float: left;
}


#intro{
	float:left;
	width:840px;
	margin: 4px 0px 0px 0px;
	height:auto;

}

/*contact*/

.address{
	float:left;
	width:auto;
	clear: left;
}


p.contacttext{
	float: left;
	width: 840px;
	margin: 12px 0px 0px 0px;
}

p.contactinfo{
	float:left;
	width:280px;
	margin: 18px 0px 0px 0px;
	
	}
.regnum{
	font-size:0.7em;
}
form{
	float:right;
	width:350px;
	margin: 28px 0px 0px 0px;
}


.formd{
	float:right;
	width:400px;
}

input{
	float:left;
	width:200px;
	height:20px;
	color:#fff;
	background-color: #969696;
	font-family: Arial, Helvetica, sans-serif;
}

textarea{
	float:left;
	width:280px;
	height:100px;
	color:#fff;
	background-color: #969696;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
}


/*photography*/
.slide{
	float:right;
	width:490px;
	margin:12px 0px 0px 0px;
}

p.ophotography{
	float:left;
	width:100%;
	margin:14px 0px 0px 0px;
	letter-spacing:0.06em;
	line-height:1.6em;
	
}

p.help{
	float:left;
	width:100%;
	margin-top:4px;
	letter-spacing:0.06em;
	line-height:1.6em;}


	
#retouch_before, #retouch_after{
	position: absolute;
	width: 440px;
	cursor:pointer;
	margin:15px 0px 0px 0px;

	float: right;
}


/*new media*/

#video{
	float: right;
	width: 490px;
	height: 276px;
	margin: 0px 0px 0px 0px;
}

.videogif{ background-image:url(../images/loadingbar.gif); background-position:center;background-repeat:no-repeat;display:block;width: 450px; height: 260px;}

.leftcol{
	float: left;
	width: 284px;
	margin:0px;
	border:0px;
	padding:0px
}

.rightcol{
	float: right;
	width: 490px;
	height: auto;
	margin:0px 0px 0px 0px;
	border:0px;
	padding:3px 0 0 0;
}



/*residential*/

#lefcolres{float:left; width:260px;}
#rightcolres{float:right; width:440px;}
.residentailt{
	float:left;
	width:260px
}
h2.resideconhead{
	float:left;
	width:200px
}
.resideimage{ float:left; width:840px; border:0px}
h2.headersecres{ float:left; width:840px; border-bottom:1px dotted #e2e2e2;}
p.leftreside{
	float: left;
	width: 400px;
	clear: left;
}
p.rightreside{
	float: right;
	width: 400px;
}

#leftcolres{
	float: left;
	width: 400px;
}
#rightcolres{
	float: right;
	width: 400px;
}

.headresop{ float:left; width:400px; border-bottom:1px dotted #e2e2e2;}

ul.leftnav{ float: left; list-style:inside; width:120px; height:120px;}
li.leftnav{float:none; }


/*propery residential photography*/

#showres{
	float: right;
	width: 440px;
	margin: 0px 0px 34px 0px;
}

/*propery residential floorplans*/
.floorplans{ float:right;}

/*propery residential virtualtours*/
#virtualtours_wrap{ float:right;}
ul.tours{
	float: left;
	list-style:inside;
	width:220px;
	font-size: 0.7em;
}
li.tours{float:none; }

/*propery residential video*/


#videores1{
	float:right;
	width: 440px;
	height: 275px;
	margin: 12px 0px 0px 0px;
}

#videores2{
	float:right;
	width: 440px;
	height: 275px;
	margin: 28px 0px 0px 0px;
}

#rightcolresv{ float:right; width:440px;}
#leftcolresv{float:left; width:260px}



/*property marketing*/


a.buttonres{float:left;width:417px;height:210px;background-image:url(../images/propertmarketing_buttons/Property_Marketing_Dev.jpg)}
a.buttonres:hover{float:left;width:417px;height:210px;background-image:url(../images/propertmarketing_buttons/Property_Marketing_Dev_hov.jpg)}

a.buttoncom{float:right;width:417px;height:210px;background-image:url(../images/propertmarketing_buttons/Property_Marketing_Com.jpg)}
a.buttoncom:hover{float:right;width:417px;height:210px;background-image:url(../images/propertmarketing_buttons/Property_Marketing_Com_hov.jpg)}

a.buttondev{float:left;width:417px; height:210px; margin:6px 0px 0px 0px ; background-image:url(../images/propertmarketing_buttons/Property_Marketing_Res.jpg)}
a.buttondev:hover{float:left;width:417px;height:210px;background-image:url(../images/propertmarketing_buttons/Property_Marketing_Res_hov.jpg)}

a.buttonles{float:right;width:417px; height:210px; margin:6px 0px 0px 0px ; background-image:url(../images/propertmarketing_buttons/Property_Marketing_Les.jpg)}
a.buttonles:hover{float:right;width:417px;height:210px;background-image:url(../images/propertmarketing_buttons/Property_Marketing_Les_hov.jpg)}



/* Nav */
#jsddm
{
	float:right;
	width:840px;
	margin: 14px 0 0 0;
	padding: 0px;
	border:0px;
	overflow: visible;
}

	#jsddm li
	{
	float: left;
	list-style: none;
	text-align:center;
	font-family: Helvetica, Arial, sans-serif!important;
	font-size:1.2em;
	font-weight:100;
	letter-spacing: 0.03em;
		}
		

	#jsddm li a
	{
	display: block;
	background: #afbfc8;
	padding: 7px 12px;
	text-decoration: none;
	border-right: 1px solid white;
	width: 115px;
	color: #fff;
	white-space: nowrap
}

	#jsddm li a:hover
	{
	background: #b5486c;
}

	#jsddm li a.active
	{
	background: #b5486c;
}

		
		#jsddm li ul
		{
	margin:0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border-top: 1px solid white;
	z-index: 100;
	width: 139px;
	
}
		
			#jsddm li ul li
			{
	float: none;
	display: inline;
	font-family: Helvetica, Arial, sans-serif!important;
	font-size:1em;
	font-weight:100;
				
				}
			
			#jsddm li ul li a
			{
	width: auto;
	background: #afbfc8;
	color: #fff;
	border-top:1px solid white;

	}

			
			#jsddm li ul li a:hover
			{
	background: #b5486c;
}


/* slideshow*/
/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

p.phonenum{
	float:left;
	font-family:'ColaborateThinRegular', Helvetica, Arial, sans-serif!important;
	font-size:2em;
	color:#647e8c;
	letter-spacing:0.03em;
	font-weight:100;
	color:#9fb1bb;
	width: auto;
	overflow: hidden;
	padding: 24px 0 0 52px;
}


/* retouching image fade */
 
div.fadehover {
	position: relative;
	}
 
img.before {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
        }
 
img.after{
	position: absolute;
	left: 0;
	top: 0;
	}