/*///////// KELLER WILLIAMS ////////// */

@import url("../layout_1/styles.css");

body {background-color:#000;}
a:link, a:visited {color: #900;}
a:hover {color:#F03;}
#wrapper {background-color:#FFF; background:url(images/wrapper_bg.jpg) repeat-x #FFF 0 100px;}

/*///////// HEADER SECTION //////////*/

#header h1 {
	height:110px;
	background-image:url(images/header.png);
	}
#header h2 {
	background-image:url(images/interactive_fp.png);
	margin:-110px 0 30px 0;
	padding:50px 10px 0 10px;
	color:#FFF;
	}
#header h2 span {color:#FFF;}
body.photo-page #header h2 {background-image:url(images/interactive_gal.png);}
#header p {
	margin:-20px 0 0 270px;
	padding:6px 30px 2px 0;
	min-height:24px;
	background-image: url(images/icon_photo.gif);
	background-position:right 0px;
	color:#FFF;
	}

/*///////// PAGE NAV //////////*/
ul#pagenav {
	height:30px;
	margin-left:-260px;
	top:81px;
	}
body.photo-page ul#pagenav {
	margin-left:0px;
	}
ul#pagenav li {
	width:120px;
	height:30px;
	}
ul#pagenav li#nav-fplan {background-image: url(images/tab_fplan_off.png);}
ul#pagenav li#nav-fplan.tab-on, ul#pagenav li#nav-fplan a:hover {background-image: url(images/tab_fplan_on.png);}
ul#pagenav li#nav-photos {background-image: url(images/tab_pics_off.png);}
ul#pagenav li#nav-photos.tab-on, ul#pagenav li#nav-photos a:hover {background-image: url(images/tab_pics_on.png);}

ul#pagenav li a {
	width:120px;
	height:30px;
	}

/*///////// FLOORPLAN SECTION //////////*/

body.photo-page #floorplan {
	margin-top:18px;*margin-top:44px;/* MUST CLEAR PAGENAV TABS */
	}
body.photo-page #floorplan table#tourviewer td#middle {
	background-color:#666;
	
	/*background-image:url(images/extralinks_pics.png);*/
	background-image:none;
	background-position:top left;
	}


/*///////// PHOTO SECTION //////////*/
img.photo {
	background-image:url(images/photo_bg.png);
	}
img.thumb {
	width:120px;
	height:90px;
	margin:10px 22px 5px 0;
	float:left;	
	}
img.thumb a:hover {
	border:solid 1px #03549D;
	}
div#photo-info {
	display:none;
	}

#fullsize-view
{
	background-color: #ccc;
	width:105px;
}

#photoxl{
	margin-right: 15px;
}
#container2{
	margin-right: 15px;
}
/*///////// AGENT SECTION //////////*/

#separator {
	margin-top:70px;
	}
	
#extralinks {
	background-image:url(images/extralinks_dl.png);
	}
#extralinks p#downloadpdf a {background-image:url(images/icon_plan.png);}
#extralinks p#downloadpdf a:hover {background-image:url(images/icon_plan_on.png);}
#extralinks p#downloadpdf2 a {background-image: url(images/icon_flyer.png);}
#extralinks p#downloadpdf2 a:hover {background-image: url(images/icon_flyer_on.png);}
#extralinks p#downloadcd a {background-image: url(images/icon_dload.png);}
#extralinks p#downloadcd a:hover {background-image: url(images/icon_dload_on.png);}
#extralinks p#emailfriend a {background-image: url(images/icon_email.png);}
#extralinks p#emailfriend a:hover {background-image: url(images/icon_email_on.png);}

/*///////// DOWNLOAD INSTRUCTIONS SECTION //////////*/

#dl-instructions {margin-top:100px;}

/*///////// FOOTER SECTION //////////*/
#footer {background-color:transparent;}

	
/*///////// AREA SIZES //////////*/
#areasizes {
	background-image:url(images/extralinks_sizes.png);
	}
#areasizes table th, #areasizes table td {color:#000;}


/*///////// FLOOR PLAN ICONS //////////*/
div#photoslayer div.photo-pop {
	background-color:#900;
	border:solid 1px #900;
}
div#photoslayer div.photo-pop img {
	border-bottom:solid 1px #900;
}
div#photoslayer div.photo-pop p.photo-caption,
div#photoslayer div.photo-pop p.vt-caption {color:#FFF;background-color:#900;}
div#photoslayer div.vt-pop {
	background-color:#900;
	border:solid 1px #900;
}

/*///////// POPUP STYLES //////////*/
body#popup {background-color:#000;}
body#popup div#popup-navbar {background:url(images/popup_navbar_bg.png) repeat-x;}
body#popup div#popup-navbar ul li#prev a {
	background:url(images/popup_prev.png) no-repeat;
	border-right:solid 1px #FFF;
}
body#popup div#popup-navbar ul li#prev a:hover {background-image:url(images/popup_prev_on.png);}
body#popup div#popup-navbar ul li#next a {background:url(images/popup_next.png) no-repeat;}
body#popup div#popup-navbar ul li#next a:hover {background-image:url(images/popup_next_on.png);}
body#popup div#popup-navbar p#popup-close a {background:url(images/popup_close.png) no-repeat;}
body#popup div#popup-navbar p#popup-close a:hover {background-image:url(images/popup_close_on.png);}
body#popup div#popup-large img#popup-image {background-image:url(images/popup_bg.png);}
body#popup div#popup-large h1 {background:none;background-color:#900;color:#FFF;}