/*///////////////////////////////////////////////////
CSS Document for highlife.net.au
Highlife ~ Downs Living Magazine
/////////////////////////////////////////////////*/


/*------------------  Basic Page Layout --------------------*/

* {padding: 0; margin: 0;}

body {
	font-family: Verdana, Helvetica, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #A09A9A;
	background-repeat: repeat-x;
	background-position: 0 0;
}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
}

#cont {
	position: relative;
	text-align: left;
	margin: 0 auto;
	width: 667px;
	}

#cont-bg {
	background: url(images/hl_content_bg.png) repeat-y;
	float: left;
	position: relative;
	}	

#cont-bg-top {
	background: url(images/hl_content_bg_gradient.png) no-repeat;
	min-height: 518px;
	width: 667px;
	}

#header {
	float: left;
	width: 623px;
	margin: 22px 22px 0 22px;
	display: inline;
	background-image: url(images/hl_header.jpg);
	background-repeat: no-repeat;
	}

img {border: 0;}
.image-r {float: right; padding: 2px 0 0 10px;}	
/*------------------  Menu --------------------*/

#menu {
	background: url(images/hl_menu_bg.png) repeat-x;
	width: 623px;
	height: 27px;
	margin: 82px 0 0 0;
	}

#menu-start {
	display: none;
	width: 82px;
	height: 26px;
	float: left;
	background-image: url(images/hl_nav_start-hover.gif);
	background-repeat: no-repeat;
	}
	
#menu ul {
	padding: 0; 
	margin: 0 0 0 0;
	width: 624px;
	}

#menu ul li {
	background: none;
	list-style: none;
	display: inline;
	float: left;
	text-align: center;
	}
	
#menu a {
	float: left;
	font-size: 10px;
	color: #fff;
	font-weight: bolder;
	text-decoration: none;
	display: block;
	margin: 1px 0 0 0;
	}
	
#menu ul li a {height: 18px; padding: 5px 13px 0 13px; border-right: 1px #fff solid;}
#menu ul li a:hover {
	background-color: #7ab528
;
	color: #FFF;
}

#menu ul li#active a {
	background-color: #7ab528
;
	color: #FFF;
}
#menu ul li#active a:hover {
	background-color: #7ab528
;
	color: #FFF;
}

#menu ul li#second a {border-left: 1px #fff solid;}
#menu ul li#second-active a {
	border-left: 1px #fff solid;
	background-color: #7ab528
;
	color: #FFF;
}

#menu ul li#home a {text-indent: 74px; padding: 6px 0 0 0; margin: 0; width: 136px; height: 27px; background: url(images/hl_nav_start.png) no-repeat; border: 0;}
#menu ul li#home a:hover {background: url(images/hl_nav_start-hover.gif) no-repeat;color: #FFF;}
#menu ul li#home-active a {text-indent: 74px; padding: 6px 0 0 0; margin: 0; width: 136px; height: 27px; background: url(images/hl_nav_start-hover.gif) no-repeat; border: 0;color: #FFF;}

/*------------------  Text --------------------*/

#text {
	width: 606px;
	float: left;
	padding: 15px 30px 5px 30px;
	font-size: 11px;
	color: #493D3E;
	margin: 0;
	}


#text a:link {
	color: #493D3E;
	text-decoration:underline;
}
#text a:visited {
	color: #493D3E;
}
#text a:hover {
	color: #493D3E;
	text-decoration: none;
}
#text a:active {
	color: #493D3E;
}


#text p {
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 150%;
	}

.contri, .contri-alt {
	clear: both;
	float: left;
	width: 586px;
	padding: 10px 10px 10px 10px;
	background-color: #EEF9FC;
}

.contri-alt {background: #fff;}

#text .contri p {margin: 0;}
#text .contri-alt p {margin: 0;}

#text h1 {
	color:#7ab528;
	font-size: 18px;
	font-weight: bolder;
	padding: 5px 0 4px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #8C8C8C;
	}
	
#text h2 {
	color: #7ab528
;
	font-size: 11px;
	padding: 10px 0;
	}

#text .contri h2, #text .contri-alt h2 {font-size: 18px; font-weight: normal; padding: 0 0 10px 0; color: #7ab528;}
#text h2 span {
	color: #493D3E;
}
	
#text h3.disc {
	color: #7ab528
;
	font-size: 10px;
	font-weight: bolder;
	padding: 0 0 5px 0;
	margin: -5px 0 0 0;
	}
	
#text ul {margin: 0 0 20px 20px; padding: 0;}
#text ul li {margin: 0 0 5px 0 ;padding: 0;}

.contri .image-l, .contri-alt .image-l, #promotions .contri .image-l {
	width:;
	height:140px;
	clear: both;
	float: left;
	padding: 0 10px 0 0;
	}

img.image-l {
	clear: both;
	float: left;
	padding: 0 10px 0 0;
	}
	
.image-r {float: right; padding: 2px 0 0 10px;}
.address {float: left;}
.sub-image {margin: 0 0 20px 0;}

#map-zoom {
	position: absolute;
	left: 110px;
	top: 181px;
	padding: 10px 0px 10px 10px;
	visibility: hidden;
	background-color: #dbc8b6;
	color:#7ab528
;
}

#map-zoom-image {float: left; clear: both;}

#map-zoom span {
	float: left;
	clear: both;
	margin-top: 5px;
}

#map-zoom a, #map-zoom a:link, #map-zoom a:visited, #map-zoom a:hover, #map-zoom a:active {color: #FFF; text-decoration: none;}



#promotions dl {
	padding: 5px 0;
	float: left;
	width: 300px;
	background-color: #EEF9FC;
	border-top: 1px solid #7ab528;
	border-bottom: 1px solid #7ab528;
	margin: 0 0 12px 0;
	height: 140px;
}

#promotions dt {font-weight: bolder; padding: 0 0 10px 0;}
#promotions dd {
	margin: 0 0 2px 0;
	padding: 0;
	line-height: 140%;
}
#promotions img.image-l {
    clear: both;
    float: left;
    padding: 0;
}
#promotions .contri img.image-l {
    clear: both;
    float: left;
    padding: 0 10px 0 0;
}
#promotions dl img {
	clear: both;
	float: left;
	margin: 3px 10px 5px 4px;
	display:inline;
	border: 1px solid #7ab528
;
}
#promotions .clear {clear: both;}


#editorial dl {
	padding: 5px 0;
	float: left;
	width: 300px;
	background-color: #EEF9FC;
	
	margin: 0 0 12px 0;
	height: 140px;
}

#editorial dt {font-weight: bolder; padding: 0 0 10px 0;}
#editorial dd {
	margin: 0 0 2px 0;
	padding: 0;
	line-height: 140%;
}
#editorial img.image-l {
    clear: both;
    float: left;
    padding: 0;
}
#editorial .contri img.image-l {
    clear: both;
    float: left;
    padding: 0 10px 0 0;
}
#editorial dl img {
	clear: both;
	float: left;
	margin: 3px 10px 5px 4px;
	display:inline;

}
#editorial .clear {clear: both;}



	
/*------------------  Contact Form --------------------*/

#mail_form {position: relative; margin: 0 0 10px 245px;}

.inputtext {
	font-size: 11px;
	padding: 1px;
	color: #3F3F3E;
	width: 250px;
	}

.inputtext-m {
	font-size: 11px;
	padding: 1px;
	color: #3F3F3E;
	font-family: Verdana, Helvetica, sans-serif;
	width: 345px;
	}

#contactsent {
	background: url(images/hl_contactsent.gif) no-repeat 0 0;
	position: relative;
	margin: 0 0 20px 245px;
	padding: 0 0 10px 50px;
	border-bottom: 1px solid #44311E;
	}

/*------------------  Text - Index Specific --------------------*/

#i-text {float: left; position: relative; margin: 5px 0 5px -8px; display: inline;}

	
/*------------------  Table --------------------*/

table {
	width: 610px;
	padding: 4px 0;
	margin: 0 0 20px 0;
	}

th, td {text-align: center;}

th {
	color: #fff;
	padding: 4px 4px 4px 4px;
	background-color: #3F3F3E;
	}

td {padding: 4px; border-bottom: 1px solid #E8E8E8;}
.total {font-weight: bolder;}
.size {font-size: 10px; text-align: left;}

.size span {
	font-size: 11px;
	font-weight: bolder;
	padding: 0 0 2px 0;
	line-height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3F3F3E;
	}
	
.padright {padding: 0 7px 0 0;}
		
	
/*------------------  Footer --------------------*/

#footer {
	float: left;
	background: url(images/hl_footer_bg.png) no-repeat;
	width: 667px;
	height: 36px;
	text-align: center;
	clear: both;
	}
	
#footer p {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 9px;
	color: #949494;
	top: 7px;
	}
	
#footer p a:link {color: #949494; text-decoration: none;}
#footer p a:visited {color: #949494; text-decoration: none;}
#footer p a:hover {color: #fff;}
#footer p a:active {color: #949494;}