/**************** Body and tag styles ****************/

*{margin:0; padding:0;}

body{
    font:76% Verdana,Tahoma,Arial,sans-serif;
    /* line-height:1.4em; */
    text-align:left;
    /* color:#303030; */
}

  a{
    color:#467aa7;
    font-weight:bold;
    text-decoration:none;
    background-color:inherit;
} 

/* a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;} */
a img{border:none;}

/* p{padding:0 0 1.6em 0;} */
/* p form{margin-top:0; margin-bottom:20px;} */


/**************** Header and navigation styles ****************/

#header{
	height:112px;
	width:800px;
	/* background-image: url(images/header.jpg); */
}

#navigation{
	height:10px;
	width:700px;
	background:#ffffff;
	color:#80b0da;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	text-align: right;
	margin-right: 1px;
	white-space:nowrap;
	vertical-align: bottom;
	margin-bottom: 0px;
	/* border: 1px solid #CCCCCC; */
	word-spacing: normal;
	margin-top: auto;
	margin-left: auto;
	padding-top: 28px;
}

.info{
	height:10px;
	width:700px;
	background:#ffffff;
	color:#80b0da;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	text-align: right;
	margin-right: 1px;
	white-space:nowrap;
	vertical-align: bottom;
	margin-bottom: 0px;
	/* border: 1px solid #CCCCCC; */
	word-spacing: normal;
	margin-top: auto;
	margin-left: auto;
	padding-top: 28px;
}

#navigation a{
    color:#467aa7;
    font-weight:bold;
    text-decoration:none;
}

#navigation .selected,#navigation a:hover{
    /* background:#80b0da; */
    color:#80b0da;
    text-decoration:underline;
}

/**************** Content styles ****************/

#container{
	width:800px;
	/* margin:20px auto; */
	padding:0px 0;
	/* text-align:left; */
	background:#ffffff;
	/* border:1px solid #a0a0a0; */
	/* overflow: hidden; */
	/* position: relative; */
	top: 50%;
    position:absolute;
	left: 50%;
	height:580px;
	margin-top: -290px; /*set to a negative number 1/2 of your height*/
	margin-left: -400px; /*set to a negative number 1/2 of your width*/
}

#contentContainer{
    /* float:left; */
	width:800px;
	font-size:0.9em;
	/* padding:20px 0 0 20px; */
	color:#303030;
	/* border: 1px solid #00FFFF; */
	border: 1px solid #CCCCCC;
	height: 440px;
	overflow: auto;
	/* x-scroll:none;
	y-scroll: auto; */
	background-color:#fafbfc;
}
#content{
	float:left;
	font-size:0.9em;
	/* color:#303030; */
	color:#333333
	/* line-height: 19px;*/
	vertical-align: top;
	width:375px;
	padding:35px 0 0 10px;
	/* text-align: justify; */
	/* border: 1px solid #00FFFF; */
	/* height: 440px; */
}

#content h2 a{font-weight:normal;}
#content h3{margin:0 0 5px 0; font-size:0.9em; letter-spacing:-1px; color: #5F739B}
#content p{
	font-size:0.9em;
	/* letter-spacing:-1px; */
	color: #333333;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
#content a:hover,#subcontent a:hover{text-decoration:underline;}
#content ul,#content ol{margin:0 5px 16px 35px;}
#content dl{margin:0 5px 10px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd{margin:0 0 10px 15px;}

/**************** Footer styles ****************/

#footer{
    clear:both;
    width:800px;
    /* padding:5px 0;
    margin:0 1px; */
    font-size:0.9em;
}

#footer p{padding:0; margin:0; text-align:center;}
#footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}

/**************** Misc classes and styles ****************/

.splitcontentleft{float:left; width:100%;}
.splitcontentGallery{width:100%;}
.splitcontentright{float:right; width:48%;}
.clear{clear:both;}
.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}

#popupContainer{
	width:800px;

	padding:0px 0;
	/* text-align:left; */
	background:#ffffff;
	top: 50%;
    position:absolute;
	left: 50%;
	height:500px;
	margin-top: -250px; /*set to a negative number 1/2 of your height*/
	margin-left: -300px; /*set to a negative number 1/2 of your width*/
}

.lotpopup {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
}

.box{
    margin:0 0 20px 0;
    padding:10px;
    /* border:1px solid #c0c0c0; */
    background-color:#fafbfc;
    color:#505050;
    line-height:1.5em;
	font-size:0.9em; 
}

.boximage{
	background-color:#fafbfc;
	color:#505050;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}

.boximageLots{
	background-color:#fafbfc;
	color:#505050;
	padding-top: 7px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}

.boxGallery{
    margin:0 0 20px 0;
    padding:10px;
    /* border:1px solid #c0c0c0; */
    background-color:#fafbfc;
    color:#505050;
}

.boxGallery img  {
	vertical-align: middle;
	border: 1px solid #999999;
	margin-left: 10px;
}

.rightbox{
	text-align: left;
	padding-top: 20px;
}

.rightbox a{
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

.rightbox .selected{
	color:#80b0da;
	text-decoration:underline;
	font-weight: bold;
}

.lotFootprintTableHeader{
    border:1px solid #00FFFF;
    color:#505050;
    line-height:1.5em;
    background-color: #CCFFFF;
}

.lotFootprintCellBorder{
    border:1px solid #00FFFF;
    color:#505050;
    line-height:1.5em;
}

.lotwallTableHeader{
    border:1px solid #00FFFF;
    color:#505050;
    line-height:1.5em;
    background-color: #CCFFFF;
}

.lotWallCellBorder{
	border:1px solid #00FFFF;
	color:#505050;
	line-height:1.5em;
	vertical-align: top;
}

#imgCov {
	vertical-align: middle;
	border: 1px solid #999999;

}#gallery {
	float: left;
	overflow: auto;
	width: 370px;
	height: 250px;
	z-index: 0;
	
}