/* demo page styles */
html
{
	display:center;
}

body {
	max-width: 1200px;
	margin:auto;
}

#background {
    width: 100%; 
    height: 100%; 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    z-index: -1; /* Ensure div tag stays behind content; -999 might work, too. */
}

#stretch {
    width:100%;
    height:100%;
}

#bg-ferns {width:80%; height:5%;}

#logo {float:left;}
#specialists{float:left;}
#info
{
	text-align:center; 
	float:left; 
	color: black; 
	font-weight: bolder;
}
.menu {
    position:relative;
    /*background:#fff url(../images/background.jpg) no-repeat;*/
    width:100%;
    height:20%;

    margin:20px auto;
    padding:15px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    text-align:center;
}

/* main menu styles */
#nav,#nav ul {
	font-family:verdana;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
}
#nav {
	height:50px;
	left:0;
	top:0;
	width:100%;
	margin:auto;
	overflow:hidden;
	position:static;
	text-align:center;
	background:url(../images/bg-menu.png) no-repeat top;
}
#nav li {
	display:inline-block;
	/* MIN WIDTH HERE */
	position:relative;
	z-index:10;
}
#nav li a {
	/*background:url(../images/bg-menu.png) no-repeat center top;*/
	color:#fff;
	display:block;
	float:left;
	font-size:14px;
	height:51px;
	line-height:40px;
	padding:0 10px;
	position:relative;
	text-decoration:none;
	z-index:20;
}
#nav li:first-child a {
	padding-left:35px;
}
#nav li ul li:first-child a {
	background-image:none;
	padding-left:10px;
}
#nav li.pad {
	background:url(../images/bg-menu.png) no-repeat right top;
	display:block;
	height:51px;
	width:35px;
}
#nav ul {
	text-align:left;
	background:#009900;
	height:auto;
	padding:10px 0;
	position:absolute;
	width:180px;

	border-radius:8px; /*some css3*/
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	transition:0.8s ease-in-out;
	box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
	-moz-transition:0.8s ease-in-out;
	-o-transition:0.8s ease-in-out;
	-webkit-transition:all 0.8s ease-in-out;
}

#nav ul li {
	width:180px;
}

#nav ul li a {
	background:transparent;
	height:20px;
	line-height:20px;
	width:160px;
}

#nav li:hover ul {
	-moz-transform:translate(0,161px); /*some css3*/
	-o-transform:translate(0,161px);
	-webkit-transform:translate(0,161px);
}

#nav a:hover,#nav li:hover > a {
	color:#99ff33;
}

.ferntable td
{
	background-color: #98FB98;
	position:relative;
	width:160px;
	height:250px;
	border:4px solid #FFDF00;
	overflow:hidden;
	text-align:center;
	transition: all 0.5s ease-in-out;
}

.fernpic, .ferninfo
{
	text-align:center;
	position:absolute;
	left:0;
	top:0;
	transition: opacity 0.4s ease-in-out;
	width:160px;
	height:250px;
}

.fernpic
{
	opacity:1;
	transition: opacity 0.4s ease-in-out;
	font-size:80%;
}

.fernpic p
{
	text-align:center;
	position:relative;
	bottom:8px;
	line-height:0.2;
}

.fernpic img
{
	width:160px;
	height:200px;
}

.ferninfo
{
	opacity:0;
	font-size: 79%;
	color: #4c4a37; font-family: 'Source Sans Pro', sans-serif
}

.ferntable td:hover
{
	transform: scale(1.5);
	z-index:1;
}	

#banner 
{
  max-width:100%;
  max-height:400px;
  width: auto;
  height: auto;
}

#fernkey
{
	display:block;
	margin:0 auto;
	width: 50%;
}

.otherplantpic
{
	text-align:center;
}

.otherplantpic img
{
	max-width:200px;
	transition: all 0.5s ease-in-out;
}

#otherplanttable tr td
{
	border-bottom:4px solid #FFDF00;
	width:35%;
	padding:10px;
	text-align:center;
}

#otherplanttable .otherplantpic
{
	width:26%;
}

.otherplantpricing
{
	font-size:175%;
	text-align:center;
}

.fernpricing
{
	text-align:center;
}

#treeferntable tr td
{
	border-bottom:4px solid #FFDF00;
	text-align:center;
}

#treeferntable .otherplantpic
{
	width:26%;
}

#softtreefern
{
	text-align:center;
}

#treefernpricingtable
{
	padding-top:50px;
	display:block;
	margin:0 auto;
	width: 50%;
	float:left;
	color: #4c4a37; font-family: 'Source Sans Pro', sans-serif;
}

#treefernpricingtable {font-size: 150%;}
#treefernpricingtable td {text-align:center; width:10%; border-left: 4px solid #FFDF00;}
#treefernpricingtable td:first-child {border-left:none;}

#softtreefernpic
{
	display:block;
	margin:0 auto;
	width: 320px;
}

#treeferncaresheetparagraph
{
	text-align:center;
}

#treefernstocknote
{
	font-size:70%;
}

#contact
{
	float:left;
	padding-right:200px;
}

#news
{
	padding-top:1px;
}

#fernsearchform
{
	display:block;
	margin:0 auto;
	width: 320px;
	text-align:center;
	padding-top:10px;
	padding-bottom:25px;
}


// Font Styling
h1 { color: #7c795d; font-family: 'Trocchi', serif; font-size: 45px; font-weight: normal; line-height: 48px; margin: 0; }
h2 { color: #006600; font-family: 'Source Sans Pro', sans-serif; font-size: 28px; font-weight: 4000; line-height: 32px; margin: 0 0 24px; }
.subheader { font-size: 26px; font-weight: 300; color: #ffcc66; margin: 0 0 24px; }
p:not([class]), p[class="botanicname"], p[class="commonname"] { color: #4c4a37; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 32px; margin: 0 0 24px; }

p.commonname
{
	font-weight:bold;
	margin: 5 0 0px;
	font-size:85%;
	line-height:15px;
}

p.botanicname
{
	font-weight:bold;
	padding-top:5px;
	margin:0 0 0px;
	font-size:85%;
	line-height:15px;
}

p.otherplantpricing
{
	color: #4c4a37; font-family: 'Source Sans Pro', sans-serif; font-size: 24px; line-height: 32px; margin: 0 0 24px; 
}

.otherplantpic img:hover
{
	transform: scale(1.9);
	z-index:1;
}	


//a { color: #ff9900; background: #fff4a3; text-decoration: none; }
//a:hover { color: #ffcc66 }