/*----------------------------------------------------------------------------
	Dharma - Orville Station - Floorplan
	Version:   1.0
	Author:    Lizl Rodriguez, RealDecoy Inc.
___________________________________________________________________________ */

body {
	font-family:Trade Gothic, Arial, Helvetica, sans-serif;
}

#floorplan_screen {
	width:1000px;
	margin: 0 auto;
	padding:0;
	text-align: center;
}

#floorplan_content_holder {
	background: transparent url(../images/floorplan_repeating_bg.gif) 0 0 repeat-y;
	border-bottom: 10px solid #fff;
}

#floorplan_full_content {
	background: transparent url(../images/floorplan_screen3_bg.gif) 0 -120px no-repeat;
	min-height: 615px;
	height: auto !important;
	height: 615px;
}

/*------------------------------
	Left Panel
------------------------------*/

#leftPanel {
	margin: 0;
	padding: 10px 0 0 20px;
	float: left;
	width:236px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:216px;
}

html>body #leftPanel {
	width:216px;
}

/*------------------------------
	Content
------------------------------*/

#floorplan_content {
	min-height: 290px;
	height: auto !important;
	height: 290px;
	background:url(/images/floorplan_content_bg.gif) top left no-repeat;
	margin: 0;
	padding: 20px 15px 0 15px;
	width:236px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:206px;
}

html>body #leftPanel {
	width:206px;
}

#floorplan_content p {
	margin: 0;
}

/*------------------------------
	Left Nav
------------------------------*/

#floorplan_leftNav {
	margin:0;
}

#floorplan_leftNav h2 {
	font-size:16px;	
	font-weight:bold;
	color:#330;
	margin: 0 0 5px 10px;
}

#floorplan_leftNav ul {
}

#floorplan_leftNav li {
	list-style-type:none;
}

#floorplan_leftNav a {
	font-size:13px;
	color:#663;
	text-decoration:none;
	margin-left:15px;
	padding:0 10px 0 10px;
}

#floorplan_leftNav a:hover {
	color:#330;
	background-color:#fff;
}

.floorplanCurrent span {
	color:#330;
	background-color:#fff;
	margin-left:15px;
	padding:0 10px 0 10px;
}

/*------------------------------
	Thumbnails
------------------------------*/

#floorplan_thumbs {
	width:220px;
	margin: 0 0 0 15px;
}

#floorplan_thumbs h3 {
	font-size:14px !important;
	font-style:normal;
	font-weight:bold;
	color:#330 !important;
	margin-bottom:5px;
	clear:both;
}

/* Top Thumbs */

.topThumb1, .topThumb2, .topThumb3 {
	float:left;
	clear:right;
}

a.topThumb1 {
	width:56px;
	height:56px;
	display:block;
	background:url(../images/floorplans/top/top1_thumb.jpg) 0 0 no-repeat;
	text-decoration:none;
	text-indent:-9999px;
}

a:hover.topThumb1 {
	background-position:-56px 0;
}

a.topThumb2 {
	width:56px;
	height:56px;
	display:block;
	background:url(../images/floorplans/top/top2_thumb.jpg) 0 0 no-repeat;
	text-decoration:none;
	text-indent:-9999px;
}

a:hover.topThumb2 {
	background-position:-56px 0;
}

a.topThumb3 {
	width:56px;
	height:56px;
	display:block;
	background:url(../images/floorplans/top/top3_thumb.jpg) 0 0 no-repeat;
	text-decoration:none;
	text-indent:-9999px;
}

a:hover.topThumb3 {
	background-position:-56px 0;
}

/* Bottom Thumbs */

.bottomThumb1, .bottomThumb2, .bottomThumb3 {
	float:left;
	clear:right;
}

a.bottomThumb1 {
	width:56px;
	height:56px;
	display:block;
	background:url(../images/floorplans/bottom/bottom1_thumb.jpg) 0 0 no-repeat;
	text-decoration:none;
	text-indent:-9999px;
}

a:hover.bottomThumb1 {
	background-position:-56px 0;
}

a.bottomThumb2 {
	width:56px;
	height:56px;
	display:block;
	background:url(../images/floorplans/bottom/bottom2_thumb.jpg) 0 0 no-repeat;
	text-decoration:none;
	text-indent:-9999px;
}

a:hover.bottomThumb2 {
	background-position:-56px 0;
}

a.bottomThumb3 {
	width:56px;
	height:56px;
	display:block;
	background:url(../images/floorplans/bottom/bottom3_thumb.jpg) 0 0 no-repeat;
	text-decoration:none;
	text-indent:-9999px;
}

a:hover.bottomThumb3 {
	background-position:-56px 0;
}

/* Exterior Thumbs */

.extThumb1, .extThumb2, extThumb3 {
	float:left;
	clear:right;
}

a.extThumb1 {
	width:56px;
	height:56px;
	display:block;
	background:url(../images/top_thumb1.gif) 0 0 no-repeat;
	text-decoration:none;
	text-indent:-9999px;
}

a:hover.extThumb1 {
	background-position:-56px 0;
}

a.extThumb2 {
	width:56px;
	height:56px;
	display:block;
	background:url(../images/top_thumb2.gif) 0 0 no-repeat;
	text-decoration:none;
	text-indent:-9999px;
}

a:hover.extThumb2 {
	background-position:-56px 0;
}

a.extThumb3 {
	width:56px;
	height:56px;
	display:block;
	background:url(../images/top_thumb3.gif) 0 0 no-repeat;
	text-decoration:none;
	text-indent:-9999px;
}

a:hover.extThumb3 {
	background-position:-56px 0;
}

/*------------------------------
	Floorplan Image Map
------------------------------*/

.orville_floorplan_map {
	width:430px;
	margin: 10px 0 0 50px;
	float:left;
}

a.floorplan_map {
	width:429px;
	height:440px;
	display:block;
	background:url(../images/floorplan_map.gif) 0 0 no-repeat;
	text-decoration:none;
	text-indent:-9999px;
}

a:hover.floorplan_map {
	background-position:-429px 0;
}

#room1 {
}

#room1 ul {
	padding:0;
	margin:0;
}

#room1 li {
	font-size:12px;
	color:#999;
}

/*------------------------------
	Floorplan Legend
------------------------------*/

#orville_floorplan_legend {
	width:250px;
	height:500px;
	float: left;
}

#orville_floorplan_legend h1 {
	width:250px;
	font-size:20px;
	color:#330;	
	text-align:right;
}

.longLegend {
	font-size:20px;
	color:#330;
	margin-right:30px;	
}

.os_logo {
	width:191px;
	height:106px;
	margin:20px 20px 0 40px;
}

.gray_description {
	font-size:14px;
	font-weight:bold;
	color:#999;
	text-align:right;
}

.pdf_btn {
	width:109px;
	height:28px;
	float:right;
	margin:15px 0 0 30px;
}

.legend {
	float:right;
	margin:30px 30px 0 0;
}

