/*
Plants of Tasmania 2010

Table of Contents:
	layouts
	typography
	miscellaneous

/* layout
----------------------------------------------- */

body {
    padding:0px;
    margin:0px;
    background:url(../images/mainbg_v2.jpg) 0 0 repeat-x #fff;
    color:#4c4c4c;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height:1.5em;
	font-size:.85em;
}


/* header
----------------------------------------------- */
#header-nav{
    width:940px;
    height:190px;
    position:relative;
    margin:0 auto;
    padding:0px;
	font-family:Arial, Helvetica, sans-serif;
  }

#logo{
	margin-left:120px;
	}


#header-nav ul{
    width:848px;
    position:absolute;
    top:154px;
    right:74px;
   
    }

#header-nav ul li{
    list-style-type:none;
    display:inline;
    padding:0px 30px 0 30px;
 
 }

#header-nav ul li.last{
   
    padding:0px 0px 0 30px;
 
 }


#header-nav ul li a{
    color:#656565;
    font-size:1em;
    font-weight:bold;
    text-transform:uppercase;
    text-align:center;
    text-decoration:none;

}

#header-nav ul li a:hover{
    color:#333;
    text-decoration:none;
}

#header-nav ul li a.selected{
    color:#337314;
	background:url('../images/selected.gif') no-repeat center 22px;
	padding-bottom:12px;
}



/* top content (with grey background)
----------------------------------------------- */
#top-container{
    width:100%;
    background:#F4F4F4;
    color:#4c4c4c;
    float:left;
    padding:18px 0 18px 0;
    clear:both;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;

}


#top-content{
    width:880px;
    background:#F4F4F4;
    color:#4c4c4c;
    margin:0 auto;
    padding:0px;
	overflow: hidden;
 	}


#top-content h2{
    color:#8a7e68;
    font-size:1.6em;
    line-height:1.5em;
}



/* middle content
----------------------------------------------- */
#mid-container{
    width:100%;
    background:#fff;
    color:#4c4c4c;
    float:left;
    padding:10px 0 30px 0;
    clear:both;
}

#mid-content{
     width:880px;
    margin:0 auto 0 auto;
    color:#4c4c4c;
 overflow:auto;
}

#mid-content ul{
	margin:0;
	padding:0;
	margin-bottom:20px;
	padding-left:30px;
  }

#mid-content li{
	list-style-type:none;
	background:url(../images/arrow1.gif) no-repeat 0 9px;
	padding-left:15px;
  }


 #subnav {
 	margin-right:0px; 
	margin-left:0;
	border-left:1px dotted #ccc;
	padding:30px 0px 20px 20px;
 }

#subnav ul {
list-style-type:none;
}
#subnav li {padding:20px 20px 20px 10px;}
#subnav ul li.find-plant {background:url(../images/li_find_a_plant.jpg) no-repeat 7px 0px; padding-top:5px;padding-left:55px; border-bottom:1px dotted #ccc;}
#subnav ul li.opening-hours-li {background:url(../images/li_opening_hours.jpg) no-repeat 7px 17px; padding-left:55px;border-bottom:1px dotted #ccc;}
#subnav ul li.location {background:url(../images/li_map.jpg) no-repeat 7px 14px; padding-left:55px;border-bottom:1px dotted #ccc;}
#subnav ul li.news {background:url(../images/li_news.png) no-repeat 7px 14px; padding-left:55px;border-bottom:1px dotted #ccc;}
#subnav ul li.landscape {background:url(../images/li_landscaper_40.jpg) no-repeat 7px 14px; padding-left:55px;border-bottom:1px dotted #ccc;}
#subnav ul li.contact {background:url(../images/li_contact.jpg) no-repeat 7px 18px; padding-left:55px;}
#subnav a {color:#337314; font-weight:bold; text-decoration:none}
#subnav a:hover {color:#337314; font-weight:bold; text-decoration:underline}


#specials {margin-right:230px;}

.feature-plants-1 {border-bottom:1px dotted #ccc;padding-bottom:10px;}
.feature-plants-2 {padding-bottom:10px; margin-top:20px;}
.plant-image {height:100px;}
.plant-text {padding-left:200px}
.plant-title {margin-left:245px}

/* footer
----------------------------------------------- */
#footer-container{
    height:180px;
    background:url(../images/footerbg.gif) 0 0 repeat-x #565656;
    color:#afafaf;
    clear:both;
	
}

#footer{
    width:880px;
    position:relative;
	margin:0px auto;
    font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
    font-weight:normal;
}

#footer a{
    color:#afafaf;
     text-decoration:none;
}

#footer a:hover{
    text-decoration:underline;
}

.footer-box {
	margin-top:70px; 
	}


/* typography
----------------------------------------------- */

div, p, ul, h2, h3, img{
    padding:0px;
    margin:0px;
}


h2{
    color:#8a7e68;
    font-size:1.6em;
    line-height:2em;
}

h2.front {padding-left:240px;}

h3 {
	color:#337314;
	font-size:1.3em;
	font-weight:normal;
	margin-bottom:.5em;
	margin-top:.75em;
}

h4 {
	color:#337314;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:.5em;
	margin-top:.5em;
}

h5 {
	 color:#8a7e68;
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:.5em;
	margin-top:.5em;
}


ul{
    list-style-type:none;
}

p{
    padding:5px 5px 8px 0;
}


 .off-left {
    position: absolute;
    left: -1000px;
    width: 100px;
 }

.go-back {
    font-size:1em;
    padding-top:5px;
    
}

.find-plants {
    padding-top:13px;
    font-size:1.1em;
    
}

.plant-detail {
    width:390px;
    
}

.green-box {
    background-color:#dff3ce;
    padding:10px 20px;
    border:1px solid #ddd;
    margin-top:15px;
    margin-bottom:20px;
    
}

.float-left {
    float:left;
    
}

.float-right {
    float:right;
    
}

.opening-hours {
    width:165px;
    margin-left:55px;
    overflow:hidden
}

.box-220 {
    width:220px;
    margin-left:40px;
    overflow:hidden
}

.box-220-right {
    width:220px;
    margin-left:00px;
    overflow:hidden
}

.box-220-left {
    width:220px;
    margin-right:25px;
    overflow:hidden
}

 
.feature-plant {
	margin-left:50px;
	width:160px;
}
 

.space-left-30 {
    margin-left:30px;
}

.space-left-10 {
    margin-left:10px;
}

.image-border {
    padding:5px;
    border:1px solid #ddd;
    background-color:#fff;
}

.divider {
    border-top:1px solid #ddd;
    height:10px;
    margin-top:10px;
    clear:both
}

.plant-select{
    margin-left:180px;
    width:650px;
    padding-top:10px;
}


a {
    color:#1d4a07;
}

a:hover {
    color:#337314;
}


table {
    border:1px solid #ddd;
    margin:10px 0;
}

th {
    color:#337314;
    text-align:left;
    border-bottom:1px solid #ddd;
    padding:10px;
	font-size:1.2em;
}

td {
    border-bottom:1px solid #ddd;
    padding:10px;
    
}

.img-mid {
	vertical-align:middle;
	}
	
.large-text {
	font-size:1.5em; padding-bottom:10px;
	}