html {
	background: #62C421 url("../images/mm-tile.jpg") repeat 50% 220px;
}

body {
	margin: 0;
	background: url("../images/happyhouses.jpg") repeat-x center top;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 0.9em;
	color: #111111;
}

html, body {
	border: 0px;
}

img {
	border: 0;
}

ul li {
	margin-bottom: 0.5em;
}

a {
	text-decoration: none;
}

#logo {
	position: absolute;
	top: 5px;
	margin-left: -163px; 
	left: 50%;
	width: 327px;
	height: 54px;
}

#logo img {
	width: 100%;
	height: 100%;
}

#header {
	width: 716px;
	height: 220px;
	margin: auto;
	margin-bottom: -5px;
}


#sunrays {
	z-index: 20;
	position: absolute;
	top: -23px;
	margin-left: -342px;
	left: 50%;
	width: 117px;
	height: 117px;
	background: url("../images/sunrays.gif") no-repeat 50% 50%;
}

#sunface {
	z-index: 10;
	position: absolute;
	top: -1px;
	left: 50%;
	margin-left: -320px;
	width: 74px;
	height: 74px;
	background: url("../images/sun.gif") no-repeat 50% 50%;
}

#ukflag {
	z-index: 30;
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left: 300px;
}

a .buttontext, .buttontextselected {
	position: absolute;
	top: 95px;
	left: 0px;
	width: 100%;
	font-size: 29px;
	text-align: center;
	font-weight: bold;
	font-family: comic sans ms, comic sans, chalkboard, sans-serif;
	color: black;
	cursor: pointer;
	visibility: hidden;
/*
	filter:alpha(opacity=57);
	-moz-opacity:0.57;
	-khtml-opacity: 0.57;
	opacity: 0.57;
*/
}

a:hover .buttontext, .buttontextselected {
	visibility: visible;
/*
	filter:none;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
*/
}


img.buttonimage {
	width: 100%;
	height: 100%;
}


#button1 {
	position: absolute;
	margin-left: -323px; 
	left: 50%;
	top: 41px;
	width: 104px;
	height: 150px;
}

#button1 a:hover img {
	background: url("../images/button1.png") no-repeat;
}


#button2 {
	position: absolute;
	margin-left: -232px;
	left: 50%;
	top: 41px;
	width: 112px;
	height: 150px;
}

#button2 a:hover img {
	background: url("../images/button2.png") no-repeat;
}

#button2 a .buttontext, .buttontextselected {
	font-size: 22px;
	margin-top: 5px;
}


#button3 {
	position: absolute;
	margin-left: -129px;
	left: 50%;
	top: 42px;
	width: 104px;
	height: 150px;
}

#button3 a:hover img {
	background: url("../images/button3.png") no-repeat;
}



#button4 {
	position: absolute;
	margin-left: -29px;
	left: 50%;
	top: 42px;
	width: 110px;
	height: 150px;
}

#button4 a:hover img {
	background: url("../images/button4.png") no-repeat;
}

#button4 a .buttontext, .buttontextselected {
	font-size: 25px;
	margin-top: -7px;
	line-height: 25px;
}

#button5 {
	position: absolute;
	margin-left: 78px;
	left: 50%;
	top: 41px;
	width: 194px;
	height: 150px;
}

#button5 a:hover img {
	background: url("../images/button5.png") no-repeat;
}


#contactback {
	position: absolute;
	margin-left: 219px;
	left: 50%;
	top: 69px;
	width: 147px;
	height: 124px;
	background: url("../images/contact.png") no-repeat;
}

#button6 {
	position: absolute;
	margin-left: 219px;
	left: 50%;
	top: 69px;
	width: 147px;
	height: 124px;
}

#button6 a:hover img {
	background: url("../images/button6.png") no-repeat;
}

#button6 a:hover .buttontext, #button6 .buttontext, #button6 .buttontextselected {
	visibility: hidden;
}




.paneltop {
	background: url("../images/panel-images/panel-top-centre.gif") repeat-x bottom center;
	width: 85%;
	height: 29px;
	margin: auto;
}

.paneltopleft {
	background: url("../images/panel-images/panel-top-left.gif") no-repeat top center;
	float: left;
	margin-left: -29px;
	width: 29px;
	height: 29px;
}

.paneltopright {
	background: url("../images/panel-images/panel-top-right.gif") no-repeat top center;
	float: right;
	margin-right: -29px;
	width: 29px;
	height: 29px;
}

.panelmiddle1 {
	background: #ffffff url("../images/panel-images/panel-middle-left.gif") repeat-y center left;
	width: 85%;
	padding: 0 29px;
	margin: auto;
}

.panelmiddle2 {
	background: url("../images/panel-images/panel-middle-right.gif") repeat-y center right;
	width: 100%;
	margin: auto;
	padding: 0 29px 0 0;
}

.panelcontent {
}

.panelbottom {
	background: url("../images/panel-images/panel-bottom-centre.gif") repeat-x top center;
	width: 85%;
	height: 29px;
	margin: auto;
	clear: both;
}

.panelbottomleft {
	background: url("../images/panel-images/panel-bottom-left.gif") no-repeat top center;
	float: left;
	margin-left: -29px;
	width: 29px;
	height: 29px;
}

.panelbottomright {
	background: url("../images/panel-images/panel-bottom-right.gif") no-repeat top center;
	float: right;
	margin-right: -29px;
	width: 29px;
	height: 29px;
}


.panelgapfix {
	width: 100%;
	clear: both;
}




.logo-tiny {
	width:149px;
	height:25px
}

.floatRightH {
	float: right; 
}

.floatRightV {
	clear: right;
    float: right;
	padding: 1em;
}

.floatLeftH {
	float: left;
}

.floatLeftV {
	clear: left;
    float: left;
	padding: 1.1em;
}

.spread {
	text-align: center;
}

.spread img {
	padding: 0px 10px;
}


#tv {
	margin: auto;
	width: 700px;
	height: 495px;
	background: #000000 url("../images/television.png") repeat 50% 50%;
}

#video {
	position: relative;
	background: #000000;
	border: 0;
	left: 48px;
	top: 48px;
	width: 480px;
	height: 380px;
	text-align: center;
	color: white;
}

#video a {
	color: yellow;
}


#video2 {
	text-align: center;
}

#video2 object {
	border: 1px solid black;
}

#tvlogo {
	position: relative;
	top: 77px;
	left: 230px;
	height: 25px;
	width: 149px;
}

#tvbuttons {
	margin-top: -350px;
	margin-left: 560px;
	width: 96px;
	text-align: center;
}

.tvbutton {
	cursor: pointer;
	width: 80px;
	height: 67px;
}


#gallery {
	text-align: center;
}

.gallerythumb {
	margin: 5px 10px;
	border: 3px solid white;
}

.gallerythumb:hover {
	border: 3px solid orange;
}

.inputform {
	width: 420px;
	margin: auto;
	text-align: center;
}

.inputform label {
	float: left;
	text-align: right;
	margin-top: 0.2em;
	margin-right: 5px;
	width: 100px;
	font-size: 0.9em;
}

.inputform label.error {
	color: #f00;
	font-weight: bold;
}

.inputform input, .inputform textarea {
	border: 3px solid #cccccc;
	background: yellow;
	width: 300px;
	margin-bottom: 10px;
}

.inputform input:focus, .inputform textarea:focus, .inputform input.error {
	border: 3px solid red;	
}

.inputform textarea {
	width: 300px;
	height: 100px;
	overflow: auto;
}

.inputform .submit, inputform .submit:focus {
	width: 100px;
	border: 3px solid black;
	background: orange;
}

h2, .title {
	display: block;
	text-align: center;
	margin: auto;
	border-bottom: 2px solid #cccccc;
	margin-top: 0;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	font-size: 1.5em;
	font-weight: bold;
}

#designerlogin {
	width: 100%;
	height: 500px;
	overflow: auto;
	border: 1px;
	background-color: #ffffff;
	margin: auto;
	text-align: center;
}

#designerlogin .inputform input {
	width:15em;
}

#designerlogin .inputform {
	width: 300px;
	margin: auto;
	text-align: center;
}

#designerlogin .inputform label {
	float: none;
	width: 15em;
	display: block;
	text-align: center;
	margin: auto;
}


.alert {
	display: block;
	color: red;
	font-weight: bold;
	padding: 0.3em;
	margin: 0.5em;
	text-align: center;
}

.alert2 {
	display: block;
	color: blue;
	font-weight: bold;
	padding: 0.3em;
	margin: 0.5em;
	text-align: center;
}


#contactfooter {
	clear: both;
	margin: 1em 0 0em 0;
	border-top: 2px solid #ccc;
	padding: 0.3em;
	padding-top: 0.5em;
	text-align: center;
	font-size: 1.4em;
	color: #f00;
	font-weight: bold;
}

#contactfooter a {
	color: #f00;
}

#contactfooter a:hover {
	color: #f60;
}

#footer {
	margin: auto;
	text-align: center;
	font-size: 0.75em;
	color: #999999;
	width: 100%;
	padding-top: 0.5em;
	margin-bottom: 1em;
	background: none;
}

.bottomspace {
	height: 42px;
}

.embiggen {
	font-weight: bold;
	font-size: 1.2em;
}




div.poem {
	width: 700px;
	background: #e2f3f1 url("../images/alley-magic-poem-bottom.jpg") no-repeat bottom center;
	margin: auto;
}

div.poemtop {
	height: 50px;
	padding: 20px;
}

div.poembody {
	padding-bottom: 145px;
}

div.poemcontent {
	width: 560px;
	margin: auto;
	padding: 20px;
	background-color: #ffffff;
	border: 1px solid #000000;
}

div.poemcontent br {
	line-height: 1.75em;
}




div.alertbanner {
	width: 80%;
	border: 3px solid #ff0000;
	background: #ffffff;
	margin: auto;
	margin-bottom: 1em;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0.5em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


.error {
	color: red;
}

.error img {
	vertical-align: middle;
}