/* 
  patternampping.com v4 stylesheet 
  created 22 april 2010
  updated 18 february 2011
  created by www.souldesigngroup.com
  copyright PatternMapping institute 	
*/

* {
	margin:0px;
	padding:0px;
	outline:none;
}

html {height:100%;}

body {
	width:100%;
	min-width:896px;
	background:#FFF;
	font-family:Georgia, serif;
	font-size:12px;
	line-height:1.4em;
	letter-spacing:1.4px;
    /* color:#FFF; */
	color:#666;
	margin:0;
	border:none;
}

p {margin-bottom:16px;}

h1 {
	font-size:24px;
	line-height:36px;
}

h2 {
	font-size:18px;
	line-height:20px;
}

h3 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:16px;
	color:#EEE;
}

/* a:link {text-decoration:none; color:#FFF;}
a:visited {text-decoration:none; color:#FFF;}
a:hover {text-decoration:none; color:#d1bbc8;}
a:active {text-decoration:none; color:#a1748e;} */

a:link {text-decoration:none; color:#666;}
a:visited {text-decoration:none; color:#666;}
a:hover {text-decoration:none; color:#a1748e;}
a:active {text-decoration:none; color:#d1bbc8;}

p a {font-style:oblique;}
p a:link {color:#4b3241;}
p a:hover {color:#a1748e;}
p a:active {color:#BC9CAF;}

.clear {clear:both;}
.clear-right {clear:right;}
.clear-left {clear:left;}

img {border:none;}

sup {font-size:7px;}
td {padding:1px 3px;}

.bg-img-right {float:right; text-indent:-9999px;}
.bg-img-left {float:left; text-indent:-9999px;}

.sml {font-size:10px;}
.sml-caps {font-size:10px; font-variant:small-caps;}

.center {text-align:center;}

.bg-text {color:#BC9CAF;}

/* .bg-diag {padding:4px 16px; background:url(img/diag-purple-50.png) repeat top left; _background:url(img/diag-purple.gif) repeat top left;}
.bg-diag-head{margin:0 0 16px 0; padding:5px 16px; background:url(img/diag-purple-70.png) repeat top left; _background:url(img/diag-purple.gif) repeat top left;} */

.bg-diag {padding:4px 16px; background:url(img/diag-white-50.png) repeat top left; _background:url(img/diag-white.gif) repeat top left;}
.bg-diag-head{margin:0 0 16px 0; padding:5px 16px 5px 0px; background:url(img/diag-white-70.png) repeat top left; _background:url(img/diag-white.gif) repeat top left;}

#content-main ul {margin-bottom:16px;}
#content-main li {margin:0 0 8px 64px; font-size:11px; list-style-image:url(img/list-arrow-wine.gif);}
#content-main ul ul li {margin:0 0 4px 96px; _margin:0 0 4px 32px; font-size:11px; list-style-image:url(img/list-line-wine.gif);}
#content-main ol li {margin:0 0 8px 64px; list-style:decimal;}
#content-main ol {padding:0 0 16px 0;}

#shopping #content-main ul {margin-bottom:8px;}
#shopping #content-main li {margin:0 0 4px 64px; font-size:11px; list-style-image:url(img/list-arrow-wine.gif);}
#shopping #content-main p {margin-bottom:4px;}


/********************************************************* PAGES */

/******************* background image */
#background {width:100%;}	

#bg-image {
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	position:fixed;
	z-index: -1;
}

/******************* home */
#home {background:#FFF;}

#opening {
	width:500px;
	position:fixed;
	_position:absolute;
	top:42%;
	left:50%;
	margin-left:-250px;
}

#PMi-title {
	width:500px;
	height:63px;
	background:url(img/PMi-logo.png) no-repeat top left;
	_background:url(img/PMi-logo.jpg) no-repeat top left;
}

#PMi-tag {
	color:#999;
	font-size:14px;
	font-style:italic;
	letter-spacing:.5px;
	text-align:center;
}

#content-guide-top-grn {
	width:864px;
	height:6px;
	position:absolute;
	bottom:0;
	left:50%;
	margin:0 0 5px -432px;
	background:url(img/content-guide-top-grn.gif) no-repeat top center;
}

#opening-info {
	width:100%;
	position:absolute;
	top:100%;
	background:#F9F9F9;
}

#opening-text {
	width:864px;
	margin:32px auto;
	text-align:justify;
	color:#888;
 
}

#home #header {position:fixed;}


/********************************************************* HEADER */
#header {
	width:100%;
	min-width:896px;
	height:25px;
	position:absolute;
	top:0;
	overflow:visible;
	z-index:10;
}

#PMi {
	width:68px;
	height:32px;
	margin:32px 0 0 32px;
	background:url(img/PMi.png) no-repeat top left;
	_background:url(img/PMi.gif) no-repeat top left;
}

#patternmapping-big {
	width:415px;
	height:125px;
	position:absolute;
	top:0;
	right:0;
	_display:none;
}


/********************************************************* NAVIGATION */
#nav {
	height:32px;
	position:absolute;
	top:32px;
	right:16px;
	_right:0;
	margin:0;
	overflow:visible;
	z-index:99;
}

.nav-item {
	width:32px;
	height:32px;
	margin:0 16px 0 0;
	overflow:visible;
	float:left;
	list-style:none;
}

#nav-about {background:url(img/nav-about.jpg) no-repeat top left;}
#about #nav-about {width:32px; height:41px; background:url(img/nav-about-on.gif) no-repeat top left;}

#nav-guide {background:url(img/nav-guide.jpg) no-repeat top left;}
#guide #nav-guide {width:32px; height:41px; background:url(img/nav-guide-on.gif) no-repeat top left;}

#nav-research {background:url(img/nav-research.jpg) no-repeat top left;}
#research #nav-research {width:32px; height:41px; background:url(img/nav-research-on.gif) no-repeat top left;}

#nav-contact {background:url(img/nav-contact.jpg) no-repeat top left;}
#contact #nav-contact {width:32px; height:41px; background:url(img/nav-contact-on.gif) no-repeat top left;}

#nav-shopping {background:url(img/nav-shopping.gif) no-repeat top left;}
#shopping #nav-shopping {width:32px; height:50px; background:url(img/nav-shopping-on.gif) no-repeat top left;}

.nav-item #nav-shopping {
	width:32px;
	height:39px;
	margin:-7px 16px 0 0;
}

/*************** drop-down menu */
.nav-item li ul li {
	width:18px;
	margin:0 0 2px 0;
	padding:15px 6px 10px 8px;
	font-size:10px;
	letter-spacing:1px;
	background:url(img/content-bg.png) repeat;
	_background:#4b3241;
	line-height:10px;
	color:#FFF;
}

#nav ul ul {
	position:absolute;
	display:none;
}

#nav ul li {
	position:absolute;
	display:relative;
}

#home #nav ul ul {position:absolute; display:block; margin-top:32px;}

#nav ul li:hover ul{
	display:block;
	list-style:none;
	right:48px;
	margin-top:32px;	
}

.nav-item li {position:relative;}

/*************** sub navigation menu */
#sub-nav-wrapper {
	width:100%;
	height:16px;
	position:fixed;
	bottom:16px;
	/* background:#4b3241; */
	background:#FFF;
	_position:absolute;
	_top:0px;
}

#sub-nav {
	width:896px;
	height:24px;
	margin:-8px auto 0 auto;
	padding:8px 0 0 0;
	/* background:url(img/diag-purple-70.png) repeat;
	background:url(img/diag-purple.gif) repeat; */
	background:url(img/diag-white.gif) repeat;
	_height:16px;
	_margin:0 auto;
	_padding:0;
}

.sub-nav-item-1 {
	width:100%;
	text-align:center;
	font-family:Helvetica, Geneva, Arial, sans-serif;
	font-size:10px;
	float:left;
}

.sub-nav-item-2 {
	width:49.5%;
	border-right:1px solid #DDD;
	text-align:center;
	font-family:Helvetica, Geneva, Arial, sans-serif;
	font-size:10px;
	float:left;
}

.sub-nav-item-3 {
	width:33%;
	border-right:1px solid #DDD;
	text-align:center;
	font-family:Helvetica, Geneva, Arial, sans-serif;
	font-size:10px;
	float:left;
}

.sub-nav-item-4 {
	width:24.5%;
	border-right:1px solid #DDD;
	text-align:center;
	font-family:Helvetica, Geneva, Arial, sans-serif;
	font-size:10px;
	float:left;
}


/********************************************************* CONTENT */
#content-wrapper {
	width:100%;
	position:absolute;
	top:20%;
}

#Beauty-and-inspiration, #Living-Built-Environments, #Context-Intelligence, #Education, 
#BBg-book, #BBg-digital, 
#ml-robles {
	width:100%;
	position:absolute;
	top:20%;
	display:none;
}

#content {
	width:100%;
	min-width:896px;
	height:auto;
	max-height:550px;
	/* background:url(img/content-bg.png) repeat; */
	background:url(img/white-80.png) repeat;
	_background:#E5E5E5;
	overflow-y:auto;
	overflow-x:hidden;
}

#content-dark {
	width:100%;
	min-width:896px;
	height:auto;
	max-height:550px;
	/* background:url(img/content-bg-75.png) repeat; */
	background:url(img/white-90.png) repeat;
	_background:#E5E5E5;
	overflow-y:auto;
	overflow-x:hidden;
}

#content-main {
	width:864px;
	margin:0 auto;
	padding:16px 16px 0 16px;
}

.scroll {padding-right:-9px;}

#shopping #content-main {padding:0 16px 0 16px;}


#content-guide-top {
	width:864px;
	height:6px;
	margin:0 auto 5px auto;
	_margin:0 auto -4px auto;
	background:url(img/content-guide-top.png) no-repeat top center;
	_background:url(img/content-guide-top.gif) no-repeat top center;
}


#content-guide-btm {
	width:864px;
	height:6px;
	margin:5px auto 0 auto;
	background:url(img/content-guide-btm.png) no-repeat top center;
	_background:url(img/content-guide-btm.gif) no-repeat top center;
	margin-bottom:64px;
}

#content-main img {background:url(img/diag-purple-50.png) repeat top left; _background:url(img/diag-purple.gif) repeat top left;}

.content-quarter {
	width:192px;
	margin-right:32px;
	float:left;
}

.content-half {
	width:416px;
	margin-right:16px;
	float:left;
}

#guide .content-half {
	width:432px;
	margin:0 0 32px 0;
	padding:5px 0;
	text-align:center;
	background:url(img/diag-purple-50.png) repeat top left;
	_background:url(img/diag-purple.gif) repeat top left;
}

#shopping .content-half {
	width:432px;
	margin:0 0 32px 0;
	padding:5px 0;
	text-align:center;
	background:url(img/diag-purple-50.png) repeat top left;
	_background:url(img/diag-purple.gif) repeat top left;
}

.certification {
	width:400px;
	clear:both;
}

.certification img {
	float:left;
	margin:0 16px 16px 0;
}

/* .button {
	height:27px;
	margin:-5px 0 0 0;
	padding:5px 8px 0 8px;
	background:url(img/button-bg.jpg) repeat-x;
	text-align:center;
	white-space:nowrap;
	float:left;
} */

#button-wrapper {
	width:864px;
	height:35px;
	margin:-24px 0 0 -432px;
	position:absolute;
	left:50%;
}

.button {
	height:35px;
	margin:0 16px 0 0;
	padding:4px 16px 0 19px;
	background:url(img/button-bg-1.png) top left no-repeat;
	_background:url(img/button-bg-1.gif) top left no-repeat;
	text-align:center;
	white-space:nowrap;
	float:left;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}

.button a {color:#FFF;}
.button a:hover {color:#DDD;}
.button a:active {color:#BC9CAF;}

/*************** forms */
.form-field {
	width:189px;
	height:16px;
	margin:0 0 16px 0;
	padding:0 0 0 3px;
	background:#FFF;
	border:none;
	color:#4b3241;
}

.contact-div {float:left; margin-right:32px; _margin-right:15px;}

.form-field-mssg {
	width:490px;
	height:112px;
	_height:123px;
	padding:0 3px;
	background:#FFF;
	border:none;
	white-space:normal;
	resize:none;	
}

.form-field-submit {
	width:112px;
	height:112px;
	_height:123px;
	background:#FFF;
	border:none; 
	cursor:pointer;
}


/********************************************************* LIGHTBOX */
#lightbox{
	background-color:#FFF;
	border:2px solid #EFEFEF;
	padding:10px;
	color:#666;
}

#lightboxDetails{
	font-size:0.9em;
	padding-top:0.4em;
}
	
#lightboxCaption{float:left; margin-left:3px;}
#keyboardMsg{float:right; font-variant:small-caps; color:#FFF; letter-spacing:5px; font-weight:bold; background-color:#4b3241; padding:0 0 3px 6px;}
#closeButton{top:5px; right:5px;}

#lightbox img{border:none; clear:both;} 
#overlay img{border:none;}

#overlay{background:url(img/lightbox-overlay.png) center repeat;}

* html #overlay {
	background-color:#FFF;
	background-color:transparent;
	background-image:url(blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/lightbox-overlay.png", sizingMethod="scale");
}


/********************************************************* E-COMMERCE */
.checkbox_item {}

.checkbox_option {
	margin:0 0 8px 64px;
	padding:4px 16px;
	background:#FFF;
}

.checkbox-submit {
	margin:32px 0 32px 0;
	text-align:center;
	background:url(img/diag-purple.gif) repeat;
}

.divider {
	width:100%;
	height:3px;
	background:url(img/diag-purple.gif) repeat;
}

.shopping-head {
	font-weight:bold;
	margin:32px 0 0 0;
}


#itemized-order {background:#FFF;}

/*************** progress bar */
#progress-wrapper {
	width:864px;
	height:32px;
	margin:16px auto;
	background:url(img/diag-purple.gif) repeat;
}

.progress-item {
	height:32px;
	border-right:1px solid #4b3241;
	float:left;
}