html, body { 
margin : 0;
padding : 0;
} 
body { 
font : 73% Arial, "Trebuchet MS", Helvetica, Tahoma, sans-serif;
background : #fff url('bg.jpg') repeat;
color : #fff;
} 
			/*CENTRE*/
#centre { 
width : 770px;
margin-left : auto;
margin-right : auto;
padding : 0;
border : 1px solid #999;
color : #333;
background : #fff url('main_bg.jpg') repeat-x;
} 
			/*BANNER*/
#top { 
height : 150px;
padding : 0;
margin-bottom : 0;
background: #fff url('logo.png') no-repeat;
} 
			/*LEFT MENU*/
			
.doubleglazingmenu{
width: 170px; /*width of menu*/
}

.doubleglazingmenu .headerbar{
color: white;
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
font-style:normal; font-variant:normal; font-weight:bold; font-size:14px; font-family:Arial; padding-left:10px; padding-right:0; padding-top:4px; padding-bottom:4px
}

.doubleglazingmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 14px; /*bottom spacing between each UL and rest of content*/
}

.doubleglazingmenu ul li{
padding-bottom: 1px; /*bottom spacing between menu items*/
}

.doubleglazingmenu ul li a{
color: #162B66;
background: url('blueBullet.gif') no-repeat center left; /*custom bullet list image*/
background-size: 12px 12px;
display: block;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 12px; padding-right:0; padding-top:2px; padding-bottom:2px
}

.doubleglazingmenu ul li a:hover{ /*hover state CSS*/
color: #1A91D1;
background-color: #F3F3F3;
}
.doubleglazingmenu ul li a:current{ /*current state CSS*/
color: #1A91D1;
background-color: #F3F3F3;
}
.doubleglazingmenu  li.current a {
color: #1A91D1;
background-color: #F3F3F3;
}

			
			/*MAIN CONTAINER*/
#container { 
width : 770px;
margin-left : auto;
margin-right : auto;
margin-top : 10px;
padding : 0;
line-height : 1.8em;
} 
#menucontainer { 
position : relative;
height : 56px;
color : #e0e0e0;
background : #162B66;
width : 100%;
font-family : Helvetica, Arial, Verdana, sans-serif;
} 
#menunav { 
position : relative;
height : 33px;
font-size : 12px;
text-transform : uppercase;
font-weight : bold;
background : #fff url('menu_bg.gif') repeat-x bottom left;
padding-left:20px; padding-right:0; padding-top:0; padding-bottom:0
} 
#menunav ul { 
margin : 0;
padding : 0;
list-style-type : none;
width : auto;
float : left;
} 
#menunav ul li { 
display : block;
float : left;
padding : 0 1px;
} 
#menunav ul li a { 
display : block;
float : left;
color : #eaf3f8;
text-decoration : none;
padding : 0 0 0 20px;
height : 33px;
} 
#menunav ul li a span { 
padding : 12px 20px 0 0;
height : 21px;
float : left;
} 
#menunav ul li a:hover { 
color : #fff;
background : url('menu_bg_2.gif') repeat-x bottom left;
} 
#menunav ul li a:hover span { 
display : block;
width : auto;
} 
#menunav ul li a.current, #menunav ul li a.current:hover { 
color : #fff;
background : url('menu_bg_2.gif') repeat-x bottom left;

} 
#menunav ul li a.current span { 
color : #fff;
background : url('menu_bg_2.gif') repeat-x bottom left;
} 
			/*TOP NAVIGATION*/
#content { 
padding : 0 1em 0 1em;
margin : 0 25px 0 0;
border-right : 1px solid #eee;
} 
			/*SIDEBAR*/
#sidebar { 
float : left;
width : 170px;
margin-top : 0;
padding : 0 2em 0 1em;
} 
			/*FOOTER*/
#footer { 
clear : both;
height : 50px;
padding : 0;
margin-bottom : 0;
margin-top : 20px;
text-align : center;
border-top : 10px solid #1A91D1;
color : #fff;
background : #162B66;
} 
			/*TYPOGRAPHY*/
h1 { 
float : left;
margin : 0;
padding : 20px 0 20px 25px;
font : 150% "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif;
letter-spacing : 5px;
color : #fff;
} 
h2 { 
float : right;
margin : 0;
padding : 5px 20px 20px 0;
font : 90% "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif;
letter-spacing : 3px;
color : #4592be;
} 
h3 { 
margin : 0;
padding : 5px 0 10px 0;
border-bottom : 1px solid #aaa;
font : 150% "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif;
text-transform : uppercase;
letter-spacing : 3px;
color : #143c55;
}

			/*LINKS*/
a:link, a:visited { 
color : #4592be;
background : inherit;
text-decoration : underline;
} 
a:hover { 
color : #aaa;
background : inherit;
text-decoration : none;
} 
a img {
border: 0px none;
}
a {
outline: none;
}
			/*IMAGES*/
.left { 
float : left;
border : 0px solid #656c4a;
padding : 10px; margin-left:0; margin-right:0; margin-top:5px; margin-bottom:10px
} 
.double_glazing_repairs {
float : right;
padding : 8px;
border : 1px solid #C0C0C0;
margin-left : 10px;
margin-top : 10px;
margin-bottom : 1px;
}
.double_glazing_repair {
float : left;
padding : 8px;
border : 1px solid #C0C0C0;
margin-left : 5px;
margin-top : 10px;
margin-bottom : 20px;
}