@import url("reset.css");

Body {
margin:0;
color:black;
width:100%;
height:100%;
margin-left:auto;
margin-right:auto;
padding:0px;
font-family:arial,sans-serif;
background-color:#ffffff;
}
	
#Content {
position:relative;
display:inline-block;
background-color:#ffffff;
overflow:hidden; 
margin-top:0px;
margin-left:0px;
width:1800px;
/*border-width:5px;
border-style:solid;
border-color:black;*/
}

#left-panel {
position:relative;
display:inline-block;
background-color:#d0e0d3;
width:200px;
text-align:center;
height:982px;
padding-right:8px;
padding-bottom:8px;
float:left;
}

.nav ul ul li{
display:none;
width:180px;
background-color:#888888;
color:#FFFFFF;
text-decoration:none;
}

.nav ul li {
text-align:center;
list-style:none;
width:180px;
height:30px;
border-style:solid;
border-width:1px;
background-image:url(img/ulbg.jpg);
margin-left:14px;
padding-top:5px;
margin-top:2px;
}

.nav ul li li {
padding-top:6px;
}

.nav a {
font-size:20px;
font-family:times, georgia, serif;
text-decoration:none;
color:black;
}

.nav li:hover ul li{
display:block;
width:100px;
margin-left:30px;
transition-delay:2s;
}

#mainelev {
display:block;
height:133px;
width:180px;
background-color:white;
margin-left:14px;
font-size:17px;
}

#mainelev img {
width:180px;
height:108px;
}

#radio {
margin-top:15px;
font-size:20px;
font-weight:bold;
}

#elevations {
position:relative;
margin-top:20px;
margin-left:0px;
}

#levels {
position:relative;
margin-top:20px;
}

#build {
position:relative;
background-color:#DCDCDC;
width:172px;
height:350px;
border-width:1px;
border-style:double;
border-color:#00395a;
margin-top:40px;
margin-left:10px;
padding:7px 7px 7px 7px;
font-size:16px;
line-height:19px;
color:#000000;
overflow-x:hidden;
-ms-overflow-x:hidden;
overflow-y:auto;
-ms-overflow-y:auto;
-webkit-overflow-scrolling:touch;
}

.tooltips {
cursor:pointer;
margin-bottom:20px;
font-size:16px;
font-weight:bold;
}

#controls {
position:relative;
float:left;
width:210px;
height:980px;
}
	
#options {
position:relative;
width:210px;
height:876px;
overflow:auto;
background-color:#fff;
margin-top:100px;
margin-right:16px;
padding-left:5px;
padding-top:12px;
font-size:14px;
font-weight:500;
border-width:1px;
border-style:double;
border-color:#00395a;
color:#00395a;
text-align:left;
overflow-x:hidden;
-ms-overflow-x:hidden;
overflow-y:auto;
-ms-overflow-y:auto;
-webkit-overflow-scrolling:touch;
}

#pin {
display:inline-block;
}

.checkbox {
display:inline-block;
float:left;
padding-right:2px;
padding-left:6px;
text-indent:-6px;
height:20px;
}

.elev {
display:inline-block;
text-align:center;
padding-top:9px;
font-size:15px;
font-weight:bold;
cursor:pointer;
text-decoration:none;
color:#000;
background-color:#d0e0d3;
height:30px;
}

.checkboxWrapper {
position:relative;
margin-bottom:2px;
width:210px;
}

.label {
display:inline-block;
margin-left:3px;
padding-top:3px;
padding-bottom:10px;
}

#model {
position:relative;
top:10px;
color:#00395a;
font-size:24px;
font-family:georgia;
font-weight:bold;
vertical-align:middle;
}

#main{
position:relative;
top:50px;
width:1200px;
overflow:visible;
display:inline-block;
vertical-align:top;
height:auto;
float:left;
margin-left:8px;
}

.fp_text {
position:absolute;
font-family:Georgia, serif;
color:#181818;
line-height:95%;
text-align:center;
}

.fp_text_print {
position:relative;
font-family:Georgia, serif;
color:#181818;
line-height:95%;
text-align:center;
}

#fp_reverse {
position:absolute;
font-family:"times new roman", sans-serif;
font-size:30px;
color:#181818;
font-weight:bold;
z-index:9999;
top:2px;
left:80px;
}

#reverse {
display:inline-block;
width:65px;
font-size:12px;
margin-top:10px;
margin-left:5px;
text-align:center;
float:left;
}

#print {
display:inline-block;
width:65px;
font-size:12px;
margin-top:10px;
margin-left:0px;
text-align:center;
float:left;
}

#views {
display:inline-block;
width:65px;
font-size:12px;
margin-top:10px;
margin-left:5px;
text-align:center;
float:left;
}

#reset {
font-family:arial;
font-size:22px;
color:#b51717;
font-weight:bold;
}

#help {
position:absolute;
width:50px;
text-align:center;
font-size:12px;
top:20px;
right:80px;
}

#copyright {
display:inline-block;
position:absolute;
bottom:2px; 
left:10px;
}

#copyright a {
position:relative;
left:15px;
font-family:arial, sans-serif;
font-size:12px;
text-decoration:none;
}

#copyright img {
width:66px;
height:87px;
}

.overlay {
position:absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: url('img/transparent.gif') repeat;
}

.underlay {
display:none;
}

.clear-fix {
    clear:both;
}
/* product page */
h2 {
font-family:arial, sans-serif;
font-size:24px;
font-weight:bold;
}

#product3 {
padding-left:25px;
width:1200px;
height:500px;
background-color:#FFFFFF;
}

#large-photo {
display:inline-block;
width:767px;
height:479px;
margin-left:15px;
float:left;
}

#contact-side-bar {
display:inline-block;
width:280px;
margin-right:80px;
float:right;
}

#p_elevations {
width:1025px;
height:200px;
margin-left:15px;
background-color:#ffffff;
font-family:"times new roman", serif;
font-size:18px;
font-weight:bold;
clear:left;
}

.p_elevations {
display:inline-block;
text-align:center;
}

.p_elevations img {
width:190px;
height:116px;
margin-left:10px;
}

/* Site Plan */

.lot {
z-index:1;
position:absolute;
cursor:pointer;
}

.lot img {
z-index:2;
cursor:pointer;
}

.tooltip {
width:100%;
height:250px;
font-size:16px;
line-height:20px;
padding-bottom:10px;
}

.tooltip img {
padding:10px;
float:right;
}

.active_model {
box-shadow: 0px 0px 3px blue;
border:#CCCCCC thin solid;
}