/**** Base styles ****/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

h1{
	font-size:1.5em;
	vertical-align:middle;
	text-align:left;
	color:#65D700;
	padding-top: 21px;
}


body {
	font-family: Arial;
	font-size: 13px;
	background: white;
}
a{
	color:#005991;
	font-weight:bold;
}
a:hover{
	text-decoration:underline;
}
a:selected{
	text-decoration:underline;
}
a:visited{
	color:#005991;
}

#summary1{
	background:white;
	width:240px;
	height:60px;
	float:left;
	position:relative;
	margin-left:20px;
	-webkit-box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    2px 2px 3px rgba(50, 50, 50, 0.75);
	box-shadow:         2px 2px 3px rgba(50, 50, 50, 0.75);
}
#inventoryMini{
	width:135px;
	height:60px;
	position:relative;
	float:left;
}
.snapShot{
	float:right;
	margin-top:10px;
	width:105px;
	text-align:center;
	font-weight:bold;
}
#priceMini{
	width:135px;
	height:60px;
	position:relative;
	float:left;
}
#domMini{
	width:135px;
	height:60px;
	position:relative;
	float:left;
}
#summary2{
	background:white;
	width:240px;
	height:60px;
	margin-left:28px;	
	float:left;
	position:relative;
	-webkit-box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    2px 2px 3px rgba(50, 50, 50, 0.75);
	box-shadow:         2px 2px 3px rgba(50, 50, 50, 0.75);
}
#summary3{
	background:white;
	width:240px;
	height:60px;
	margin-left:28px;	
	float:left;
	position:relative;
	-webkit-box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    2px 2px 3px rgba(50, 50, 50, 0.75);
	box-shadow:         2px 2px 3px rgba(50, 50, 50, 0.75);
}
.active{
	border: 4px solid green;
}

#domGraph{
	margin-right:16px;
	margin-left:20px;
	width:780px;
	display:none;
}


.city{
	position:absolute;
	top:7%;
	color:#515C4E;
	font-weight:bold;
	font-size:10px;
	width:100%;
	text-align:center;
}


.country{
	position:absolute;
	top:85%;
	color:#515C4E;
	font-weight:bold;
	font-size:12px;
	width:100%;
	text-align:center;
	line-height:12px;
	height:12px;
}


.close{
	float:right;
	padding-right:10px;
	padding-top:10px;
	cursor:pointer;
}


/*** Kolmar Fun Section **/
.wrapper{
	width:100%;
}

/***** TOP SECTION *****/
#introContainer{
	height:80px;
	width:971px;
	margin-left:auto;
	margin-right:auto;
	vertical-align:middle;
	position:fixed;
	top:0px;
	z-index:1000;
	background:white;
	-webkit-box-shadow: 0px 5px 5px -5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 5px 5px -5px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 5px 5px -5px rgba(50, 50, 50, 0.75);
}

#introContainer img{
	float:left;
	margin-top:10px;
	display:block;
	margin-right:5px;
}
.greyBar{
	height:20px;
	width:969px;
	margin-left:auto;
	margin-right:auto;
	background: white;
}

/*** Modal Pop Ups for Cities **/
#housingData{
	border-collapse:collapse;
	width:100%;
	border: 1px solid #DFDCDC;
}
#housingData td.leftBorder{
	border-left:1px solid #000;
}

/*** Bottom ***/
#bottom{
	background-color: #F0F0F0;
	border: 1px solid #DFDCDC;
	height:50px;
	margin-top:20px;
	width:969px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}
#bottomContainer{
	margin-top:20px;
	width:72%;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}
#bottomLeft{
	float:left;
}
#bottomRight{
	float:right;
}

/*Article CSS**/

#articleContainer{
	width:929px;
	margin-left:auto;
	margin-right:auto;
	background-color: #F0F0F0;
	border: 1px solid #DFDCDC;
	padding:20px;
}
#article{
	text-transform:none;
	font-size:1.3em;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	background:white;
	padding:30px;
	border: 1px solid #DFDCDC;
}

#article p{
	margin-bottom:5px;
}

#article ol{
	margin-left:10%;
	margin-top:5px;
	margin-bottom:20px;
}
#article ul{
	margin-left:10%;
	margin-top:5px;
	margin-bottom:20px;
}

/** Map **/
#AL,#AK,#AZ,#AR,#CA,#CO,#CT,#DE,#DC,#FL,#GA,#HI,#ID,#IL,#IN,#IA,#KS,#KY,#LA,#ME,#MD,#MA,#MI,#MN,#MS,#MO,#MT,#NE,#NV,#NH,#NJ,#NM,#NY,#NC,#ND,#OH,#OK,#OR,#PA,#RI,#SC,#SD,#TN,#TX,#UT,#VT,#VA,#WA,#WV,#WI,#WY{
	display: none;
}

#default{
	background:white;
	height: 380px;
	width: 294px;
	float:right;
	margin-right:10px;
	-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.75);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#default ul{
	padding-left: 20px;
	margin-top:20px;
}
#default li{
	margin-left:0px;
	margin-bottom: 15px;
}
.popOver{
	margin-top:50px;	
	background:white;
	height: 354px;
	width: 294px;
	float:right;
	-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.75);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.popOverInner{
	margin:20px;
}
.popOverInner table{
	border-collapse:collapse;
	width:100%;
	font-size:.9em;
}
.popOverInner th{
	border-bottom:1px solid black;
}
.popOverInner td{
	text-align:center;
	line-height:2em;
	border-top:1px solid #D4D4D4;
}
.projected{
	font-weight:bold;
	color:#C2C2C2;
	letter-spacing:-1px;
	margin-top:25px;
}
.change{
	font-size:1.5em;
}
#houseLegend{
margin-left: 90px;
width: 66%;
margin-bottom: 60px;
margin-top: 50px;
}
#paper{
	margin-left:75px !important;
	float:left !important;
}