/* Welcome to Susy. Use this file to define screen styles. Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen" rel="stylesheet" type="text/css" /> */
/* @group reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body { line-height: 1; color: black; background: white; }

ol, ul { list-style: none; }

table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

a img { border: none; }

/* @end */
form li { padding: 10px 0px; }
form li li { padding: 0; }
form fieldset { background: white; margin-top: 20px; }
form li fieldset { padding: 0; }
form legend, form label { color: #333333; }
form label, form .label { padding-bottom: 5px; }
form label abbr, form .label abbr { color: red; }
form label { line-height: 1.4em; font-size: 13px; }
form legend span { font-size: 1.4em; line-height: 1em; }
form legend span.label { font-size: 1em; }
form select { padding: 3px; }
form input, form textarea, form select { font-family: inherit; font-size: 14px; }
form textarea, form input { border: 1px solid #999999; padding: 6px 8px; line-height: 100%; }
form .date li, form .time li, form .datetime li { margin: 0 0.3em 0 0; }
form #errorExplanation li { margin-left: 15px; }
form form p, form .errors { padding: 3px 0px; }
form .required input, form .required textarea, form .required select { background-color: white; }
form .error input, form .error textarea, form .error select { background-color: #ffcccc; border: 1px solid #ff6666; }
form .optional input, form .optional textarea, form .optional select { background-color: white; }
form .errors { color: #aa0000; }
form .errors li { margin-left: 1.2em; }
form p.inline-errors { color: red; }
form p.inline-hints { color: #777777; }
form .buttons { padding-top: 8px; padding-bottom: 8px; margin-top: 8px; }
form .buttons li { padding-right: 0.5em; }
form .buttons input { border: 1px solid #999999; }

/* @group defaults */
body { font-family: "Futura Medium", "Century Gothic", AppleGothic, sans-serif; color: #444444; }

/* @group links */
:focus { outline: 1px dotted #777777; color: #003375; }

a:link { color: #0266a8; text-decoration: none; }
a:visited { color: #009999; text-decoration: none; }
a:focus, a:hover, a:active { color: #003375; text-decoration: underline; }

/* @end */
/* @group headers */
h1, h2, h3, h4, h5, h6 { color: #333333; font-weight: bold; }

h1, h2, h3 { font-family: "Adobe Caslon Pro", "Big Caslon", Garamond, "Hoefler Text", "Times New Roman", Times, serif; }

h1 { font-size: 1.5em; }

/* @end */
/* @group forms */
form *:focus { outline: none; }

fieldset { margin: 1.5em 0; }

legend { font-weight: bold; font-variant: small-caps; }

label { display: block; margin-top: 1.5em; }

legend + label { margin-top: 0; }

textarea, input[type="text"] { color: #777777; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 100%; }

/* @end */
/* @group tables */
/* tables still need 'cellspacing="0"' in the markup */
table { width: 100%; border: 0.063em solid #aaaaaa; border-left: none; border-right: none; padding: 0.438em 0; margin: 0.5em 0; }

tbody { color: #777777; }

th { font-weight: bold; }

/* @end */
/* @group block tags */
p { margin: 1.5em 0; }

ol { list-style: decimal; margin: 0 1.5em 1.5em 1.5em; }

ul { list-style: disc; margin: 0 1.5em 1.5em 1.5em; }

blockquote { margin: 1.5em; color: #777777; }

/* @end */
/* @group inline tags */
cite { font-style: italic; color: #777777; }

em { font-style: italic; }

strong { font-weight: bold; }

ins { text-decoration: underline; }

del { text-decoration: line-through; }

q { font-style: italic; }
q em { font-style: normal; }

/* @end */
/* @group replaced tags */
img { vertical-align: bottom; }

/* @end */
.centered { text-align: center; }
.centered img { padding: 0 5px; margin: 5px 0; }

table { border: none; }
table tr td { padding: 5px; }

ul { list-style-type: none; }

p { text-align: justify; }

/* @end */
body { text-align: center; font-size: 14px; line-height: 1.5em; text-align: left; background: url(/images/northshore_bg.jpg) repeat-x top left; }

#container { width: 80%; margin: 0 auto; }

.page_width { padding: 10px 20px; }

#header { position: relative; height: 90px; margin: 10px 0; background: white; border: 1px solid #2dbbe4; }
#header #ns-logo { position: absolute; top: 10px; left: 18px; }
#header #under_construction { position: absolute; top: 10px; right: 0; }

#nav { padding: 1px 0; margin: 10px 0; background: white; opacity: 0.8; text-align: center; }
#nav ul { padding: 0; margin: 0; }
#nav ul li { padding: 0; margin: 0; display: inline; margin-right: 1em; }
#nav ul li a { color: black; font-size: 17px; padding: 2px; font-weight: bold; z-index: 1000; opacity: 1; line-height: 1em; }
#nav ul li a.current { text-decoration: underline; }

#for-sale-link { color: red !important; }

#page { overflow: hidden; *zoom: 1; background: white; border: 1px solid #2dbbe4; }

#main { overflow: hidden; *zoom: 1; background: white; }

.centered p.hint { text-align: center; color: #999999; }
.centered .pic { display: inline-table; }
.centered .pic p { text-align: center; }

.lefty { float: left; width: 25%; }

.righty { float: right; width: 70%; }

#footer { position: relative; background: white; border: 2px solid #0266a8; height: 60px; margin: 5px 0; }
#footer #copy { position: absolute; bottom: 5px; left: 17px; }
#footer #copy p { padding: 0; margin: 0; color: white; }
#footer #anchor { position: absolute; bottom: 20px; right: 5px; }
#footer #anchor ul { padding: 0; margin: 0; }
#footer #anchor ul li { display: inline; margin-right: 20px; }
#footer #anchor ul li a { padding: 0; margin: 0; font-size: 10px; color: #333333; }
#footer #ewakened { position: absolute; bottom: 20px; right: 0; font-size: 10px; }
#footer #ewakened * { padding: 0; margin: 0; color: #eeeeee; }

.page_title { font-family: "Futura Medium", "Century Gothic", AppleGothic, sans-serif; margin: 5px 0; padding: 3px 0; }

#amenities-nav { float: left; width: 20%; margin-right: 1em; }
#amenities-nav ul { margin-top: 15px; border-top: 3px solid #cccccc; }
#amenities-nav ul li { margin: 5px 0; }
#amenities-nav ul li a { font-size: 14px; font-weight: bold; padding: 2px 4px; display: block; }
#amenities-nav ul li a:hover { background: #0266a8; color: white; }
#amenities-nav ul li a.active { background: #0266a8; color: white; }

.amenities { float: right; width: 73%; }

span.num { font-size: 16px; font-weight: bold; }

table { border: none; }

.lefty { width: 25%; }

.righty { width: 70%; }

#sidebar { border-right: 2px solid #eeeeee; }
#sidebar ul { margin-top: 2em; }
#sidebar ul li { margin: 5px 0; }
#sidebar ul li a { color: #0266a8; font-size: 15px; font-weight: bold; display: block; padding: 5px; }
#sidebar ul li a.active { background: #0266a8; color: white; }

#listings table { margin-top: 1em; }
#listings table th { padding: 2px 5px; padding-bottom: 10px; font-size: 15px; font-weight: bold; }
#listings table tr.odd { background: #eeeeee; }
#listings table tr td { font-size: 13px; font-weight: bold; padding: 2px 5px; color: #333333; }

table.unit tr td { vertical-align: top; }
table.unit tr td div.contact { margin-top: 1em; padding-top: 1em; border-top: 2px solid #eeeeee; }
table.unit tr td div.contact h1 { font-family: "Futura Medium", "Century Gothic", AppleGothic, sans-serif; margin-bottom: 10px; }

#available_suites { margin-bottom: 15px !important; }
#available_suites a { font-size: 18px !important; color: red !important; }
#available_suites a.active { color: white !important; }

#room-nav { padding: 0; margin: 0; margin-top: -10px; }

.go-back { padding: 5px 0; margin: 10px 0; border-top: 1px solid #cccccc; font-family: "Futura Medium", "Century Gothic", AppleGothic, sans-serif; }