@charset "utf-8";

/*-------CSS RESET-----------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, str5ong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*--------------------------------------------*/

/* Fonts */

h1 {
	font-family: 'Anton', sans-serif;
	font-size: 32px;
	padding-top: 20px;
	xpadding-bottom:20px;
	color:#1f3e91;
}

h2 {
	xfont-family:'Open Sans', sans-serif;
	font-family: 'Anton', sans-serif;
	font-size:60px;

}

h3 {	
	font-family:'Open Sans', sans-serif;
	font-size:30px;

}

h4 {
	font-family:'Open Sans', sans-serif;
	font-weight:700;
	font-size:20px;
	color:white;
	text-transform:uppercase;

}
h5 {


}

h6 {

}

html{
	padding:0px;
	margin:0px;
}

body{
} 

.fb_iframe_widget span { width: 240px !important; }
.fb-like-box iframe { width: 240px !important; }

/* ELEMENT/TAG SELECTORS */


ul {
	list-style-type: none;
	margin-bottom:15px;
	width:auto;
}

li.bullets {
	line-height: 23px;
	list-style:circle;
	margin-left:-7px;
    color:#727682;
    font-family:Arial, Geneva, SunSans-Regular, sans-serif;
    font-size:14px;
    line-height:1.6;
    text-align:left;
    vertical-align:top;
	margin-left:25px;

}

li {
	font-family:Arial, Geneva, SunSans-Regular, sans-serif;
    font-size:14px;
    line-height:1.6;
    text-align:left;
}

p {
  color:#555;
  font-family:Arial, Geneva, SunSans-Regular, sans-serif;
  font-size:14px;
  line-height:1.6;
}

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

a:link {text-decoration: none; }
a:visited { text-decoration: none; }
a {color:#6398a8;}

a.underline:link {color: #446e7a; text-decoration: none; }
a.underline:visited {color:#4d4d4f; text-decoration: none; }
a.underline:hover {
	color: #4d4d4f;
	text-decoration: none;
	font-size: 100%;
}


#navBar{
	z-index:999;
	position:fixed;
	width:100%;
	z-index:999;
	background-color:#1f3e91;
	background-color:#00349a;
	xbackground-image:url('../images/backgrounds/sun-spot-background.jpg');
	height: 70px;
	border-bottom: 1px solid #1657d6;
}

#navBar ul.navElements {
	width:900px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
	margin-top:22px;
	xpadding-left: 50px;
	width:875px;
}
#navBar ul.navElements li{
	display:inline;
	margin-right:20px;
	font-size:12px;
	font-family:'Open Sans', sans-serif;
	xcolor:#555;
	text-transform:uppercase;
	
}
#navBar ul li a:hover{
	color:#f8ea17;
	cursor:pointer;
}

#navBar ul li a{
	color:#fff;
	font-weight:700;
	font-size:14px;
}

#topContactInfo{
	float: right;
	top: 9px;
	position: relative;
	margin-right: 100px;
}

#phoneNumber{
	font-size: 25px;
	color: white;
}
#address{
	font-size: 16px;
	color: white;
}

#wrapper_div{
	padding-top:0px;
	z-index:2;
	position:relative;
	height:auto;
	width:900px;
	margin-left:auto;
	margin-right:auto;	
}

#banner{
	xbackground:url('../images/UD_campus4.jpg');
	background:url('../images/the-green.jpg');
	height:600px;
	width:100%;
	overflow:hidden;
	background-position: center -500px; 
	xbackground-position: center center; 
	background-repeat:no-repeat; 
}



#bannerInfo{
	position:absolute;
	width:550px;
	height:350px;
	xright:20px;
	right:0px;
	background:url('../images/backgrounds/cream_pixels_@2X.png');
	background:url('../images/backgrounds/lined_paper_@2X.png');
	z-index:990;
	top:250px;
	padding:20px;
	border:1px solid #ccc;
	-webkit-box-shadow: -6px 8px 5px 0px rgba(50, 50, 50, 0.7);
	-moz-box-shadow:    -6px 8px 5px 0px rgba(50, 50, 50, 0.7);
	box-shadow:         -6px 8px 5px 0px rgba(50, 50, 50, 0.7);
}

#map{
	height:300px;
	width:400px;
}

#flyoutHeading h3{
	xfont-family: 'Anton', sans-serif;
	font-family: 'Reenie Beanie', cursive;
	xfont-size:30px;
	font-size:41px;
	color: darkred;
	margin-bottom:20px;
}

#paperRip{
	position: absolute; left: -21px; height: 390px; top:0px;
}

#paperRipTop{
	position: absolute; top: -45px;
	width: 600px;
	left: -9px;
}

/*Responsive Styles*/
@media screen and (max-width : 1650px){ /*smallest size -- <1650px*/

	#banner{height:500px;}
	#map{height:250px; width:300px;	}
	#bannerInfo{width:450px; height:300px; top:200px; }
	#paperRip{	height: 341px;}
	#paperRipTop{top: -35px; width: 500px;}
}

#bannerWrapper{
	/*padding-top:20px;*/
	background:#4b5ba9;
	border-top: 2px solid darkblue;

}

.orange-radial{
	background: #facd0b; /* Old browsers */ 
	background: -moz-radial-gradient(center, ellipse cover,  #facd0b 0%, #d79328 92%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#facd0b), color-stop(92%,#d79328)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #facd0b 0%,#d79328 92%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #facd0b 0%,#d79328 92%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #facd0b 0%,#d79328 92%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #facd0b 0%,#d79328 92%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#facd0b', endColorstr='#d79328',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.blue-radial{
	background: #699db8; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #699db8 0%, #1f607e 92%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#699db8), color-stop(92%,#1f607e)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #699db8 0%,#1f607e 92%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #699db8 0%,#1f607e 92%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #699db8 0%,#1f607e 92%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #699db8 0%,#1f607e 92%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#699db8', endColorstr='#1f607e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.white-radial{
	background: #ffffff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #efeceb 93%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(93%,#efeceb)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#efeceb 93%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#efeceb 93%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#efeceb 93%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #ffffff 0%,#efeceb 93%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efeceb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.sunspots{
	background: url("../images/backgrounds/sun-spot-background.jpg");
}
.bg{
	background: url("../images/backgrounds/light_grey.png");
}

#blurbWrapper{
	background: url("../images/backgrounds/underlay-dark.png");
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
}

#blurb p{
	font-family: 'Anton', sans-serif;
	font-size: 22px;
	padding-top: 5px;
	padding-bottom:20px;
	color:white;
	
}

.darkBorder{
	border-top:1px solid #bbb;
}

#footer_div{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	xtop:20px;
	text-align:center;
	xmargin-bottom:20px;
	padding-bottom:20px;
	z-index:999;
	xbackground:#5a98bd;
}

.inner{
	width:900px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
}


.outer{
	width:100%;
}

#housesUL li{
	display:inline-block;
	width:250px;
	margin-right:20px;
	margin-top:50px;
	border:1px solid #bbb;
	padding:12px;
	background:url('../images/backgrounds/logo_x_pattern.png');
}

#newTownhousesUL li{
	display:inline-block;
	width:250px;
	margin-right:20px;
	margin-top:50px;
	border:1px solid #bbb;
	padding:12px;
	background:url('../images/backgrounds/logo_x_pattern.png');
}
#townhousesUL li{
	display:inline-block;
	width:250px;
	margin-right:20px;
	margin-top:50px;
	border:1px solid #bbb;
	padding:12px;
	background:url('../images/backgrounds/logo_x_pattern.png');
}

.skidRowLI li {
	display:inline-block;
	width:250px;
	margin-right:20px;
	margin-top:50px;
	border:1px solid #bbb;
	padding:12px;
	background:url('../images/backgrounds/logo_x_pattern.png');
}


.skidrowListing li{
	display:inline-block; 
	width:150px; 
	border:none; 
	background:transparent; 
	margin-top:0px; 
	margin-right:10px;
	margin-right: 0px;
	height:363px;
	
}


.picDiv{
	height:250px;
	width:250px;
	position:relative;
}

.housePic{
	width:100%;
	height:auto;	
}

.address{
	color:white;
	background:url('../images/backgrounds/underlay-dark.png');
	position: absolute;
	bottom: 0px;
	width: 250px;
	font-family: Arial, Geneva, SunSans-Regular, sans-serif;
	font-size: 17px;
	height: 30px;
	padding-top: 10px;
	text-align: center;
	font-weight: 700;
}

.propertyDesc{
	color:#555;
	font-weight:700;
	font-family:Arial, Geneva, SunSans-Regular, sans-serif;
	font-size:14px;
	margin-top:10px;
	margin-bottom:15px;
}




.viewListing {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
	background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
	background-color:#3d94f6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#f8ea17;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
	
	margin-right:auto;
	margin-left:auto;
	display:block;
	xwidth:90px;
	font-family: 'Anton', sans-serif;
	letter-spacing: 2px;
	xwidth: 186px;
	width: 150px;
	font-size: 20px;
	text-align: center;
}
.viewListing:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
	background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
	background-color:#1e62d0;
}
.viewListing:active {
	position:relative;
	top:1px;
}

.titleHeader{
	color: #1f3e91;
	font-weight: 700;
	font-size: 45px;
}

.title{
	font-family: 'Anton', sans-serif;
	letter-spacing: 2px;
	font-size:35px;
	text-align: center;
	color: #1f3e91;

}

#spacer{
	height:330px;
}

#footer{
	padding-top:20px;
	padding-bottom:20px;
	background-color:#00349a;
	height:70px;
}

#nowLeasing{
	border: 2px solid #62861c;
    background: #98c93a;
    padding-top: 20px;
    padding-bottom: 20px;
}
#nowLeasing h2{
	font-size: 30px; 
    margin: 0px auto;
    xwidth: 383px;
    text-align: center;
    color: #3f5a0a;
	-vendor-animation-iteration-count: 2;
	-vendor-animation-delay: 2s;
}

#alert{
	border: 2px solid red;
    background: #f56a6a;
    padding-top: 20px;
    padding-bottom: 20px;
}

#alert p{
	width:700px;
	color:#fff;
	margin:0px auto;
	display:block;
	text-align:center;
	font-size:15px;
}

#alert h2{
	font-size: 22px;
    margin: 0px auto;
    xwidth: 383px;
    text-align: center;
    color: #a23a3a;
}