@charset "utf-8";
/* CSS Document */
/*Basic*/
html {
	background-color: #01234a;
	overflow-y: scroll;
	font-family: sans-serif;
}
body {
	margin: 0; 
	padding: 0;
	width: 100%;
	height: 100%;
	margin-bottom: 7px;
	
}
p {
	line-height: 20px; 
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	padding: 7px 25px;
	text-align: justify;
}
h1 {
	font: 21px normal;
	color: white;
	margin: 14px 0 0 21px;
	font-family: 'Boogaloo', sans-serif;
	text-shadow: 2px 2px 2px #000000;
    filter: dropshadow(color=#000000, offx=2, offy=2);

}

h2 {
	color: white; 
	font:18px normal;
	padding-left: 14px;
	font-family: 'Boogaloo', sans-serif;
}

.miniSection h2, .unitList p, .expandUnit p{
		text-shadow: 2px 2px 2px #000000;
    filter: dropshadow(color=#000000, offx=2, offy=2);

}

h3 {
	font: italic bold 13px;
	padding-left: 14px;
	font-family: 'Open Sans', sans-serif;
}
#wrapper {
	width: 700px; 
	margin: 0 auto 14px;
}

#transparentStrip {
    display: none;
	width: 100%; 
	height: 108px; 
	background-color: rgba(5, 52, 107, 0.20);
	position: absolute; 
	margin-top: 60px;
	z-index: -5; 
		border-top: 1px solid #245793; 
	border-bottom: 1px solid #245793; 
	border: none;

		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1405346b', endColorstr='#1405346b',GradientType=1 ); /* IE6-9 */
	box-shadow: 2px 2px 8px black;

}


/*Layout*/
.middleCol h2{
	border-bottom: 2px solid #0d52a3;
}
.float {
	float: left; 
	margin-right: 11px; 
	margin-left: 7px;
}
.rightCol{
	max-width: 455px; 
	color: #1d175; 
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	text-align: justify; 
	line-height: 18px; 
	float: left;
	margin: 14px 18px 0 7px;
}
.middleCol{
	max-width: 630px; 
	font-family: 'Open Sans', sans-serif;
	font-size: 13px; 
	padding-top: 7px; 
}
.middleCol p{
	font-size: 13px;
	margin: 14px 0 0 14px;
}
.unitInside {
	margin: 11px;
	padding-bottom: 7px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.clearFloat{
	clear: both;
}
#mainHeading {
	min-height: 53px;
	margin-bottom: 19px;
	background-color:#05346B;
	background: rgba(5, 52, 107, 0.75);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7305346b', endColorstr='#7305346b',GradientType=1 ); /* IE6-9 */
}
.whiteInside{
	background-color: #f4f9ff;
	color: #1d1715;
	padding: 14px 0;
	margin: 7px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-mox-box-shadow: 5px 5px 5px #001a39;
	-webkit-box-shadow: 5px 5px 5px #001a39;
	box-shadow: 5px 5px 5px #001a39;
}
.whiteInside h2{
color: #1d1715;
}
.contactWhiteInside {
	padding: 14px 0;
	margin: 7px;

}
.contactWhiteInside p, .contactWhiteInside label{
font-weight: bold;
}

.applicationCheckBoxLabels{
width: 530px; float: left;
}


/*Forms*/
label{
	line-height: 16px; 
	width: 210px; 
	display: block; 
	padding: 7px 0 5px;
	font: 12px 'Open Sans', sans-serif;
}
input{
	display: block;  
	font-size: 12px; 
	padding: 2px; 
	width: 140px; 
	height: 18px; 
	margin: 5px 0;
	font-family: 'Open Sans', sans-serif;
}
input[type="submit"]{
	background-color: #1d1715;
	color: white;
	border: none;
	
	padding: 5px 11px;
	height: auto;
	width: auto;
	border: 1px solid white;
}
input[type="submit"]:hover{
	background-color: #432920;
}
input[type="checkbox"]{
	width: 14px; height: 20px; 
}
select{
	font-size: 12px; 
	padding: 2px; 
	width: 140px; 
	height: 26px; 
	color: #6b6764; 
	margin: 5px 0;
}
.inline{
	display: inline;
}
.clearFloat{ 
	clear:both;
}

input.error{ 
	border: 1px solid #d75e5e; 
}
.error {
	color: #950000;
}
label.error {
	margin-bottom: 0px; 
	padding-bottom: 0px; 
	padding-top: 0px;
}

/*Header*/

/*header {
	background-color:  #1d1715; 
	width: 203px; 
	height: 63px; 
	border: 5px white solid; 
	margin-left: 70px; 
	border-top: none;
	
}*/
header{
height: 65px;
min-width: 700px;
}
#headerLogo{
background-color: #1d1715;
background-color: white;
/*width: 203px;
height: 63px;*/
border: 5px white solid;
border: 5px #1d1715 solid;
border-top: none;
float: left;
margin-left: 70px;
}
header img{
	width: 178px; 
	margin: 5px 11px 5px 11px;
	
	
}
.column{ 
	width: 210px; 
}
.applyPadding{ 
	padding-left:25px;
}
#residentWebAccess{
	float: right;
	margin-right: 50px;
}
#residentWebAccess a{
	background: #1d1715;
	color: white;
	display: block;
	padding: 5px 0;
	text-align: center;
	text-decoration: none;
	border: 2px solid white;
	border-top: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	width: 145px;
}


/*Navigation*/
nav *{
	padding: 0;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
nav{
	/*margin: 230px auto 0px 370px;*/
	margin: 60px auto 0px 160px;
}
nav ul{
	list-style: none;
	overflow: hidden;
}
nav li a{
	background: #1d1715;
	border-right: 2px solid white;
	color: white;
	display: block;
	float: left;
	padding: 5px 14px;
	text-align: center;
	text-decoration: none;
	border-top: 2px solid white;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
}
nav li a:hover, nav li a:active, #residentWebAccess a:hover, #residentWebAccess a:active, .current{
	background: #432920;
	background: #05446f;
}
nav li:first-child a {
	border-left: 1px solid white;
}


/*Footer*/
#footer, #footer2{
	margin: 0; 
	float: right; 
	width: 662px; 
	height: 21px; 
	color: white; 
	background-color: #1d1715; 
	margin: -7px 14px 14px 0;
	border: 2px white solid;
	border-top: none;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
}
#footer li, #footer2 li{
	display: inline; 
	list-style: none; 
	font-size: 11px; 
	font-family:'Open Sans', sans-serif; 
	padding: 0 12px;
}
#footer ul, #footer2 ul{
	padding: 0; 
	margin: 0;
}
#footer span, #footer2 span{
	margin-left: 14px; 
	padding-top: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
}
#footer a, #footer2 a{
	color: white; 
}
#footer a:hover, #footer2 a:hover{
	color: #75BAFF;
}
#footerClear{
	height: 10px; 
	clear: both; 
	width: 100%; 
}


/*Sections*/
section {
	width: 679px; 
	border: 2px solid #001732;
	border-radius: 5px;
	color: white;
	-webkit-box-shadow: 0 8px 6px -6px black, inset 7px 7px 15px #1e60ac, inset -7px -7px 15px #1e60ac;
	-moz-box-shadow: 0 8px 6px -6px black, inset 7px 7px 15px #1e60ac, inset -7px -7px 15px #1e60ac;
	box-shadow: 0 8px 6px -6px black, inset 7px 7px 15px #1e60ac, inset -7px -7px 15px #1e60ac;
		-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
	box-shadow: 3px 3px 6px black;

	background: rgba(5, 68, 111, 0.65);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7305446f', endColorstr='#7305446f',GradientType=1 ); /* IE6-9 */

	margin: 0 auto 7px;
}
section a:link, section a:active, section a:visited{
	color: #1d1715;
	font-style: italic;
	font-size: 14px;
	font-weight: bold;
}
section a:hover{
	color: #432920;
}
.threeColumn{
	width:210px; 
	float:left; 
}
.threeColumn label{
	width: 196px;
}
.divider{
	background-color: #0d52a3; 
	height: 2px; 
	width: 95%; 
	color: #0d52a3;
	margin: 7px 0 14px 14px;
}


/*Front Page */
.miniSection{
	text-decoration: none; 
	margin-bottom: 70px;
}
.miniSection:hover section{
	background: rgba(17, 107, 169, 0.65);
}
.miniSection:active section{
	background: rgba(2, 39, 64, 0.65);
	cursor: pointer;
}
.miniSection section{
	width: 182px; 
	float: left; 
	height: 175px; 
	text-align: center; 
	margin-right: 63px;
}
.miniSection section img{
	height: 115px; 
	margin: 14px auto 7px;
}
.miniSection section h2{
	margin: 0; 
	padding: 0; 
	border: 0;
}
.lastButton section{
	margin: 0;
}
#dateSearch{
	margin-bottom: 11px; 
	color: #133d6e; 
	font: 12px Arial, Helvetica, sans-serif; 
	line-height: 16px; 
}
#dateSearch input{
	float: left; 
	margin: 14px 0 0 21px;
}

/*Potsdam*/	
#PotsdamMap{
	border: 3px solid #05346b;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
#PotsdamInfo{
	float: left; width: 315px; margin-right: 35px;
}
#PotsdamInfo h2{
	border: none;
}
#weather{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: #05346b;
	color: white;
	width: 140px;
	padding: 7px;
	border: 1px #001732 solid;
	text-align: center;
	line-height: 1.6em;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
}
#weather div img{
	margin-right: 7px;
}
#weather a:link, #weather a:hover, #weather a:visited{
	color: #f4f9ff; 
	text-decoration: none;
}
#Relative{
	overflow: auto;
	padding-bottom: 49px;
}


/*Apartments*/
.unit p{
	padding: 0;
}
.unitImage {
	min-height: 140px; 
	float: left;
}
.unit img{
	border: #1d1715 2px solid; 
	width: 140px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px; 
	margin: 7px 11px 0px 7px;
	float: left;
}
.unitList {
	padding: 5px 0;
}

#searchResults .unitList{
	margin-left: 8px;
}
.unitList p{
	padding:7px 18px; 
	color: white; 
	font-size: 14px;
	font-family: 'Boogaloo', sans-serif;
}
.unitListLink{
	color: white; text-decoration: none; 
	font: 17px normal ;
	font-family: 'Boogaloo', sans-serif;
}
.unit h2{
	padding-left: 0; 
}
.downarrow, .uparrow{
	width: 28px; 
	height: 28px; 
	float: left;
	margin: 5px 0 0 14px;
	background-image: url('../images/arrowsprite.png');
}
.downarrow{
	 background-position: 0 88px; 
}
.expandUnit:hover .downarrow{
	background-position: 0 60px;
}
.expandUnit:active .downarrow{
	background-position: 0 32px;
}
.uparrow{
	 background-position: 0 116px; 
}
.expandUnit:hover .uparrow{
	background-position: 0 144px;
}
.expandUnit:active .uparrow{
	background-position: 0 172px;
}
.expandUnit{
	height: 35px; 
	background-color: #0d52a3; 
	background-color: rgba(13,82,163,.88);
	-moz-border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px; 
	-moz-border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow: inset 5px 5px 5px #1965bf, inset -5px -5px 5px #1965bf, 0px -5px 10px #05346b;
	-moz-box-shadow: inset 5px 5px 5px #1965bf, inset -5px -5px 5px #1965bf, 0px -5px 10px #05346b;
	box-shadow: inset 5px 5px 5px #1965bf, inset -5px -5px 5px #1965bf, 0px -5px 10px #05346b;
	width: 700px; 
	border: 2px solid #001732; 
	border-top: none; 
	margin: 0 auto 7px;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7305446f', endColorstr='#7305446f',GradientType=1 );
}
.expandUnit p{
	color: white; 
	font: 16px 'Boogaloo', sans-serif;
	margin: 0;
	font-weight: bold;
	float: left;
	color: white; 
	font-style: normal;  
	padding-left: 5px; 
	margin-top: 3px;
}
.expandUnit:hover {
	background-color: #1965bf;
	background-color: rgba(25,101,191,.88);
	-webkit-box-shadow: inset 5px 5px 10px #2a75ce, inset -5px -5px 10px #2a75ce, 0px -5px 10px #05346b;
	-moz-box-shadow: inset 5px 5px 10px #2a75ce, inset -5px -5px 10px #2a75ce, 0px -5px 10px #05346b;
	box-shadow: inset 5px 5px 10px #2a75ce, inset -5px -5px 10px #2a75ce, 0px -5px 10px #05346b; 
	cursor: pointer;
}
.expandUnit:active {
	background-color: #1965bf;
	-webkit-box-shadow: inset 5px 5px 5px #0d52a3, inset -5px -5px 5px #0d52a3, 0px -5px 10px #05346b;
	-moz-box-shadow: inset 5px 5px 5px #0d52a3, inset -5px -5px 5px #0d52a3, 0px -5px 10px #05346b;
	box-shadow: inset 5px 5px 5px #0d52a3, inset -5px -5px 5px #0d52a3, 0px -5px 10px #05346b; 
	cursor: pointer;
}
.unit{
	margin-bottom: 0; 
	padding-bottom: 7px;
	border-bottom: none;
	-webkit-border-bottom-left-radius: 0px;
	-mox-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px; 
	z-index: 2;

}
.unitLink {
	text-decoration: none; 
	cursor: pointer; 
	color: white; 
	width: 679px; 
	height: 36px;
}
.unitLink p{
	cursor: pointer;
}
.expandUnit{ z-index: 3;}
.detail{
	border-radius: 5px;
	border: 2px solid #001732;
	margin-bottom: 10px;
}
.unitList:hover{ 
	background: rgba(17, 107, 169, .65);
}
.unitList:active{ 
	background-color: #1965bf;
	-moz-box-shadow: inset 5px 5px 5px #0d52a3, inset -5px -5px 5px #0d52a3, 0 8px 6px -6px black;
	-webkit-box-shadow: inset 5px 5px 5px #0d52a3, inset -5px -5px 5px #0d52a3, 0 8px 6px -6px black;
	box-shadow: inset 5px 5px 5px #0d52a3, inset -5px -5px 5px #0d52a3, 0 8px 6px -6px black; 
	cursor: pointer;
}
#seeAllUnits{
margin-right: 0px;
width: 105px;
height: 42px;
}

/*Unit Detail*/	
#unitAvailable{
	margin: 0 28px 0 5px;
	width: 266px; 
	height: 42px;
}
#applyUnit{
	margin-right: 28px; 
	width: 154px; 
	height: 42px;
}
#backUnit{
	margin: 0 28px 0 5px;
	width: 196px;
	height: 42px;
}
#currentUnits{
 margin-right: 28px;
 width: 220px;
 height: 42px;
}

#contactUnit{
	margin-right: 0px; 
	width: 199px; 
	height: 42px;
}
#backUnit:hover{
cursor: pointer;
}
#unitAvailable h2, #applyUnit h2, #contactUnit h2, #backUnit h2, #currentUnits h2{
	padding-top: 9px;
}
#unitBoxes{
	width: 693px;
}
.unitBox{
	float: left; 
	width: 220px; 
	margin-left: 6px; 
	opacity: 1; 	
}
.unitBox img, .unitBox iframe{
	width: 196px; 
	margin-left: 6px;
}

.unitInfoLink section{
	width: 182px; 
	float: left; 
	height: 175px; 
	text-align: center; 
	margin-right: 63px;
	filter: alpha(opacity = 98);

}

#disclaimer{
	font-style: italic; 
	font-size: 12px;
}


.apartmentApplyUnit {
	margin-left: 400px;
}
#bottomBar{
	height: 30px; margin-top: 27px; width: 682px;
}
#contactInformationDiv{
	float: left; width: 280px;
}
#contactUsDiv{
	width: 350px; float:left;
}
.apartmentContactUnit{width:105px; height: 42px; margin-right: 0px;}


#statusBanner{

width: 661px; 
margin-left: auto;
 margin-right: auto; 
 margin-bottom: 15px; 
 height: 21px; 
 background-color: #1d1715; 
 color: white; 
 border-bottom: 2px solid white; 
 border-left: 2px solid white; 
 border-right: 2px solid white;
}


/*#bankdiv { width: 450px; margin-left: 30px; float: left;}
#utilitiesdiv { width: 450px; float: left;}
#mapdiv { width: 300px; float: left; margin-top: 40px;}
*/
#bankdiv { width: 315px; margin-left: 21px; float: left;}
#utilitiesdiv { width: 315px; float: left;}
#mapdiv { width: 210px; float: left; margin-top: 28px;}


#miniSectionContainer{margin-left: auto; margin-right: auto; width: 970px; }

	wrapper{width: 700px;}
	section{width: 700px;}
	h1{font-size: 21px; margin: 14px 0 0 21px;}
	#mainHeading{min-height: 52px;}
	#footer, #footer2{width:661px; height: 21px; }
	#footer span, #footer2 span{font-size: 12px; margin-left: 14px; margin-top: 4px;}
	.miniSection section{width: 187px; height: 175px; margin-right: 62px;}
	#miniSectionContainer{width: 700px;}
	.miniSection{ margin-bottom: 70px;}
	.lastButton section { margin-right: 0;}
	.miniSection section img{
	height: 114px; margin: 14px auto 7px;
	}
	h2{font-size: 20px}
	
.masonry-brick img {
	width: 196px; margin-left: 6px;
}

#availabilityBanner{
	width: 96%;
	 margin-left: 2%; 
	 text-transform: uppercase;  
	 background-color: rgb(5, 68, 111); 
	 border-radius: 5px;
	 box-shadow: 3px 3px 6px black;
	 margin-bottom: 15px;
}
#availabilityBanner h2{
	color: white; padding: 5px 15px;
}


.smallCheckboxLabel{
	width: 140px!important; display: block; float: left; margin-bottom: 5px;
}

/*Resized Layout
@media (min-device-width:1024px) and (max-width:989px),
(max-device-width:480px) and (orientation:landscape),
(min-device-width:481px) and (orientation:portrait){
	
	#wrapper {
	width: 510px;
	}
	section {
	width: 490px;
	}
	.unit img{
	width: 150px;
	}
	.middleCol {
	max-width: 250px; 
	}
	#transparentStrip{ display: none;}
	#mainHeading{ margin-top: 80px;}
}
@media (min-device-width:1024px) and (max-width:509px),
(max-device-width:480px) and (orientation:portrait)
{
	#wrapper {
	width: 310px;
	}
	section {
		width: 290px;
	}
	.unit img{
	margin-left: 25px; width: 200px;
	}
		#transparentStrip{ display: none;}
	#mainHeading{ margin-top: 80px;}

}
*/

.aptsbutton{margin-top: 0px; }

@media (max-device-width:480px)
{
	nav li a{
		font-size: 18px;
	}
	nav{
		margin-left: 0;
	}
	
	#disclaimer{
		font-size: 16px;
	}
	h1{
		font-size: 25px;
	}
	h2{
		font-size: 21px;
	}
	#transparentStrip{ 
		display: none;
	}
	label{
		font-size: 16px; 
		min-height: 35px; 
		margin-top: 35px;
	}
	select{
		font-size:14px; 
		height: 30px;
	}
	input{
		font-size: 14px; 
		height: 28px;
		
	}
	p {font-size: 16px; }
		section a:link, section a:active, section a:visited{

	font-size: 16px;

}
	
#wrapper {min-height: 800px;}

}


@media only screen and (max-device-width: 480px), only screen and (min-device-width: 640px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) {

	#headerLogo{ margin-left: auto;}
	#residentWebAccess{ margin-right: auto;}
	
}

@media (min-device-width:641px) and (orientation:portrait)
{
	nav li a{
		font-size: 18px;
	}
	nav{
		/*margin-left: 112px;*/
	}
	#disclaimer{
		font-size: 16px;
	}
	section a:link, section a:active, section a:visited{

	font-size: 16px;

}
h1{font-size: 25px;} 
h2{font-size: 21px;} 
	p{
		font-size: 16px;
	}
	header{
		margin-left: 0;
	}
}

.home-page-content {
    background: rgba(5, 52, 107, 0.75);
    padding:20px 30px;
    margin:0px auto 25px auto;
    box-sizing: border-box;
    width: 700px;
    border-radius: 5px;
    border: 1px solid #000;
}

.home-page-content h2 {
    margin:0px 0px 20px 0px;
    padding:0px;
}

.home-page-content p {
    padding:0px;
    margin:20px 0px;
}

.home-page-content .content-text {
    color:#ddd;
    margin:20px 0px;
    line-height:24px;
}