/* body */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin: 0px auto 0px auto;
	width:780px;
	background:url(/styles/aandm-roofing.co.uk/AandM/images/backrepeat.jpg);
	background-color:#f52837;
	background-position:center;
	background-repeat:repeat-y;
}


/* container - The outside of the whole page */
#container {
	margin: 0px auto 0px auto;
	width:700px;
	
}

/* header - the whole the header */
#header{
	height:160px;
	padding:0px;
	margin:0px;
}

/* headerTop - the top of the header div */
#headerTop{
	display:none;
}

/* headerMiddle - the middle of the header */
#headerMiddle{
	background-image:url(/styles/aandm-roofing.co.uk/AandM/images/header.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	height: 147px;
	width:756px;
	margin-left:-29px;
}

/* headerMiddleLeft - the left part of the middle of the header */
#headerMiddleLeft{
}

/* headerMiddleMiddle - the middle part of the middle of the header */
#headerMiddleMiddle{
	display:none;
}

/* headerMiddleRight - the right hand part of the middle of the header */
#headerMiddleRight{
	display:none;
}

/* headerBottom - the bottom of header */
#headerBottom{
	display:none;
}

/* main - the main section of the website */
#main{
	vertical-align:top;
	width:700px;
}

/* nav - the nav menu */
#nav{
}

/* navTop - the top of the nav menu */
#navTop{
}

/* navMiddle - the middle section of the nav */
#navMiddle{
	font-size:12px;
	height:22px;
	top:-38px;
	left:0px;
	text-align:center;
	position:relative;
	width:700px;
}

/* navMiddle ul - the menu list */
#navMiddle ul{
	 margin: 0;
	 padding-left:0px;
	list-style-type: none;
	
}

/* navMiddle ul li - an item of the menu list */
#navMiddle ul li{
	display: inline;
	padding-right:20px;
}

/*navMiddle ul li a - the link of an item in the menu list */
#navMiddle ul li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
}

/* navMiddle ul li a.Selected - the current page */
#navMiddle ul li a.selected{
}

/* navMiddle ul li a:hover - hover over a menu item */
#navMiddle ul li a:hover{
color:#ffffff;
}

/* navBottom - the bottom of the nav */
#navBottom{
	background-image:url(/styles/aandm-roofing.co.uk/AandM/images/banner.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	height: 151px;
	width:756px;
	text-align:right;
	margin-top:-36px;
	padding-top:116px;
	margin-bottom:-116px;
	margin-left:-29px;

}

/* contentFrame - the main section where the content would go */
#contentFrame{
margin-top:5px;
width:700px;
padding:0px;
font-size:18px;
margin-left:-5px;
}

#contentFrame #contactAPI{
color:#0000FF;
display:block;
float:left;
font-weight:bold;
margin:-30px 0 0;
padding:0;
}

/* contentText - the <p></p> around the text */
#contentText{
display:none;
top:-20px;
}

/* footer - the footer of the page */
#footer{
	float:left;
	width:100%;
}

/* */
#footerText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-align:center;
}

/* the magic fixer! */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	padding:0px;
}

/* content styles */
table.tableLine{
}

.tableHeader{
display:none;
}

td.tableMain{
padding-left:-1px;
}

p.header {
	font-size:14px;
	font-weight:bold;
}

table.statictable {
	width:730px;
	background-color:#000066;
	color:#FFFFFF;
}

td.statictable {	
	text-align:center;
}

p {
	padding-left:5px;
	padding-right:5px;
}
table {	
}

#content {
	left:-1px;
}


p.pageheader {
	text-align:center;
	font-size:14px;
}

img.floatright {
	float:right;
}

img.floatleft {
	float:left;
}

.centreimage {
	text-align:center;
}

td.tableimagecentre	{
	padding-left:10px;
	padding-right:10px;
	}
	
a img{
	border:0px;
}