html, body {
	margin: 0;
}

body {
	background-color: black;
}

img {
	border: none;
}

#header {
	position: relative;
	float: left;
	width: 100%;
	height: 85px;
	background-color: black;
	z-index: 6
}

#slide_show {
	position: relative;
	float: left;
	width: 100%;
	height: 490px;
	background-color: #686868;
	background-repeat: repeat-x;
	background-image: url(../exportmedia/bg_new.gif);
	
}



#slide_show_bg {
	position: relative;
	float: left;
	width: 100%;
	height:  490px;
	background-image: url(../exportmedia/slide_show_bg.png);
	background-repeat: no-repeat;
}


#gallery_bg {
	position: relative;
	float: left;
	width: 952px;
	height:  490px;
	background-image: url(../exportmedia/gallery_bg.jpg);
	background-repeat: no-repeat;
	margin-left: 20px;
}


#contact_bg {
	position: relative;
	float: left;
	width: 953px;
	height:  490px;
	background-image: url(../exportmedia/contact_bg.jpg);
	background-repeat: no-repeat;
	margin-left: 20px;
}

#norm_bg {
	position: relative;
	float: left;
	width: 953px;
	height:  490px;
	background-image: url(../exportmedia/contact_bg.jpg);
	background-repeat: no-repeat;
	margin-left: 20px;
}



#logo {
	position: relative;
	float: left;
	width: 316px;
}

#body {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

#body_bg {
	position: relative;
	width: 100%;
	background-color: #1e1e1e;
	height: auto;
	width: 955px;
	margin-left: 19px;
	float: left;
}

#nav {
	position: relative;
	height: auto;
	float: left;
	margin-top: 20px;
	margin-left: 5px;
	width:670px;
	float: left;
	z-index: 5;
}
#nav ul{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

#footer .marginAuto p {
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	color: white;
	font-family: Verdana;
	font-size: 11px;
}




h1 {
	position: relative;
	float: left;
	margin: 1%;
	font-family: Verdana,Geneva,sans-serif !important;
	width: 98%;
	color:#777777;
	font-size:22px;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:5px;
}

h2 {
	position: relative;
	float: left;
	margin: 1%;
	font-family: Verdana,Geneva,sans-serif !important;
	width: 98%;
	color:white;
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:5px;
	font-weight: bold;
	}

h3 {
	position: relative;
	float: left;
	margin: 1%;
	font-family: Verdana,Geneva,sans-serif !important;
	width: 98%;
	color:#848484;
	font-size:14px;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:5px;
	font-weight: bold;
}
	
	
p {
	font-family: Verdana,Geneva,sans-serif !important;
	font-size: 12px;
	margin: 1%;
	float: left;
	position: relative;
	color: #c6c6c6;
	width: 98%;

}
h3 {
	margin: 2%;
}

label{
	text-transform:uppercase;
	font-size:12px;
	color: #c6c6c6;
	font-weight: 700;

}



#home_button,
#location_button,
#gallery_button,
#floor_plans_button,
#developer_button,
#contact_us_button,
#amenities_button {
	position: relative;
	float: left;
	width: 90px;
	height: 55px;
}


#home_button a,
#location_button a,
#gallery_button a,
#floor_plans_button a,
#developer_button a,
#contact_us_button a,
#amenities_button a {
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

#home_button a {
	background-image: url(../exportmedia/home_button.gif);
}
#location_button a {
	background-image: url(../exportmedia/location_button.gif);
}
#gallery_button a {
	background-image: url(../exportmedia/gallery_button.gif);
}
#developer_button a {
	background-image: url(../exportmedia/developer_button.gif);
}
#contact_us_button a {
	background-image: url(../exportmedia/contact_us_button.gif);
}
#amenities_button a {
	background-image: url(../exportmedia/amenities_button.gif);
}
#floor_plans_button a {
	background-image: url(../exportmedia/floor_plans_button.gif);
}

	
/*Small buttons at bottom of home page */

#small_button_one,
#small_button_two,
#small_button_three {
	width: 160px;
	height: 40px;
	position: relative;
	float: left;
	margin: 4px;
}



#home_button  ul,
#location_button ul,
#gallery_button ul,
#floor_plans_button ul,
#developer_button ul,
#contact_us_button u,
#amenities_button ul {
	background-image: url(../exportmedia/menu_bg.png);
	width: 150px;
	height:490px;
	border: none;
}

#home_button ul li a,
#location_button ul li a,
#gallery_button ul li a,
#floor_plans_button ul li a,
#developer_button ul li a,
#contact_us_button ul li a,
#amenities_button ul li a {
	background-image: none;
	height: 30px;
	width: 300px;
	color: white;
	font-weight: 700;
	font-family: Verdana;
	padding: 3px;
	font-size: 12px;	
}


#home_button ul li a:hover,
#location_button ul li a:hover,
#gallery_button ul li a:hover,
#floor_plans_button ul li a:hover,
#developer_button ul li a:hover,
#contact_us_button ul li a:hover,
#amenities_button ul li a:hover {
	color: #e5b00d;
}

.little_bowl {
	position: absolute;
	bottom: -200px;
	left: 38px;
}


#developer_button ul .little_bowl {
	bottom: -380px;

}

/* This applies to drop down menu SOAVE on developers page: 
#developer_button ul .little_bowl { bottom: -344px; }
/*


/*this applies to most pages except home page */

.slideShowImage {
	float: left;
	margin-left: 19px;
	
}




#newsletter {
	position: relative;
	float: left;
}
	
/* The columns to go with teh buttons */

.largeHomePageColumn {
	width: 65%;
	position: relative;
	float: left;
	height: auto;
	margin: 2px;
}	
.smallHomePageColumn {
	width: 320px;
	position:relative;
	float: left;
	height: auto;
	margin: 2px;
	margin-top: 11px;
}

.largeHomePageColumn h1, .largeHomePageColumn p {
	margin: 2%;
	width: 97%;
	
}
	
	
/*Amenities Styling */

#amenities_menu {
	background-image: url(../exportmedia/amenities_menu_bg.png);
	background-repeat: no-repeat;
	position: absolute;
	right: 18px;
	top: 0;
	height: 490px;
	width: 250px;
	z-index: 2;
}
	
	

/* Location page specific titles */
#location_title {
	position: absolute;
	top: 25px;
	left: 150px;
	color: black;
	font-family: Verdana;
	font-size: 32px;
	width:500px;
	height: 100px;
}

/*Weather Styling */

#weather_container {
	float: left;
	width: 380px;
	margin: 1%;
	height: auto;
	position: relative;
}
#weather_container h3 {
	color:#52524b;
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:5px;
	margin-left: 14px;
	font-family: Verdana,Geneva,sans-serif !important;
}
.weatherIcon {
	width:128px;
	height: auto;
	float: left;
	position: relative;
}
.weatherInfo {
	width: 269px;
	height: auto;
	float: left;
	position: relative;
}


/*Contact us Styling */
.formBigColumn {
	width: 600px;
	position: relative;
	float: left;
}

.formColumn {
	position: relative;
	float: left;
	width: 300px;
}

/*Hardcore Form Styling */

.nameColumn {
	width: 115px;
	position: relative;
	float: left;
	height:auto;
}
.inputColumn {
	width: 168px;
	position: relative;
	float: left;
	height:auto;
}




/*Broker Resources Page */

.bigField {
	width: 300px;
	height: 180px;

}

.brochureColumn {
	width: 250px;
	position: relative;
	float: left;
	height:auto;
}
.inputColumn {
	width: 168px;
	position: relative;
	float: left;
	height:auto;
}


#custom_print_fields {
	display: none;
}
#custom_web_fields {
	display: none;
}

#standard_print_fields {
	display: none;
}





/*Developer Page */

#developer_page {
	float: left;
	margin-left: 30px;
	position: relative;
	width: auto;
}



/*Gallery Page */

#photoalbum_container {
	width: 100%;
	float: left;
	position: relative;
	height: auto;
}

#gallery_bg .row h1 {
	color: white;
}


#gallery_building,
#gallery_events,
#gallery_interiror,
#gallery_exterior {
	float: left;
	width: 25%;
	position: relative;
	height: 30px;
}

#gallery_building a,
#gallery_events a,
#gallery_interiror a,
#gallery_exterior a {
	background-image: url(../exportmedia/gallery_photoalbum_bg.png);
	background-repeat: repeat;
	width: 100%;
	height: 100%;
	display: block;
	color: white;
	font-family: Verdana;
	font-size: 14px;
	text-decoration: none;
	text-transform: capitalize;
	padding-top: 10px;
}

#gallery_building a:hover,
#gallery_events a:hover,
#gallery_interiror a:hover,
#gallery_exterior a:hover {
	background-color: #9c9a9a;
	color: #363636;
}

		#image-desc { display: none }









.threeColumn img {
	margin: 3px;
}
	
/* Obviously to make two columns */
.twoColumn {
	width: 49%;
	position: relative;
	float: left;
	height:auto;
}
/* Can be used 4 times to make 4 columns */
.oneFourthColumn {
	width: 23%;
	position:relative;
	float: left;
	height: auto;
	margin: 2px;
}

/* Used with oneFourthColumn to make one large and one small */
 .threeFourthsColumn {
	width: 71%;
	position: relative;
	float: left;
	height: auto;
	margin: 2px;
 }
 
/*Makes rows to mimic a table like structure */
.row {
	position: relative;
	float: left;
	width: 98%;
	margin: 10px;
	
}	
.rowBottom {
	position: relative;
	float: left;
	width: 109%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}


/*Makes Elements Float Left */
.floatLeft {
	position: relative;
	float: left;
	margin: 4px;
	width: auto;
	height: auto;
}

.oneThirdColumn {
	position: relative;
	float: left;
	width: 38%;
	height: auto;
}

.twoThirdsColumn {
	position: relative;
	float: left;
	width: 60%;
	height: auto;
}
		
		
.marginAuto {
	position: relative;
	margin: auto;
	width: 995px;
}

.threeColumn {
	position: relative;
	float: left;
	width: 33%;
}

.newsletterNameColumn {
	width: 50px;
	position: relative;
	float: left;
	height: auto;
}

.newsletterInputColumn {
	width: 190px;
	position: relative;
	float: left;
	height: auto
}

.newsletterSubmitColumn {
	width: 100px;
	float: left;
	position: relative;
	height: auto;
}

	#video_bg {
	position: relative;
	float: left;
	width: 970px;
	height:  590px;
	background-color: #1e1e1e;
	
	margin-left: 5px;
	overflow: visible;
}

#Videobody_bg {
	position: relative;
	width: 100%;
	background-color: #1e1e1e;
	height: 300;
	width: 970px;
	margin-left: 5px;
	float: left;
	visibility: visible;
}
#video_show {
	position: relative;
	float: left;
	width: 100%;
	height: 550px;
	background-color: #686868;
	background-repeat: repeat-x;
	background-image: url(../exportmedia/bg_new.gif);
}
#small_button_faceBook {
	width: 160px;
	height: 40px;
	position: relative;
	float: left;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.adColumn {
	position: relative;
	float: left;
	width: 300px;
	height: 100px;
}
.oneFourthAd  {
	margin: 4px;
	float: left;
	height: 200px;
	width: 200px;
	position: relative;
	left: 12px;
	top: 0px;
}
.formFacebook {
	float: left;
	height: 50px;
	width: 300px;
	position: relative;
	top: -100px;
	right: -650px;
}
#ad_bg {
	position: relative;
	float: left;
	width: 953px;
	height:  600px;
	background-image: url(../exportmedia/contact_bg.jpg);
	background-repeat: no-repeat;
	margin-left: 20px;
}
.ad_row {
	position: relative;
	float: left;
	width: 390px;
	height: 560px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-right: 15px;
	padding-left: 25px;
}
#ad_bg {
	position: relative;
	float: left;
	width: 953px;
	height:  490px;
	background-image: url(../exportmedia/contact_bg.jpg);
	background-repeat: no-repeat;
	margin-left: 20px;
}

#ad_container {
	position: relative;
	float: left;
	width: 100%;
	height: 490px;
	background-color: #686868;
	background-repeat: repeat-x;
	background-image: url(../exportmedia/bg_new.gif);
	
}

.ad {
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
}
.contestRow {
	position: relative;
	float: left;
	width: 80%;
	padding-left: 18%;
	margin: 10px;
	background-repeat: no-repeat;
	background-position: center;
}
.facebookRow {
	position: relative;
	float: left;
	width: 903px;
	height: 37px;
	background-image: url(../exportmedia/contest/facebook_bg.jpg);
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 17px;
	padding-right: 50px;
}