@import url(normalize.css);

a:link, a:visited {
	color: #313954;
}
a:hover {
	color: #FFFFFF;
}
a:active {
	color: #4A596D;
}
div#masthead, div#navMain, div#navSub, div#footer, div#content {
	width : 100%;
}
body {
	width : 862px;
	margin : 0 auto;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-top : 20px;
	background : #6799b4 url(../images/ground_ptrn.gif) repeat fixed 0 0;
}
div#masthead {
	position : relative;
	height : 88px;
}
div#masthead h1 {    /* form&fauna logo */
	position: absolute;
	width:100%;
	height:88px;
	background : transparent url(../images/header.png) no-repeat;
	text-indent: -9999px;
}
div#navMain {
	position : relative;
	min-height : 10px;
	z-index : 100;
	background : transparent url(../images/bottom_shadow.png) no-repeat 0px 0px;
}
#navTop, #navCollections {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 0.8125em;
	min-height: 1.5em;
}
#navTop  {
	float: right;
	padding-top : 0px;
	text-align: left;
}
#navTop li {
	display:block;
	float:left;
	position:relative;
	padding-top : 3px;
	padding-bottom : 1px;
	z-index: 30;
}
#navTop a:hover, #navCollections a:hover {
	color: #ffffff;
}
#navTop a:active, #navCollections a:active {
	color: #d1e2ec;
}
#navTop li:hover dd {
	display:block;
	color: #ffffff;
}
#navTop dl {
	position: absolute;
	top : 0;
	left: 0;
}
#navTop dt {   /* background color of selected head */
	padding-top : 3px;
	padding-bottom : 1px;
}
#navTop dd {
	display:none;
	border-top:2px solid #cce;
	background-color: #186DA1;
}
#navTop dd a {
	text-decoration:none;
	display:block;
	padding-top : 4px;
	padding-bottom : 4px;
	color: #ffffff;
}
#navTop dd a:hover, #navTop dd a:active {
	background-color: #503936;   /* brown */
}
#navTop li a {
	padding-left :3px;
	padding-right : 3px;
}
#navTop a:active {
	text-decoration: none;
}
.comma {
	position:relative;
	margin-left : 5px;
	margin-right : 5px;
	bottom : -10px;
	width: 9px;
	height: 14px;
	margin-top: -5px;
	background : transparent url(../images/comma.png) no-repeat 0 0;
}
#navContact {
	margin-right : 20px;
}
#navTop a#currenttab {
	background: #186DA1;   /* f&f blue */
	padding-top : 3px;
	padding-bottom : 1px;
	color: #FFFFFF;
}
/*-----------------------------------------------------------------------------------------------------------   content   ----------*/
div#content {
	position: relative;
	z-index: 13;
	background: transparent url(../images/leftright_shadow.png) no-repeat top left;
	clear: both;
}
/*-----------------------------------------------------------------------------------------------------------   contentArea   ----------*/
div#contentArea, div#contentCollection, div#contentAreaHome {
	margin-left : 8px;
	width : 845px;
	background-color: #ffffff;
	min-height: 476px;
	height: auto !important;   /* hack around IE 6 not supporting min-height */
	height: 476px;   /* hack around IE 6 not supporting min-height */
}
div#contentArea {
	background: white url(../images/supergraphic.png) no-repeat top left;
}
div#contentAreaHome {
	background: white url(../images/homegraphic.jpg) no-repeat top left;
}
/*-----------------------------------------------------------------------------------------------------------   contentHeader   ----------*/
div#contentHeader {
	position : relative;
	height: 110px;
	z-index : 12;
}
div#contentHeader h2 {
	position : absolute;
	font-size: 2.7em;   /* orig 2.3 */
	text-align: left;
	color:#cf6e64;
	width:500px;
	left: 292px;   /* orig 334 */
	bottom: 8px;   /* orig 2 */
}
h3 {
	font-size: 2.2em;
	color:#cf6e64;
}
h4 {
	font-size: 2.6em;
	color: #186DA1;
}
*:first-child+html div#contentHeader h2 {   /* hack around IE 7 small rendering of sifr */
	bottom:6px;
}
* html div#contentHeader h2 {   /* hack around IE 6 small rendering of sifr */
	bottom:6px;
}
/*-----------------------------------------------------------------------------------------------------------   contentBody   ----------*/
div#contentBody {
	position : relative;
	width : 100%;
}
/*-----------------------------------------------------------------------------------------------------------   contentText   ----------*/
div#contentText {
	position: relative;
	top : -7px;
	left : 335px;
	width : 440px;
	font-size: 0.75em;
	line-height: 1.5em;
	color : #313954;
	z-index : 10;
	padding-bottom : 10px;
}
div#contentText p {
	padding-bottom : 6px;
}
div#contentText li {
	padding-bottom : 6px;
}
#contentText a:link, #contentText a:visited, a.blue:link, a.blue:visited {
	color: #186DA1;
}
#contentText a:hover, #contentText a:active, a.blue:hover, a.blue:activefall {
	color: #313954;
	text-decoration: underline;
}
/*-----------------------------------------------------------------------------------------------------------   contentColumn1 & 2  ----------*/
#contentColumn1 {
	float: right;
	width : 255px;
	font-size: 0.75em;
	line-height: 1.5em;
	color : #313954;
	z-index : 10;
	margin-right : 10px;
	padding-right : 10px;
	padding-bottom : 10px;
}
#contentColumn2 {
	position: relative;
	left : 350px;
	width : 225px;
	font-size: 0.75em;
	line-height: 1.5em;
	color : #313954;
	z-index : 10;
	padding-bottom : 10px;
}
#contentColumn3 {
	position: absolute;
	left : 100px;
	top: 0px;
	width : 225px;
	font-size: 0.75em;
	line-height: 1.5em;
	color : #313954;
	z-index : 10;
	padding-bottom : 10px;
}
dt {
	color: #186DA1;
	padding-top: 8px;
}
#contentColumn1 dt, #contentColumn2 dt, #contentColumn3 dt {
	font-weight:bold;
}
#contentColumn1 dl, #contentColumn2 dl, #contentColumn3 dl {
	line-height: 1.25em;
}
dt#noPadding1, dt#noPadding2, dt#noPadding3 {
	padding-top: 0px;
}
/*-----------------------------------------------------------------------------------------------------------   contentThumbs   ----------*/
div#contentThumbs {
	position: absolute;
	top : 0px;
	left: 14px;
	width : 210px;
}
/*-----------------------------------------------------------------------------------------------------------   contentDescription   ----------*/
div#contentDescription {
	position: relative;
	top : -8px;
	left : 293px;   /* orig 335 */
	width : 285px;   /* orig 285 */
	height : 310px;
	font-size: 0.75em;   /* orig .75 */
	line-height: 1.5em;   /* orig 1.5 */
	color : #00436c;   /* orig 313954 */
	z-index : 10;
	overflow: auto;
}
#contentDescription dl {
	line-height: 1.25em;
}
#contentDescription dt {
	color: #186DA1;
	font-weight:bold;
	padding-top: 8px;
}
div#contentShoe {
	position: absolute;
	top : -50px;   /* orig -88 */
	left : 337px;
	z-index : 9;
}
ul#navThumbs {
	height: 1px;
	padding-top : 315px;
}
/* Hides from IE-Mac \*/
* html ul#navThumbs {
	padding-top : 30px;
}
/* End Hack */
ul#navThumbs li#season_spring08 {
	position : absolute;
	top : -26px;
	width : 126px;
	height : 32px;
	background-repeat: no-repeat;
	z-index : 13;
	background-image: url(../images/spring2008.png);
}

ul#navThumbs li#season_fall08 {
	position : absolute;
	top : -26px;
	width : 126px;
	height : 32px;
	background-repeat: no-repeat;
	z-index : 13;
	background-image: url(../images/fall2008.png);
}
ul#navThumbs img {   /* positions Ginger on fall2008 */
	position : absolute;
	width : 210px;
	height : 354px;
	top : -1px;
	background-repeat: no-repeat;
	background-image: url(../images/ginger_nav.png);
}

*:first-child+html ul#navThumbs img {  /* adjusts for weird positioning in IE */
	top : 0px;
}

ul#navThumbs li#season_spring09 {
	position : absolute;
	top : -26px;
	width : 126px;
	height : 32px;
	background-repeat: no-repeat;
	z-index : 13;
	background-image: url(../images/spring2009.png);
}

ul#navThumbs li#season_spring10 {
	position : absolute;
	top : -26px;
	width : 126px;
	height : 32px;
	background-repeat: no-repeat;
	z-index : 13;
	background-image: url(../images/spring2010.png);
}

ul#navThumbs li#season_perennials {
	position : absolute;
	top : -26px;
	width : 126px;
	height : 32px;
	background-repeat: no-repeat;
	z-index : 13;
	background-image: url(../images/perennials.png);
}

ul#navThumbs a { position : absolute; outline : 1px solid #CF6E64; }
/* Hides from IE-Mac \*/
*:first-child+html ul#navThumbs a { position : absolute; border : 1px solid #CF6E64; outline : 0; }
* html ul#navThumbs a { position : absolute; border : 1px solid #CF6E64; outline : 0; }
/* End Hack */
ul#navThumbs a:link, ul#navThumbs a:visited { width : 66px; height : 46px; z-index : 12; }
ul#navThumbs a:hover { width : 140px; height : 100px; z-index : 16; background-color:#FFFFFF; }

h5 {    /* hover shoe thumb names */
	position: absolute;
	top: -115px;
	left: -2px;
	text-align: left;
	font-size: 0.8125em;
	z-index: 30;
	display: none;
	color: #186DA1;
	padding: 2px 1px 2px 1px;
	border-top : 1px dashed #CF6E64;
	border-bottom : 1px dashed #CF6E64;
}
.ital {
	font-style: italic;
	color: #67A1c4;
	font-size : 0.85em;
}
div#navShadow {
	position : absolute;
	z-index: 8;
	background : transparent url(../images/bottom_shadow.png) no-repeat 0px 0px;
	width : 862px;
	height: 13px;
}
/*-----------------------------------------------------------------------------------------------------------   navShadow   ----------*/
/* Hides from IE-Mac \*/
* html div#navShadow span {
	top : -5px;
}
/* End Hack */
/*-----------------------------------------------------------------------------------------------------------   navSub   ----------*/
div#navSub {
	position : relative;
	min-height : 10px;
	z-index: 11;
}
#navCollections {
	padding-top : 0px;
	margin-left : 19px;
}
#navCollections li {
	position:relative;
	float:left;
	padding-top : 3px;
	padding-bottom : 1px;
}
#navCollections a {
	padding: 3px 3px 1px 3px;
}
#navCollections a:active {
	text-decoration: none;
}
.thisCollection {
	background: #186DA1;
}
a.thisCollection:link, a.thisCollection:visited{
	color: #FFFFFF;
}
/*-----------------------------------------------------------------------------------------------------------   footer   ----------*/
div#footer {
	position : relative;
	clear: left;
	text-align: center;
	height : 50px;
	color: #7A949C;
	font-size: 0.6875em;
	background: transparent url(../images/footer.png) no-repeat top left;
	z-index : 10;
}
div#footer p {
	padding-top : 3px;
}
div#footer a:link, div#footer a:visited {
	color: #7A949C;
}
div#footer a:hover, div#footer a:active {
	color: #313954;
	text-decoration: underline;
}
div#footer em {
	position: absolute;
	display: block;
	background-image: url(../images/bird.png);
	width: 111px;
	height: 52px;
	right: -32px;
	bottom: 13px;
	z-index : 10;
}
#copyright {
	position: relative;
	text-align: center;
	top: -8px;
	z-index : 14;
}
#copyright p {
	color: #313954;
	font-size: 0.5625em;
}
#copyright a:link, a:visited {
	color: #313954;
}
#copyright a:hover, a:active {
	color: #FFFFFF;
}