body
{
  background-color: beige;
	background-image:url('bg.jpg');
  Font : 10px "Arial", "Helvetica";
}




/* Workaround for i.e. so that the main container has a minimum width and is centralised on the screen */
.minwidth0 {  margin: auto;	width: 75%;	min-width: 850px; border:blue solid 10px; background-color:white;}
html * .minwidthb, .minwidthm, .minwidthp, .layout {	height: 0;	height: auto;	zoom: 1; }
html * .minwidthm {	margin-left: -850px;	position: relative; }
html * .minwidthb {	border-left: 850px solid white;}



#top_image
{
  margin-right:auto;
  margin-left:auto;
	text-align:center;
}

#branches
{

  margin-right:auto;
  margin-left:auto;

	text-align:center;


}

#branches td
{
	padding:20px;

}

p
{
	text-align:left;
	font-size:12px;
	padding:0px 10px;
}

#container
{
  background-color: aqua;
  background-image: url("images/background.jpg");

  background-attachment: fixed;
  background-position: top right;


}


h1
{
	text-align:center;

}

#main_body
{
	text-align:center;
	padding:20px;

}


#gr_error
{
	border:red 1px solid;
	color:navy;
	width:500px;
	text-align:center;
	font-size:20px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;

}

iframe
{


width:820px;
height:650px;
/* margin-left:auto;
margin-right:auto;
*/
background-color:blue;
}




#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 10px Arial;
margin:0;
margin-left: 20px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 1px 2px 1px 1px;
padding: 0;

}

#modernbricksmenu a{
float: left;
display: block;
color: blue;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: white; /*Default menu color*/
border: 1px solid blue;
}

#modernbricksmenu a:hover{
background-color: #8dcff4; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: blue; /*Brown color theme*/
border-color: blue; /*Brown color theme*/
color:white;
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: blue /*Brown color theme*/
}



/* in enquire.php */
#ch_ages,#age_of_child1,#age_of_child2,#age_of_child3,#age_of_child4,#age_of_child5,#age_of_child6,#age_of_child7,#age_of_child8,#age_of_child9
{
	display:none;
	}

.enq
{
	font-size:11px;
}

#enquire
{
  width:500px; /* need setting im img is within a div as if not set some browsers resize the image */

  margin-right:auto;
  margin-left:auto;


}



#bold_heading
{
  font : 24px  "Arial", "Helvetica";
  background-color: gray;
 	text-align:center;
 	font-weight:bold;
}

#offers_table
{
	border-collapse:collapse;
	width:720px;

  margin-right:auto;
  margin-left:auto;

}

.centre_offer
{
	text-align:center;
	border:1px solid silver;

}
