html, body {

height:100%;
	margin: 0;
	padding: 0;
	font-size:1.0em;

	background-color:#F3F3F3;
	background-image:url(../images/backgroundleft.png);
	

	
}






#wrapper{
min-height:100%;
width:90%;
font-family:Trebuchet MS, Helvetica, Arial, sans-serif;
color:#636466;
margin: 0 auto;
max-width:1000px;
padding:10px;
padding-top:10px;
background:#fff;

}

#banner{
border-bottom:1px solid #BBB1BE;
padding-bottom:10px;
background-image:url(../images/logo.png);
background-repeat:no-repeat;
height:111px;
}




#banner h1{
display:none;

}

#menu{
padding:3px;
font-size:0.750em;
float:right;
padding-top:85px;
background-image:url(../images/strapline.png);
background-repeat:no-repeat;
background-position:top right;
}

#menuback{
padding: 0;
	margin: 0;

	background-color:#BAB1BE;
	background-image:url(../images/menuleft.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	height:26px;
}

#menubackright{
padding: 0;
	margin: 0;
	
	background-image:url(../images/menright.png);
	background-repeat:no-repeat;
	background-position:right;
	height:26px;
	
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;

}

#nav a {
	display: block;
	width: 90px;
	color:#fff;
	text-align:center;
	height:21px;
	line-height:21px;
	

}

#nav li { /* all list items */
	float: left;
	width: 90px; /* width needed or else Opera goes nuts */
	border:1px solid #fff;

	margin-right:5px;
	
	
	
}


#nav li a:hover { /* all list items */
color:#FFF200;
	background-image:url(../images/buttonover.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	text-decoration:none;
}





#content{
margin-top:7px;
padding:0px;
min-height:600px;

}



#menuleft{
width:174px;
float:left;
background-image:url(../images/leftmenuback.png);
background-position:top right;
background-repeat:repeat-y;
position:relative;

}

#contactdetails{
background-image:url(../images/contactdetails.png);
background-repeat:no-repeat;
height:36px;
width:174px;

margin-bottom:10px;
}

#contactdetailslibrary{
background-image:url(../images/contactdetailslibrarycard.png);
background-repeat:no-repeat;
height:36px;
width:174px;
margin-bottom:10px;
}

#contactdetailslibrary p{
display:none;
}

#contactdetails p{
display:none;
}

#menuleft h2{

color:#fff;
margin:0px;
padding:0px;
font-size:0.938em;
font-weight:normal;
text-align:right;
height:32px;
padding-right:15px;
line-height:28px;
margin-bottom:10px;

}

#menuleft h2 a{

color:#fff;
text-decoration:none;

}


#menuleft h3{

color:#971B1E;
margin:0px;
padding:0px;
font-size:0.750em;

}

#menuleft p{
margin:0px;
padding:0px;
font-size:0.689em;
margin-bottom:10px;

}


.newsbox{
background:#F5F4F6;
padding:5px;
margin-bottom:10px;
}

.newsseparator{
border-top:1px dashed #C78984;
margin-bottom:7px;
margin-top:7px;
}

#menuright{
width:235px;
float:right;
background-color:#fff;
padding:5px;
position:relative;
}



#menuright h2{
color:#fff;
margin:0px;
padding:0px;
font-size:0.938em;
font-weight:normal;
text-align:left;
height:32px;
padding-left:5px;
line-height:28px;
margin-bottom:10px;
}

#menuright h3{



}

.menurightimage{
float:left;
margin:0px;
margin-bottom:10px;
}

#menuright p{
background-image:url(../images/rightimgp.png);
background-position:bottom;
background-repeat:no-repeat;
width:111px;
font-size:0.659em;
color:#FFFFFF;
background-color:#243B98;
padding:2px;
height:30px;
text-align:center;
margin:0px;

}

#menuright p a{

color:#FFFFFF;


}

#menuright img{
margin-bottom:-3px;
}


.menurightstrip{
padding:0px;
margin:0px;
background-color:#8CC63F;
height:4px;
background-image:url(../images/menurightstrip.png);
background-repeat:no-repeat;
font-size:0px;

}

#menurightstrip img{
padding:0px;
margin:0px;
display: block;

}


#text{
margin:0px;
margin-left:183px;
padding-right:10px;
padding-left:10px;
padding-top:5px;
margin-right:250px;
background:#F5F4F6;
text-align:justify;
font-size:0.750em;
min-height:750px;
position:relative;
}


#hometext{
margin:0px;
margin-left:180px;
padding-right:10px;
padding-left:10px;
padding-top:5px;
margin-right:247px;
background:#F5F4F6;
text-align:justify;
font-size:0.750em;
min-height:150px;
position:relative;
}


#bannerimage{
margin:0px;
margin-left:183px;
padding:0px;
padding-top:5px;
margin-right:250px;
background:#fff;

}

#bannerimage img{
width:100%;
 -ms-interpolation-mode:bicubic;
}

.person{float:right; width:121px; margin-left:10px; padding-top:5px;

}

.persontext{
padding:4px;
padding-top:8px;
background:#EDECEE;
font-size:0.938em;
color:#263B97;
background-image:url(../images/personstrip.png);
background-repeat:no-repeat;
background-position:top;
}

.persontext p{
margin:0px;
margin-bottom:5px;
}


#footer{

clear:both;
text-align:center;
padding:0px;
margin-top:5px;
background-image:url(../images/footer.png);
background-repeat:repeat-x;
font-size:0.659em;
margin-left:183px;
margin-right:250px;
color:#fff;
}

#footerstrip{
padding:0px;
margin:0px;

background-color:#243B98;
background-image:url(../images/footerright.png);
background-position:right;
background-repeat:repeat-y;

}

#footerstrip img{
padding:0px;
margin:0px;
display: block;
margin-left: auto;
margin-right: auto;
width:388px;
}

#footerstrip p{
padding:0px;
margin:0px;
}

#footerbottom{
background-color:#263B97;
margin-top:2px;
background-image:url(../images/footerleft.png);
background-position:bottom left;
background-repeat:no-repeat;
}

#footerbottomright{

margin-top:2px;
background-image:url(../images/footerrightbot.png);
background-position:bottom right;
background-repeat:no-repeat;


}

#footer p{
margin:0px;
padding:4px;
}

.news{

border-bottom:2px dotted #263B97; 
margin-top:10px;
padding-bottom:1px;
margin-bottom:5px;

}




h1{
	margin:0;
	padding:0;
	font-size:140%;
	margin-top:0px;
	margin-bottom:20px;
	color:#263B97;


}



h2{
	margin:0;
	padding:0;
	font-size:120%;
	margin-top:0px;
	margin-bottom:15px;
	color:#263B97;
}

h3{
	margin:0;
	padding:0;
	font-size:110%;
	margin-top:0px;
	margin-bottom:0px;
	color:#263B97;
}



p{
margin:0;
padding:0;
margin-top:0px;
margin-bottom:15px;

}

#text li{list-style-type:none;
background-image:url(../images/bulletpoint.png);
background-repeat:no-repeat;
padding-left:17px;
line-height:11px;
padding-bottom:10px;

}

table{

width:98%;

}

th{

vertical-align:text-top;
text-align:left;
background:#263B97;
padding:2px;
color:#fff;
}

td{

vertical-align:text-top;
vertical-align:top;
border:1px solid #263B97;
padding:2px;


}





a:link {
	color:#AB5410;
	text-decoration:none;

	}
	
a:visited {
	color:#AB5410; 

text-decoration:none;
}

a:hover {
	color:#A90533; 
	text-decoration:underline;

}

a img {
	border: none; 
} 



.imageleft{

float:left;
padding-right:10px;
padding-bottom:10px;
}

.imageright{

float:right;
padding-left:10px;
padding-bottom:10px;


}

.galleryimage{
margin:3px; 
float:left; 
padding:2px; 
border:2px solid #EEEEEE; 
margin-left:0
}

.gallerybox{
float:left; 
width:100%; 
margin-bottom:40px;

}

.gallerybox h2{
margin-bottom:10px;
font-size:130%;

}


.calltoaction{
background-image:url(../images/calltoaction.png); background-repeat:no-repeat; margin-top:30px; max-width:450px; cursor:pointer;

}


.calltoaction2{
background-image:url(../images/calltoactionend.png); background-repeat:no-repeat; background-position:top right; height:41px; padding-left:70px; padding-top:22px;

}


.calltoaction2 p{
color:#fff; padding:0px; width:200px; font-size:10px; float:left

}

.calltoactiontel{
font-size:23px; float:left; width:170px; text-align:right; padding-right:5px; color:#fff; letter-spacing:1px; padding-top:4px;

}

.process{
	width:140px;
	margin-right:30px;
	height:200px;
	float:left;
	}
	
#sizechart{

font-family:Trebuchet MS, Helvetica, Arial, sans-serif;
color:#636466;
font-size:0.750em;
}

.ipiaaward{
border:1px solid #B8B3BA; color:#213F97; font-size:1.500em; font-weight:bold; background-color:#fff; background-image:url(../images/webbanneripia.png); background-repeat:no-repeat; height:121px; padding-left:156px; text-align:left; margin-bottom:5px;

}

.ipiaaward a:link, a:visited{
color:#213F97;

}
	
/* gallery code */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}