/* - Krupp CSS ----------- - */
/* - Identity Developments - */
/* - 2005 ---------------- - */
/* - --------------------- - */

* {margin: 0; padding: 0;}

body {
	background: #282829 url(images/bg-krupp-brick.gif) fixed;
	margin-bottom: 15px;
	font: 70%/1.3 Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	}

/* - push content section after floats - */
.clearB:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
/* IE mac fix */
.clearB {display: inline-block;}
/* IE win fix - hide mac \*/
* html .clearB {height: 1%;}
.clearB {display: block;}
/* stop hide */

.clearL {clear: left;}
.clearR {clear: right;}
.clearLR {clear: both;}
.fltL {float: left;}
.fltR {float: right;}

/* - headings - */
h1, h2, h3, h4, h5, h6 {
	margin-top: .75em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	color: #000;
	line-height: 1.1;
	}

h1 {
	margin: 15px 0 0 30px;
	width: 225px;
	text-align: right;
	font-size: 2.2em;
	}

#sec1 h1 {
	margin: -10px 0 0;
	padding-bottom: 2px;
	width: 270px;
	}

div#content.levD h1 {
	margin-left: 60px;
	width: 300px;
	}

h2 {font-size: 1.8em;}

h3 {font-size: 1.6em;}
h3 span {font-size: 70%;}

h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1em;}

/* - basic treatments - */
acronym {
	border-bottom: dotted 1px #333;
	cursor: help;
	}

ul.simple {list-style: none;}


/* - basic links - */
a img {background: none; border: none; margin: 0; padding: 0;}

a {color: #333;}
a:hover {color: #FFF;}
a:active {color: #666;}

p.topLink {clear: both; text-align: right;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #000;
	border-bottom: solid 1px #007A8D;
	padding-bottom: 1px;
	text-decoration: none;
	line-height: 1.4;
	}

h3 a, h4 a, h5 a, h6 a {border-color: #000;}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #FFF;
	}

h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active {
	color: #666;
	}

/* - layout - */
#wrapper {
	background: #CDD0C0;
	position: relative;
	margin: 15px auto;
	border: solid 2px #000;
	width: 740px;
	text-align: left;
	}
/* IE fix - mac hide \*/
* html #wrapper {
	width: 744px;
	w\idth: 740px;
	}
/* stop hide */

#header {
	background: #000;
	position: relative;
	padding: 4px;
	}

#header img.logo {margin-right: 5px;}

#header p.imgCaption {
	margin-top: 2px;
	color: #999;
	font-style: italic;
	text-align: right;
	}

/* - =CNT - content ------------------------- - */
#content {position: relative;}

#contentInner {
	position: relative;
	margin: 4px;
	}

#contentMain {
	position: relative;
	float: right;
	width: 580px;	
	}

div.levD #contentMain {width: auto;}

#contentMain ul {margin: .5em 0;}

#contentMain li {margin-left: 1.4em;}

#contentMain p {margin: 0 0 1em;}

/* - taglines - */
#taglines {
	position: absolute;
	color: #666;
	}

#taglines h3 {
	font: italic bold 3em/1 Georgia, "Times New Roman", Times, serif;
	color: #B6B6B6;
	}

#taglines p {line-height: 1.2;}

#sec1 #taglines {top: 10px; right: 100px;}

#sec2 #taglines, #sec3 #taglines, #sec4 #taglines, #sec5 #taglines, #sec6 #taglines {
	top: -10px;
	right: 0;
	width: 260px;
	font-style: italic;
	}

/* - feature image - text - */
.featureText {
	position: relative;
	z-index: 10;
	float: right;
	width: 250px;
	}

.featureText h2 {font-size: 1.6em;}

#sec1 div.featureText {
	margin: 130px 10px 0 0;
	width: 220px;
	}

/* using padding top instead of margin for IE mac */
*>html #sec1 div.featureText {padd\ing-top: 130px;}

div.levB div.featureText, div.levC div.featureText {
	margin: 0 10px 0 0;
	padding-top: 110px;
	}

div.levC div#directions {
	float: none;
	width: 350px;
	}

div.levD div.featureText {
	position: relative;
	float: left;
	margin: 0 0 10px 20px;
	padding-top: 40px;
	width: 330px;
	}

p.propAdd {font-weight: bold;}

/* - holder for featureImg, featureText is outside - */ 
div.featureHolder {
	position: relative;
	width: 280px;
  }

#sec1 div.featureHolder {text-align: right;}
/* IE mac fix */
*>html #sec1 div.featureHolder p {w\idth: 270px;}

#featureImg {
	background: url(images/bg-270-200-drop.gif) no-repeat left bottom;
	margin: 30px 5px 5px 20px;
	width: 272px;
	height: 202px;
	}

#sec1 #featureImg {margin-top: 80px;}

div.levD div.featureHolder {
	float: right;
	position: relative;
	top: 10px;
	right: 20px;
	margin: 10px;
	background-image: url(images-apts/BrownridgeExt.jpg);
	}

div.levD div.featureHolder div.noscriptCaption {
	text-align: center;}

/* - drop shadow treatment - */
#featureImg img {
	position: relative;
	top: -9px;
	left: -9px;
	border: solid 1px #333;
	background-image: url(images-apts/SeqGrandOpen520.jpg);
	}

/* - krupp office map image swap - */
#ko1 {cursor: crosshair;}

/* - gallery - */
div.levC div.gallery {margin-top: 30px;}

body.kennedyplacePortfolio div.gallery {clear: both;}
body.maingatePortfolio div.gallery {clear: both;}

.galleryBox h2 {
	margin: 0;
	padding-bottom: 1px;
	font-size: 1.4em;
	text-align: right;
	}

div.levB .galleryBox h2 {width: 160px;}

div.levB div.galleryBox {
	position: relative;
	float: left;
	margin: 5px 20px 10px 6px;
	height: 160px;
	}

div.levC div.galleryBox {
	position: relative;
	float: left;
	margin: 5px 50px 10px 6px;
	}

div.levD div.galleryBox {
	position: relative;
	float: left;
	margin: 10px 8px;
	height: 160px;
	width: 160px;
	text-align: center;
	}

div.levC div.galleryBox {margin: 10px 0;}

div.levC div.galleryBox div.prop {
	float: left;
	margin: 0 5px;
	width: 390px;
	}

div.levC div.galleryBox div.prop h2 {text-align: left;}

div.levC div.galleryBox p.propAdd {font-weight: bold;}

div.levC div.galleryBox p.propText {width: 280px;}

div.levC div.galleryBox div.noscriptCaption {
	margin-right: 10px;
	text-align: right;
	}

/* - special img treatments - */
#imgHistory1, #imgHistory3 {
	float: left;
	margin: 2px 5px 2px 0;
	}

#imgHistory2, #imgHistory4 {
	float: right;
	margin: 2px 0 2px 5px;
	}

#imgPaul, #imgJoe {
	float: left;
	margin: 1.8em 5px 15px 0;
	}

/* - home page treatments - */
div.officeImg {
	position: relative;
	float: right;
	margin: -130px 0 0 0;
	}
/* correct in IE mac */
* html>body div.officeImg {
	float: none;
	margin: -130px 0 0 430px;
	}

div.officeImg p {
	font-style: italic;
	text-align: right;
	}

/* - directions form - */
div.formHolder div.clearB {
	padding: 10px 0;
	vertical-align:top;
	}

div.formHolder form label {
	width: 120px;
	float: left;
	margin: 0 10px;
	}

div.formHolder div.submitBtn {margin: 0 0 10px 140px;}

div.formHolder div.submitBtn input {width: 110px;}

/* - =SDB - sidebar ------------------------- - */
#sidebar {
	position: relative;
	float: left;
	width: 146px;
	}

div#sidebarImg1, div#sidebarImg2, div#sidebarImg3 {position: relative; margin-bottom: 4px; width: 146px; height: 110px;}

p.sidebarCaption a {
	background: url(images/60trans-black.png) repeat;
	position: absolute;
	bottom: 5px;
	right: 0;
	display: block;
	padding: 3px;
	width: 140px;
	color: #FFF;
	font-size: .9em;
	font-style: italic;
	text-align: right;
	text-decoration: none;	
	}

p.sidebarCaption a:hover {
	color: #999;
	cursor: pointer;
	}


/* - =FTR - footer -------------------------- - */
#footer {
	position: relative;
	border-top: 1px solid #000;
	padding-top: 1px;
	}

#footerInner {
	background: #000;
	position: relative;
	padding: 7px 0;
	width: 740px;
	color: #999;
	text-align: center;
	}


/* - =NAV - navigation ---------------------- - */
/* - skip navigation - */
#skipNav {
	position: absolute;
	top: 0;
	left: -999em;
	}

/* - main navigation - */
#navHolder {
	position: relative;
	z-index: 100;
	margin-top: 1px;
	border-bottom: solid 1px #000;
	}

#navMain {position: relative;}

/* - nav color scheme - */
#navMain li ul {
	border: solid 1px #BB8549;
	border-bottom-width: 2px;
	border-top: none;
	}

#sec0 #navMain, #sec1 #navMain {background: #BB8549 url(images/bg-cdd0c0-line.gif) repeat-x bottom;}
#sec0 #navMain, #sec1 #navMain li ul {border-color: #BB8549;}

#sec2 #navMain {background: #673C46 url(images/bg-cdd0c0-line.gif) repeat-x bottom;}
#sec2 #navMain li ul {border-color: #673C46;}

#sec3 #navMain {background: #546084 url(images/bg-cdd0c0-line.gif) repeat-x bottom;}
#sec3 #navMain li ul {border-color: #546084;}
	
#sec4 #navMain {background: #636572 url(images/bg-cdd0c0-line.gif) repeat-x bottom;}
#sec4 #navMain li ul {border-color: #636572;}

#sec5 #navMain {background: #A8803D url(images/bg-cdd0c0-line.gif) repeat-x bottom;}
#sec5 #navMain li ul {border-color: #A8803D;}

#sec6 #navMain {background: #A48256 url(images/bg-cdd0c0-line.gif) repeat-x bottom;}
#sec6 #navMain li ul {border-color: #A48256;}

/* - push nav from right edge - */
#navMain ul {margin: 0 4px 0 0; line-height: 1;}

/* - main nav menu items - */
div#navMain ul li {
	float: right;
	margin-left: 30px;
	list-style: none;
	}
/* width: 70px; required for IE Mac */
*>html div#navMain ul li {w\idth: 45px;}
*>html div#navMain ul li.nav3 {w\idth: 160px;}
*>html div#navMain ul li.nav6 {w\idth: 55px;}

#navMain a {
	display: block;
	padding: .3em 1px;
	color: #FFF;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	}

#navMain li a:hover {background: #000;}
#navMain li a:active {color: #999;}

/* - second-level lists - */
/* using left instead of display to hide menus because display: none isn't read by screen readers */
#navMain ul li ul {
	position: absolute;
	background: #000;
	left: -999em;
	}

/* - drop down menu items - */
/* overrides parent margin-left */
/* white-space: nowrap; to force opera to one line -- causes IE 5 to lose first letter of dropdown */
#navMain ul li ul li {
	margin: 0;
	float: none;			 
	padding: 0 .5em;  
	}

/* - lists nested under hovered list items - */
/* critical for IE - must include "div" */
div#navMain ul li:hover ul {
	z-index: 100;
	left: auto;
	}

/* - dropdown links - */
/* relative positioning req. for IE 100% wide hot spot */
#navMain ul li ul a {
	position: relative;
	display: block;
	padding: .4em 0;
	text-decoration: underline;
	}

#navMain li ul a:hover {
	background: #000;
	color: #007A8D;
	text-decoration: none;
	}
#navMain li ul a:active {color: #999;}

/* - locator - */
#sec1 li.nav1 a, #sec2 li.nav2 a, #sec3 li.nav3 a, #sec4 li.nav4 a, #sec5 li.nav5 a, #sec6 li.nav6 a {border-bottom: solid 1px #007A8D;}

/* - override teal locator for dropdown - */
#sec1 li.nav1 li a, #sec2 li.nav2 li a, #sec3 li.nav3 li a, #sec4 li.nav4 li a, #sec5 li.nav5 li a, #sec6 li.nav6 li a {border-bottom: none;}


/* - identity developments byline ----------- - */
a.iDevs span {display: none;}

a.iDevs {
	color: #666;
	text-decoration: underline;
	border: none;
	}

a.iDevs:hover {
	color: #D2D5A8;
	background: #FFF;
	font-size: 1em;
	text-decoration: none;
	}

/* - background-color for opera - */
a.iDevs:hover span {
	background-color: #D2D5A8;
	background: #D2D5A8 url(images/id64trans-b.gif) no-repeat 5px center;
	position: absolute;
	left: -2px;
	top: 0px;
	z-index: 500;
	display: block;
	color: #0D3C72;
	border: 2px solid #0D3C72;
	padding: 8px 100px;
	width: 540px;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;	
	cursor: pointer;
	}
/* IE fix - mac hide \*/
* html a.iDevs:hover span {
	width: 744px;
	w\idth: 540px;
	}
/* stop hide */