/*
First 2 lines, Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,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;}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:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}a:active, a:hover, a { outline: none; }


/* Layout */
#header, #headerLinks, #footer { position:relative; }
#logo, #blurb, #copyright, #headerLinks .qLinks, #footer .qLinks { position:absolute; }
#footer { clear:both; }
#wrap { width:760px; margin:20px auto; }
#header { height:125px; }
#headerLinks { height:20px; }
#headerLinks .qLinks { top:1px; right:0px; }
#logo { top:5px; left:33px; display:block; width:196px; height:102px; }
#blurb { top:0; right:270px; width:197px; height:125px; }
#lCol { width:207px; }
#mCol { width:20px; }
#rCol { width:532px; }
#footer { height:70px; }
#footer .qLinks { top:3px; left:10px; }
#copyright { bottom:7px; right:5px; width:227px; height:7px;}


/* Layout - Colors, backgrounds, etc */
#wrap { background:#ffffff;}
#wrapHeader { background:#b70004 url(../img/shared/layout/bg-header.gif) repeat-x 0 0; }
#headerLinks, #footer { background:#32322c; }
#header { background:transparent url(../img/shared/layout/bg-header-image01.jpg) no-repeat 100% 0; }
#logo { background:transparent url(../img/shared/layout/logo-beaverbrook-screen.gif) no-repeat 0 0;}
#blurb { background:transparent url(../img/shared/layout/bg-header-blurb-screen.gif) no-repeat 0 0; }
#pageContainer { padding-top:20px; background: #FFFFFF url(../img/shared/layout/grad-grey-top-to-bot.gif) repeat-x 0 0; }
#layout { background:transparent url(../img/shared/layout/grad-grey-bot-to-top.gif) repeat-x bottom left; }
#lCol { background:#c4c4c3; }
#rCol { background:transparent; }


/* Layout - Borders */
#pageContainer { border-left:1px solid #32322c; border-right:1px solid #32322c; }
#wrap { border-top:5px solid #5d5d58; }

/* Hide images for screen */
#logo img, #blurb img { display:none; }
#logo span, #blurb span { display:none; }

/*
 * Navigation
 */
 
/* Navigation resets */
ul#nav, ul.subNav, div#projectNav, ul.qLinks, ul #nav li, ul.subNav li, ul.qLinks li { margin:0; padding:0 }
/* Main Navigation */
#nav { background:#777777; font:12px/16px Arial, Helvetica, sans-serif;}
#nav li, #nav a { display:block; height:26px; width:207px; margin:0;padding:0;border:0;}
#nav a span { display:block; visibility:hidden; }

/* Main Nav Sprite */
#nav a { background-image:url(../img/shared/layout/nav-sprite-main.gif); background-repeat:no-repeat; background-position:0 0; }

/* Default State */
#nav a.newHomes { background-position:0 0;}
#nav a.newCondos { background-position:0 -26px;}
#nav a.commercial { background-position:0 -52px;}
#nav a.homeBuyer { background-position:0 -78px;}
#nav a.about { background-position:0 -104px;}
#nav a.decor { background-position:0 -130px;}
#nav a.news { background-position:0 -156px;}
#nav a.comingSoon { background-position:0 -182px;}
#nav a.inventory { background-position:0 -208px;}

/* Hover State */
#nav a.newHomes:hover { background-position:-207px 0;}
#nav a.newCondos:hover { background-position:-207px -26px;}
#nav a.commercial:hover { background-position:-207px -52px;}
#nav a.homeBuyer:hover { background-position:-207px -78px;}
#nav a.about:hover { background-position:-207px -104px;}
#nav a.decor:hover { background-position:-207px -130px;}
#nav a.news:hover { background-position:-207px -156px;}
#nav a.comingSoon:hover { background-position:-207px -182px;}
#nav a.inventory:hover { background-position:-207px -208px;}

/* Selected State */
#nav .s a.newHomes { background-position: -414px 0;}
#nav .s a.newCondos { background-position: -414px -26px;}
#nav .s a.commercial { background-position: -414px -52px;}
#nav .s a.homeBuyer { background-position: -414px -78px;}
#nav .s a.about { background-position: -414px -104px;}
#nav .s a.decor { background-position: -414px -130px;}
#nav .s a.news { background-position: -414px -156px;}
#nav .s a.comingSoon { background-position: -414px -182px;}
#nav .s a.inventory { background-position: -414px -208px;}


/*
 * Sub Navigation
 */

#nav .subNav { display:none; } /* Hide unselected subNavs */
#nav .s .subNav { display:block; } /* Show selected subNav */ 
#nav li.s { height:auto;} /* Override explicit height to unroll rest of subNav */


#nav .subNav { font:11px/11px Verdana, Arial, Helvetica, sans-serif; }
#nav .subNav { padding:15px 0 20px 0; border-bottom:1px solid #c4c4c3; background:#32322c url(../img/shared/layout/nav-bg-subnav.gif) repeat-y 0 0; }
#nav .subNav li, #nav .subNav li.s { height:20px; width:207px;}
#nav .subNav a { background-image:none; width:187px; margin-left:20px;  }

/* Nav Fonts */
#nav .subNav li a { color:#c4c4c3; text-decoration:none; } 
#nav .subNav li a:hover, #nav .subNav li.s a { color:#FFFFFF; }



/*
 * Header & Footer Navigation
 */
.qLinks, .qLinks li, .qLinks a { font:10px/18px Arial, Helvetica, sans-serif; color:#d6d6d5; text-decoration:none; text-transform:uppercase;}
.qLinks li { float:left; color:#787877; }
.qLinks li { list-style:none; } /* width should be over-ridden */

.bLinks {padding:0 0 0 10px; }
.bLinks a { font:10px/18px Arial, Helvetica, sans-serif; color:#d6d6d5; text-decoration:none; text-transform:uppercase;}
.bLinks a:hover{ float:left; color:#FFFFFF; }
/* Verticla Dividers, on left side in header */
.qLinks li { padding-right:6px; }
.qLinks span { padding-right:6px; }

/*
 * Page-level stuff. Elements, fonts, margins, etc.
 */
 
/* Positioning */
.pageBody { margin-bottom:40px; }
.hardMargin { margin-top:20px;margin-left:50px; margin-right:20px; }

h1 a {display:block;width:100%;height:100%; }
h2 {
	margin-top:20px;
	margin-bottom:10px;
}
h3, h4, h5, h6 { margin-bottom:6px;}
h2.sifr { height:35px; margin:0 0 1px 0; padding-top:6px;} /* sifr */ 

p, ol, ul, dd { margin-bottom:26px; }
ol, ul { margin-left:1.2em; }
hr { margin-bottom:18px; }

/* Font */
h1 { font:bold 24px/24px Arial;}
h2 { font:24px/18px Arial; letter-spacing:0.075em; }
h3 { font:14px/18px Arial; letter-spacing:-0.005em; font-weight:bold;}
h4 { font:11px/18px Arial; }
h5, h6 { font:bold 11px/18px Arial;  }
h2.sifr { font:24px/39px Arial; } /* sifr */ 
p, li, dt, dd { font:90%/153.9% Arial;}
dt { font-weight:bold; }

/* Font styling */
strong { font-weight:bold; }
em { font-style:italic; }

/* Colors */
h2 { color:#767673;
line-height:30px; }
h3, h4, h5, h6 { color:#a30003; }
h5, h6 { color:#000; }
h2.sifr { background:#b70004; color:#ffffff; } /* sifr */ 
a { color:#a30003; }
p, li, dt, dd { color:#5d5d58;}
.txtDarkRed {color:#a30003;}
.txtLightGrey { color:#c4c4c3; }

/* Element specific */
ol li { list-style:decimal; }
ol.privacy li { list-style:lower-alpha; }
ul li { list-style:disc }
hr { color:#c4c4c3; background-color:#c4c4c3;}

/* Generic Elements */
.left  { float:left; margin: 0 18px 18px 0; }
.right { float:right; margin: 0 0 18px 18px; }
.callout { border: 1px solid #ddd; padding: 8px 10px; margin-bottom: 18px; margin-right:18px; }
.bodyBorder { border:1px solid #c4c4c3; }
.niceGrad { padding:1px; }
.niceGradFixed { width:512px; }
.niceGradPadded div div { padding:18px; }
.niceGradTop { background:transparent url(../img/shared/layout/grad-lghtgrey-top-to-bot.gif) top left repeat-x; }
.niceGradBot { background:transparent url(../img/shared/layout/grad-lghtgrey-bot-to-top.gif) bottom left repeat-x; }
.goTop { display:block; margin:8px 10px 18px 0; font:10px/14px Arial; text-align:right; text-transform:uppercase; text-decoration:none; color:#bbb; }
.cb { clear:both;font-size:1px;width:1px;height:1px;overflow:hidden; }

/*
 * Misc
 */ 


#rotator { margin-top:20px; }
.projectRotator { width:512px; }
.projectRotator li { width:151px;height:135px;background:#111; color:#fff; }
.projectRotator,.movePrev, .moveNext { float:left; }
.movePrev, .moveNext { cursor:pointer; }
.indexText { padding:20px 30px 26px 12px; clear:both; }

/*
 * Misc
 */ 


#rotatora { margin-top:20px; }
.projectRotator { width:512px; }
.projectRotator li { width:151px;height:135px;background:#111; color:#fff; }
.projectRotator,.movePrev, .moveNext { float:left; }
.movePrev, .moveNext { cursor:pointer; }
.indexText { padding:20px 30px 26px 12px; clear:both; }



/**
 * Page Specific 
 */
 
 
/* Mortgage Calculator */
 
#calc dt, #calc dd { float:left; height:40px; display:block; margin:0; padding:0; border-bottom:2px solid #ffffff; }
#calc dt { clear:left; width:302px; }
#calc dd { width:158px; border-left:2px solid #ffffff; }

#calc .lightGrey { background:#e5e5e5; }
#calc .darkGreyFull { background:#c4c4c3; width:462px; }
#calc .darkGrey { background:#c4c4c3; }
#calc .lightRed { background:#e2c2c3; }
#calc .darkRed { background:#cc8a8c; }
#calc .btnRow { background:#ffffff; margin:10px 0 20px 0; }
#calc .white { background:#ffffff; }
#calc .dtText { padding:12px 0 0 10px; display:block; }

#year { clear:both; float:left; padding:0; margin:0 0 50px 0; }
#year li { width:91px; height:60px; padding-top:10px; border-left:2px solid #ffffff; text-align:center; background:#e5e5e5; float:left; list-style:none; }
#year li.first { width:90px; border-left:0; }

 
/* Past Projects */
#pastProjects li { margin-left:60px; }
p.pastProjects { margin-right:20px; }


/* Home Gallery */
#galleryWindow { width:512px; margin-bottom:8px; padding:1px; }
#galleryImage { margin-bottom:1px;}
#galleryInfo h6 { margin:0; padding:0 9px;  background:#767673; vertical-align:middle; }
#galleryInfo h6 a { color:#ffffff; font:bold 12px/25px Arial; text-decoration:none; }
#galleryInfo p { margin:0; padding:6px 8px ; background:#e5e5e5; font:10px/18px Arial; }
#galleryThumbs ul { margin:0; padding:0; display:block;}
#galleryThumbs li { float:left; clear:none; display:block; padding:16px 16px 16px 18px; width:134px; height:100px;overflow:hidden;}
#galleryThumbs a { display:block; border:1px solid #cfcfce; padding:1px;  }
#galleryInfo a { text-decoration:none; }
#galleryInfo a:hover { text-decoration:underline; }

/* Registration Form */
/*
 * Registration Form
*/

form table { width:80%; margin:0 0px; color:#000; margin-left:-40px;}
form td { padding-bottom:12px; }
.labels { width:40%; padding-right:6px; text-align:right; }
.fields { width:60%; padding-left:6px; text-align:left; }
.fields input, .fields textarea { width:97%; }
.fields select { width:100%; }
.auto input, .auto select { width:auto; }
input, textarea { padding-top:2px; padding-bottom:1px; } 
.buttons { text-align:right; }
form, td, input, textarea, select { font-size:12px; line-height:16px; }
.auto { line-height:24px; vertical-align:top; }
#errorHeader {  color:red; font-weight:bold;  }
#error { margin:0 26px 20px 26px; }
#error ul { margin-top:1em; margin-bottom:2em; }


/**
 **	sIFR Styles
 */


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


/*
.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 24px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

*/#galleryThumbsVR li {
float:left; clear:none; display:block; padding:16px 16px 16px 18px; width:486px; height:100px;overflow:hidden;
list-style:none; list-style-type:none; list-style-image:none;
}

td#modelname a:link {color:#c4c4c3; text-decoration: none }
td#modelname a:visited {color:#c4c4c3; text-decoration: none }
td#modelname a:hover {color:#c4c4c3; text-decoration: none }
td#modelname a:active {color:#c4c4c3; text-decoration: none }

td#modelsq a:link {color:#a30003; text-decoration: none }
td#modelsq a:visited {color:#a30003; text-decoration: none }
td#modelsq a:hover {color:#a30003; text-decoration: none }
td#modelsq a:active {color:#a30003; text-decoration: none }