@charset "UTF-8";

body { margin: 0; padding: 0; text-align:center; height: 100%;}
div { text-align: left; }
.wrapper, .footerwrap { margin: 0 auto; background: #fff url(../images/foxridge_bg.gif) repeat-y center top; width: 100%; min-width: 980px;}
.footerwrap { background: #fff url(../images/footer_bg.gif) repeat-y center top;}
div.footerwrap{padding-bottom:20px;padding-top:20px;}
.top { margin: 0 auto; width: 100%; height: 31px; position: relative; z-index:1; background: #FFF url(../images/foxridge_top.gif) no-repeat center bottom; }
.container, { margin: 0 auto; width: 970px; position: relative; z-index:1; background: #fff url(../images/foxridge_bg.gif) repeat-y center top;}

/* IMAGE SPECIFIC STYLING */
.logo {position: absolute; top: 21px; right: 40px; z-index: 300;}
.mainimages {margin-bottom: 14px;}
#homeimage {margin-top: 22px;}

/* NAVIGATION */
.nav { background: transparent; position: fixed; z-index: 200; width: 100%; left: 0; top: 92px; list-style:none; text-align:center;}
.nav_outer { width:960px; margin: 0 auto; text-align: center; display: block;}
.nav_inner { width: 934px; margin: 0 auto; padding:0px; border:0;}
.nav_inner{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/80_white.png');}
.nav_inner[class] { background-image:url(../images/80_white.png);}
.topmenu { margin: 0px; padding: 0 0 0 17px; font-size: 11px;}
.topmenu a, .topmenu a:link, .topmenu a:visited{display: inline-block; padding: 16px 12px; line-height:18px; color: #000000;text-decoration: none;background: transparent url(../images/nav_over_blue.jpg) repeat-x 0 3000px;}
.topmenu a:hover, .topmenu a:active, .topmenu a:focus, .topmenu a.selected{text-decoration: none;background: transparent url(../images/nav_over_blue.jpg) repeat-x center top ;}
.topmenu li{display: inline;font-weight: bold;text-transform: uppercase; margin:0; padding:0;}
.topmenu ul{margin: 0px;padding: 0px;}
.topmenu #active a { background-color: #FFCC66; }
#rightmenu { margin: 0px;font-size: 11px; float: right; margin-top: -32px; width: 60px;}

/* ROUNDED CORNERS */
.t { background: url(../images/shadowbox_t.gif) repeat-x; margin: 0px; padding: 0px; height: 7px; width: 100%; }
.tl { background: url(../images/shadowbox_tl.gif); height: 7px; width: 7px; }
.tr { background: url(../images/shadowbox_tr.gif) no-repeat right top; height: 7px; width: 100%; }
.l { background: transparent url(../images/shadowbox_l.gif) repeat-y 0 0;}
.b { background: url(../images/shadowbox_b.gif) repeat-x; margin: 0px; padding: 0px; height: 7px; width: 100%; }
.bl { background: url(../images/shadowbox_bl.gif); height: 7px; width: 7px; }
.br { background: #FFF url(../images/shadowbox_br.gif) no-repeat right top; height: 7px; width: 100%; margin-bottom: 60px; }

.br.short{margin-bottom: 20px;}

/* SECTIONS */
/* home/intro section */
.homemain{margin-top: 11px; margin-left: 20px; margin-bottom: -10px; border-right: 2px dotted #ccc; padding-right: 20px;}
.featured{margin: 0 30px 0 10px;}
.featured img{margin: 35px auto 22px auto; display:block;}

/* current projects */
div#section_current{position:relative; height: 488px; margin-bottom:20px;}
#currentmap{position: absolute; left: 240px; top:0; background: transparent url(../images/foxridge_map.png) no-repeat right top; height: 488px; z-index: 10; width:700px;}
.bigphoto{position:relative;background: red; height: 200px; width: 600px;}
.bigphoto a{display:block;}

/* the current map */
a.mapicon, div.mapicon{position: absolute;background: transparent url(../images/map_icon.gif); width: 19px; height: 19px;cursor: pointer;}
div.mapicon:hover{background-position: 0 -19px;}
#map_panorama{top: 310px; left: 325px;}
#map_vistas{top: 330px; left: 394px;}
#map_estates{top: 330px; left: 374px;}
#map_burke{top: 56px; left: 382px;}
#map_nuvo{top: 395px; left: 380px;}
#map_willoughby{top: 259px; left: 480px;}
#map_morgan{top: 415px; left: 400px;}
#map_links{top: 259px; left: 374px;}
.currentmap .end{background:blue; width:100px; height: 7px;}

/* project bubble */
.project{margin-left:20px; margin-top:20px;}
#willoughby,#morgan{padding-right:20px;}
#links{ padding-right: 40px;}
.project img, .project h2{margin-bottom:15px;}
.projectthumb{text-align:right;}
.projectthumb img{padding:20px 20px 20px 10px;}
.projectdetails{ border-top: 1px dotted #ccc; text-align:right; padding-right: 20px; padding-top:10px; }
.registration{background: transparent url(../images/reg_icon.jpg) 0 1px no-repeat;}
.gallery{background: transparent url(../images/photo_icon.jpg) 0 1px no-repeat;}
.gallery-hide{display:none;}
.website{background: transparent url(../images/web_icon.jpg) 0 1px no-repeat;}
.email{background: transparent url(../images/email_icon.jpg) 0 1px no-repeat;}
.pdf{padding-left: 15px; background: transparent url(../images/pdf_icon.gif) top left no-repeat;}
.soldout{color: #ccc; text-transform:uppercase;}

/* past projects */
div#section_past{position:relative; height: 488px; margin-bottom:20px;}
#pastmap{position: absolute; left: 240px; top:0; background: transparent url(../images/foxridge_map.png) no-repeat right top; height: 488px; z-index: 10; width:700px;}
.pastinfo{background:#fff url(../images/shadowbox_l.gif) repeat-y 0 0; width:400px;}
.pastinfo div{margin-left:20px; padding-top:15px;padding-bottom:5px;width:200px; font-size: 11px;}
#past_1{top:161px; left: 505px;}
#past_2{top:310px; left: 325px;}
#past_3{top:330px; left: 394px;}
#past_4{top:396px; left: 346px;}
#past_5{top:396px; left: 370px;}
#past_6{top:259px; left: 429px;}
#past_7{top:188px; left: 386px;}
#past_8{top:282px; left: 464px;}
#past_9{top:262px; left: 464px;}
#past_10{top:416px; left: 370px;}
#past_11{top:310px; left: 394px;}
#past_12{top:320px; left: 419px;}
#past_13{top:376px; left: 390px;}
#past_14{top:396px; left: 390px;}
#past_15{top:27px; left: 324px;}
#warranty{top: 438px; left: 100px; visibility:hidden;}
.pastdetails{width:200px; display:none;}

/* warranty */
div.warrantytext{padding:20px 20px 0 20px;}

/* contact */
.contactheader{background:#7d7d7d url(../images/contact_header.jpg) top center no-repeat;}
.contactheader div{padding: 10px 20px; margin-bottom:0px; font-size: 11px; line-height:11px; font-weight: bold; color:#fff;}
.section_contact div div{padding-left:20px; padding-top:20px;}

/* privacy */
.privacyholder { height: 400px;  background:#fff;  overflow: auto; padding:10px 10px 10px 0; border:10px solid #fff;}
.privacyclose{
	display: block;
	height: 18px;
	outline: none;
	background: #fff url(../images/closelabel.gif) no-repeat right 0;
	border:10px solid #fff;
}
.privacyclose:hover{
	background-position:right -18px;
}
.privacyclose span{display:none;}

/* GRID OVERRIDES */
.shadowed{ background: #FFF url(../images/shadowbox_m.gif) repeat-y right top;}
.narrow{width:940px;}
#footerlogo{text-align:right; margin-bottom:20px;}
#blue{ background: blue; }


/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -470px;
    width: 940px;
    
    background-color: transparent;
    color: #333;
}

.jqmLoading{margin-left: 451px; background:#fff;}

.jqmOverlay { background-color: #fff; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.jqmClose{cursor: pointer;}

#tooltip {position: absolute;z-index: 3000;padding: 5px;width: 133px;}

#tooltip h3, #tooltip div { margin: 0; }
#tooltip h3{font-size:14px; line-height: 16px; padding: 15px 15px 0 15px;background:transparent url(../images/mapbubble.png) no-repeat center top;}
div.body{font-size:11px; line-height: 14px; color:#666}
#tooltip div{padding: 0 15px 35px 15px;background:transparent url(../images/mapbubble.png) no-repeat center bottom;}

.mapbubble{border: none; opacity:.85; width: 133px;}

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
	background: transparent url(../images/prevlabel.gif) no-repeat 0 0;
}

#lbNextLink {
	right: 0;
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 0;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 64px;
	height: 18px;
	margin: 5px 0;
	outline: none;
	background: transparent url(../images/closelabel.gif) no-repeat 0 0;
}

a#lbCloseLink:hover{
	background-position: 0 -18px;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/*FORMS*/

.regt, .regtl, .regb, .regbl{float:left;}
.regtl { background: url(../images/reg_tl.gif); height: 6px; width: 6px; }
.regtr { background: url(../images/reg_tr.gif) no-repeat right top; height: 6px; width: 940px; }
.regt { background:#3fa9f5; height: 6px; width: 928px; }
.regbl { background: url(../images/reg_bl.gif); height: 6px; width: 6px; }
.regbr { background: url(../images/reg_br.gif) no-repeat right top; height: 6px; width: 940px; }
.regb { background:#3fa9f5; height: 6px; width: 928px; }

.thankyou .regtr, .thankyou .regbr{ width:240px;}
.thankyou .regt, .thankyou .regb{width:228px;}
.regform {background: #0071bc;color:#fff;}

.scrolling{overflow-y:scroll; overflow-x:hidden; padding-top: 10px; height:300px;}

.regform p{color:#fff;}
.reg_header{background: #3fa9f5;}
.reg_header h1{color: #fff; font-size: 18px; letter-spacing:-0.03em; text-transform:uppercase; line-height:22px; padding-top:10px; padding-bottom:10px; margin-left:30px; margin-bottom:0;}
.reg_header h1 span{color:#0071bc; font-size:28px;}
.thankyou{margin:10% auto; width:240px;}
.thankyou h1{ margin-left:0;}
.thankyou a{color:#fff;}
.thankyou .reg_header{padding-left:10px; padding-right:10px;}
.thankyou p{margin:0; color:#0071bc; padding-bottom:10px;}

.regform input { float: right;border: 1px solid #fff; background: #fff; color:#333;font-family: Arial, Helvetica, sans-serif;font-weight: normal;font-size: 11px;line-height:15px;padding: 3px;margin-bottom: 5px;}

.regform select { float: right; border: 1px solid #fff; line-height: 1.4em;padding:3px;margin-bottom: 5px;}

.person input{width:210px;}

.person select{width:218px;}

.regform input:hover { background:#ccc; }

label, label span { float: left; display: block; padding-top: .25em; text-align: left; font-family: Arial, Helvetica, sans-serif;font-weight: normal;font-size: 11px;line-height: 18px;color: #fff; }

.person label { width: 380px; }
.person label span {width: 150px;text-align: right;}

.questions label{ width: 460px;}
.questions label span {width: 220px; text-align:right;}
.questions select {width:220px; margin-bottom:10px;}

.otherprojects input{float:none; width:20px;}
.otherprojects span{margin-right:10px; margin-top:-10px; display:inline-block; font-weight:bold; font-size:11px;}
#quest{float:left; width: 130px; text-align:right; margin-top:10px; padding-left:20px;}
#which{float:right; width: 220px; margin-top:10px;}
#reg_close{text-align:right; margin-top:10px; font-size:18px; color: #0071bc;}
.reg_submit{font-size:30px; color:#fff; font-weight: bold; text-align:right; display:block; margin-top:20px; margin-bottom:-10px;}


.formrequired {
	font-style:italic;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: .8em;
	line-height: 1.4em;
	color: #332b2a; 
	text-align: right;
}

.warning{
	background: #666;
	width:100%;
	text-align: center;
}
.success{
	width: 100%;
	text-align:center;
}