/* CSS Document */
.dynFrmRequired { 
	background-image:url(http://www.dynamicforms.co.uk/dynamicforms/images/required.gif); 
	background-position:top right; 
	background-repeat:no-repeat; 
}

/* layout */
body, html{
	background-color:#000000;
	margin:0;
	padding:0;
	
	background-image:url(../images/background/bg.jpg);
	background-position:center top;
	background-repeat:repeat-y;
}

#centre{
	width:730px;
	
	position:relative;
	margin:0 auto;
}

div.clear{
	width:100%;
	clear:both;
	font-size:1px;
}

/* end of layout */

/* masthead */

#masthead{
	width:700px;
	float:right;
	z-index: 2;
}

div.logo{
	float:left;
	margin-top:0px;
	margin-right: 0px;
}

div.navigation{
	float:left;
	width: 366px;
}

div.music{
	float:left;
	width:332px;
	left: 33px;
	margin-left: 40px;
	margin-top: 12px;
}

/* end of masthead */

/* body */

div.small-logo{
	float:right;
}

div.content-container{
	width:300px;
	float:right;
	margin-top:24px;
	padding-right: 30px;
}

div.content-container2{
	width:450px;
	float:right;
	margin-top:12px;
	padding-right: 30px;
	text-align:left
}

div.content-container3{
	width:550px;
	float:right;
	margin-top:12px;
	padding-right: 30px;
	text-align:left
}

div.images-container{
	width:730px !important;
	margin-top: 20px !important;
	text-align:right !important;
	position:relative;
	overflow: visible !important;
}

div.orange-square{
	width:92px !important;
	height:92px !important;
	
	background-color:#EC861A !important;
	border:#000000 2px solid;
	text-align:center;
}

div.black-square{
	width:93px!important;
	height:93px!important;
	
	background-color:#000000 !important;
	border:#EC861A 1px solid;
	text-align:center;
	
	margin:0 8px 0 0;
}


#square1,#square2,#square3,#square4,#square5,#square6,#square7,#square8,#square9,#square10,#square3_orange,#square4_orange,#square5_orange{
	position:absolute !important;
	width:151px!important;
	height:202px!important;
	z-index:1000 !important;
	border:#EC861A 1px solid;
	visibility: visible !important;
	overflow:visible !important;
	display:block !important;
	text-align:center;
	background-image: url(images/squares/bath.jpg);
}

#square1{
	left:39px;
	top:17px;
	z-index: 2;
}

#square2{
	left:221px;
	top:17px;
	z-index: 2;
}

#square3{
	left:394px;
	top:436px;
}

#square4{
	left:553px;
	top:436px;
}

#square5{
	left:156px;
	top:124px;
}

#square6{
	left:36px;
	top:14px;
}

#square7{
	left:155px;
	top:14px;
}

#square8{
	left:29px;
	top:327px;
}

#square9{
	left:140px;
	top:327px;
}

#square10{
	left:140px;
	top:218px;
}

#square3_orange{
	left:36px;
	top:107px;
}

#square4_orange{
	left:143px;
	top:211px;
}

#square5_orange{
	left:142px;
	top:107px;
}

div.image-description{
	font-family:"Trebuchet MS", Arial;
	font-size:8pt;
	color:#FFFFFF;
	width:420px;
	float:right;
	margin-top: 5px;
	text-align:left;
	left: 222px;
}

/* end of body */

/* copy */

.body-copy{
	font-family:"Trebuchet MS", Arial;
	font-size:10pt;
	color:#FFFFFF;
	line-height: 18px;
}

.body-copy-small{
	font-family:"Trebuchet MS", Arial;
	font-size:8pt;
	color:#FFFFFF;
}

.highlight-copy{
	font-family:"Trebuchet MS", Arial;
	font-size:8.5pt;
	color:#F8C388;
}


.highlight-copy-small{
	font-family:"Trebuchet MS", Arial;
	font-size:8pt;
	color:#F8C388;
}

a{
	color:#FFFFFF;
}

a.link{
	font-family:"Trebuchet MS", Arial;
	font-size:8pt;
	color:#F8C388;
	text-decoration:none;
}
.body-copy2 {
	font-family:"Trebuchet MS", Arial;
	font-size:9pt;
	color:#FFFFFF;
	line-height: 15px;
	background-image: url(../images/domestic/slither.png);
	background-repeat: repeat;
	left: 7px;
	padding-left: 4px;
	padding-top: 2px;
}
div.content-containerDark {
	width:300px;
	float:right;
	margin-top:24px;
	padding-right: 30px;
}
div.content-containerLeft {
	width:336px;
	float:left;
	margin-top:14px;
	padding-left: 38px;
}
div.content-containerLeft H1 {
	font-size: 1.2em;
	color: #FFFFFF;
	line-height: 1em;
}
div.content-containerLeft body-copy {
	line-height: 18px;
	top: 300px;
}
div.content-containerLeft form {
	line-height: 18px;
	top: 300px;
}

div.images-container2 {
	width:380px!important;
	margin-top: 20px !important;
	text-align:right !important;
	position:relative;
	overflow: visible !important;
	z-index: 1;
}
content-container email {
	z-index: 1;
}
div.email {
	float:right;
	width:256px;
	margin-top: 52px;
	margin-right: 40px;
}