/*
---------------------------------------------------------------------
            GLOBAL STYLES 
---------------------------------------------------------------------

These are default styles that every page needs to inherit */


/* This sets all browser padding and margin defaults to zero */
* { margin: 0; padding: 0; } 

/* This is a fix for IE 6 & 7 spacing issues. I think. */
* html img { display: block; } 

/* This keeps images wrapped in an anchor tag from displaying a border. Maybe. */
a img { border: none; margin: 0; padding: 0; }

/*Firefox produces a dotted outline that appears around links when you click on them. */
a { outline: none; }

/* this is a fix for IE/Mac, to keep the nav items from breaking. */
#header li {
	/*\*/overflow: hidden;/**/
}

 
/* styles for IE 5 Mac */
 .homewrapper {
	background: transparent;
	position: absolute;
	top: 50px;
	width: 100%;

 }
 
 /* following rules are invisible to IE 5 \*/
.homewrapper {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -410px;
	text-align: center;
	min-width: 960px;
	background-image: url(images/img-leaf_urban_habitat_design_home.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

/* styles for IE 5 Mac */
 .wrapper {
	background: transparent;
	position: absolute;
	top: 50px;
	width: 100%;

 }
 
 /* following rules are invisible to IE 5 \*/
.wrapper {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -410px;
	text-align: center;
	min-width: 960px;
	background-image: url(images/img-leaf_urban_habitat_design.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
 /* following rules are invisible to IE 5 \*/
.innerwrapper {
	background: transparent;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -300px;
	text-align: center;
	min-width: 960px;
}
/* end IE 5 hack */ 
#container {
	height: 800px;
	width: 960px;
	top: 70px;
	text-align: left;
	margin: 0px auto;
	margin-bottom: 15px;
	border: 0;
	position: relative;
}
#leaf {
	position: absolute;
	
}
#footerLeft {
	position: absolute;
	height: 62px;
	top: 610px;
	width: 800px;
}
#footerRight {
	position: absolute;
	height: 62px;
	width: 400px;
	top: 610px;
	left: 560px;
	text-align: right;
}
#pressFooterLeft {
	position: absolute;
	height: 62px;
	top: 775px;
}
#pressFooterRight {
	position: absolute;
	height: 62px;
	width: 400px;
	top: 775px;
	left: 560px;
	text-align: right;
}
.SFtag {
	text-align:right;
	margin: 18px 33px 0px 0px;
}
h1 {
	font: bold 16px/24px GillSans, "Gill Sans", Trebuchet, "Trebuchet MS", Tahoma, Geneva, Helvetica, Arial, Verdana, sans-serif;
	color: #5C3F15;
	margin-top: 12px;
	margin-bottom: 24px;
	padding-bottom: 0;
	letter-spacing: .05em;
}
h2 {
	font: bold 16px/24px GillSans, "Gill Sans", Trebuchet, "Trebuchet MS", Tahoma, Geneva, Helvetica, Arial, Verdana, sans-serif;
	color: #5C3F15;
	margin-top: 12px;
	margin-bottom: 0px;
	padding-bottom: 0;
	letter-spacing: .05em;
}
h3 {
	font: normal 16px/24px GillSans, "Gill Sans", Trebuchet, "Trebuchet MS", Tahoma, Geneva, Helvetica, Arial, Verdana, sans-serif;
	color: #5C3F15;
	margin-top: 24px;
	margin-bottom: 0px;
	padding-bottom: 0;
	letter-spacing: .05em;
	text-transform: uppercase;
}
.normalWeight {
	font-weight: normal;
}
p {
	font: 12px/20px GillSans, "Gill Sans", Trebuchet, "Trebuchet MS", Tahoma, Geneva, Helvetica, Arial, Verdana, sans-serif;
	color: #5c3f15;
	margin-bottom: 12px;
	letter-spacing: .08em;
	
}
a {
	color: #997c55;
	text-decoration: none;
}
a:visited {
	color: #997c55;
	text-decoration: none;
}
a:hover, a:active {
	color: #59925a;
	text-decoration: none;
}
a img {
	border: 0px;
	outline: none;
	}
	

.nobg {
	background: none !important;
}
.navText {
	font: 12px/18px GillSans, "Gill Sans", Trebuchet, "Trebuchet MS", Tahoma, Geneva, Helvetica, Arial, Verdana, sans-serif;
	color: #AD9F8A;
	margin-bottom: 0px;
	letter-spacing: .1em;
	font-weight: bold;
}
.navText a {
	color: #5C3F15;
	text-decoration: none;
	font-weight: bold;
}
.navText a:visited {
	color: #5C3F15;
	text-decoration: none;
	font-weight: bold;
}
.navText a:hover, .navText a:active {
	color: #59925A;
	text-decoration: none;
	font-weight: bold;
}
.subnavText {
	font: 12px/18px GillSans, "Gill Sans", Trebuchet, "Trebuchet MS", Tahoma, Geneva, Helvetica, Arial, Verdana, sans-serif;
	color: #AD9F8A;
	margin-bottom: 0px;
	letter-spacing: .1em;
	font-weight: bold;
}
.subnavText a {
	color: #997c55;
	text-decoration: none;
}
.subnavText a:visited {
	color: #997c55;
	text-decoration: none;
}
.subnavText a:hover, .subnavText a:active {
	color: #59925a;
	text-decoration: none;
}
#logo {
	position: absolute;
	left: 652px;
	top: 63px;
	border: 0px;
}
#logoHome {
	position: absolute;
	left: 538px;
	top: 62px;
	border: 0px;
}
#homeText {
	position: absolute;
	width: 420px;
	left: 540px;
	top: 175px;
	border: 0px;
	z-index: 2;
}
#mainText {
	position: absolute;
	width: 480px;
	left: 0px;
	top: 255px;
	border: 0px;
	z-index: 2;
}
#mainContact {
	position: absolute;
	width: 480px;
	left: 0px;
	top: 345px;
	border: 0px;
	z-index: 2;
}
#mainPress {
	position: absolute;
	width: 480px;
	left: 0px;
	top: 255px;
	border: 0px;
	z-index: 2;
}
#mainPressXX a:link, #mainPressXX a:visited {
	color: #af9c84;
	margin-bottom: 12px;
	letter-spacing: .05em;
	text-decoration: none;
}
#mainPressXX a:hover, #mainPressXX  a:active {
	color: #59925a;
	text-decoration: none;
}
#mainImg {
	position: absolute;
	left: 360px;
	width: 600px;
	top: 160px;
	float: right;
}

.mainImg {
	text-align: right;
}
#navigationHome {
	width: 400px;
	position: absolute;
	left: 0;
	top: 87px;
	text-align: left;
}
#navigation {
	width: 400px;
	position: absolute;
	left: 95px;
	top: 87px;
	text-align: left;
}

#subnavElbow {
	position: absolute;
	left: 186px;
	top: 104px;
	text-align: left;
	z-index: 3;
}
#subnav {
	width: 700px;
	position: absolute;
	left: 240px;
	top: 110px;
	text-align: left;
	z-index: 4;
}

#subnavElbowPress {
	position: absolute;
	left: 286px;
	top: 104px;
	text-align: left;
	z-index: 3;
}
#subnav_press {
	width: 600px;
	position: absolute;
	left: 340px;
	top: 110px;
	text-align: left;
	z-index: 4;
}

#subnavElbow_residential {
	position: absolute;
	left: 275px;
	top: 128px;
	text-align: left;
	z-index: 3;
}
#subsubnav_residential {
	width: 500px;
	position: absolute;
	left: 330px;
	top: 131px;
	text-align: left;
	z-index: 4;
}

#subnavElbow_public {
	position: absolute;
	left: 360px;
	top: 128px;
	text-align: left;
	z-index: 3;
}
#subsubnav_public {
	width: 500px;
	position: absolute;
	left: 415px;
	top: 131px;
	text-align: left;
	z-index: 4;
}

#subnavElbow_gardenshows {
	position: absolute;
	left: 452px;
	top: 128px;
	text-align: left;
	z-index: 3;
}
#subsubnav_gardenshows {
	width: 400px;
	position: absolute;
	left: 507px;
	top: 131px;
	text-align: left;
	z-index: 4;
}


.nav {
	border: 0px;
	padding: 0px;
	margin: 0px;
	display: inline;
}

#umbrella {
    position: absolute;
	display: block;
	top: 160px;
	margin: 0;
	padding: 0;
    width: 960px; /* set this to the maximum image width */
    height: 430px; /* set this to the maximum image height */
    text-align: center;
    vertical-align: middle;
	overflow: hidden;
}


.formFill {
	line-height: normal;
	letter-spacing: normal;
	height: 20px;
	width: 200px;
	margin: 0 20px 6px 0;
	border: 1px solid #AD9F8A;
}
.messageInput {
	line-height: normal;
	letter-spacing: normal;
	height: 60px;
	width: 408px;
	padding: 6px;
	border: 1px solid #AD9F8A;
	font: 12px GillSans, "Gill Sans", Trebuchet, "Trebuchet MS", Tahoma, Geneva, Helvetica, Arial, Verdana, sans-serif;
	color: #5c3f15;}
.submitBtn {
	margin: 18px 0 0 296px;
}
.bigImage {
	float: right;
}
.green{
	color: #59925a;
}
.brown {
	color: #5C3F15;
}
.spaceAbove {
	margin-top: 12px;
}






/* nivo-slider */

#slider {
    position: absolute;
	display: block;
	top: 160px;
	margin: 0;
	padding: 0;
    width: 960px; /* set this to the maximum image width */
    height: 430px; /* set this to the maximum image height */
    text-align: center;
    vertical-align: middle;
	overflow: hidden;

}

.clear {
	clear:both;
}
 
/* The Nivo Slider styles. Most will stay untouched. */

.nivoSlider {
	position:relative;
	text-align: center;
    vertical-align: middle;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
    background:#fff url(images/interface/loading.gif) no-repeat 50% 50%;
	display: none !important;
}
.nivoSlider a {
	border:0;
	display:block;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height: 345px;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider. Ignore. */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:345px;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles. Whatever you want. */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:-40px;
	color:#000;
	width:100%;
	z-index:8;
	text-align: left;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}

/* the arrows on the images */

.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
	display:block;
	width:30px;
	height:30px;
	background:url(images/interface/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.nivo-caption a:hover {
    color:#fff;
}

/* Styles for thumbnails */

#slider .nivo-controlNav {
	position:absolute;
	bottom:-120px; /* Put the nav below the slider */
	width: 500px /* same as the maxiumum image width */
}
#slider .nivo-controlNav img {
	display:block;
	position:relative;
}
.nivo-controlNav a {
	cursor:pointer;
	display: block;
	border: 1px solid #666; /* Border around inactive thumbs */
	width: 50px; /* Whatever the width of your thumbnails is */
	height: 50px; /* Whatever the height of your thumbnails is */
	float: left;
	margin-right:10px;
	float: left;
	opacity: 0.8;
}
.nivo-controlNav a:hover, .nivo-controlNav a.active {
	border: 1px solid #FF00FF; /* Border around active/hover thumbs */
	opacity: 1;
}

/* Styles for the Colorbox (enlargement window) */

/*
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;font-family: Helvetica, Arial, sans-serif;padding-left: 6px;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
    (To change the arrows and close button, you'll just want to replace the image file controls.png)
*/
#cboxOverlay{background:#fff;}
#colorbox{}
    #cboxContent{margin-bottom:32px; overflow:visible;}
        #cboxError{padding:50px; border:6px solid #FFF;}
        #cboxLoadedContent{background:#FFF; padding:6px 6px 6px 6px;}
        #cboxLoadingGraphic{background:url(images/interface/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#FFF;}
        #cboxTitle{position:absolute; bottom:-20px; left:0; color:#000;}
        #cboxCurrent{position:absolute; bottom:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; bottom:-20px; background:url(images/interface/controls.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}


/*  Home page -------------------------------------------------------------------------- */

.home #slider {
	width: 460px;
	height: 376px;
}