body{
	margin: 10px;
	background: #00a4d7;
	font: 62.5% "Times New Roman", serif;
}

h1.logo{
	background: url(/assets/images/logo.gif) no-repeat top center;
	text-indent: -5000px;
	width: 960px;
	height: 95px;
}

div#wrapper{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	/*border: 1px solid #f00;*/
}

div#content{
	position: absolute;
	width: 960px;
	height: 520px;
	font-size: 1.3em;
}

div#lhc{
	width: 121px;
	float: left;
}

div#content-panel{
	width: 718px;
	height: 510px;
	float: left;
}

div#rhc{
	width: 121px;
	float: left;
}

div.scrollable{
	height: 300px;
	width: 310px;
	padding-right: 10px;
	overflow: auto;
}

div.aboutus-text{
	position: relative;
	top: 95px;
	left: 50px;
}

/* NAVIGATION */
div.nav-block a img{
	margin: 0 0 5px 0;
}

img.aboutus_on{
	background-image: url(/assets/images/nav/nav_aboutus_on.png);
}
img.family_on{
	background-image: url(/assets/images/nav/nav_family_on.png);
}
img.awards_on{
	background-image: url(/assets/images/nav/nav_awards_on.png);
}
img.watch_on{
	background-image: url(/assets/images/nav/nav_watch_on.png);
}
img.links_on{
	background-image: url(/assets/images/nav/nav_links_on.png);
}
img.shop_on{
	background-image: url(/assets/images/nav/nav_shop_on.png);
}

/* PAGES */

div#content.home{
	
}

div#content.aboutus{
	background: url(/assets/images/background_aboutus.gif) repeat top center;
}
div#content.family{
	background: url(/assets/images/background_family.gif) repeat top center;
}
div#content.awards{
	background: url(/assets/images/background_awards.gif) repeat top center;
}
div#content.watch{
	background: url(/assets/images/background_watch.gif) repeat top center;
}
div#content.links{
	background: url(/assets/images/background_links.jpg) repeat top center;
}
div#content.shop{
	
}

/* FAMILY */
div#family-holder{
	position: relative; 
	width: 400px;
	height: 240px;
	top: 60px; 
	left: 260px;
}

div#family-holder a{ 
	display: inline-block;
	height: 100px;
}
div#family-holder div{
	padding: 70px 0;
}
div#family-holder img{
	float: left;
	vertical-align:text-top;
}

div#family-holder-bottom{
	position: relative; 
	width: 400px;
	height: 200px;
	top: 68px; 
	left: 280px;
	
}
div#family-holder-bottom a{ 
	display: inline-block;
	height: 100px;
}

img#clifford{
	position: relative;
}
img#spotty{
	position: relative;
	margin: 0 0 0 140px;
}
img#kitty{
	position: relative;
	margin: 10px 0 0 40px;
}
img#quackpack{
	position: relative;
	margin: 0 0 0 40px;
}


img#banjo{
	position: relative;
}

img#basset{
	position: relative;
}

img#hotdog{
	position: relative;
	margin: 0 0 0 90px;
	top: -25px;
}

img#ginger{
	position: relative;
	margin: 0 0 0 100px;
	top: 10px;
	left: 10px;
}



/* WATCH */
div#watch{
	position: relative;
	left: 100px;
	top: 100px;
	width: 410px;
}

/* LINKS */
div#contact-form-block{
	position: relative; 
	width: 350px;
	top: 100px; 
	left: 390px;
}

div#contact-form-block legend{
	margin: 0 0 5px 0;
	font-weight: bold;
}

div#contact-form-block input.text-field{
	display: block;
	margin: 0 0 5px 0;
	padding: 0;
	color: #aaa;
	font-family: "Times New Roman", serif;
}

div#contact-form-block textarea{
	display: block;
	width: 128px;
	height: 80px;
	color: #aaa;
	font-family: "Times New Roman", serif;
	padding: 2px;
	font-size: 0.9em;
}

div#contact-form-block button{
	display: block;
	margin: 5px 0 0 95px;	
}

div.error{
	display: inline;
	background: #f00;
	color: #fff;
	padding: 3px;
}

div#email-uk{
	position: relative;
	top: 200px;
	left: 18px;
	border: 0 solid #f00;
	width: 130px;
	height: 50px;
}

div#email-oz{
	position: relative;
	top: 155px;
	left: 390px;
	border: 0 solid #f00;
	width: 130px;
	height: 50px;
}

div#email-usa{
	position: relative;
	top: 85px;
	left: 605px;
	border: 0 solid #f00;
	width: 120px;
	height: 50px;
}