/* 
REMAX_TEST
Revised 9/12/07 to make managing templates easier. This CSS overrides and builds on items from LAYOUT_1. 
LAYOUT_1 imports the popup window CSS.
Written by Jason Ferguson
*/

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

* {color:#FFF;}

body {
	background-color: #003A8C;
	background-image:url(images/body_bg.png);
	background-position:center;
	background-repeat:repeat-y;
	}
	
a:link, a:visited {color: #FFF;}
a:hover {color:#09F;}

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

#header {height:120px;}

#header h1 {
	height:120px;
	background-image:url(images/header.png);
	}
#header h2 {
	margin: -120px 0 0 10px;
	padding:30px 0 0 10px;
	color:#FFF;
	background-image:url(images/interactive_fp.png);
	}
#header h2 span {margin: 0 0 0 10px;}
#header p {
	padding: 6px 0px 6px 30px;
	color:#FFF;
	top:120px;
	background-position:left;
	}

/*///////// PAGE NAV //////////*/
ul#pagenav {
	height:27px;
	top:73px;
	margin:0 0 0 -240px;
	}
body.photo-page ul#pagenav {
	}
ul#pagenav li {
	width:140px;
	height:27px;
	margin-right:5px;
	}
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:140px;
	height:27px;
	}

/*///////// FLOORPLAN SECTION //////////*/
#floorplan {
	width:700px;
	*margin-top:0px;/* IE6 HACK - Changing this also changes ul#pagenav placement */
	margin-right:8px;
	}
body.photo-page #floorplan {margin-right:0;}
#floorplan table#tourviewer {
	float:right;
	position:relative;
	*top:20px;
	}
#floorplan table#tourviewer td#middle {
	background-color:#00529C;
	padding:2px;
	}
body.photo-page #floorplan table#tourviewer {top:-30px;}
body.photo-page #floorplan table#tourviewer td#middle {
	background-color:#006;
	background-image:none;
	}
body.photo-page #floorplan table#tourviewer td#bottom {
	height:20px;
	}

/*///////// PHOTO SECTION //////////*/
img.photo {background-image:url(images/photo_bg.png);}
img.thumb {border:solid 1px #FFF;}
img.thumb a:hover {border:solid 1px #03549D;}

#photoxl {
	/*margin:0px 0px -280px -10px;*/
	/*margin-top:-580px;*/
	
	}
#container2 {
	/*margin:0px 0px -280px -10px;*/
	/*margin-top:-170px;*/
	}
/*///////// AGENT SECTION //////////*/
body.photo-page #agentinfo {padding-left:20px;}
body.photo-page #agentinfo p {
	clear:left;
	}
#agentinfo img {
	border: 1px solid #FFF;
	clear:right;
	}

#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);
	margin-right:0px;
	}
#extralinks p#emailfriend a:hover {
	background-image: url(images/icon_email_on.png);
	}

/*///////// AREA SIZES //////////*/
#areasizes {
	background-color:#FFF;
	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:#E06382;
	background-image:url(images/bg_photo_pop.png);
	border:solid 1px #006;
}
div#photoslayer div.photo-pop img {
	border-bottom:solid 1px #006;
}
div#photoslayer div.photo-pop p.photo-caption,
div#photoslayer div.photo-pop p.vt-caption {color:#FFF;}
div#photoslayer div.vt-pop {
	background-color:#E06382;
	background-image:url(images/bg_photo_pop.png);
	border:solid 1px #006;
}

/*///////// POPUP STYLES //////////*/
body#popup {background-color:#000066;}
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 #80A9CE;
}
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.xlarge img#popup-image {background-image:url(images/popup_bg_w.png);}
body#popup div#popup-large h1 {background:none;color:#FFF;}