@import url("reset.css");

body {
	background: #fff url(../images/bg.png) repeat-x scroll 0 0;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
}
a { text-decoration: none; }
a:hover { text-decoration: underline; }
#wrap {
	width: 946px;
	margin: 46px auto;
}

/* NAV */

#nav {
	float: left;
	width: 946px;
	height: 61px;
}
#nav h4 a {
	float: left;
	display: block;
	width: 206px;
	height: 61px;
	background: transparent url(../images/greenstone-logo.png) no-repeat scroll 0 0;
	text-indent: -9999px;
}
#nav ul { 
	background: transparent url(../images/nav.png) no-repeat scroll 0 0;
	float: left;
	width: 740px;
	height: 61px;
}
#nav ul li {
	float: left;
	background: transparent url(../images/nav-divider.png) no-repeat scroll right top;
	height: 61px;
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 16px;
	letter-spacing: 0.03em;
}
#nav ul li a {
	display: block;
	height: 40px;
	color: #fff;
	padding: 21px 2px 0 0;
	/*
	text-shadow: #718a3e 0 1px 0;
	*/
}
#nav li#my-greenstone  { background: none; }

#nav li#homes a { width: 146px; padding-top: 13px; }
#nav li#news a { width: 94px; }
#nav li#vision a { width: 101px; }
#nav li#design-center a { width: 135px; }
#nav li#healthy a { width: 104px; padding-top: 13px; }
#nav li#my-greenstone a { width: 143px; }

#nav a.selected { font-weight: bold; }


/* CONTENT */

#main {
	float: left;
	width: 942px;
	margin-top: 18px;
	padding: 0 2px;
}
ul#home-images { float: left; width: 942px; margin-top: 20px; }
ul#home-images li { float: left; }
ul#home-images li.gap { margin: 0 21px; }

#content {
	float: left;
	width: 700px;
	margin-right: 20px;
}
#side {
	float: left;
	width: 220px;
}
#content, #side { padding-top: 33px; }


/* FONT STYLES & HEADINGS */

h1 {
	font-family: "Palatino", Palatino Linotype, Book Antiqua;
	font-size: 32px;
	color: #964315;
	font-weight: normal;
	margin-bottom: 20px;
}
h2 {
	font-size: 12px;
	text-transform: uppercase;
	color: #964315;
	line-height: 24px;
	padding-top: 10px;
}
h3 {
	font-family: "Palatino", Palatino Linotype, Book Antiqua;
	font-size: 16px;
	color: #2f2f2f;
	font-weight: normal;
	font-style: italic;
	line-height: 28px;
	padding: 10px 0;
	margin: 10px 0 20px 0;
	border-top: 1px dashed #d9d9d9;
	border-bottom: 1px dashed #d9d9d9;
}
p {
	font-size: 12px;
	line-height: 24px;
	color: #666157;
	margin-bottom: 20px;
}

/* SUBNAV */

#subnav {
	float: left;
	height: 20px;
	font-size: 11px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	padding: 20px 0 0 5px;
}
#subnav ul li {
	display: block;
	height: 20px;
	float: left;
	margin-right: 30px;
}
#subnav a {
	display: block;
	height: 15px;
	color: #53712d;
	padding-top: 4px;
}
#subnav a:hover { color: #233c00; text-decoration: none; }
#subnav ul li.selected {
  padding: 0 0 0 10px;
	background: transparent url(../images/subnav-selected-left.png) no-repeat scroll left top;
}
#subnav ul li.selected a {
	background: transparent url(../images/subnav-selected-right.png) no-repeat scroll right top;
	color: #3b3b3b;
	font-weight: bold;
	padding: 4px 10px 0 0;
	height: 16px;
}
#subnav ul li.selected a:hover {
	text-decoration: none;
	color: #111;
}

/* SIDE-NAV */

ul.side-nav {
	background: #fff url(../images/sidenav-bg.png) no-repeat scroll left bottom;
	text-transform: uppercase;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
ul.side-nav li.title {
	background: #fff url(../images/sidenav-top.png) no-repeat scroll 0 0;
	height: 20px;
	padding: 8px 0 0 18px;
	font-size: 12px;
	font-weight: bold;
	/*
	text-shadow: #7f431b 0 1px 0;
	*/
	color: #fff;
}
ul.side-nav li {
	padding: 15px 0 8px 18px;
	font-size: 11px;
}
ul.side-nav a { color: #8b3910; }
ul.side-nav li.selected {
	background: transparent url(../images/sidenav-selected.png) no-repeat scroll 0 15px;
	font-weight: bold;
}
ul.side-nav li.selected a { color: #2e2e2e; }

.side-text { padding: 10px 0 10px 8px;; }
.side-text p, .side-text h4 { font-size: 11px; line-height: 24px; }
.side-text p { margin: 0; }
.side-text h4 { font-weight: bold; color: #433f38; }
.side-text a, #main #content a { color: #5b7839; }

ul.side-search {
	background: #fff url(../images/sidenav-bg.png) no-repeat scroll left bottom;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
ul.side-search li.title {
	background: #fff url(../images/sidenav-top.png) no-repeat scroll 0 0;
	height: 20px;
	padding: 8px 0 0 18px;
	font-size: 12px;
	font-weight: bold;
	/*
	text-shadow: #7f431b 0 1px 0;
	*/
	color: #fff;
	text-transform: uppercase;
}
ul.side-search li {
	padding: 10px 10px 0px 10px;
	font-size: 11px;
}

ul.side-search li.button {
  text-align: center;
  margin-top: 10px;
}

ul.side-search label {
  font-weight: bold;
  width: 80px;
  text-align: right;
  display: inline-block;
  margin-right: 10px;
}

ul.side-search select {
  width: 100px;
}


a.side-cta { 
	display: block;
	margin-bottom: 10px;
}

/* GALLERY */
ul.thumbnails li {
	float: left;
	width: 219px;
	margin: 0 21px 35px 0;
	text-align: center;
	font-size: 14px;
}
ul.thumbnails li.nomargin { margin-right: 0; }
ul.thumbnails img {
	background-color: #fff;
	padding: 1px;
	border: 5px solid #d2d2d2;
}
#main #content ul.thumbnails li a { text-decoration: none; color: #3b3b3b; }
#main #content ul.thumbnails li a:hover { color: #222; }

ul.thumbnails span {
	display: block;
	padding-top: 15px;
}

/* MY GREENSTONE */

#my-greenstone-login {
	width: 940px;
	height: 406px;
	background: transparent url(../images/my-greenstone-bg.jpg);
	background-repeat:no-repeat;
	/*
	 scroll 0 0;
	 */
	padding-top: 112px;
}
#my-greenstone-login .box {
	float: left;
	clear: left;
	width: 275px;
	background-color: #436120;
	margin: 0 0 20px 32px;
	padding: 17px 24px;
	/*
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	*/
	color: #fff;
}
#my-greenstone-login .box h1 {
	font-size: 26px;
	color: #fff;
	margin-bottom: 5px;
	/*
	*/
}
#my-greenstone-login .box p {
	color: #fff;
	line-height: 22px;
	margin: 0;
}
#my-greenstone-login .box a { color: #fff; font-weight: bold; }
#my-greenstone-login input {
	width: 265px;
	background-color: #d1e2a7;
	border: 1px solid #2d3d1b;
	color: #626756;
	font-size: 12px;
	padding: 5px;
}
#my-greenstone-login li.button input {
	text-indent: -9999px;
	background: transparent url(../images/login-button.png) no-repeat scroll 0 0;
	width: 84px;
	height: 27px;
	border: none;
	float: left;
}
#my-greenstone-login li.button input:focus {
	background: transparent url(../images/login-button.png) no-repeat scroll 0 -27px;
	outline: none;
}
#my-greenstone-login li.button a {
	font-size: 12px;
	float: right;
	padding-top: 5px;
}
#my-greenstone-login li {
	float: left;
	width: 275px;
	margin-top: 12px;
}
ul.list { padding-top: 10px; }
ul.list li {
	background: transparent url(../images/brown-bullet.gif) no-repeat scroll 0 4px;
	color: #666157;
	font-size: 11px;
	padding: 0 0 12px 15px;
}

/* FOUR COLUMNS */

#content.four-column { width: 940px; margin: 0; color: #666156; font-size: 11px; }

.four-column .col1, .four-column .col2, .four-column .col3, .four-column .col4 {
	float: left;
	width: 220px;
	margin-right: 20px;
}
.four-column .col4 { margin: 0; }

.four-column h4, .side-text h5 {
	font-family: "Palatino", Palatino Linotype, Book Antiqua;
	font-size: 15px;
	color: #944013;
	padding-bottom: 5px;
	font-weight: normal;
}
.four-column ul li {padding: 0 0 30px 33px;}
li.bullet-1 { background: transparent url(../images/bullet-1.png) no-repeat scroll 0 0; }
li.bullet-2 { background: transparent url(../images/bullet-2.png) no-repeat scroll 0 0; }
li.bullet-3 { background: transparent url(../images/bullet-3.png) no-repeat scroll 0 0; }
li.bullet-4 { background: transparent url(../images/bullet-4.png) no-repeat scroll 0 0; }
li.bullet-5 { background: transparent url(../images/bullet-5.png) no-repeat scroll 0 0; }
li.bullet-6 { background: transparent url(../images/bullet-6.png) no-repeat scroll 0 0; }
li.bullet-7 { background: transparent url(../images/bullet-7.png) no-repeat scroll 0 0; }
li.bullet-8 { background: transparent url(../images/bullet-8.png) no-repeat scroll 0 0; }
li.bullet-9 { background: transparent url(../images/bullet-9.png) no-repeat scroll 0 0; }
li.bullet-10 { background: transparent url(../images/bullet-10.png) no-repeat scroll 0 0; }
li.bullet-11 { background: transparent url(../images/bullet-11.png) no-repeat scroll 0 0; }
li.bullet-12 { background: transparent url(../images/bullet-12.png) no-repeat scroll 0 0; }
li.bullet-13 { background: transparent url(../images/bullet-13.png) no-repeat scroll 0 0; }
li.bullet-14 { background: transparent url(../images/bullet-14.png) no-repeat scroll 0 0; }
li.bullet-15 { background: transparent url(../images/bullet-15.png) no-repeat scroll 0 0; }

.side-text h5 { font-size: 16px; font-weight: normal; }

/* SECTIONS */
#content .section { padding: 20px 0 25px 0; }
#content .section img {
	float: left;
	margin-right: 20px;
}
#content .section h2 {
	font-family: "Palatino", Palatino Linotype, Book Antiqua;
	font-size: 24px;
	color: #964315;
	font-weight: normal;
	margin-bottom: 20px;
	text-transform: none;
}
#main #content .section a { color: #964315; }
.next-prev {
	height: 30px;
	padding-top: 10px;
	color: #b2b2b2;
	font-weight: bold;
	font-size: 12px;
}
#main #content .next-prev a { color: #944013; }
.next-prev span.left { float: left; }
.next-prev span.right { float: right; }

#content .news { padding: 20px 0 5px 0; margin-bottom: 5px; border-bottom: 1px dashed #d9d9d9; }
#content .news h2 {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	padding-left: 50px;
	margin: 0 0 5px 0;
	line-height: 18px;
}
#content .news h5 {
	font-size: 9px;
	text-transform: uppercase;
	color: #a6a6a6;
	font-weight: normal;
}
#content .news img {
	border: 5px solid #d2d2d2;
	padding: 1px;
	background-color: #fff;
}
#content .news p, #content .news h5, #content .news h2 {
	padding-left: 165px;
}

#gallery-menu {
	background: transparent url(../images/homes.gif) no-repeat scroll 0 0;
	width: 700px;
	height: 202px;
	margin-bottom: 20px;
	position: relative; }
	#gallery-menu ul.tabs li {
		float: left;
		display: inline;
		font-size: 11px;
		color: #987050;
		text-transform: uppercase;
		padding: 10px 17px 11px 17px;
		margin: 0 4px 0 0; 
		cursor: pointer; }
		#gallery-menu ul.tabs li.active {
			font-weight: bold;
			color: #5B3B15; }
	#gallery-menu .scrollable { 
	  display: none;
	  position: absolute; 
	  top: 32px;
	  left: 0;
  	width: 698px;
  	margin: 0 1px; 
    overflow: hidden; 
    height: 130px; } 
		#gallery-menu .scrollable ul {
		  position: absolute;
			left: 29px;
			top: 0; 
			width: 4000px; }
			#gallery-menu .scrollable ul li {
				float: left;
				display: inline;
				font-size: 11px;
				width: 113px; 
				text-align: center;
				margin: 0 21px 0 0; 
				padding: 23px 0 0 0; }
				#gallery-menu .scrollable ul li img {
					padding-bottom: 3px; }
			  #gallery-menu .scrollable ul li a {
    			color: #5B3B16 !important; }
				#gallery-menu .scrollable ul li a:hover {
				  text-decoration: none; }
				#gallery-menu .scrollable ul li.active a {
					font-weight: bold;
					color: #323232 !important; }
  #gallery-menu .track {
    width: 584px;
    height: 11px;
    position: absolute;
    top: 179px;
    left: 59px; 
    background: url(../images/homes-track.gif) no-repeat; }
    #gallery-menu .track .ui-slider-handle {
      position: absolute;
      width: 203px;
      height: 11px;
      background: url(../images/homes-handle.png) no-repeat; 
      cursor: pointer; }
	#gallery-menu .prev {
		position: absolute;
		top: 173px;
		left: 8px;
		display: block; 
		width: 23px;
		height: 23px;
		cursor: pointer; 
		background: url(../images/homes_prev.gif) no-repeat; }
    #gallery-menu .prev:active {
		  background: url(../images/homes_prev_active.gif) no-repeat; }
	#gallery-menu .next {
		position: absolute;
		top: 173px;
		left: 671px; 
		display: block; 
		width: 23px;
		height: 23px;
		cursor: pointer; 
		background: url(../images/homes_next.gif) no-repeat; }
    #gallery-menu .next:active {
		  background: url(../images/homes_next_active.gif) no-repeat; }
		
#gallery-view {
	background: transparent url(../images/homes2.gif) no-repeat scroll 0 0;
	width: 700px;
	height: 362px;
	margin-bottom: 30px;
	position: relative; 
  overflow: hidden; }
	#gallery-view .zoomed {
		position: absolute;
  	width: 550px;
		top: 0;
		right: 0; }
	#gallery-view ul {
	  position: absolute;
		left: 9px;
		top: 12px; }
		#gallery-view ul li {
			font-size: 11px;
			color: #fff; 
			width: 113px; 
			text-align: center;
			margin: 0 18px 0 0; 
			padding: 0 0 14px 0; 
			cursor: pointer; }
			#gallery-view ul li.active {
				font-weight: bold; }
  #gallery-view .track {
    height: 344px;
    width: 11px;
    position: absolute;
    top: 11px;
    left: 131px; 
    background: url(../images/homes2-track.gif) no-repeat; }
    #gallery-view .track .ui-slider-handle {
      position: absolute;
      height: 263px;
      width: 11px;
      background: url(../images/homes2-handle.png) no-repeat; 
      cursor: pointer; }

/* TABLE */
.table {
	float: right;
	width: 158px;
	background-color: #f6f6f6;
	border: 1px solid #b8b8b8;
	font-size: 11px;
	margin: 0 0 30px 30px;
}
.table .row {
	float: left;
	height: 26px;
	width: 158px;
	border-bottom: 1px solid #ddd;
}
.table .row span.left {
	float: left;
	color: #313131;
	font-weight: bold;
	padding: 7px 0 0 11px;
	
}
.table .row span.right {
	float: right;
	color: #626262;
	padding: 7px 11px 0 0;
}
ul.greenlist li {
	background: #fff url(../images/leaf-bullet.png) no-repeat scroll 0 7px;
	padding: 0 0 25px 22px;
	font-size: 12px;
	line-height: 24px;
	color: #666157;
}

/*  SEARCH RESULTS  */

#search-results {
  border: solid 1px #e5e5e5;
}

#search-results thead .header td {
  background: #843711 url(../images/bg-search-header.png) repeat-x top left;
  height: 29px;
  line-height: 29px;
  padding-left: 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  font-size: 0.8em;
  border: solid 1px #843711;
}

#search-results tbody td {
  padding: 20px;
  vertical-align: top;
}

#search-results .stats {
	background-color: #f6f6f6 !important;
	border: 1px solid #b8b8b8;
	font-size: 11px;
  width: 160px;
  float: none;
}

#search-results td .stats td {
  padding: 5px 9px;
  border-top: 1px solid #ddd;
  background-color: transparent !important;
}

#search-results .stats .left {
  font-weight: bold;
  color: #333;
}

#search-results .stats .right {
  text-align: right;
  color: #666;
}

#search-results td h2 {
  width: auto;
  float: none;
  padding-top: 0;
}

#search-results td h2 a {
  font-size: 1.3em;
  color: #944013 !important;
  text-transform: none;
}

#search-results td h3 {
  border: none;
  padding: 0;
  margin: 0;
  width: auto;
  float: none;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Myriad Pro", Myriad, Calibri, "Segoe UI", "Trebuchet MS", sans-serif;
  font-style: normal;
  font-size: 0.9em;
  color: #555;
}

#search-results td p {
  font-size: 0.75em;
  margin-bottom: 0;
}

#search-results td img {
  width: 150px;
  /*
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.15);
  box-shadow: 0px 2px 3px rgba(0,0,0,0.15);
  */
}

#search-results td h3 a {
  font-size: 0.75em;
}

#search-results tr.odd td {
  background-color: #f3f1eb;
}

#search-results tfoot {
  font-size: 0.8em;
  color: #666;
}

#search-results tfoot td {
  padding: 10px;
  text-align: center;
  border-top: solid 1px #e5e5e5;
}

#search-results a.disabled {
  color: #aaa !important;
}

/*  INVENTORY  */

#inventory {
  font-size: 0.7em;
  width: 100%;
  color: #6f6a61;
}

#inventory a {
  color: #944013 !important;
}

#inventory tbody td {
  border-left: solid 1px #e5e5e5;
  border-right: solid 1px #e5e5e5;
  border-bottom: solid 1px #e5e5e5;
}

#inventory tbody td {
  padding: 10px 8px;
  border-right: solid 1px #e5e5e5;
}

#inventory thead td{
  border-top: none;
}

#inventory thead tr th{
  border-left: solid 1px #e5e5e5;
  border-right: solid 1px #e5e5e5;
  border-bottom: solid 1px #e5e5e5;
}

#inventory thead th {
  padding: 10px 8px;
  background-color: #f4efde;
  text-align: left;
  color: #333;
  border-left: solid 1px #e5e5e5;
}

#inventory tbody tr.odd td{
  background-color: #f3f1eb;
}

#inventory thead tr.header td {
  background: #843711 url(../images/bg-search-header.png) repeat-x top left;
  height: 29px;
  line-height: 29px;
  padding-left: 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  border-bottom: solid 1px #e5e5e5;
}

/* FOOTER */
#footer {
	float: left;
	width: 921px;
	height: 41px;
	background: #944013 url(../images/footer-left.png) no-repeat scroll 0 0;
	margin: 18px 0 0 0;
	font-size: 11px;
	padding-left: 25px;
}
#footer, #footer a { color: #fff; }
#footer a {	text-transform: uppercase; }
#footer ul li {
	float: left;
	height: 26px;
	margin-left: 35px;
	padding-top: 15px
}

#footer li.copyright {
	float: right;
	padding-right: 15px;
	background: #944013 url(../images/footer-right.png) no-repeat scroll right top;
	margin: 0;
}
.clear { height: 0; clear: both; }
.nomargin { margin: 0; }
.push-up { margin-top: -25px; }
.row.noborder { border-bottom: none; }
p.note {
	font-size: 11px;
	line-height: 20px;
	padding-top: 15px;
	border-top: 1px dashed #d4d4d4;
}