/* SB Style Sheet --------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

/* ------------------------ type selectors ------------------------ */
body { 
	background:#3F3F3F;
	text-align:center; 
	font:11px/16px Arial, "Trebuchet MS", Helvetica, sans-serif; 
	color:#000;
	}

blockquote { margin-left:10px; margin-right:10px; }

h1	{ font-size:1.2em; color:#000; }
h2	{ font-size:1.1em; color:#000; }
h3	{ font-size:1.0em; color:#000; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color:#d8e2f0; text-decoration:none; outline:none; }
a:hover,a:active	{ color:#eff5ff; text-decoration:none; outline:none; }

/* ------------------------ classes ------------------------ */
.clear	{ 
	clear:both;
	}

div.clear	{ 
	height:.01em; 
	overflow:hidden; 
	}

p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	background:url("../images/bullet-back-to-top.jpg") right no-repeat;
	}

img.img-left { 
	float:left; 
	margin:2px 10px 10px 0px;
	}

img.img-right { 
	float:right; 
	margin:5px 0px 10px 10px; 
	}

#hide-span {display:none;}

/* ------------------------ SITE-WRAP-FRAMEWORK ----------------------- */
#site-wrap {
	background:url("../images/bg-wrap.jpg") repeat-y;
	width:850px;
	height:632px;
	margin:0 auto;
	text-align:left;
	}

/* ------------------------ TOP-WRAP-FRAMEWORK ------------------------ */
#top-wrap {
	width:850px;
	height:161px;
	float:left;
	margin:0;
	padding:0;
	}

#masthead {
	background:url(../images/masthead2.jpg) no-repeat;
	position:relative;
	width:850px;
	height:138px;
	float:left;
	margin:0;
	padding:0;
}
	#masthead a {
	position:absolute;
	width:140px;
	height:115px;
	left: 50px;
	top: 10px;
	}
	#masthead a span {
		display:none;
		}

#btn_gallery {

float: right;
padding: 41px 68px 0 0;

}

/* ------------------------ MIDDLE-WRAP-FRAMEWORK ------------------------ */
	
#middle-wrap {
	width:850px;
	height:334px;
	float:left;
	margin:0;
	padding:0;
}

#middle-wrap-container1 {
	width:276px;
	height:334px;
	float:left;
	margin:0;
	padding:0;
}

body#gallery #middle-wrap-container1 {
	width:850px;
	height:334px;
	float:left;
	margin:0;
	padding:0;
}




#img1 {	width:276px; height:334px;}
	#img1 p, #img1 ul {
	 padding:10px 22px 0 50px;
	 }
	 
	 
	 
body#gallery #img1 {	
width:850px; 
height:334px;
padding:0 22px 0 30px;

}

	 
	 
	#img1 li {font-family:"Times New Roman", Times, serif; 
		padding-left:15px;
		font-size:11px; 
		font-variant:small-caps; 
		}
	
	body#index #img1 {background:url(../images/img-index1.jpg) no-repeat;}
	body#amenities #img1 {background:url(../images/img-amenities1.jpg) no-repeat;}
	body#location #img1 {background:url(../images/img-location1.jpg) no-repeat;}
	body#contact #img1 {background:url(../images/img-contact1.jpg) no-repeat;}
	body#apply #img1 {background:url(../images/img-location1.jpg) no-repeat;}
	body#gallery #img1 {background:url(../images/img-bulletin1.jpg) no-repeat;}
	body#thankyou #img1 {background:url(../images/img-thankyou1.jpg) no-repeat;}

#middle-wrap-container2 {
	width:574px;
	height:334px;
	float:left;
	margin:0;
	padding:0;
}




#img2 { width:574px; height:334px;}
	body#index #img2 { background:url(../images/img-index2.jpg) no-repeat;}
	body#amenities #img2 {background:url(../images/img-amenities3.jpg) no-repeat;}
	body#location #img2 {background:url(../images/img-location2.jpg) no-repeat;}
	body#contact #img2 {background:url(../images/img-contact2.jpg) no-repeat;}
	body#bulletin #img2 {background:url(../images/img-bulletin2.jpg) no-repeat;}
	body#apply #img2 {background:url(../images/img-contact2.jpg) no-repeat;}
	body#thankyou #img2 {background:url(../images/img-thankyou2.jpg) no-repeat;}
	
#ourMap {
	left: 25px;
	width: 533px;
	height: 334px;
	border: 0px solid #000;
}

.generic {
font-weight: bold;
}

.dark-font {
color:#0a1523;
}


/* ------------------------ FLOORPLANS ------------------------ */

#middle-wrap-container1-floorplans 	{
	width:111px;
	height:334px;
	float:left;
	margin:0;
	padding:0;
}

#img1-floorplans {
	background:url(../images/img-floorplans1.jpg) no-repeat;
	width:111px;
	height:334px;
	}
	
#middle-wrap-container2-floorplans 	{
	width:739px;
	height:334px;
	float:left;
	margin:0;
	padding:0;
}

#img2-floorplans {
	background:url(../images/img-floorplans2.jpg) no-repeat;
	width:739px;
	height:334px;
	}

#side-content-container {
	width:257px;
	height:334px;
	margin:0;
	padding:0 0 0 0;
	float:left;
	}

#side-content-txt-container {
	width:257px;
	height:300px;
	margin:0;
	padding:0 0 0 0;
	float:left;
	}
#side-content-txt-container div {
	padding:10px 0 0 15px;
	}
		
#side-content-toggle-container {
	width:257px;
	height:34px;
	margin:0;
	padding:0;
	float:left;
	}
#side-content-toggle-container div {
	padding:0 0 0 15px;
	}
#side-content-toggle-container a {
	color:#4a3128;
	}

#floorplans-container {
	width:482px;
	height:334px;
	margin:0;
	padding:0;
	float:left;
}	
	
.floor_plan { padding:5px 0 0 29px;}
/* ------------------------ CONTACT US ------------------------ */

#img-container {
	height:222px;
	width:276px;
	float:left;
	}
#txt-container {
	height:111px;
	width:276px;
	float:left;
	}
	#txt-container p {
	padding:10px 22px 0 50px;
	}
#txt-container2 {
	width:574px;
	float:left;
	}
	#txt-container2 p {
	padding:10px 50px 0 20px;
	}

form {
	width:500px;
	padding:0;
	margin:0;
	border:none;
	}
	
form label { 
	display:block; 
	text-align:right; 
	width:400px;
	border:none;
}

form br { line-height:0; height:0; }

input, textarea, select { 
	background-color:#FFF !important; /* to prevent highlighting by Google Toolbar */
	border:none;
	color:#000;
	width:199px; /* 5 pixles smaller than form width !important */
	height:19px;
	line-height:15px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:.95em;
	}
select.month {width:48px; border:none;}
select.day {width:48px;}
select.year {width:71px; }
select	{width:202px;}
textarea {height:60px; width:197px; border:none;}
input.submit-image, input.submit-contact-main { /* REMOVE IF NOT USED */
	width:64px;
	height:20px;
	border:none;
	cursor:pointer;
	margin:2px 0 0 198px;
	}
	
/* ------------------------ subhead ------------------------ */

#subhead {width:276px; height:44px;}
	body#location #subhead {background:url(../images/subhead-location.jpg) no-repeat;}

/* ------------------------ BOTTOM-WRAP-FRAMEWORK ------------------------ */
#bottom-wrap {
	background:url(../images/bg-bottom-wrap.jpg) no-repeat;
	width:850px;
	height:137px;
	float:left;
	margin:0;
	padding:0;
	}

	#bottom-wrap a {
	position:absolute;
	width:259px;
	height:35px;
	margin-left:174px;
	margin-top: 62px;
	}
	#bottom-wrap a span {
		display:none;
		}

.dzap-logo { padding:0 0 2px 0; position:relative; top:7px; }

p.white { color:white; top: -20px; position: relative; }

/* ------------------------ horizontal sprite nav ------------------------ */
#nav { 
	background:url(../images/nav.jpg) no-repeat; 
	width:850px; 
	height:23px; 
	float:left;
	margin:0;
	padding:0; 
	}

#nav span { display: none; }

#nav li, #nav a { height:23px; display:block; } /* change height here also */

#nav li { float:left; list-style:none; _display:inline; position:relative; }

#nav-01 { width: 83px; padding-left: 29px;}
#nav-02 { width: 81px;}
#nav-03 { width: 83px;}
#nav-04 { width: 93px;}
#nav-05 { width: 56px;}
#nav-06 { width: 103px;}
#nav-07 { width: 155px;}

/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#nav-01 a:hover { background:url("../images/nav.jpg")  -29px -23px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.jpg") -112px -23px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.jpg") -193px -23px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.jpg") -276px -23px no-repeat; }
#nav-05 a:hover { background:url("../images/nav.jpg") -369px -23px no-repeat; }
#nav-06 a:hover { background:url("../images/nav.jpg") -426px -23px no-repeat; }
#nav-07 a:hover { background:url("../images/nav.jpg") -528px -23px no-repeat; }

/*-------------- OPTIONAL - Keeps the hover state on each page based on body id ------------- */
body#floorplans #nav-01 { background:url("../images/nav.jpg")  0px -23px no-repeat; }
body#amenities #nav-02 { background:url("../images/nav.jpg") -112px -23px no-repeat; }
body#location #nav-03 { background:url("../images/nav.jpg") -193px -23px no-repeat; }
body#contact #nav-04 { background:url("../images/nav.jpg") -276px -23px no-repeat; }
body#apply #nav-05 { background:url("../images/nav.jpg") -369px -23px no-repeat; }