body {
	margin: 0;
	padding: 10% 0;
}

/*
    Force firefox to have scrollbar.
    This will avoid any left-right shift of the page content if data on the page is less then the available space.
*/
html
{
    height:100%;
    padding-bottom:1px;
}

a.external {
	padding-right: 13px;
	background: url(/Resources/img/background/external_link.gif) right center no-repeat transparent;
}
/*	positioning for headers
	fonts and colours etc. in typography.css
*/

h2 {
	margin: 0 0 15px 0;
	padding: 0px;
}

h3 {
	margin: 0 0 10px 0;
	padding: 0px;
}

a {
	color: #999;
}

a:visited {
	color: #aaa;
}

a:hover {
	color: #fff;
	background: #666;
}

a:active {
	color: #fff;
	background: #000;
}

a.activeLink {
	color: #111;
	text-decoration:none;
}

ul {		
	padding: 0;
	margin: 0;
}

li {		
	padding: 0;
	margin: 0;
}

img {
	border: 0;
}

.contentBoxRipped img {
	float:right;
	margin: -10px -40px 0 20px;
	padding: 0;
}

.contentBoxRipped img.fullWidth {
	width:100%;
}

#contentArea {
	padding:0;
}


#galleryThumbs a {
	display:block;
	float:left;
	padding:2px;
	margin:0 60px 80px 0;
	width:80px;
	height:120px;
	border: 1px solid #999;
}

#galleryThumbs a:hover {border: 1px solid #000;}

#galleryImage {
	position:fixed;
	display:none;
	top:5%;
	right:10%;
	width:350px;
	height:500px;
	behavior: url(iepngfix.htc); 
	background:url('../img/photoframe.png') top right no-repeat;
}

#galleryImage #innerPhoto {
	position:relative;
	display:block;
	width:298px;
	height:447px;
	top:26px;
	left:26px;
}

#galleryImage span {
	position:absolute;
	right:10px;
	bottom:10px;
	text-align:right;
}

/*	gallery thumbs */

#galleryThumbs #jg001uk {background:url('../img/gallery/thumbs/jg001uk.jpg') 2px 2px no-repeat;}
#galleryThumbs #jg002uk {background:url('../img/gallery/thumbs/jg002uk.jpg') 2px 2px no-repeat;}
#galleryThumbs #jg003uk {background:url('../img/gallery/thumbs/jg003uk.jpg') 2px 2px no-repeat;}
#galleryThumbs #jg004uk {background:url('../img/gallery/thumbs/jg004uk.jpg') 2px 2px no-repeat;}
#galleryThumbs #jg005uk {background:url('../img/gallery/thumbs/jg005uk.jpg') 2px 2px no-repeat;}
#galleryThumbs #jg006uk {background:url('../img/gallery/thumbs/jg006uk.jpg') 2px 2px no-repeat;}
#galleryThumbs #jg008uk {background:url('../img/gallery/thumbs/jg008uk.jpg') 2px 2px no-repeat;}
#galleryThumbs #jg009uk {background:url('../img/gallery/thumbs/jg009uk.jpg') 2px 2px no-repeat;}
#galleryThumbs #jg010uk {background:url('../img/gallery/thumbs/jg010uk.jpg') 2px 2px no-repeat;}
#galleryThumbs #jg012uk {background:url('../img/gallery/thumbs/jg012uk.jpg') 2px 2px no-repeat;}

#galleryThumbs #jg011uk {background:url('../img/gallery/thumbs/jg011uk.jpg') 2px 2px no-repeat;}
#galleryThumbs #jg013-14-15uk {background:url('../img/gallery/thumbs/jg013-14-15uk.jpg') 2px 2px no-repeat;}
#galleryThumbs #jg021uk {background:url('../img/gallery/thumbs/jg021uk.jpg') 2px 2px no-repeat;}
#galleryThumbs #jg022uk {background:url('../img/gallery/thumbs/jg022uk.jpg') 2px 2px no-repeat;}
#galleryThumbs #jg023uk {background:url('../img/gallery/thumbs/jg023uk.jpg') 2px 2px no-repeat;}
#galleryThumbs #jg024uk {background:url('../img/gallery/thumbs/jg024uk.jpg') 2px 2px no-repeat;}
#galleryThumbs #jg025uk {background:url('../img/gallery/thumbs/jg025uk.jpg') 2px 2px no-repeat;}
#galleryThumbs #jg026uk {background:url('../img/gallery/thumbs/jg026uk.jpg') 2px 2px no-repeat;}
#galleryThumbs #jg027uk {background:url('../img/gallery/thumbs/jg027uk.jpg') 2px 2px no-repeat;}
#galleryThumbs #jg028uk {background:url('../img/gallery/thumbs/jg028uk.jpg') 2px 2px no-repeat;}

#galleryThumbs #jg029au {background:url('../img/gallery/thumbs/jg029au.jpg') 2px 2px no-repeat;}
#galleryThumbs #jg030au {background:url('../img/gallery/thumbs/jg030au.jpg') 2px 2px no-repeat;}
#galleryThumbs #jg031au {background:url('../img/gallery/thumbs/jg031au.jpg') 2px 2px no-repeat;}
#galleryThumbs #jg032au {background:url('../img/gallery/thumbs/jg032au.jpg') 2px 2px no-repeat;}
#galleryThumbs #jg033au {background:url('../img/gallery/thumbs/jg033au.jpg') 2px 2px no-repeat;}
#galleryThumbs #jg034au {background:url('../img/gallery/thumbs/jg034au.jpg') 2px 2px no-repeat;}
#galleryThumbs #jg035au {background:url('../img/gallery/thumbs/jg035au.jpg') 2px 2px no-repeat;}

#galleryThumbs #jg036au {background:url('../img/gallery/thumbs/jg036au.jpg') 2px 2px no-repeat;}
#galleryThumbs #jg001nyc {background:url('../img/gallery/thumbs/jg001nyc.jpg') 2px 2px no-repeat;}
#galleryThumbs #jg002nyc {background:url('../img/gallery/thumbs/jg002nyc.jpg') 2px 2px no-repeat;}
#galleryThumbs #jg003nyc {background:url('../img/gallery/thumbs/jg003nyc.jpg') 2px 2px no-repeat;}
#galleryThumbs #jg004nyc {background:url('../img/gallery/thumbs/jg004nyc.jpg') 2px 2px no-repeat;}
#galleryThumbs #jg005nyc {background:url('../img/gallery/thumbs/jg005nyc.jpg') 2px 2px no-repeat;}

/*	gallery images */

#galleryImage .jg001uk {background:url('../img/gallery/jg001uk.jpg') top left no-repeat;}
#galleryImage .jg002uk {background:url('../img/gallery/jg002uk.jpg') top left no-repeat;}
#galleryImage .jg003uk {background:url('../img/gallery/jg003uk.jpg') top left no-repeat;}
#galleryImage .jg004uk {background:url('../img/gallery/jg004uk.jpg') top left no-repeat;}
#galleryImage .jg005uk {background:url('../img/gallery/jg005uk.jpg') top left no-repeat;}
#galleryImage .jg006uk {background:url('../img/gallery/jg006uk.jpg') top left no-repeat;}
#galleryImage .jg008uk {background:url('../img/gallery/jg008uk.jpg') top left no-repeat;}
#galleryImage .jg009uk {background:url('../img/gallery/jg009uk.jpg') top left no-repeat;}
#galleryImage .jg010uk {background:url('../img/gallery/jg010uk.jpg') top left no-repeat;}
#galleryImage .jg012uk {background:url('../img/gallery/jg012uk.jpg') top left no-repeat;}

#galleryImage .jg011uk {background:url('../img/gallery/jg011uk.jpg') top left no-repeat;}
#galleryImage .jg013-14-15uk {background:url('../img/gallery/jg013-14-15uk.jpg') top left no-repeat;}
#galleryImage .jg021uk {background:url('../img/gallery/jg021uk.jpg') top left no-repeat;}
#galleryImage .jg022uk {background:url('../img/gallery/jg022uk.jpg') top left no-repeat;}
#galleryImage .jg023uk {background:url('../img/gallery/jg023uk.jpg') top left no-repeat;}
#galleryImage .jg024uk {background:url('../img/gallery/jg024uk.jpg') top left no-repeat;}
#galleryImage .jg025uk {background:url('../img/gallery/jg025uk.jpg') top left no-repeat;}
#galleryImage .jg026uk {background:url('../img/gallery/jg026uk.jpg') top left no-repeat;}
#galleryImage .jg027uk {background:url('../img/gallery/jg027uk.jpg') top left no-repeat;}
#galleryImage .jg028uk {background:url('../img/gallery/jg028uk.jpg') top left no-repeat;}

#galleryImage .jg029au {background:url('../img/gallery/jg029au.jpg') top left no-repeat;}
#galleryImage .jg030au {background:url('../img/gallery/jg030au.jpg') top left no-repeat;}
#galleryImage .jg031au {background:url('../img/gallery/jg031au.jpg') top left no-repeat;}
#galleryImage .jg032au {background:url('../img/gallery/jg032au.jpg') top left no-repeat;}
#galleryImage .jg033au {background:url('../img/gallery/jg033au.jpg') top left no-repeat;}
#galleryImage .jg034au {background:url('../img/gallery/jg034au.jpg') top left no-repeat;}
#galleryImage .jg035au {background:url('../img/gallery/jg035au.jpg') top left no-repeat;}

#galleryImage .jg036au {background:url('../img/gallery/jg036au.jpg') top left no-repeat;}
#galleryImage .jg001nyc {background:url('../img/gallery/jg001nyc.jpg') top left no-repeat;}
#galleryImage .jg002nyc {background:url('../img/gallery/jg002nyc.jpg') top left no-repeat;}
#galleryImage .jg003nyc {background:url('../img/gallery/jg003nyc.jpg') top left no-repeat;}
#galleryImage .jg004nyc {background:url('../img/gallery/jg004nyc.jpg') top left no-repeat;}
#galleryImage .jg005nyc {background:url('../img/gallery/jg005nyc.jpg') top left no-repeat;}


/*	div used to clear floating elements */
.clear {
	clear: both;
}	

p {	
	margin:1em 0 1em 0;
	padding:0;
}

p.textAlignRight {
	text-align:right;
}

input {
	margin:0;
	padding:0;
	display:inline;
}

input.text {
	border:2px inset #999;
	padding:2px;
}

input.postcode {
	width:6em;
}

input.inlineButton {
	margin-bottom:-6px;
}


label {
	margin:0 15px 0 10px;
	padding:0;
}

/*	used to simulate 'hr' element as hr itself cannot be styled consistently 
	across all browsers */
div.hr{
	width:auto;
	height:1px;
	margin: 1em 0 2em;
	padding:0px;
	background: url(/Resources/img/background/3x3_pixel_divider.gif) repeat top left;	
	overflow:hidden;
	clear:both;	
}


.footer {
	margin-top:10px;
	text-align:right;
}
/*	the is the main page content container
	centered on the user's display.
*/
#page {
	width: 100%;
	/*height: auto;*/
	margin: 0 auto;
	padding-top:11px;
	text-align: left;
}


/*	the is the content container for the left column,
*/

.hygieneContent {
	position:fixed;
	margin:10px 0 0 0;
	padding:10px;
	float:left;
	width:39%;
	min-width:300px;
	clear:both;
	background:#fff;
	text-align:right;
}

.hygieneContent h1 {
	background: #fff url('../img/logo.gif') top right no-repeat;
	height:55px;
	margin: 0px;
	padding: 0px;
}

.hygieneContent h1 span {display:none;}

.hygieneContent .mainNav {
	margin-top:18%;
	margin-bottom:18%;
	display:block;
}

.hygieneContent mainNav h2 {
	margin: 0 0 5% 0;
	padding: 0px;
}

.hygieneContent .mainNav li {	
	list-style:none;
 	text-align:right;
 	margin: 0 0 5% 0;
}


/*	the is the content container for the right column,
*/	
.mainContent {
	min-width:460px;
	margin:-30px 0 50px 0;
	float:right;
	width:55%;
}

.mainContent .contentBoxRipped {
	background: #fff url(../img/ripped.gif) top left no-repeat;
	/*background: #fff url(../img/feather_background.jpg) top left no-repeat;*/
	height:200px;
}

#home .contentBoxRipped, #bio .contentBoxRipped, #contact .contentBoxRipped {
	padding:90px 10% 0 70px;
}

#gallery .contentBoxRipped {
	padding:150px 0 0 70px;
}

/*	Green bullets style. 
    Mainly used in "contentBox" ul li
    This style is also used in WhySaveEnergy info panels.
*/

.bullets, 
.noBullets
{
 	list-style:none;
 	margin:0;
 	padding:0;
}

.bullets li{
	padding:5px 0 0 13px;
	margin:0;
   	background: url(/Resources/img/background/bullet.gif) no-repeat 4px 10px;
}



