/* CSS Document */
html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr{
  margin:0px;
  padding:0px;
  border:0px;
  border-collapse:separate;
  border-spacing:0px;
}

html {
	height: 100%;
	background-color: #929292; /*continuation colour after background stops*/
}

body {
	background: url(/images/layout/background_gradient.png) repeat-x;
	height: 100%; /*force all of background gradient to show*/
}

#verticalContainer {
	width:1px;
	height:50%;
	margin-bottom:-323px; /* half of container's height */
	float:left;
}

#horizontalContainer {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height: 648px;
		width: 800px;
		background: #000;
		clear:left;
}

#branding {
	height:74px;
	width:100%;
	border-bottom: 2px solid #666;
}

#branding h1 {
	background: transparent url(/images/layout/country_garden_logo-trans.png) no-repeat 0 0;
	text-indent: -9999px;
	height:74px;
}

#branding blockquote {
	position: absolute;
	top: 0px;
	right: 0px;
}

#navigation {
	background: url(/images/layout/navbar_background.png) repeat-x;
	background-color: #454545;
	height:562px;
	float:left;
	color: white;
	width:120px;
	padding-top: 10px;
}

#content {
	position:relative;
	float:right;
	color: white;
	width:680px;
	height:572px;
	overflow: hidden;
}

#contentBackground {
	width:680px;
	height:572px;
}

#contentText {
	position: absolute;
	top:0px;
	left: -260px;
	width: 260px;
	height: 572px;
	color: #fff;
	filter: alpha(opacity=75); /* ie */
	-moz-opacity: .8; /* mozilla */
	background:#000;
}

#hideButton {
	background: url(/images/icons/rewind-32x32.png) no-repeat;
	cursor: default;
	height:32px;
	text-indent: 35px;
	margin-top: 15px;
	margin-left: 5px;	
}

#footer {
	clear:both;
}