/* -------------------------------------------
project:	Fistral View Apartments
date:		2008/26/02
------------------------------------------- */

html { height: 100%; margin-bottom: 1px; font-size: 100.01%; }
body { margin: 0; padding: 0; background: #f2fafd url(/common/images/bg-main.gif) repeat-x; color: #00344e; font: 75%/150% "Lucida Sans Unicode",Verdana,sans-serif; }
textarea, input, select, option, button { font: 1em "Lucida Sans Unicode",Verdana,sans-serif; }
 
/* COMMON
------------------------------------------- */
fieldset { border: none; margin: 0 0 12px; padding: 0; }
legend { display: none; }

img { border: none; }

strong { color: #000; }
em { padding: 1px 2px; background: #ffffe0; font-style: normal; }

abbr, 
acronym { border-bottom: 1px dotted #aaa; }

dl { margin: 0 px; }
 dt { font-weight: bold; }
 dd { margin: 0; }

p { margin: 0 0 12px; }

table {
	border-collapse: collapse;
	font-size: 100%;
	line-height: 1.4em;
}

a { color: #4db0ce; text-decoration: none; }
a:visited { text-decoration: none; }
a:hover, a:focus, a:active { color: #f7941d; text-decoration:  s; }

/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 10px; font: normal 2.4em "Lucida Sans Unicode",Verdana,sans-serif; color: #4db0ce; }
h1 { font-size: 1.667em; color: #f7941d; }
h2 { font-size: 1.334em; margin-bottom:2px; color: #f7941d; }
h3 { font-size: 1.1em; line-height: 22px; margin-top:10px;}
h4 { font-size: 1.000em; }
h5 { font-size: 0.800em; }

/* HELPERS
------------------------------------------- */
.wrapper { overflow: hidden; }
.offset { position: absolute; left: -10001em; }

/* LAYOUT
------------------------------------------- */
#root { width: 750px; margin: 0px auto; background: #fff;}
 #top { position: relative; background: #004C71; padding-left:50px; width:700px;}
  #logo { width: 200px; height: 70px; margin: 0; padding: 0; background: url(/common/images/logo.gif) top left no-repeat; }
  ul#top-menu{float:right; margin:28px 20px 0 0; background: #004C71;}
  ul#top-menu li.div {background: url(/common/images/div-top.gif) bottom left no-repeat; padding-left:12px;}
  ul#top-menu li { display:inline; padding:0px 10px; margin:0px; color:#bfd4de;}
  ul#top-menu li strong {color: #f7941d;}
   #logo a { display: block; overflow: hidden; width: 160px; height: 70px; text-indent: -10001px; }
 #nav { position: relative; z-index: 10; border-top: 1px solid #8a8d91; background: #f3f5f6; text-align: center; width:100%; }
 #content { position: relative; z-index: 9; width: 100%; padding: 0; min-height: 300px; }
  #content-header { height: 150px; padding: 5px 0 0 0; background: #4db0ce; }
  #content .header-img, #content .header-imgWide { float:left; width:150px; height:150px; }
  #content .header-imgWide {width:300px;}
  #content-main { display: inline; width:420px; float: right; margin: 0; padding: 20px 30px 20px 0px; }
  #content-side { display: inline; float: left; width: 250px; margin: 0 0px 0 -250px; background-color: #EEEEEE; }
 #footer { clear: both; width: 100%; font-size:90%; }
  #footer-main { overflow: hidden; width: 450px; background: #fff url(/common/images/bg-content.gif) top repeat-x; height: 100px; color: #a5bdc6; padding-left:300px; }
   #footer-main p { margin: 0; padding: 3px 0; }
	 #footer-main a { color: #a5bdc6; }
  #footer-sub { width: 740px; padding: 5px 10px; background: #fff; font-size:90%;  }
   #footer-sub p { float: right; }
   #footer-sub p.first { float: left; }
	
/* SKIP LINKS
------------------------------------------- */
#skip-links { position: absolute; top: -20px; left: -10001px; list-style: none; margin: 0; padding: 0; }
 #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 760px; padding: 2px 0; background: #579; color: #fff; font-size: 1.4em; text-align: center; }
   

/* ELEMENTS
------------------------------------------- */
#content ul.a { list-style: none; margin: 0 0 15px; padding: 0; }
#content ul.a li { margin: 0 0 3px; padding: 3px 5px 3px 25px; background: #fff url(/common/images/bullet.gif) 0px 7px no-repeat; }
#content ul.a li a { color: #8a8da5; }
#content ul.a li a:hover { color: #4db0ce; text-decoration: none; }
  
#content ul.b { list-style: none; margin: 0 0 15px; padding: 0; }
#content ul.b li { margin: 0 0 7px; color: #4db0ce; font-size: 1.17em; } 
 
div.left-column { float: left; width: 47% }
div.right-column { float: right; width: 47% }

a.submit {
	display:block;
	border: 1px solid #A5BDC6;
	padding: 1px 8px;
	width:60px;
}
/*---- Contact Form ----*/
#content-main textarea {
	height:100px;
	width:180px;
}
#content-main .inputmz {
	width:180px;
}
.divmz {margin-bottom:13px;width:500px;} 
.label{width:100px;float:left;}   
.errmsg {color: #4db0ce;font-weight:bold;padding:0px 0px 15px 0px;}
.input {width:220px;float:left; margin-bottom:13px;}     
.okmsg {padding:0px 0px 15px 0px;color: #4db0ce;}   
.errinput {border: 1px solid #4db0ce;} 

/*---- links nav ----*/
#linksMenu{
	float:left;
	clear:both;
	width:300px;
	height:25px;
	margin: 0px;
}

#linksMenu {list-style: none; padding: 0px; margin:30px 0 0 80px; width:180px;}
#linksMenu li.menu {
	display:block;
	padding: 3px 8px;
	color: #5c6470;
	font-size:95%;

}
#linksMenu li a {
	display:block;
	padding: 5px 8px;
	color: #00344e;
	font-size:95%;
}
#linksMenu li a em {
	background:none;
	color: #4db0ce;
}
#linksMenu li a.drop{

}
#linksMenu li.current a.drop{

}
#linksMenu li ul{
	padding:0px;
	padding-bottom:8px;
}
#linksMenu li a.current{
	color: #4db0ce;
	font-weight: bold;
}
#linksMenu li li a, #linksMenuul li.current li a {
	display:inline;
	padding: 5px 8px 5px 8px; 
	color: #00344e;
	font-size:80%;
	letter-spacing:0px;
}
#linksMenu li a:hover, #linksMenuul li.current a:hover  {
text-decoration:none;
color: #4db0ce;
}
#linksMenu ul li a:hover, #linksMenuul li.current li a:hover {
background:none;
text-decoration:none;
}

#linksMenu li li {border: none; margin:0px;}
#linksMenu li li a.current{
	color: #575F6A;
}



#linksMenu
a:hover, 
a:focus, 
a:active { color: #fff; text-decoration: none; }



/*---- left nav ----*/
#leftNav{
	float:left;
	clear:both;
	width:300px;
	height:325px;
	margin: 0px;
	background: #fff url(/common/images/bg-leftNav.gif) top left no-repeat;
}
#leftNav ul {list-style: none; padding: 0px; margin:30px 0 0 80px; width:180px;}
#leftNav ul li { border-bottom: 1px solid #d7e8f0;}
#leftNav ul li.top { border-top: 1px solid #d7e8f0;}
#leftNav ul li.menu {
	display:block;
	padding: 3px 8px;
	color: #5c6470;
	font-size:95%;
	background: #dedede url(/common/images/arrow_dropGrey.gif) right 50% no-repeat;
}
#leftNav ul li a {
	display:block;
	padding: 5px 8px;
	color: #00344e;
	font-size:95%;
}
#leftNav ul li a em {
	background:none;
	color: #4db0ce;
}
#leftNav ul li a.drop{
	background: #F3F5F6 url(/common/images/arrow_dropGrey.gif) right 50% no-repeat;
}
#leftNav ul li.current a.drop{
	background: #F3F5F6 url(/common/images/arrow_drop.gif) right 50% no-repeat;
}
#leftNav ul li ul{
	padding:0px;
	padding-bottom:8px;
}
#leftNav ul li a.current{
	color: #4db0ce;
	font-weight: bold;
}
#leftNav ul li li a, #leftNav ul li.current li a {
	display:inline;
	padding: 5px 8px 5px 8px; 
	color: #00344e;
	font-size:80%;
	letter-spacing:0px;
}
#leftNav ul li a:hover, #leftNav ul li.current a:hover  {
text-decoration:none;
color: #4db0ce;
}
#leftNav ul ul li a:hover, #leftNav ul li.current li a:hover {
background:none;
text-decoration:none;
}

#leftNav ul li li {border: none; margin:0px;}
#leftNav ul li li a.current{
	color: #575F6A;
}

/*---- Content Area - Tariff ----*/
table.tariff {
	width:430px;
}
div#window {
	margin: 0px;
	padding-right:0px;
}
div#window2 {
	width:555px;
	margin: 0px;
	padding-right:0px;
	height:257px;
	overflow: auto;
}
div#window3 {
	width:555px;
	margin: 0px;
	padding-right:0px;
	height:279px;
	overflow: auto;
}
.tariff tr {
}
.tariff td {
	padding:3px 6px;
	background-color:#FFF;
	border: 1px solid #E1EFF5;

}
.tariff td a {
}
.tariff td a:hover {
	text-decoration:underline;
}
.tariff thead {
	background-color: #004c71;
	text-align:left;
	color:#FFF;
}
.rowHL strong {
	color: #004c71;
}
.rowHL td {
	background-color: #f0f8fb;
	color: #17539C;
	border-top:0px;
}
.rowHL3 td {
	background-color: #004c71;
	color: #004c71;
	border-top:0px;
}
.rowHL3 a {
	color:#FFF;
}
.rowHL3 a:hover {
	color:#FFF;
	text-decoration:underline;
}
.rowHL2 td {
	border-bottom: 1px solid #E1EFF5;
}
.i_book {
	background: url("/common/images/bullet.gif") no-repeat left 50%;
	padding-left:20px;
}
.HLrev {
	float:right;
	border: 1px solid #E1EFF5;
	padding:1px 5px 0px 22px;
	background: #FFF url("/common/images/i_break.gif") no-repeat 3px 50%;
}
.i_enlarge {
	font-size: 100%;
	color: #A0A0A0;
	background: url("/common/images/i_enlarge.gif") no-repeat left 50%;
	padding:2px 0px 2px 20px;
}
.booked {
	color:#A52A2A;
	font-weight:bold;
}
.available {
	color: #4db0ce;
	font-weight:bold;
}