/* @override http://tradewindsonthebay.com/assets/templates/thebay/style.css */

/******************************************************
 CSS Reset - Sets Browser Defaults to Defined values. 
******************************************************/
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* Background */
body {background: #e6f0fb url(images/body-bg.jpg) repeat-x;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #fff;
}

/* Links */

a, a:link, a:visited {color: #d7e4fd; text-decoration: none;}

a:hover {border-bottom: 1px dotted #9c9c9c;}

/* content */
#pagewrap {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

h1#tp-logo {
	width: 268px;
	height: 128px;
	background-image: url(images/logo-main.jpg);
	text-indent: -9999px;
	float: left;
}

ul#tp-nav { float: left; margin-top: 100px; margin-left: 25px;}

ul#tp-nav li { display: inline; padding: 0 20px;}

h3#tp-rates {
	width: 175px;
	height: 75px;
	position: absolute;
	text-indent: -9999px;
	background: url(images/bestrates.jpg) no-repeat;
	right: 0;
	top: 0;
}

h3#tp-rates a {display: block; width: 175px; height: 75px;}

h3#tp-rates a:hover {border: none;}

#mid-container {
	float: left;
	clear: left;
	width: 950px;
	height: 340px;
	border: 5px solid #fff;
	background-color: #4a6b8c;
}

#mid-left {
	width: 587px;
	height: 340px;
	background-image: url(images/midleftbg.jpg);
	float: left;	
}

#mid-left h2#condos {
	width: 223px;
	height: 31px;
	background-image: url(images/ourcond.jpg);
	margin: 10px 0 0 5px;
	text-indent: -9999px;
}

#mid-left h2#rental {
	background: url(images/rentinf.jpg) no-repeat;
	width: 210px;
	height: 30px;
	margin: 10px 0 0 5px;
	text-indent: -9999px;
}

#mid-left h2#abtoke {
	background: url(images/abtoke.jpg) no-repeat;
	width: 295px;
	height: 35px;
	margin: 10px 0 0 5px;
	text-indent: -9999px;
}

#mid-left h2#contus {
	background: url(images/contus.jpg) no-repeat;
	width: 207px;
	height: 34px;
	margin: 10px 0 0 5px;
	text-indent: -9999px;
}

#mid-left p {
	width: 475px;
	margin: 10px 0 0 10px;
	line-height: 1.5em;
}

#mid-left span.rtitle {
	text-decoration: underline;
	color: #c0d0d5;
	font-size: 14px;
}

#mid-left h2#booknow {float: left; margin: 60px 0 0 10px; text-indent: -9999px; display: inline;}

#mid-left h2#booknow a:link, #mid-right h2#booknow a:visited {
	display: block;
	width: 234px;
	height: 58px;
	background: url(images/booknow.jpg) no-repeat 0 -58px;
	border: none;
}

#mid-left h2#booknow a:hover {
	background: url(images/booknow.jpg) no-repeat 0 0;
}


#mid-right {
	width: 357px;
	height: 340px;
	float: left;
	border-left: 5px solid #fff;
	background-image: url(images/midrightbg.jpg);
}

#mid-right p {padding: 0 10px; line-height: 1.25em;}

#mid-right h2#booknow {float: left; margin: 30px 0 0 10px; text-indent: -9999px; display: inline;}

#mid-right h2#booknow a:link, #mid-right h2#booknow a:visited {
	display: block;
	width: 234px;
	height: 58px;
	background: url(images/booknow.jpg) no-repeat 0 -58px;
	border: none;
}

#mid-right h2#booknow a:hover {
	background: url(images/booknow.jpg) no-repeat 0 0;
}

#btm-container {
	float: left;
	clear: left;
	margin-top: 10px;
	width: 950px;
	height: 220px;
	border: 5px solid #9cb1c7;
	background-color: #4a6b8c;
}

#btm-left {
	width: 587px;
	height: 220px;
	float: left;
	background: url(images/opropbg.jpg) no-repeat 250px 0;
	line-height: 1.5em;
}

#btm-left p {margin: 5px 0 0 10px; width: 525px;}

#btm-left img {margin: 10px 0 0 5px;}

#btm-left h4#booknowsm {float: left; margin: 40px 0 0 10px; text-indent: -9999px; display: inline;}

#btm-left h4#booknowsm a:link, #btm-left h4#booknowsm a:visited {
	display: block;
	width: 102px;
	height: 22px;
	background: url(images/booknowsm.jpg) no-repeat;
}

#btm-left h4#booknowsm a:hover {background-position: 0 -22px; border: none;}

#btm-left h4#callrates {float: left; margin: 25px 0 0 10px; text-indent: -9999px; display: inline;}

#btm-left h4#callrates a:link, #btm-left h4#callrates a:visited {
	display: block;
	width: 140px;
	height: 22px;
	background: url(images/callrates.jpg) no-repeat;
}

#btm-left h4#callrates a:hover {background-position: 0 -22px; border: none;}

#btm-right {width: 363px; height: 220px; float: left;}

#btm-right img {margin: 10px 0 0 5px;}

#btm-right ul {padding: 10px;}

#btm-right ul li span {font-weight: bold; color: #a8cae2;}

#btm-right ul li {margin: 0 0 10px 0;}

#topten {
	float: left;
	clear: left;
	margin-top: 10px;
	width: 950px;
	border: 5px solid #9cb1c7;
	background-color: #4a6b8c;
}

#topten h1 {
	width: 200px;
	height: 60px;
	margin: 5px;
	background-image: url(images/tten.jpg);
	text-indent: -9999px;
}

#topten h6 {float: left; font-weight: bold;}

#topten ul {margin-left: 10px;}

#topten ul li {
	padding: 10px 0 0 50px;
}

#topten li#tt01 {
	height: 35px;
	background: url(images/tt01.jpg) no-repeat;
}

#topten li#tt02 {
	height: 35px;
	background: url(images/tt02.jpg) no-repeat;
}

#topten li#tt03 {
	height: 35px;
	background: url(images/tt03.jpg) no-repeat;
}

#topten li#tt04 {
	height: 35px;
	background: url(images/tt04.jpg) no-repeat;
}

#topten li#tt05 {
	height: 35px;
	background: url(images/tt05.jpg) no-repeat;
}

#topten li#tt06 {
	height: 35px;
	background: url(images/tt06.jpg) no-repeat;
}

#topten li#tt07 {
	height: 35px;
	background: url(images/tt07.jpg) no-repeat;
}

#topten li#tt08 {
	height: 35px;
	background: url(images/tt08.jpg) no-repeat;
}

#topten li#tt09 {
	height: 35px;
	background: url(images/tt09.jpg) no-repeat;
}

#topten li#tt10 {
	height: 35px;
	background: url(images/tt10.jpg) no-repeat;
}

ul#ft-nav {float: left; width: 960px; text-align: center; margin-top: 10px;}

ul#ft-nav li {display: inline;}

ul#ft-nav li a {color: #93a4b9; font-size: 10px;}

a.swbad { position: absolute; top: 750px; left: 0; border: none;}