body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	text-align: center;
	background-color: #41A5E8;
	background-image: url(../imgs/skyline.jpg);
	background-repeat: no-repeat;
	background-position: top;
		}

/* text styles */

a {color: #cc3300; text-decoration: none;}
a:hover {color: #135a8a; text-decoration: underline;}

h1 { 	font-family: Georgia, "Times New Roman";
		font-size: 18px;
		color: #fff;
		font-weight: bold;
		margin-bottom: 5px;
		margin-top: 5px;
		}
		
h2 {	font-family: Georgia, "Times New Roman";
		font-size: 1.1em;
		font-weight: bold;
		margin-bottom: 5px;
		margin-top: 3px;
		}

.h1style {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
		}

.txtbutton { font-size: 1.2em;
		font-weight: bold;
		line-height: 28px;
		float: right;}
		
.txtbuttonalt { font-size: 1.2em;
		font-weight: bold;
		line-height: 28px;
		float: right;
		margin: 10px 20px 0 0;}
		
.txtbutton img, .txtbuttonalt img {vertical-align: middle;}

.topnav {font-size: 1em;
		font-weight: bold;
		color: #ffaf19;}		
.topnav a {text-decoration: none;
		color: #fff;}
.topnav a:hover {color: #cc3300; text-decoration: underline;}

.item {margin: 0 20px 0 20px;}

.btext1 { font-size: 1em; 
		line-height: 1.2em;}
.btext2 { font-size: 0.92em;
		line-height: 1.2em;}
.btext3 { font-size: 1.2em;
		line-height: 1.2em;}

.smstitle2 { font-family: Georgia, "Times New Roman";
		font-size: 0.93em;
		font-weight: bold;
		color: #cc3300;}
.smtext { font-size: 0.85em; }

.req { color: #cc3300;}

select {font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
		vertical-align: middle;}

input {font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;}

/* main divs and wrappers */

#container { width: 760px;
		position: relative;
		margin: 0 auto;
		text-align: left;
		}

div.header { width: 100%;
		height: 162px;
		margin-top: 0;
		}

#logo { width: 180px;
		margin-top: 22px;
		position: relative;
		float: left;
		}

div.contentwrap { width: 100%;
		margin: 0;
		padding: 0;
		}
		
#footer {
	width: 100%;
	height: 22px;
	margin-top: 30px;
	margin-bottom: 15px;
	text-align: center;
		}
		
.spacer { clear:both; }


.frame { border: 1px solid #fff;
		padding: 2px 2px 2px 2px;
		margin: 4px 0px 2px 0px;
		}
		
.quicksearch {line-height: 30px;}

/* top navigation */

.navwrap { width: 100%;
		height: 34px;
		border-bottom: 1px solid #2273AA;
		line-height: 34px;
		text-align: center;
		margin-bottom: 10px;
		}

#top_navigation  {
	width: 760px;
	height: 34px;
	font-size: 1em;
	font-weight: bold;
	color: #ffaf19;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 34px;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	}

#top_navigation ul {
		list-style: none;
		margin: 0 0 0 0;
		padding-left: 0;
}
		
#top_navigation ul li {
		float: left;
		width: 16%;
}

#top_navigation ul li a {
		display: block;
		color: #fff;
		text-decoration: none;
		text-align: center;
}

#top_navigation ul li a:hover {color: #cc3300; text-decoration: underline;}

/* content boxes (light blue background) */

div.contentboxtop { width: 575px;
		height: 5px;
		font-size: 1px; /* to make sure height is not overridden in f*kin IE */
		background: url(../imgs/contentboxback1.gif) top right no-repeat;
		margin: 0;
		padding: 0;
		}

div.contentbox { width: 575px;
		background: url(../imgs/contentboxback2.gif) bottom right no-repeat;
		margin: 0 0 15px 0;
		padding: 0 0 10px 0;
		text-align: center;
		}
		
div.content {padding: 10px 15px 5px 15px;
		text-align: left;}

/* snapback links and city selector */


.snapback { font-size: 0.9em;
		font-weight: bold;
		line-height: 19px;
		width: 100%;
		text-align: right;}
.snapback img {vertical-align: middle;}
.snapback a {color: #ffaf19;}
.snapback a:hover {color: #fff;}

/* apartment row in results list and featured list */

.apartment_row {padding: 5px 10px 5px 10px;
		border-bottom: solid 1px #7db7df;}

.apartment_row div.photo { 
		width: 150px;
		float: left; 
		}
.apartment_row div.description {
		width: 360px;
		margin-left: 15px;
		float: left;
		text-align: left;
		padding: 8px;
		}

div.pagebrowser { 
		height: 22px; 
		background-color: #7db7df;
		font-size: 0.9em;
		font-weight: bold;}

.pagenumber {
		padding-left: 10px;
		line-height: 22px; 
		float: left;
		}
.prevnext { 
		padding-right: 10px;
		line-height: 22px;
		float: right;
		}

.noresults { height: 110px;
		padding-top: 5%; 
		}

/* apartment info box in details page */

#aptinfo {width : 178px;
		background-color: #cee5f5;
		margin: 0;
		padding: 0;
		float: left;
		}

#aptinfo div {padding: 5px 7px 8px 7px;
		border-bottom: 1px solid #9ccbeb; }
		
#aptinfo div.centered {text-align: center;}

#aptinfotext { width: 320px; 
		margin: 10px 0 0 20px;
		float: left;
		}

/* photo gallery in apartment details page */

#photogallery {
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
		}
		
#photogallery ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}
		
#photogallery ul li {
	float: left;
	width: 50%;
	font-size: 0.9em;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
		}
		
* html #photogallery ul li {
		float: left;
		width: 49%;
		font-size: 0.9em;
		margin-left: 2px;
		padding: 0;
		text-align: center;
		}

#photogallery ul li img {
		vertical-align: middle;
		}

/* pricing info styles */

table.pricing { width: 520px; 
		border-collapse: collapse; 
		text-align: center; 
		margin-left: auto;
		margin-right: auto;
		background-color: #badbf1;
		margin-bottom: 15px;
		}
table.pricing caption {
		font-family: Georgia, "Times New Roman";
		font-size: 1.1em;
		font-weight: bold;
		text-align: left; 
		margin-bottom: 5px; 		
		margin-left: auto;
		margin-right: auto;}
table.pricing th, table.pricing td {border: 1px solid #77a9cb; line-height: 1.5em;}
table.pricing th { background-color: #77a9cb;}


#column1 { float: left; width: 240px; margin-left: 15px;}
#column2 { float: left; width: 240px; margin-left: 15px;}
#discounts {
	margin-right: 15px;
	margin-left: 15px;
}

/* booking content styles */

.booking {
	border-bottom: solid 1px #7db7df;
	text-align: left;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 15px;
}

/* booking form table */

.bookform {float: right;}
table.bookform { width: 335px; border-collapse: collapse; }
table.bookform tr, tr.alt {line-height: 28px; }
table.bookform tr.alt {background-color: #badbf1; }
table.bookform td {padding-left: 4px;}
table.bookform td.lbl {width: 115px;}
table.bookform td.inp {width: 230px;}
table.bookform label { font-size: 0.92em; font-weight: bold;}
table.bookform textarea { border: 1px solid #77a9cb; padding: 2px;}
table.bookform input { border: 1px solid #77a9cb; padding: 2px;}
* html table.bookform textarea { border: 1px solid #77a9cb; padding: 0;}
* html table.bookform input { border: 1px solid #77a9cb; padding: 0;}

/* right column boxes */

#rightboxtop { width: 170px;
		height: 5px;
		font-size: 1px; /* to make sure height is not overridden */
		margin: 0;
		padding: 0;
		}

.yellow1 { background: url(../imgs/yellowboxback1.gif) top right no-repeat;}

.red1 { background: url(../imgs/redboxback1.gif) top right no-repeat;}

#rightbox { width: 170px;
		min-height: 200px;
		margin: 0;
		padding: 0;
		}
.yellow2 {
	background-image: url(../imgs/yellowboxback2.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.red2 { background: url(../imgs/redboxback2.gif) bottom right no-repeat;}

.red2 a { color: #ff0;}

#rightboxcontent {padding: 5px 10px 15px 10px;}

.divider {
	border-bottom: 1px solid #ffe1a9;
	display: block;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

.quicklinks { margin: 0; 
		padding-left: 10px; 
		list-style-image: url(../imgs/bullet.gif);
		font-size: 0.92em;
		line-height: 1.2em;
		}

/* language selector */

#languages { float: right;
		text-align: right;
		}

.lang {	font-size: 0.9em;
		font-weight: bold;
		height: 18px;
		line-height: 18px;
		padding: 4px;
		margin-left: 3px;
		background: url(../imgs/langback.gif) bottom left no-repeat;
		}
	
#maincolumn {
	width: 575px;
	margin-right: 15px;
	float: left;
}
#rightcolumn {
	width: 170px;
	float: left;
}
.reqbord {
	padding: 5px;
	border: 1px solid #CC3300;
	margin-top: 10px;
	margin-right: 20px;
	margin-left: 15px;
}