/*
 * PROJECTs
 */

.hardMargin { width:512px; margin-left:0; }

/* Project Navigation */
#projectNav, #tourSpeed { width:512px; height:26px; background:#e5e5e5 url(../img/shared/layout/nav-bg-project.gif) no-repeat 0 0; text-align:center; }
#projectNav, #tourSpeed, #projectNav a, #tourSpeed a { color:#858585; font:11px/23px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; text-transform:uppercase;}
#projectNav a:hover, #tourSpeed a:hover { color:#aaaaaa; }
#projectNav a.s, #tourSpeed a.s { color:#b70004; }

/* Nav Colors */
#nav a, #hLinks a, #fLinks a { color:#fff; }

/* Project Heading Image */
.headingImage { margin-bottom:12px; }



/*
 * Project Homepage
*/

#projectHome { }
#projectHome .lCol { float:left; width:168px; text-align:right; border-right:1px solid #d4d4d3; }
#projectHome .rCol { float:left; width:326px; padding-left:14px;  }

#projectHome .logoWrap { padding-bottom:15px; border-bottom:1px solid #d4d4d3; margin-bottom:15px;}
#projectHome .copyWrap { padding-bottom:13px; border-bottom:3px solid #d4d4d3; }
.copyWrap p { margin:0 15px 0 0; font:11px/18px Arial; }
.copyWrap p span { font-size:10px; }
.copyWrap a { color:#b70004; text-decoration:none; font-weight:bold; }


/*
 * HORIZONTAL, IMAGE-BASED NAVIGATION FOR PROJECT PAGES
 * MR = Model Rotator
 * ML = Model List
 * VT = Virtual Tour Nav
 *
 * Here we'll apply common styles to both sections
*/ 
#mr, #ml { float:left; }
#mr ul, #ml ul, #vt ul { margin:0; padding: 0;} /* Unordered List */
#mr li, #ml li, #vt li { list-style:none; margin:0; padding: 0; text-align:center; } /* List Items */
#mr li a, #ml li a, #vt li a { display:block; font:11px/16px Arial, Helvetica, sans-serif; text-decoration:none; } /* Links */
#mr img, #ml img, #vt img { margin-bottom:4px; } /* Images */
#mr span, #ml span, #vt span { display:block; } /* Fonts for text links */
#mr .t, #ml .t, #vt .t { font-size:14px; color:#7d7d7d; } /* Headings */


/* Rotator Specific */
#rotator { width:512px; height:124px; margin-bottom:20px;}
#mr { width:452px;}
#mr li { float:left; width:103px; margin:13px 5px 0 5px; border:1px solid #ffffff; }
#mr li:hover {  background:#f0f0f0; }
#mr a img { margin-bottom:2px; padding-top:1px; }
.movePrev, .moveNext { float:left; }

/* Rotator Specific */
#rotatora { width:512px; height:64px; margin-bottom:20px;}
#mr { width:452px;}
#mr li { float:left; width:103px; margin:13px 5px 0 5px; border:1px solid #ffffff; }
#mr li:hover {  background:#f0f0f0; }
#mr a img { margin-bottom:2px; padding-top:1px; }
.movePrev, .moveNext { float:left; }

/* List Specific */
#ml { clear:both; width:512px; padding-top:23px; }
#ml ul { margin-left:12px; }
#ml li { float:left; width:122px; height:115px; }


/* Virtual Tours */

/* Tour Nav */
#vt { width:512px; height:125px; margin-top:15px; margin-bottom:15px; }
#vt li { width:100px; float:left; margin:20px 0 0 22px; }

/* Tour Window */
#tourWindow h3 { text-align:center; margin:0; margin-top:18px; font-size:18px;letter-spacing:1px; }
#tourSpeed, #tourContainer, #tourNav { clear:both; width:365px; margin: 0px auto 4px auto; }
#tourSpeed { width:365px; }
#tourContainer { width:365px;   padding-top:7px; margin-top:20px; background:#32322c; text-align:center;} 
#tourNav { width:363px;   margin-bottom:40px; border:1px solid #32322c; }
#tourNav h6 { margin:0; padding-left:14px; background:#32322c; font:bold 10px/26px Arial; color:#f4c432; text-transform:uppercase; }
#tourNavControls {   margin:1px;  background:transparent url(../img/shared/layout/grad-lghtgrey-top-to-bot-lg.gif) top left repeat-x; }
#tourNav ul { margin:0 0 0 18px; padding-top:12px; }
#tourNav li, #tourNav li a { color:#969695; font:bold 10px/18px Arial; text-decoration:none; text-transform:uppercase; }
#tourNav li a.s, #tourNav li a:hover { color:#606060; }




/* Model Splash */
#modelSplash { height:300px; width:512px; margin:18px 0; background:url(../img/shared/projects/floorplans-splash-bg3d.jpg) top left no-repeat;}
#modelSplash #splashHeader { margin-left:210px; margin-bottom:18px;}
#modelSplash p { width:190px; margin-left:280px; }

/* Floorplan Page */
#floorplanWrap { width:412px; border:1px solid #c4c4c3; margin:15px 0 50px 0; padding:50px; }
#floorplanWrap h2 { margin-top:-.5em; }
#floorplanWrap h2 span { color:#767673; padding-left:1em; font-size:14px; letter-spacing:0;}
#floorplanWrap h3 { margin-top:36px; color:#767673; margin-bottom:4px;}
#floorplanWrap .planNav { margin-top:0px;  }
#floorplanWrap .planNav a { font-size:10px; text-transform:uppercase; text-decoration:none; }
#floorplanWrap .planNav a:hover { text-decoration:underline; }

.locationMap { border-bottom:1px solid #d9d9d9; margin-top:15px; }
.onText { color:#464646; }
.smallText, .modelThumb span { font-size:10px; line-height:16px; }
