/*=================== ERIC MEYER RESET RELOADED========================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*======================================================================*/

.external:hover { background: url(../i/external.png) center right no-repeat; padding-right: 14px; }
.show { background-color: yellow; }


body { background: url(../i/bg-pattern-caroline-dawes-gardens.jpg) repeat-x;}
body#services { background: url(../i/bg-pattern-caroline-dawes-gardens.jpg) repeat-x;}
body#gallery { background: url(../i/bg-wavy-caroline-dawes-adelaide.jpg) repeat;}
body#contact { background: url(../i/bg-pattern-caroline-dawes-gardens.jpg) repeat;}
body#media { background: url(../i/bg-wavy-caroline-dawes-adelaide.jpg) repeat;}





.container {
	display: block;
	width: 860px;
	margin-left: auto;
	margin-right: auto;
	top: 198px;
	}
	a.logo-home {
		display: block;
		width: 314px;
		height: 198px;
		background: url(../i/caroline-dawes-gardens-logo.png) 0 0;
		}
	a.logo-home:hover {
		background: url(../i/caroline-dawes-gardens-logo.png) 0 -198px;
		}
	a.get-in-touch {
		float: right;
		color: #ffffff;
		text-decoration: none;
		margin-top: 10px;
		margin-right: 20px;
		font: 17px Arial,"Helvetica Neue", Helvetica, Geneva, sans-serif;
		letter-spacing: 1px;
		font-size: 100;
			}
		a.get-in-touch:hover{
		border-bottom: 1px dotted #ffffff;
			}
	
.sitebox {
	background: url(../i/sitebox-bg.jpg) repeat-y;
	display: block;
	height: 500px;
	/*overflow: hidden;*/
	}
	
	body#home {
		/*come back*/
	}
	
.navigation {
	display: block;
	height: 198px;
	width: 536px;
	float: right;
	margin-top: -198px;
	margin-right: 20px;
}	
	.navigation a {
	text-decoration: none;
	color: #7D187A;
	letter-spacing: 1px;;
	}
		.navigation a:hover {
		color: #fff;
		}
	div.menu-min {
		height: 30px;
		width: 73px;
		float: right;
		padding-right: 30px;
		margin-top: 155px;
	}
		div.menu-min a {
			display: block;
			background-image: none;
			text-indent: -9999px;	
		}

	div.menu-max{
		width: 120px;
		display: block;
		float: left;
		clear: right;
		margin-left: 10px;
		position: absolute;
		background: none no-repeat;
		}
		
			div.menu-max a {
				font: 15px/20px Arial,"Helvetica Neue", Helvetica, Geneva, sans-serif;
				letter-spacing: 1px;
				text-align: center;
			}
	
		div.menu-max.about-us {
			margin-top: 40px;
			margin-left: 0px;
		}
		
		div.menu-max.projects {
		margin-left: 107px;
		margin-top: 80px;
		}
								
			div.menu-max ul li{
				display: block;
/*				width: 80px;			*/
				text-indent: 0;
				text-align: center;
				background: none no-repeat;
				line-height: 15px;
				font-size: 21px;
				list-style-type: none;
			}
				
			.navigation div.menu-min.about-us {
				text-indent: -9999px;
				background: url(../i/menu-sprite.png) no-repeat 0 0;
				cursor:pointer;
			} 
				.navigation div.about-us:hover {
		/*			background-position: 0 -32px;*/
					height: 18px;
				}
			
			.navigation div.menu-min.projects {
				text-indent: -9999px;
				background: url(../i/menu-sprite.png) no-repeat -110px 0;
				cursor:pointer;
			} 
				.navigation div.projects:hover {
			/*		background-position: -105px -32px;*/
					height: 18px;
					cursor:pointer;
				}
			
			.navigation div.media {
				text-indent: -9999px;
				background: url(../i/menu-sprite.png) no-repeat -220px 0;
				cursor:pointer;
			} 
				.navigation div.media:hover {
		/*			background-position: -199px -32px;*/
					height: 18px;
				}
			
			.navigation div.awards {
				text-indent: -9999px;
				background: url(../i/menu-sprite.png) no-repeat -320px 0;
				cursor:pointer;
			} 
				.navigation div.contact-us:hover {
			/*		background-position: -320px -32px;*/
					height: 18px;
				}
				
			.navigation div.contact-us {
				text-indent: -9999px;
				background: url(../i/menu-sprite.png) no-repeat -415px 0;
				cursor:pointer;
			} 
				.navigation div.contact-us:hover {
			/*		background-position: -320px -32px;*/
					height: 18px;
				}
			
.content {
	display: block;
	width: 365px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
}
	
	div.content.biography {
		padding-top: 30px;
	}
	
	div.content.contact {
		padding-top: 100px;
	}
	
	div.content.media { padding-top: 50px; }
	div.content.water-usage { padding-top: 50px; }
	div.content.services { padding-top: 50px; }
	div.content.smart-gardens { padding-top: 50px; }
	
	div.products {
		padding: 0;
		float: left;
		width: 861px;
		height: 500px;
	}	
		div.content.products img {
			float: left;
			padding-right: 1px;
			padding-bottom: 1px;
		}
		
			div.content.products img.no-pad {
				padding-right: 0;
				margin-top: 20px;
			}
	
	
		ul.water-usage {
			font: 13px/19px Arial,"Helvetica Neue", Helvetica, Geneva, sans-serif;
			padding-left: 40px;
			list-style-type: disc;
			list-style-image: url(../i/bullet.gif);
}
	
	.content p {
	padding-bottom: 10px;
	font: 13px/19px Arial,"Helvetica Neue", Helvetica, Geneva, sans-serif;
	}
	h1 {
		text-indent: -9999px;
		height: 32px;
		padding-bottom: 15px;
	}
		h1.biography {
			width: 128px;
			background: url(../i/h1-biography.png) no-repeat;
		}
		h1.contact {
			width: 128px;
			background: url(../i/h1-contact.png) no-repeat;
		}
		h1.thankyou {
			width: 128px;
			background: url(../i/h1-thankyou.png) no-repeat;
		}
		h1.media {
			background: url(../i/h1-media.png) no-repeat;
		}

		h1.contemporary {
			background: url(../i/h1-contemporary.png) no-repeat 20px;
			display: block;
			/*width: 861px;*/
		}

		h1.traditional {
			background: url(../i/h1-traditional.png) no-repeat 20px;
			display: block;
			/*width: 861px;*/
		}

		h1.courtyard {
			background: url(../i/h1-courtyard.png) no-repeat 20px;
			display: block;
			/*width: 861px;*/
		}
		h1.water-usage {
			background: url(../i/h1-water-usage.png) no-repeat;
		}
		h1.services {
			background: url(../i/h1-services.png) no-repeat;
		}

		h1.smart-gardens {
			background: url(../i/h1-smart-gardens.png) no-repeat;
		}
		
		h1.awards {
			background: url(../i/h1-awards.png) no-repeat;
		}
		
		h1.awards-images_00 {
			background: url(../i/awards_under_20k.png) no-repeat 20px;
		}
		
		h1.awards-images_01 {
			background: url(../i/awards_under_20k.png) no-repeat 20px;
		}
		
		h1.awards-images_02 {
			background: url(../i/awards_under_60k.png) no-repeat 20px;
		}
		
		h1.awards-images_03 {
			background: url(../i/awards_under_60k.png) no-repeat 20px;
		}
		
		h1.awards-images_04 {
			background: url(../i/awards_landscape_feature.png) no-repeat 20px;
		}

ul.water-usage li a {
	text-decoration: none;
	color: #7D187A; 
	}
	
	ul.water-usage li a:hover {
		text-decoration: underline;
	}
	

h2 {
	color: #7D187A;
	font: 15px/20px Arial,"Helvetica Neue", Helvetica, Geneva, sans-serif;
	padding-bottom: 10px;
	
}

		div.trans-header {
			display: block;
			width: 861px;
			height: 52px;
			position: absolute;
			clear: right;
			z-index: 1;
			background-image: url(../i/bg-trans-header.png);
}	 

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

	body#contact .content em {
		color: #878787;
	}
	
	body#contact .content a {
		text-decoration: none;
		color: #7D187A;
	}
	
	body#awards .content a {
		text-decoration: none;
		color: #7D187A;
	}

		body#contact .content a:hover {
			text-decoration: underline;
		}

	.hero-image {
	/*	width: 453px;*/
		height: 500px;
		display: block;
	}

		.hero-image img {
			float: right;
		}

form {
	padding-top: 10px;
}
	
input, textarea {
	float: right;
	margin-right: 15px;
	display: block;
} 

textarea {
	padding-left: 4px;
}

input {
	padding-right: 3px;
}
		input.button {
			clear: both;
			margin-top: 15px;
		}
		p.button {
			padding-top: 15px;
		}

	
body#contact-form .content {
	padding-top: 70px;
}

	body#contact-form .content p {
	width: 300px;
	}
	
	
	
body#home .sitebox {
	background: url(../i/caroline-dawes-home-page-text.jpg);
}




div.wrap{
width:993px;
margin:-32px auto;
text-align:left;
}
div#top div#nav{
float:left;
clear:both;
width:993px;
height:52px;
margin:22px 0 0;
background:url url(i/nav-bg.png) 0 0 no-repeat;
}
div#top div#nav ul{
float:left;
width:700px;
height:52px;
list-style-type:none;
}
div#nav ul li{
float:left;
height:52px;
}
div#nav ul li a{
border:0;
height:52px;
display:block;
line-height:52px;
text-indent:-9999px;
}
div#header{
margin-top:32px;
}
div#video-header{
height:683px;
margin:-1px 0 0;
}
div#header div.wrap{
height:299px;
}
div#header div#slide-holder{
z-index:0;
width:993px;
height:299px;
position:absolute;
}
div#header div#slide-holder div#slide-runner{
top:0px; /* used to be 9px */
left:0px; /* used to be 9px */
width:861px;
height:500px;
overflow:hidden;
position:absolute;
}
div#header div#slide-holder img{
margin:0;
display:none;
position:absolute;
}
div#header div#slide-holder div#slide-controls{
left:0;
display:none;
position:absolute;
top: 504px;
}
div#header div#slide-holder div#slide-controls p.text{
float:left;
color:#fff;
display:inline;
font-size:10px;
line-height:16px;
margin:15px 0 0 20px;
text-transform:uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav{
/*float:right;*/
height:24px;
display:inline;
top: 500px;
}

div#header div#slide-holder div#slide-controls p#slide-nav a{
float:left;
width:24px;
height:24px;
display:block;
font-size:1px;
margin:0 1px 0 0;
line-height:24px;
font-weight:bold;
text-align:center;
text-decoration:none;
background-repeat:no-repeat;
}
p#slide-nav a.on{
background-position:0 -21px;
}
p#slide-nav a{background-image: url(../i/slide-nav.png); color: #751f72;}
div#nav ul li a{background:url(../i/nav.png) no-repeat;}


					div.menu-hover-about {
						display: block;
						position: absolute;
						width: 73px;
						height: 198px;
						margin-left: 22px;
					/*	z-index: 10; */
					}
					
					div.menu-hover-about:hover {
					background: url(../i/menu-highlight-bg.gif) 0 -2px;
					cursor: pointer;
}
				
					div.menu-hover-projects {
						display: block;
						position: absolute;
						width: 73px;
						height: 198px;
						margin-left: 129px;
					}
					
					div.menu-hover-projects:hover {
					background: url(../i/menu-highlight-bg.gif) 0 -2px;
					cursor: pointer;

				}
				
					a.menu-hover-media {
						display: block;
						position: absolute;
						width: 73px;
						height: 198px;
						margin-left: 237px;
					}
					
					a.menu-hover-media:hover {
					background: url(../i/menu-highlight-bg.gif) 0 -2px;
					cursor: pointer;
				}
				
				
				
					a.menu-hover-awards {
						display: block;
						position: absolute;
						width: 73px;
						height: 198px;
						margin-left: 349px;
					}
					
					a.menu-hover-awards:hover {
					background: url(../i/menu-highlight-bg.gif) 0 -2px;						cursor: pointer;


}
	
a.menu-hover-contact {
						display: block;
						position: absolute;
						width: 73px;
						height: 198px;
						margin-left: 453px;
					}
					
					a.menu-hover-contact:hover {
					background: url(../i/menu-highlight-bg.gif) 0 -2px;
					cursor: pointer;
				}



.view_link a {
font:13px/19px Arial,"Helvetica Neue",Helvetica,Geneva,sans-serif;
	text-decoration: none;
	color: #7D187A;
}

.view_link a:hover {
font:13px/19px Arial,"Helvetica Neue",Helvetica,Geneva,sans-serif;
	text-decoration: underline;
	color: #7D187A;
}