/*
Title:      	Happyleaves Ltd stylesheet for screen media
Author:     	Karl Ridley, falling@happyleaves.com
Updated:    	3rd January 2010
*/



/* WRAPPERS */

body {
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	font-size: small;
	text-align: left;
	color: #ffffff;
	margin: 50px 40px 50px 40px;
	background: url(../jpg/bg-tile.jpg) repeat top left;
	}
	
p {
	margin: 0 0 1em; 
	padding: 0
	}
	
ol {
	font-size: 85%;
	color: #ffffff;
	}	
	
ol li {
	padding: 0 0 8px 0;
	}		

h1 {
 	text-align: left;
	font-size: 22px;
	color: #ffffff;
	font-weight: normal;
	font-family: "Georgia", serif, Times, Times New Roman;
	line-height: 1.3em;
	}

h2 {
	text-align: left;
	font-size: 16px;
	color: #ffffff;
	font-weight: normal;
	font-family: "Georgia", serif, Times, Times New Roman;
	line-height: 1.3em;
	}
	
h3 {
	text-align: left;
	font-size: 14px;
	color: #ffffff;
	font-weight: normal;
	font-family: "Georgia", serif, Times, Times New Roman;
	line-height: 1.3em;
	}

h4 {
  	text-align: left;
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	font-family: "Georgia", serif, Times, Times New Roman;
	line-height: 1.3em;
	}
			
.clear {
 	clear: both;
 	}
	
.spacer {
 	clear: both;
	height: 30px;
	padding: 0;
	margin: 0;
 	}	
		
.divlinefivepx {
	height: 5px;
	margin: 40px 0 0 0;
	width: 100%;
	background: url(../jpg/5px-divline.jpg) repeat-x top left;
	}	
	


	
	
	
/* GENERAL COMPONENTS */		

.normaltxt {
	text-align: left;
	color: #ffffff;
	font-size: 100%;
	line-height: 1.4em;
	}	
	
.normaltxt a:link, .normaltxt a:visited {
	color:#c1d72e;
	text-decoration:none;
	}
	
.normaltxt a:active, .normaltxt a:hover {
	color:#000000;
	text-decoration:none;
	background-color: #c1d72e;
	}
		
.largertxt {
	text-align: left;
	font-size: 22px;
	color: #ffffff;
	font-weight: normal;
	font-family: "Georgia", serif, Times, Times New Roman;
	line-height: 1.3em;
	}	
	
.largertxt a:link, .largertxt a:visited {
	color:#c1d72e;
	text-decoration:none;
	}
	
.largertxt a:active, .largertxt a:hover {
	color:#000000;
	text-decoration:none;
	background-color: #c1d72e;
	}	
				
.smallertxt {
	text-align: left;
	font-size: 85%;
	color: #b1b6b9;
	line-height: 1.2em;
	}	
	
.smallertxt a:link, .smallertxt a:visited {
	color:#c1d72e;
	text-decoration:none;
	}
	
.smallertxt a:active, .smallertxt a:hover {
	color:#000000;
	text-decoration:none;
	background-color: #c1d72e;
	}		
	
.thanxtxt {
	text-align: left;
	font-size: 130%;
	color: #2ea1d7;
	line-height: 1.3em;
	}				
	





/* GENERAL COMPONENTS */	
	
#logoholder {
	width: 940px;
	height: 110px;
	margin: 0;
	padding: 0;
	}
	
	
	
	
/* SLIDER COMPONENTS */		
	
#slider {
    width: 760px;
    margin: 0 auto;
 	position: relative;
	}
	
#slidernavholder {
    width: 745px;
	height: 30px;
    margin: 2px 0 0 0;
	padding: 0 0 0 15px;
	background: url(../jpg/slidernavbg.jpg) repeat top left;
	}	

.scroll {
 	height: 400px;
 	overflow: auto;
 	position: relative; /* fix for IE to respect overflow */
  	clear: left;
	}

.scrollContainer div.panel {
 	padding: 0;
 	height: 400px;
  	width: 760px; /* change to 560px if not using JS to remove rh.scroll */
	}	
	
.navigation {
    list-style: none;
	padding: 0;
	margin: 0;
	}

.navigation li {
	padding: 0;
	margin: 0;	
	float: left;
	}	
	
.navigation a * {
    display: none;
	}

.navigation a, .navigation a .hover {
    height: 30px;
	/*position: relative;*/
    display: block;
	}

.navigation a.scrollerbut {
    background: url(../jpg/scrollerbut.jpg) 0 0 no-repeat;
	background-position: 0 0;
	width: 15px;
	}

.navigation .highlight a.scrollerbut:hover {
    background: url(../jpg/scrollerbut.jpg) 0 0 no-repeat;
	background-position: 0 -30px;
	width: 15px;
	}	

.navigation a.selected {
    background: url(../jpg/scrollerbut.jpg) 0 0 no-repeat;
	background-position: 0 -30px;
	width: 15px;
	}





/* FORM COMPONENTS */	
		
.formfieldsmed {
	color: #ffffff;
	width: 280px;
	padding: 3px;
	font-size: 100%;
	background-color: #1a1b1c;
	border: 1px solid #1a1b1c;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}	
	
.formfieldsshort {
	color: #ffffff;
	width: 200px;
	padding: 3px;
	font-size: 100%;
	background-color: #1a1b1c;
	border: 1px solid #1a1b1c;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}	
	
.dropdownmed {
	width: 288px;
	font-size: 100%;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}		
		
.contacttableft {
	color: #ffffff;
	width: 120px;
	height: 20px;
	padding: 5px 15px 10px 0;
	vertical-align: top;
	text-align: left;
	}	
	
.contacttabright {
	color: #ffffff;
	width: 365px;
	height: 20px;
	padding: 0 0 10px 0;
	vertical-align: top;
	}	
	
	
	
	
/* MAIN NAV COMPONENTS */	

#mainnavholder {
	width: 180px;
	margin: 0 auto;
	padding: 0;
	}
		
#navigation {
    list-style: none;
	padding: 0;
	margin: 0;
	}

#navigation li {
	padding: 0;
	margin: 0;	
	}	
	
#navigation a * {
    display: none;
	}

#navigation a, #navigation a .hover {
    height: 24px;
	/*position: relative;*/
    display: block;
	}

#navigation a.thestudio {
    background: url(../jpg/mainnav/the-studio.jpg) 0 0 no-repeat;
	background-position: 0 0;
	width: 180px;
	}

#navigation .highlight a.thestudio:hover, #navigation a.thestudio .hover {
    background: url(../jpg/mainnav/the-studio.jpg) 0 0 no-repeat;
	background-position: -180px 0;
	width: 180px;
	}	
	
#navigation .selected a.thestudio {
    background: url(../jpg/mainnav/the-studio.jpg) 0 0 no-repeat;
	background-position: -360px 0;
	width: 180px;
	}	
	
#navigation a.selectedworks {
    background: url(../jpg/mainnav/selected-works.jpg) 0 0 no-repeat;
	background-position: 0 0;
	width: 180px;
	}

#navigation .highlight a.selectedworks:hover, #navigation a.selectedworks .hover {
    background: url(../jpg/mainnav/selected-works.jpg) 0 0 no-repeat;
	background-position: -180px 0;
	width: 180px;
	}	
	
#navigation .selected a.selectedworks {
    background: url(../jpg/mainnav/selected-works.jpg) 0 0 no-repeat;
	background-position: -360px 0;
	width: 180px;
	}		
	
#navigation a.ourclients {
    background: url(../jpg/mainnav/our-clients.jpg) 0 0 no-repeat;
	background-position: 0 0;
	width: 180px;
	}

#navigation .highlight a.ourclients:hover, #navigation a.ourclients .hover {
    background: url(../jpg/mainnav/our-clients.jpg) 0 0 no-repeat;
	background-position: -180px 0;
	width: 180px;
	}	
	
#navigation .selected a.ourclients {
    background: url(../jpg/mainnav/our-clients.jpg) 0 0 no-repeat;
	background-position: -360px 0;
	width: 180px;
	}	
	
#navigation a.contacts {
    background: url(../jpg/mainnav/contacts.jpg) 0 0 no-repeat;
	background-position: 0 0;
	width: 180px;
	}

#navigation .highlight a.contacts:hover, #navigation a.contacts .hover {
    background: url(../jpg/mainnav/contacts.jpg) 0 0 no-repeat;
	background-position: -180px 0;
	width: 180px;
	}	
	
#navigation .selected a.contacts {
    background: url(../jpg/mainnav/contacts.jpg) 0 0 no-repeat;
	background-position: -360px 0;
	width: 180px;
	}
	
#navigation a.services {
    background: url(../jpg/mainnav/services.jpg) 0 0 no-repeat;
	background-position: 0 0;
	width: 180px;
	}

#navigation .highlight a.services:hover, #navigation a.services .hover {
    background: url(../jpg/mainnav/services.jpg) 0 0 no-repeat;
	background-position: -180px 0;
	width: 180px;
	}	
	
#navigation .selected a.services {
    background: url(../jpg/mainnav/services.jpg) 0 0 no-repeat;
	background-position: -360px 0;
	width: 180px;
	}	
	
.navigationdivider {
    width: 180px;
	height: 10px;
	margin: 5px 0 5px 0;
	padding: 0;
	background: url(../jpg/mainnav/divline.jpg) 0 0 no-repeat;
	}	
	
	
	
	
	
/* SELECTED WORKS NAV COMPONENTS */		
	
#selectedworksnavigation {
    list-style: none;
	padding: 0;
	margin: 0;
	}

#selectedworksnavigation li {	
	padding: 0;
	margin: 0;	
	}	
	
#selectedworksnavigation a * {
    display: none;
	}

#selectedworksnavigation a, #selectedworksnavigation a .hover {
    height: 20px;
	/*position: relative;*/
    display: block;
	}
	
#selectedworksnavigation .blank {
	height: 15px;
	width: 180px;
	}	

#selectedworksnavigation a.carlton {
    background: url(../jpg/selectedworksnav/carlton-and-co.jpg) 0 0 no-repeat;
	background-position: 0 0;
	width: 180px;
	}

#selectedworksnavigation .highlight a.carlton:hover, #selectedworksnavigation a.carlton .hover {
    background: url(../jpg/selectedworksnav/carlton-and-co.jpg) 0 0 no-repeat;
	background-position: -180px 0;
	width: 180px;
	}	
	
#selectedworksnavigation .selected a.carlton {
    background: url(../jpg/selectedworksnav/carlton-and-co.jpg) 0 0 no-repeat;
	background-position: -360px 0;
	width: 180px;
	}		
	
#selectedworksnavigation a.centric {
    background: url(../jpg/selectedworksnav/centric-sports-management.jpg) 0 0 no-repeat;
	background-position: 0 0;
	width: 180px;
	}

#selectedworksnavigation .highlight a.centric:hover, #selectedworksnavigation a.centric .hover {
    background: url(../jpg/selectedworksnav/centric-sports-management.jpg) 0 0 no-repeat;
	background-position: -180px 0;
	width: 180px;
	}	
	
#selectedworksnavigation .selected a.centric {
    background: url(../jpg/selectedworksnav/centric-sports-management.jpg) 0 0 no-repeat;
	background-position: -360px 0;
	width: 180px;
	}	
	
#selectedworksnavigation a.bang {
    background: url(../jpg/selectedworksnav/bang-and-olufsen.jpg) 0 0 no-repeat;
	background-position: 0 0;
	width: 180px;
	}

#selectedworksnavigation .highlight a.bang:hover, #selectedworksnavigation a.bang .hover {
    background: url(../jpg/selectedworksnav/bang-and-olufsen.jpg) 0 0 no-repeat;
	background-position: -180px 0;
	width: 180px;
	}	
	
#selectedworksnavigation .selected a.bang {
    background: url(../jpg/selectedworksnav/bang-and-olufsen.jpg) 0 0 no-repeat;
	background-position: -360px 0;
	width: 180px;
	}		
	
#selectedworksnavigation a.skelwith {
    background: url(../jpg/selectedworksnav/skelwith-group.jpg) 0 0 no-repeat;
	background-position: 0 0;
	width: 180px;
	}

#selectedworksnavigation .highlight a.skelwith:hover, #selectedworksnavigation a.skelwith .hover {
    background: url(../jpg/selectedworksnav/skelwith-group.jpg) 0 0 no-repeat;
	background-position: -180px 0;
	width: 180px;
	}	
	
#selectedworksnavigation .selected a.skelwith {
    background: url(../jpg/selectedworksnav/skelwith-group.jpg) 0 0 no-repeat;
	background-position: -360px 0;
	width: 180px;
	}	
	
#selectedworksnavigation a.west {
    background: url(../jpg/selectedworksnav/the-west-park-cafe.jpg) 0 0 no-repeat;
	background-position: 0 0;
	width: 180px;
	}

#selectedworksnavigation .highlight a.west:hover, #selectedworksnavigation a.west .hover {
    background: url(../jpg/selectedworksnav/the-west-park-cafe.jpg) 0 0 no-repeat;
	background-position: -180px 0;
	width: 180px;
	}	
	
#selectedworksnavigation .selected a.west {
    background: url(../jpg/selectedworksnav/the-west-park-cafe.jpg) 0 0 no-repeat;
	background-position: -360px 0;
	width: 180px;
	}	

#selectedworksnavigation a.elliott {
    background: url(../jpg/selectedworksnav/elliott-mccarthy.jpg) 0 0 no-repeat;
	background-position: 0 0;
	width: 180px;
	}

#selectedworksnavigation .highlight a.elliott:hover, #selectedworksnavigation a.elliott .hover {
    background: url(../jpg/selectedworksnav/elliott-mccarthy.jpg) 0 0 no-repeat;
	background-position: -180px 0;
	width: 180px;
	}	
	
#selectedworksnavigation .selected a.elliott {
    background: url(../jpg/selectedworksnav/elliott-mccarthy.jpg) 0 0 no-repeat;
	background-position: -360px 0;
	width: 180px;
	}	
	
#selectedworksnavigation a.county {
    background: url(../jpg/selectedworksnav/the-county.jpg) 0 0 no-repeat;
	background-position: 0 0;
	width: 180px;
	}

#selectedworksnavigation .highlight a.county:hover, #selectedworksnavigation a.county .hover {
    background: url(../jpg/selectedworksnav/the-county.jpg) 0 0 no-repeat;
	background-position: -180px 0;
	width: 180px;
	}	
	
#selectedworksnavigation .selected a.county {
    background: url(../jpg/selectedworksnav/the-county.jpg) 0 0 no-repeat;
	background-position: -360px 0;
	width: 180px;
	}	
	
#selectedworksnavigation a.wills {
    background: url(../jpg/selectedworksnav/wills-and-ellis.jpg) 0 0 no-repeat;
	background-position: 0 0;
	width: 180px;
	}

#selectedworksnavigation .highlight a.wills:hover, #selectedworksnavigation a.wills .hover {
    background: url(../jpg/selectedworksnav/wills-and-ellis.jpg) 0 0 no-repeat;
	background-position: -180px 0;
	width: 180px;
	}	
	
#selectedworksnavigation .selected a.wills {
    background: url(../jpg/selectedworksnav/wills-and-ellis.jpg) 0 0 no-repeat;
	background-position: -360px 0;
	width: 180px;
	}	
	
#selectedworksnavigation a.bay {
    background: url(../jpg/selectedworksnav/the-bay-horse.jpg) 0 0 no-repeat;
	background-position: 0 0;
	width: 180px;
	}

#selectedworksnavigation .highlight a.bay:hover, #selectedworksnavigation a.bay .hover {
    background: url(../jpg/selectedworksnav/the-bay-horse.jpg) 0 0 no-repeat;
	background-position: -180px 0;
	width: 180px;
	}	
	
#selectedworksnavigation .selected a.bay {
    background: url(../jpg/selectedworksnav/the-bay-horse.jpg) 0 0 no-repeat;
	background-position: -360px 0;
	width: 180px;
	}		
	
#selectedworksnavigation a.flaxby {
    background: url(../jpg/selectedworksnav/the-flaxby.jpg) 0 0 no-repeat;
	background-position: 0 0;
	width: 180px;
	}

#selectedworksnavigation .highlight a.flaxby:hover, #selectedworksnavigation a.flaxby .hover {
    background: url(../jpg/selectedworksnav/the-flaxby.jpg) 0 0 no-repeat;
	background-position: -180px 0;
	width: 180px;
	}	
	
#selectedworksnavigation .selected a.flaxby {
    background: url(../jpg/selectedworksnav/the-flaxby.jpg) 0 0 no-repeat;
	background-position: -360px 0;
	width: 180px;
	}		
	
#selectedworksnavigation a.diana {
    background: url(../jpg/selectedworksnav/diana-kaye.jpg) 0 0 no-repeat;
	background-position: 0 0;
	width: 180px;
	}

#selectedworksnavigation .highlight a.diana:hover, #selectedworksnavigation a.diana .hover {
    background: url(../jpg/selectedworksnav/diana-kaye.jpg) 0 0 no-repeat;
	background-position: -180px 0;
	width: 180px;
	}	
	
#selectedworksnavigation .selected a.diana {
    background: url(../jpg/selectedworksnav/diana-kaye.jpg) 0 0 no-repeat;
	background-position: -360px 0;
	width: 180px;
	}	
	
#selectedworksnavigation a.myton {
    background: url(../jpg/selectedworksnav/myton-park-dental-centre.jpg) 0 0 no-repeat;
	background-position: 0 0;
	width: 180px;
	}

#selectedworksnavigation .highlight a.myton:hover, #selectedworksnavigation a.myton .hover {
    background: url(../jpg/selectedworksnav/myton-park-dental-centre.jpg) 0 0 no-repeat;
	background-position: -180px 0;
	width: 180px;
	}	
	
#selectedworksnavigation .selected a.myton {
    background: url(../jpg/selectedworksnav/myton-park-dental-centre.jpg) 0 0 no-repeat;
	background-position: -360px 0;
	width: 180px;
	}	
	
#selectedworksnavigation a.keys {
    background: url(../jpg/selectedworksnav/the-keys.jpg) 0 0 no-repeat;
	background-position: 0 0;
	width: 180px;
	}

#selectedworksnavigation .highlight a.keys:hover, #selectedworksnavigation a.keys .hover {
    background: url(../jpg/selectedworksnav/the-keys.jpg) 0 0 no-repeat;
	background-position: -180px 0;
	width: 180px;
	}	
	
#selectedworksnavigation .selected a.keys {
    background: url(../jpg/selectedworksnav/the-keys.jpg) 0 0 no-repeat;
	background-position: -360px 0;
	width: 180px;
	}		
	
#selectedworksnavigation a.hair {
    background: url(../jpg/selectedworksnav/hair-academy.jpg) 0 0 no-repeat;
	background-position: 0 0;
	width: 180px;
	}

#selectedworksnavigation .highlight a.hair:hover, #selectedworksnavigation a.hair .hover {
    background: url(../jpg/selectedworksnav/hair-academy.jpg) 0 0 no-repeat;
	background-position: -180px 0;
	width: 180px;
	}	
	
#selectedworksnavigation .selected a.hair {
    background: url(../jpg/selectedworksnav/hair-academy.jpg) 0 0 no-repeat;
	background-position: -360px 0;
	width: 180px;
	}		
	
#selectedworksnavigation a.paul {
    background: url(../jpg/selectedworksnav/paul-thompson-dev.jpg) 0 0 no-repeat;
	background-position: 0 0;
	width: 180px;
	}

#selectedworksnavigation .highlight a.paul:hover, #selectedworksnavigation a.paul .hover {
    background: url(../jpg/selectedworksnav/paul-thompson-dev.jpg) 0 0 no-repeat;
	background-position: -180px 0;
	width: 180px;
	}	
	
#selectedworksnavigation .selected a.paul {
    background: url(../jpg/selectedworksnav/paul-thompson-dev.jpg) 0 0 no-repeat;
	background-position: -360px 0;
	width: 180px;
	}	
	
#selectedworksnavigation a.dog {
    background: url(../jpg/selectedworksnav/the-dog-and-gun.jpg) 0 0 no-repeat;
	background-position: 0 0;
	width: 180px;
	}

#selectedworksnavigation .highlight a.dog:hover, #selectedworksnavigation a.dog .hover {
    background: url(../jpg/selectedworksnav/the-dog-and-gun.jpg) 0 0 no-repeat;
	background-position: -180px 0;
	width: 180px;
	}	
	
#selectedworksnavigation .selected a.dog {
    background: url(../jpg/selectedworksnav/the-dog-and-gun.jpg) 0 0 no-repeat;
	background-position: -360px 0;
	width: 180px;
	}		
	
#selectedworksnavigation a.various {
    background: url(../jpg/selectedworksnav/various-logomarks.jpg) 0 0 no-repeat;
	background-position: 0 0;
	width: 180px;
	}

#selectedworksnavigation .highlight a.various:hover, #selectedworksnavigation a.various .hover {
    background: url(../jpg/selectedworksnav/various-logomarks.jpg) 0 0 no-repeat;
	background-position: -180px 0;
	width: 180px;
	}	
	
#selectedworksnavigation .selected a.various {
    background: url(../jpg/selectedworksnav/various-logomarks.jpg) 0 0 no-repeat;
	background-position: -360px 0;
	width: 180px;
	}		
	
#selectedworksnavigation a.comfort {
    background: url(../jpg/selectedworksnav/comfort-4-cancer.jpg) 0 0 no-repeat;
	background-position: 0 0;
	width: 180px;
	}

#selectedworksnavigation .highlight a.comfort:hover, #selectedworksnavigation a.comfort .hover {
    background: url(../jpg/selectedworksnav/comfort-4-cancer.jpg) 0 0 no-repeat;
	background-position: -180px 0;
	width: 180px;
	}	
	
#selectedworksnavigation .selected a.comfort {
    background: url(../jpg/selectedworksnav/comfort-4-cancer.jpg) 0 0 no-repeat;
	background-position: -360px 0;
	width: 180px;
	}		
	
#selectedworksnavigation a.avita {
    background: url(../jpg/selectedworksnav/a-vita-medi-spa.jpg) 0 0 no-repeat;
	background-position: 0 0;
	width: 180px;
	}

#selectedworksnavigation .highlight a.avita:hover, #selectedworksnavigation a.avita .hover {
    background: url(../jpg/selectedworksnav/a-vita-medi-spa.jpg) 0 0 no-repeat;
	background-position: -180px 0;
	width: 180px;
	}	
	
#selectedworksnavigation .selected a.avita {
    background: url(../jpg/selectedworksnav/a-vita-medi-spa.jpg) 0 0 no-repeat;
	background-position: -360px 0;
	width: 180px;
	}		
	
#selectedworksnavigation a.purple {
    background: url(../jpg/selectedworksnav/purple-oaktree.jpg) 0 0 no-repeat;
	background-position: 0 0;
	width: 180px;
	}

#selectedworksnavigation .highlight a.purple:hover, #selectedworksnavigation a.purple .hover {
    background: url(../jpg/selectedworksnav/purple-oaktree.jpg) 0 0 no-repeat;
	background-position: -180px 0;
	width: 180px;
	}	
	
#selectedworksnavigation .selected a.purple {
    background: url(../jpg/selectedworksnav/purple-oaktree.jpg) 0 0 no-repeat;
	background-position: -360px 0;
	width: 180px;
	}		
	
#selectedworksnavigation a.lotus {
    background: url(../jpg/selectedworksnav/lotus-uk.jpg) 0 0 no-repeat;
	background-position: 0 0;
	width: 180px;
	}

#selectedworksnavigation .highlight a.lotus:hover, #selectedworksnavigation a.lotus .hover {
    background: url(../jpg/selectedworksnav/lotus-ukjpg) 0 0 no-repeat;
	background-position: -180px 0;
	width: 180px;
	}	
	
#selectedworksnavigation .selected a.lotus {
    background: url(../jpg/selectedworksnav/lotus-uk.jpg) 0 0 no-repeat;
	background-position: -360px 0;
	width: 180px;
	}		
	
	
	
	
	
	
	
	
/* BODY COMPONENTS */	

#bodywrapper {
	width: 940px;
	margin: 0;
	padding: 0;
	}	
			
#bodyleft {
	width: 180px;
	margin: 0;
	float: left;
	padding: 50px 0 0 0;
	}		
	
#bodyright {
	width: 760px;
	margin: 0;
	float: right;
	padding: 0;
	}
	
#bodyrightsplitl {
	width: 500px;
	margin: 0;
	float: left;
	padding: 0;
	}	
	
#bodyrightsplitr {
	width: 200px;
	margin: 0;
	float: right;
	padding: 0;
	}		
		
#homepromoholder {
	width: 760px;
	height: 432px;
	margin: 0 0 25px 0;
	padding: 0;
	}	
	
	

#gallery a img {
	padding: 3px;
	border: #000000 1px solid;
	background: #000000;
	margin: 0 0 15px 0;
	}
	
#gallery a:hover img {
	padding: 3px;
	border: #272726 1px solid;
	background: #000000;
	margin: 0 0 15px 0;
	}	
	
	
	
#flaxbycgi {
    list-style: none;
	padding: 0;
	margin: 0;
	}

#flaxbycgi li {
    float: left;
	padding: 0;
	margin: 0;
	}	
	
#flaxbycgi a * {
    display: none;
	}

#flaxbycgi a, #flaxbycgi a .hover {
    height: 270px;
	/*position: relative;*/
    display: block;
	}

#flaxbycgi a.flaxby {
    background: url(../jpg/leisure/flaxby.jpg) 0 0 no-repeat;
	background-position: 0 0;
    width: 407px;
	}

/* .highlight will be remove if JS is enabled */
#flaxbycgi .highlight a.flaxby:hover, #flaxbycgi a.flaxby .hover {
    background: url(../jpg/leisure/flaxby.jpg) 0 0 no-repeat;
	background-position: 0 -270px;
    width: 407px;
	}	
	
	
	
	
	
/* CLIENT LIST COMPONENTS */	


#logolist {
    padding: 0;
	margin: 35px 0 35px 0;
	width: 760px;
	height: 285px;
	background: url(../png/clients.png) 0px 0px no-repeat;
	}
	
#content {
    padding: 0;
	}

#content ul {
    float: left;
    display: block;
    width: 760px;
    margin: 0;
    padding: 0;
    list-style: none;
    }

#content li {
    float: left;
    height: 22px;
    width: 190px;
    position: relative;
	color: #ffffff;
	}

#content a {  	
    text-decoration: none;
	font-size: 85%;
    padding: 5px 0 5px 0;
    display: block;
    width: 190px;
 	position: relative;
 	z-index: 2;
	color:#ffffff;
	text-decoration:none;
	}
		
#content a:active, #content a:hover {
	color:#c1d72e;
	text-decoration:none;
	}	

.fader {
    opacity: 0;
    -moz-opacity: 0;
    filter:alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 22px;
    background-color: #0d0d0f;
	}






/* SELECTED WORKS COMPONENTS */	

.selworkscelltop {
	width: 240px;
	height: 162px;
	margin: 0;
	vertical-align: top;
	padding: 0;
	}
	
.selworkscellbot {
	width: 220px;
	margin: 0;
	padding: 5px 10px 8px 10px;
	vertical-align: top;
	background: url(../jpg/selworksdestype-bg.jpg) top left repeat;
	}	
	
.selworksspacer {
	width: 20px;
	margin: 0;
	padding: 0;
	}
	
.selworksdestype {
	font-size: 85%;
	line-height: 1.3em;
	color: #b1b6b9;	
	}	
	
.selworkstitle {
	font-size: 110%;
	color: #ffffff;	
	font-weight: normal;
	font-family: "Georgia", serif, Times, Times New Roman;
	line-height: 1.5em;
	}	
	
.selworkstitle a:link, .selworkstitle a:visited {
	color:#ffffff;
	text-decoration:none;
	}
	
.selworkstitle a:active, .selworkstitle a:hover {
	color:#c1d72e;
	text-decoration:underline;
	}	
	
.selworkstable {
	width: 760px;
	padding: 0;
	margin: 0 0 40px 0;
	border: 0;
	}	
	
.imagefade {
	margin: 0;
	padding: 0;
	border: 0;
	}	
	
.imagefade a:link, .imagefade a:visited {
	text-decoration:none;
	border: 0;
	}
	
.imagefade a:active, .imagefade a:hover {
	text-decoration:none;
	border: 0;
	}	
	
.swdescriptionltable {
	width: 760px;
	padding: 0;
	margin: 0 0 40px 0;
	border: 0;
	}	
	
.swdescriptionl {
	width: 470px;
	padding: 0 30px 0 0;
	margin: 0;
	vertical-align: top;
	}	
	
.swdescriptionr {
	width: 260px;
	padding: 0;
	margin: 0;
	vertical-align: top;
	text-align: left;
	color: #ffffff;
	font-size: 100%;
	line-height: 1.3em;
	}	
		
.swdescriptionr a:link, .swdescriptionr a:visited {
	color:#c1d72e;
	text-decoration:none;
	}
	
.swdescriptionr a:active, .swdescriptionr a:hover {
	color:#000000;
	text-decoration:none;
	background-color: #c1d72e;
	}	
	
.swimagesfullwidth {
	width: 760px;
	padding: 0;
	margin: 0 0 10px 0;
	vertical-align: top;
	}		
	
.swimages50left {
	width: 379px;
	float: left;
	padding: 0;
	margin: 0 2px 10px 0;
	vertical-align: top;
	}	
	
.swimages50right {
	width: 379px;
	float: right;
	padding: 0;
	margin: 0 0 10px 0;
	vertical-align: top;
	}		





	
/* TITLES LARGE COMPONENTS */		
	
.titles-contacts {
	display: block;
	width: 760px;
	height: 30px;
	margin: 0 0 15px 0;
	background: url(../png/titles/contacts.png) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.titles-services {
	display: block;
	width: 760px;
	height: 30px;
	margin: 0 0 15px 0;
	background: url(../png/titles/services.png) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.titles-the-studio {
	display: block;
	width: 760px;
	height: 30px;
	margin: 0 0 15px 0;
	background: url(../png/titles/the-studio.png) 0px 0px no-repeat;
	text-indent: -999em;
	}		
	
.titles-our-clients {
	display: block;
	width: 760px;
	height: 30px;
	margin: 0 0 15px 0;
	background: url(../png/titles/our-clients.png) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.titles-selected-works {
	display: block;
	width: 760px;
	height: 30px;
	margin: 0 0 15px 0;
	background: url(../png/titles/selected-works.png) 0px 0px no-repeat;
	text-indent: -999em;
	}		
	
	
	
	
	
	
/* TITLES SELECTED PROJECTS COMPONENTS */		
	
.titles-carlton {
	display: block;
	width: 760px;
	height: 30px;
	margin: 0 0 15px 0;
	background: url(../png/titles/carlton-and-co.png) 0px 0px no-repeat;
	text-indent: -999em;
	}		
	
.titles-diana {
	display: block;
	width: 760px;
	height: 30px;
	margin: 0 0 15px 0;
	background: url(../png/titles/diana-kaye.png) 0px 0px no-repeat;
	text-indent: -999em;
	}		
			
.titles-skelwith {
	display: block;
	width: 760px;
	height: 30px;
	margin: 0 0 15px 0;
	background: url(../png/titles/skelwith-group.png) 0px 0px no-repeat;
	text-indent: -999em;
	}		
	
.titles-hair {
	display: block;
	width: 760px;
	height: 30px;
	margin: 0 0 15px 0;
	background: url(../png/titles/hair-academy.png) 0px 0px no-repeat;
	text-indent: -999em;
	}		
	
.titles-west {
	display: block;
	width: 760px;
	height: 30px;
	margin: 0 0 15px 0;
	background: url(../png/titles/the-west-park-cafe.png) 0px 0px no-repeat;
	text-indent: -999em;
	}		
	
.titles-dog {
	display: block;
	width: 760px;
	height: 30px;
	margin: 0 0 15px 0;
	background: url(../png/titles/the-dog-and-gun.png) 0px 0px no-repeat;
	text-indent: -999em;
	}		
	
.titles-centric {
	display: block;
	width: 760px;
	height: 30px;
	margin: 0 0 15px 0;
	background: url(../png/titles/centric-sports-management.png) 0px 0px no-repeat;
	text-indent: -999em;
	}		
	
.titles-wills {
	display: block;
	width: 760px;
	height: 30px;
	margin: 0 0 15px 0;
	background: url(../png/titles/wills-and-ellis.png) 0px 0px no-repeat;
	text-indent: -999em;
	}		
	
.titles-county {
	display: block;
	width: 760px;
	height: 30px;
	margin: 0 0 15px 0;
	background: url(../png/titles/the-county.png) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.titles-elliottmccarthy {
	display: block;
	width: 760px;
	height: 30px;
	margin: 0 0 15px 0;
	background: url(../png/titles/elliott-mccarthy.png) 0px 0px no-repeat;
	text-indent: -999em;
	}		
	
.titles-purple {
	display: block;
	width: 760px;
	height: 30px;
	margin: 0 0 15px 0;
	background: url(../png/titles/purple-oaktree.png) 0px 0px no-repeat;
	text-indent: -999em;
	}		
	
.titles-avita {
	display: block;
	width: 760px;
	height: 30px;
	margin: 0 0 15px 0;
	background: url(../png/titles/a-vita-medi-spa.png) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.titles-lotus {
	display: block;
	width: 760px;
	height: 30px;
	margin: 0 0 15px 0;
	background: url(../png/titles/lotus-uk.png) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.titles-bang {
	display: block;
	width: 760px;
	height: 30px;
	margin: 0 0 15px 0;
	background: url(../png/titles/bang-and-olufsen.png) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.titles-bay {
	display: block;
	width: 760px;
	height: 30px;
	margin: 0 0 15px 0;
	background: url(../png/titles/the-bay-horse.png) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.titles-flaxby {
	display: block;
	width: 760px;
	height: 30px;
	margin: 0 0 15px 0;
	background: url(../png/titles/the-flaxby.png) 0px 0px no-repeat;
	text-indent: -999em;
	}		
	
.titles-myton {
	display: block;
	width: 760px;
	height: 30px;
	margin: 0 0 15px 0;
	background: url(../png/titles/myton-park-dental-centre.png) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.titles-various {
	display: block;
	width: 760px;
	height: 30px;
	margin: 0 0 15px 0;
	background: url(../png/titles/various-logomarks.png) 0px 0px no-repeat;
	text-indent: -999em;
	}		
	
.titles-comfort {
	display: block;
	width: 760px;
	height: 30px;
	margin: 0 0 15px 0;
	background: url(../png/titles/comfort4cancer.png) 0px 0px no-repeat;
	text-indent: -999em;
	}		
			

	
	
	
	
/* TITLES SMALL COMPONENTS */		
	
.titles-small-hello {
	display: block;
	width: 200px;
	height: 25px;
	margin: 0 0 15px 0;
	background: url(../png/titles-small/hello.png) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.titles-small-address-telephone {
	display: block;
	width: 200px;
	height: 25px;
	margin: 0 0 15px 0;
	background: url(../png/titles-small/address-telephone.png) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.titles-website-design {
	display: block;
	width: 200px;
	height: 25px;
	margin: 0 0 15px 0;
	background: url(../png/titles-small/website-design.png) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.titles-branding-logo-design {
	display: block;
	width: 200px;
	height: 25px;
	margin: 0 0 15px 0;
	background: url(../png/titles-small/branding-logo-design.png) 0px 0px no-repeat;
	text-indent: -999em;
	}
	
.titles-graphic-design {
	display: block;
	width: 200px;
	height: 25px;
	margin: 0 0 15px 0;
	background: url(../png/titles-small/graphic-design.png) 0px 0px no-repeat;
	text-indent: -999em;
	}
	
.titles-photography {
	display: block;
	width: 200px;
	height: 25px;
	margin: 0 0 15px 0;
	background: url(../png/titles-small/photography.png) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	

		
		
	
/* COPYRIGHT COMPONENTS */	

#copyrightholder {
	width: 760px;
	margin: 0;
	padding: 0;
	}
		
.copyrightleft {
	width: 615px;
	margin: 0;
	float: left;
	padding: 18px 0 0 0;
	}	
	
.copyrightright {
	width: 135px;
	margin: 0;
	float: right;
	padding: 0;
	}	
	
.copyrighttxt {
	color: #909497;
	font-size: 85%;
	line-height: 1.3em;
	}	

.copyrighttxt a:link, .copyrighttxt a:visited {
	color: #c1d72e;
	text-decoration:none;
	}

.copyrighttxt a:active, .copyrighttxt a:hover  {
	color:#000000;
	text-decoration:none;
	background-color: #c1d72e;
	}
		
#navigationfooter {
    list-style: none;
	padding: 0;
	margin: 0;
	}

#navigationfooter li {
    float: left;
	padding: 0;
	margin: 0;
	}	
	
#navigationfooter a * {
    display: none;
	}

#navigationfooter a, #navigationfooter a .hover {
    height: 50px;
	/*position: relative;*/
    display: block;
	}

#navigationfooter a.linkedin {
    background: url(../jpg/socialicons/linkedin.jpg) 0 0 no-repeat;
	background-position: 0 0;
    width: 27px;
	}

#navigationfooter .highlight a.linkedin:hover, #navigationfooter a.linkedin .hover {
    background: url(../jpg/socialicons/linkedin.jpg) 0 0 no-repeat;
	background-position: 0 -50px;
    width: 27px;
	}	
	
#navigationfooter a.flickr {
    background: url(../jpg/socialicons/flickr.jpg) 0 0 no-repeat;
	background-position: 0 0;
    width: 27px;
	}

#navigationfooter .highlight a.flickr:hover, #navigationfooter a.flickr .hover {
    background: url(../jpg/socialicons/flickr.jpg) 0 0 no-repeat;
	background-position: 0 -50px;
    width: 27px;
	}		
	
#navigationfooter a.facebook {
    background: url(../jpg/socialicons/facebook.jpg) 0 0 no-repeat;
	background-position: 0 0;
    width: 27px;
	}

#navigationfooter .highlight a.facebook:hover, #navigationfooter a.facebook .hover {
    background: url(../jpg/socialicons/facebook.jpg) 0 0 no-repeat;
	background-position: 0 -50px;
    width: 27px;
	}		
	
#navigationfooter a.twitter {
    background: url(../jpg/socialicons/twitter.jpg) 0 0 no-repeat;
	background-position: 0 0;
    width: 27px;
	}

#navigationfooter .highlight a.twitter:hover, #navigationfooter a.twitter .hover {
    background: url(../jpg/socialicons/twitter.jpg) 0 0 no-repeat;
	background-position: 0 -50px;
    width: 27px;
	}		
	
#navigationfooter a.delicious {
    background: url(../jpg/socialicons/delicious.jpg) 0 0 no-repeat;
	background-position: 0 0;
    width: 27px;
	}

#navigationfooter .highlight a.delicious:hover, #navigationfooter a.delicious .hover {
    background: url(../jpg/socialicons/delicious.jpg) 0 0 no-repeat;
	background-position: 0 -50px;
    width: 27px;
	}