/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls/gallery/left_right_click.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


/*

#gallerycontainer {float:left; margin: 0 auto; padding-top: 1em; width: 600px; height: 100%; border-left: #cccccc 1px solid;}

#gallery {width:500px; position:relative; height: 625px; padding-top:0px; margin:0 auto;}

#gallery img.left {background:#fff; cursor:pointer; margin-right: 40px;}
#gallery img.right {background:#fff; cursor:pointer; margin-right: 40px;}

#gallery ul {list-style:none; padding-top:0px; float: right; background:#fff; border:0px solid #fff; margin: 0; width: auto;}
#gallery ul li {display:inline; width:50px; height:50px; float:left; margin:0 2px; border:1px solid #cccccc; cursor:pointer; border-width:1px solid;}

#gallery ul li.hide {display: block;}

*/



/* using background images
#gallery ul li.th1 {background: url(../images/floorplans/townhomes/thumbs/fannon-unit-7-lev1-th.gif);}
#gallery ul li.th2 {background: url(../images/floorplans/townhomes/thumbs/fannon-unit-7-lev2-th.gif);}
#gallery ul li.th3 {background:url(../images/floorplans/townhomes/thumbs/fannon-unit-7-lev3-th.gif);}
#gallery ul li.th4 {background:url(../images/floorplans/townhomes/thumbs/fannon-unit-7-lev1-th.gif);}
#gallery ul li.th5 {background:url(../images/floorplans/townhomes/thumbs/fannon-unit-7-lev2-th.gif);}
#gallery ul li.th6 {background:url(../images/floorplans/townhomes/thumbs/fannon-unit-7-lev3-th.gif);} 

*/



/* remove visibility:hidden; if you want to use the original images as thumbnails 
#gallery ul li img {visibility:hidden; display:block; width:30px; height:30px;}

#gallery ul li span {display:none; position: absolute; top: 400px; right: 0em; padding-top: 1em; border-top: #000000 1px solid; width:165px; height:auto;font-family: arial, sans-serif; color:#333; font-size:.75em; line-height:15px; text-align:left; overflow: auto;}
#gallery ul li b {color:#000; font-size: 1em;}

#gallery ul li.chosen {border-color: #66cccc; border-width: 3px; cursor:default;}
#gallery ul li.chosen div {position:absolute; left:10px; top:50px; width:381px; height:auto; background:#fff; border:0px solid #000;}
#gallery ul li.chosen div i {width:381px; height:auto; display:table-cell; vertical-align:middle; text-align:center;} 
#gallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:0px solid #000; margin:0 auto;}
#gallery ul li.chosen span {display:block;}

*/


/* ================================================================ 
end stunicholls styles
=================================================================== */


	
	
@charset "UTF-8";	
	
	
.rend {border: #cccccc 2px solid; margin: 0em 0em 1em 0em;}
.capt {font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: .8em; text-align: right;}
.capt2 {font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: .8em; font-weight: bold; text-align:right; margin-right: 50px;}


/* name of main floorplan */
.capt3 {display: table-cell; vertical-align:middle; text-align:center; width: 380px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 0px; font-family: "Times New Roman", Times, serif; font-size: 1.25em; font-weight: bold; color:#660000; position: absolute; top: 0px; left: 10px; border-bottom: #999999 1px solid;}







/* ================================================================ 
start gallery (This is a wider gallery for larger TOWNHOME floorplans)
=================================================================== */


#gallerycontainer {float:left; margin: 0 auto; padding-top: 15px; width: 600px; height: 100%; border-left: #cccccc 1px solid;}
#gallery {width:580px; position:relative; height: 610px; padding-top:0px; margin:0 auto;}

#gallery img.left {background:#fff; cursor:pointer; margin-right: 5px;}
#gallery img.right {background:#fff; cursor:pointer; margin-right: 20px;}

#gallery ul {list-style:none; padding-top:0px; float: right; background:#fff; border:0px solid #fff; margin: 0; width: auto;}
#gallery ul li {display:inline; width:50px; height:50px; float:left; margin:0 2px; border:1px solid #cccccc; cursor:pointer; border-width:1px solid;}

#gallery ul li.hide {display: block;}




/* using background images */
#gallery ul li.th1 {background: url(../images/floorplans/townhomes/thumbs/fannon-unit-7-lev1-th.gif);}
#gallery ul li.th2 {background: url(../images/floorplans/townhomes/thumbs/fannon-unit-7-lev2-th.gif);}
#gallery ul li.th3 {background:url(../images/floorplans/townhomes/thumbs/fannon-unit-7-lev3-th.gif);}
#gallery ul li.th4 {background:url(../images/floorplans/townhomes/thumbs/fannon-unit-7-lev1-th.gif);}
#gallery ul li.th5 {background:url(../images/floorplans/townhomes/thumbs/fannon-unit-7-lev2-th.gif);}
#gallery ul li.th6 {background:url(../images/floorplans/townhomes/thumbs/fannon-unit-7-lev3-th.gif);}



/* remove visibility:hidden; if you want to use the original images as thumbnails */
#gallery ul li img {visibility:hidden; display:block; width:30px; height:30px;}

#gallery ul li span {display:none; position: absolute; top: 370px; right: 0em; padding-top: 1em; border-top: #999999 1px solid; width:165px; height:auto;font-family: arial, sans-serif; color:#333; font-size:.75em; line-height:15px; text-align:left; overflow: auto;}
#gallery ul li b {color:#000; font-size: 1em;}

#gallery ul li.chosen {border-color: #66cccc; border-width: 3px; cursor:default;}
#gallery ul li.chosen div {position: absolute; top: 50px; left: 10px; width:383px; height: auto; background:#fff; border:0px solid #000; vertical-align:middle; margin: 0; }
#gallery ul li.chosen div i {width:380px; height:auto; display:table-cell; vertical-align:middle; text-align:center;} 
#gallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:0px solid #000; margin: 0 auto;}
#gallery ul li.chosen span {display:block;}



/* name of larger main floorplan */
.capt4 {display: table-cell; vertical-align:middle; text-align:center; width: 380px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 0px; font-family: "Times New Roman", Times, serif; font-size: 1.25em; font-weight: bold; color:#660000; position: absolute; top: 0px; left: 10px; border-bottom: #999999 1px solid;}











/* ================================================================ 
start gallery2 (This is a wider gallery for larger TOWNHOME floorplans)
=================================================================== */


#gallery2container {float:left; margin: 0 auto; padding-top: 15px; width: 600px; height: 100%; border-left: #cccccc 1px solid;}
#gallery2 {width:580px; position:relative; height: 610px; padding-top:0px; margin:0 auto;}

#gallery2 img.left {background:#fff; cursor:pointer; margin-right: 3px;}
#gallery2 img.right {background:#fff; cursor:pointer; margin-right: 10px;}

#gallery2 ul {list-style:none; padding-top:0px; float: right; background:#fff; border:0px solid #fff; margin: 0; width: auto;}
#gallery2 ul li {display:inline; width:50px; height:50px; float:left; margin:0 2px; border:1px solid #cccccc; cursor:pointer; border-width:1px solid;}

#gallery2 ul li.hide {display: block;}




/* using background images */
#gallery2 ul li.th1 {background: url(../images/floorplans/townhomes/thumbs/fannon-unit-7-lev1-th.gif);}
#gallery2 ul li.th2 {background: url(../images/floorplans/townhomes/thumbs/fannon-unit-7-lev2-th.gif);}
#gallery2 ul li.th3 {background:url(../images/floorplans/townhomes/thumbs/fannon-unit-7-lev3-th.gif);}
#gallery2 ul li.th4 {background:url(../images/floorplans/townhomes/thumbs/fannon-unit-7-lev1-th.gif);}
#gallery2 ul li.th5 {background:url(../images/floorplans/townhomes/thumbs/fannon-unit-7-lev2-th.gif);}
#gallery2 ul li.th6 {background:url(../images/floorplans/townhomes/thumbs/fannon-unit-7-lev3-th.gif);}
#gallery2 ul li.th20 {background: none;}



/* remove visibility:hidden; if you want to use the original images as thumbnails */
#gallery2 ul li img {visibility:hidden; display:block; width:30px; height:30px;}

#gallery2 ul li span {display:none; position: absolute; top: 370px; right: 0em; padding-top: 1em; border-top: #999999 1px solid; width:165px; height:auto;font-family: arial, sans-serif; color:#333; font-size:.75em; line-height:15px; text-align:left; overflow: auto;}
#gallery2 ul li b {color:#000; font-size: 1em;}

#gallery2 ul li.chosen {border-color: #66cccc; border-width: 3px; cursor:default;}
#gallery2 ul li.chosen div {position:absolute; left:7px; top:111px; width:383px; height:auto; background:#fff; border:0px solid #000; vertical-align:middle;}
#gallery2 ul li.chosen div i {width:auto; height:auto; display:table-cell; vertical-align:middle; text-align:left;} 
#gallery2 ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:0px solid #000; margin:0 auto;}
#gallery2 ul li.chosen span {display:block;}



/* name of larger main floorplan */
.capt4 {display: table-cell; vertical-align:middle; text-align:center; width: 380px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 0px; font-family: "Times New Roman", Times, serif; font-size: 1.25em; font-weight: bold; color:#660000; position: absolute; top: 0px; left: 10px; border-bottom: #999999 1px solid;}










/* ================================================================ 
start gallery3 (This is a wider gallery for larger FLATS floorplans)
=================================================================== */


#gallery3container {float:left; margin: 0 auto; padding-top: 15px; width: 600px; height: 100%; border-left: #cccccc 1px solid; z-index: -3;}
#gallery3 {width:580px; position:relative; height: 765px; padding-top:0px; margin:0 auto; z-index: 1;}

#gallery3 img.left {background:#fff; cursor:pointer; margin-right: 20px;}
#gallery3 img.right {background:#fff; cursor:pointer; margin-right: 5px;}

.ulcontainer {margin-bottom: 100px;}

#gallery3 ul {list-style:none; padding-top:0px; float: right; background:#fff; border:0px solid #fff; margin: 0px; width: auto;}
#gallery3 ul li {display:inline; width:38px; height:55px; float:left; margin:0 2px; border:1px solid #cccccc; cursor:pointer; border-width:1px solid;}
#gallery3 ul li b {padding-bottom: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; color: #000000; background-color: #ffffff;}
#gallery3 ul li b name {padding-left: 10px; padding-right: 10px; padding-bottom: 5px; font-family: Arial, Helvetica, sans-serif; font-size: .8em; font-weight: bold; color: #000000; background-color: #ffffff; border-bottom: #666666 1px solid;}

#gallery3 ul li.hide {display: block;}




/* using background images */
#gallery3 ul li.th1 {background: url(../images/floorplans/townhomes/thumbs/fannon-unit-7-lev1-th.gif);}
#gallery3 ul li.th2 {background: url(../images/floorplans/townhomes/thumbs/fannon-unit-7-lev2-th.gif);}
#gallery3 ul li.th3 {background:url(../images/floorplans/townhomes/thumbs/fannon-unit-7-lev3-th.gif);}
#gallery3 ul li.th4 {background:url(../images/floorplans/townhomes/thumbs/fannon-unit-7-lev1-th.gif);}
#gallery3 ul li.th5 {background:url(../images/floorplans/townhomes/thumbs/fannon-unit-7-lev2-th.gif);}
#gallery3 ul li.th6 {background:url(../images/floorplans/townhomes/thumbs/fannon-unit-7-lev3-th.gif);}



/* remove visibility:hidden; if you want to use the original images as thumbnails */
#gallery3 ul li img {visibility:hidden; display:block; width:30px; height:30px;}

#gallery3 ul li span {
	display:none;
	position: absolute;
	top: 20px;
	left: 11px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 15px;
	border-top: #999999 0px solid;
	width:350px;
	height:auto;
	font-family: arial, sans-serif;
	color:#333;
	font-size:.75em;
	line-height:1.25em;
	text-align:left;
}


#gallery3 ul li.chosen {border-color: #66cccc; border-width: 3px; cursor:default;}
#gallery3 ul li.chosen div {
	position:absolute;
	left:11px;
	top:300px;
	width:auto;
	height:auto;
	background:#fff;
	border:0px solid #000;
	vertical-align:middle;
	z-index: -1;
} 


#gallery3 ul li.chosen div b {width:380px; height:auto; display:table-cell; vertical-align:middle; text-align:left;} 
#gallery3 ul li.chosen div b img {visibility:visible; width:auto; height:auto; border:0px solid #000; margin:0 auto;}
#gallery3 ul li.chosen span {display:block;}

/* name of larger main floorplan */
.capt4 {display: table-cell; vertical-align:middle; text-align:center; width: 380px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 0px; font-family: "Times New Roman", Times, serif; font-size: 1.25em; font-weight: bold; color:#660000; position: absolute; top: 0px; left: 10px; border-bottom: #999999 1px solid;}



.capt5 {font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: .75em; font-weight: bold; text-align:right;}

.capt6 b {display: table-cell; width: 25px; font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: .75em; font-weight: bold; text-align:right;}


#buttongroup {margin-left: 10px; text-align: center; width: 380px;}


.labels {display: table-cell; width: 35px; padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: .8em; font-weight: bold;}