/**
* Azure Styles
 */
BODY
{
	background: #FFFFFF url(../images/bg-grid.jpg);
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
P
{
}
INPUT, TEXTAREA
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
A
{
	outline: none;
	text-decoration: none;
}
A IMG
{
	border: none;
	outline: none;
}
.hide
{
	display: none;
}
.azure-heading
{
	color: #141313;
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0px 8px;
}
.azure-subheading
{
	color: #0072BC;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 6px;
}
.clear-left
{
	clear: left;
}
.clear-right
{
	clear: right;
}
.clear-both
{
	clear: both;
}
H1, H2, H3, H4
{
}
/** Header **/
#header
{
	height: 93px;
	background: #FFFFFF;
	margin: 0;
}
#header #logo
{
	float: left;
	margin: 36px 0 0;
}
#header .container
{
	width: 960px;
	margin: 0 auto;
}
#header #nav
{
	font-size: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	margin: 19px 0 0;
}
#header #nav LI
{
	text-transform: uppercase;
	display: inline;
}
#header #nav LI A
{
	border: none;
	text-transform: uppercase;
	padding: 0 15px;
	color: #000000;
}
#header #nav LI A:hover
{
	border: none;
}
#blogLink
{
	/*+placement:shift 0px 18px;*/
	position: relative;
	left: 0px;
	top: 18px;
}
/** Frame and Slider *
* Remove width on window to stretch it as wide as the slider to avoid cutting off the bg **/
#frame
{
	height: 730px;
	width: 1547px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
#frame #slider
{
	position: absolute;
	width: 6382px;
	height: 730px;
	left: 0;
	top: 0;
	background-image: url(../images/main-bg.png);
	background-repeat: no-repeat;
	background-position: -269px 28px;
/*562 - 293 = 269*/
}
#frame #slider .panel
{
	width: 960px;
	height: 730px;
	float: left;
	margin: 0 0 0 567px;
/*border: 1px solid #000;*/
}
#frame #slider .homePanel
{
	margin: 0 0 0 293px;
}
/*Gap to left of home bg
* Homepage **/
#homePanel .contentBox
{
	margin: 398px 0 0;
}
#homePanel .contentBox .info
{
	height: 128px;
	background-image: url(../images/heading-hello.png);
	background-repeat: no-repeat;
	background-position: 10px 0;
	padding: 0 10px;
}
/** newsletter **/
#homePanel #newsletterSignup
{
	float: right;
	margin: 24px 0 0 10px;
	position: relative;
	width: 118px;
	height: 57px;
}
#homePanel #newsletterSignup .newsletterPopup
{
	position: absolute;
	left: -320px;
	bottom: 70px;
	padding: 10px 20px 28px 10px;
	display: none;
	background: url(../images/newsletter-bubble.png) no-repeat;
	width: 352px;
	height: 36px;
}
#newsletterBBox
{
	width: 352px;
	height: 36px;
	padding: 0;
	margin: 0;
	position: relative;
}
#newsletterForm
{
	position: absolute;
	display: block;
	width: 352px;
	height: 36px;
	left: 0;
	top: 0;
}
#newsletterBBox FIELDSET
{
	padding: 0;
	border: 0;
	margin: 0;
}
#newsletterBBox .nErrors, #newsletterBBox .nMsg
{
	position: absolute;
	display: block;
	width: 342px;
	height: 36px;
	padding: 0 0 0 10px;
	left: 0;
	top: 0;
	display: none;
	color: #FFF;
	line-height: 36px;
	font-weight: bold;
	font-size: 16px;
}
#newsletterBBox .nErrors
{
	background: url(../images/newsletterCross.png) no-repeat right;
}
#newsletterBBox .nMsg
{
	background: url(../images/newsletterTick.png) no-repeat right;
}
#homePanel #newsletterSignup .nInput
{
	float: left;
	background: url(../images/newsletter-input.png) no-repeat;
	width: 139px;
	height: 21px;
	padding: 7px 5px 5px;
	margin-right: 4px;
	border: none;
}
#newsletterSubmit
{
	float: left;
}
#homePanel .contentBox .info H1
{
	padding: 26px 0 0 269px;
	font-size: 17px;
	font-weight: normal;
	color: #585858;
	line-height: 22px;
}
#usefulBubble
{
	float: right;
	margin: 34px 0 0 10px;
}
#homePanel .contentBox .menuPanel
{
	height: 142px;
	padding: 10px;
	background: #FFF;
	margin: 0;
	display: block;
	list-style: none;
}
#homePanel .contentBox .menuPanel LI
{
	display: block;
	float: left;
	margin: 0;
	width: 205px;
	height: 142px;
	padding: 0 15px;
	position: relative;
}
#homePanel .contentBox .menuPanel LI H2
{
	font-size: 18px;
	color: #141313;
	margin: 8px 0;
	font-weight: bold;
}
#homePanel .contentBox .menuPanel LI P, .workInfo-inner P
{
	font-size: 11px;
	color: #656565;
	margin: 4px 0;
	line-height: 19px;
}
#homePanel .contentBox .menuPanel LI A
{
	color: #ED008C;
	font-size: 11px;
}
#homePanel .contentBox .menuPanel LI .power-link
{
	width: 195px;
	padding: 0px 25px 0px 0px;
	height: 20px;
	position: absolute;
	right: 0px;
	bottom: 2px;
	text-align: right;
}
#homePanel .contentBox .menuPanel LI .power-link A
{
	color: #ED008C;
	font-size: 11px;
	font-weight: bold;
}
#homePanel .contentBox .menuPanel LI A:hover
{
	text-decoration: underline;
}
/** Useful Stuff **/
.bubbleBg
{
	background: url(../images/useful-stuff-bg.png) no-repeat center;
	width: 128px;
	height: 16px;
	text-align: center;
	padding: 20px 0;
}
.bubbleBg A
{
	font-size: 14px;
	font-weight: bold;
	color: #ED058D;
}
/** About Page **/
#aboutPanel .contentBox
{
	margin: 398px 0 0;
}
#aboutPanel .contentBox .info
{
	height: 128px;
	background-image: url(../images/heading-about.png);
	background-repeat: no-repeat;
	background-position: 10px 0;
	padding: 0 10px;
}
#aboutPanel .contentBox .menuPanel
{
/*height: 142px;*/
	float: left;
	width: 940px;
	padding: 10px;
	background: #FFF;
	margin: 0;
	display: block;
	list-style: none;
}
#aboutPanel .contentBox .menuPanel LI
{
	display: block;
	float: left;
	margin: 0;
	width: 335px;
/*height: 142px;*/
	padding: 0;
}
#aboutPanel .contentBox .menuPanel LI.first
{
	padding-right: 8px;
}
#aboutPanel .contentBox .menuPanel LI.aboutButtons
{
	width: 246px !important;
	padding: 0;
	text-align: right;
	background: url(../images/about-buttons-bg.jpg) no-repeat center;
}
#srvImg
{
	float: left;
}
#teamImg
{
	float: right;
}
#aboutPanel .contentBox .menuPanel LI H2
{
	font-size: 18px;
	color: #141313;
	margin: 8px 0;
	font-weight: bold;
}
#aboutPanel .contentBox .menuPanel LI P
{
	font-size: 11px;
	color: #656565;
	margin: 4px 0;
	line-height: 19px;
}
#aboutPanel .contentBox .menuPanel LI A
{
	color: #ED008C;
	font-size: 11px;
	font-weight: bold;
}
#aboutPanel .contentBox .menuPanel LI A:hover
{
	text-decoration: underline;
}
/** Work Page **/
#workPanel
{
/*width: 940px; padding-left: 8px; padding-right: 10px;*/
}
/*940 grid instead of 960*/
#workPanel #workTopBar
{
	background: url(../images/heading-work.png) no-repeat top left;
	padding: 0 0 0 288px;
	height: 83px;
	margin: 40px 0 34px;
}
#workPanel #portfolioNav
{
	margin: 0;
	padding: 20px 0 0;
	display: block;
	width: 670px;
	height: 62px;
	float: left;
}
#workPanel #portfolioNav LI
{
	display: block;
	line-height: 62px;
	height: 62px;
	width: 215px;
	float: left;
}
#workPanel #portfolioNav LI A
{
	font-size: 11px;
	display: block;
	color: #656565;
	line-height: 14px;
}
#workPanel #portfolioNav LI A IMG
{
	display: block;
	margin-bottom: 5px;
}
.portfolio-default-image
{
	display: block;
	width: 120px;
	height: 28px;
	margin: 0px auto;
	padding: 140px 0px 0px;
}
#jobNavPanel
{
	float: left;
	width: 230px;
	background: url(../images/work-menu-border.png) no-repeat;
	margin: 0 0 0 5px;
	padding: 0px;
}
#jobNavPanel-inner
{
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 20px 0px;
	width: 630px;
}
#jobNavPanel .jobNav
{
	float: left;
	width: 190px;
	margin: 0px 0px 0px 20px;
	padding: 0;
	font-size: 12px;
	list-style: none;
}
#jobNavPanel .jobNav LI
{
	line-height: 34px;
	background: url(../images/menu-divider.png) no-repeat bottom center;
	padding: 0 0 4px;
}
#jobNavPanel .jobNav LI A
{
	display: block;
	color: #141313;
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
}
#jobNavPanel .jobNav A.active
{
	background: url(../images/menu-arrow.png) no-repeat left;
	padding-left: 20px;
}
/** Add icon for active.. **/
#workContent
{
	float: left;
	margin: 0 0 0 42px;
	position: relative;
	width: 657px;
}
#workPanel #workInfo
{
	width: 670px;
	margin: 11px 0 0 277px;
}
#workPanel #workInfo H2
{
	font-size: 18px;
	font-weight: bold;
	color: #141313;
	margin: 0 0 15px;
}
#work #workInfo P
{
	font-size: 11px;
	color: #656565;
	line-height: 14px;
}
#workContent .overlay
{
	position: absolute;
	top: -3px;
	background: url(../images/work-content-border.png) no-repeat;
	height: 426px;
	width: 657px;
	z-index: 10;
}
#workContent .workPanel
{
	margin: 0;
	padding: 0;
	width: 657px;
	height: 426px;
/*background: #fff;*/
}
#workContent .workPanel P
{
	margin: 0px;
	padding: 30px 0;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
}
.workPanel IMG
{
	display: block;
	margin: 0px auto;
	padding: 12px 0px 0px;
}
.workInfo-inner
{
	float: left;
	width: 440px;
	font-size: 11px;
	color: #656565;
	margin: 4px 0;
	line-height: 19px;
}
#workContent-inner
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1980px;
}
.work-type-slide
{
	float: left;
	width: 657px;
}
.portfolio-buttons
{
	float: right;
	width: 140px;
}
.portfolio-visit-website, .portfolio-view-project
{
	display: block;
	width: 132px;
	height: 57px;
	background-image: url(../images/visit-website-btn.png);
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom: 0px;
}
.portfolio-view-project
{
	background-image: url(../images/view-project-button.png);
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom: 5px;
}
.portfolio-view-project SPAN, .portfolio-visit-website SPAN
{
	display: none;
}
/** Contact **/
#contactPanel #contactTopBar
{
	margin: 43px 0 0;
	background: url(../images/heading-contact.png) no-repeat top left;
	padding: 0 10px;
}
#contactPanel #contactTopBar UL
{
	margin: 0 0 0 433px;
	padding: 0;
	display: block;
	height: 96px;
}
#contactPanel #contactTopBar UL LI
{
	height: 96px;
	display: block;
	float: left;
}
#contactPanel #contactTopBar UL LI H2
{
	margin: 5px 0;
	font-weight: bold;
	font-size: 18px;
}
#contactPanel #contactTopBar UL LI P
{
	line-height: 16px;
}
#contactPanel #contactTopBar UL LI.address
{
	width: 188px;
}
#contactPanel #contactTopBar UL LI.tel
{
	width: 186px;
}
#contactPanel #contactTopBar UL LI.findus
{
	width: 124px;
}
#formBottom
{
	margin: 20px 0 0;
	float: left;
	width: 940px;
	padding: 0 10px;
}
#formBottom P
{
	float: left;
	width: 380px;
	margin: 0;
	padding: 0;
	font-size: 12px !important;
	line-height: 17px;
}
#contactForm
{
	display: block;
	float: right;
	width: 496px;
	margin-right: 15px;
}
#contactForm FIELDSET
{
	border: none;
	padding: 0;
}
#contactForm .lineOuter
{
	width: 240px;
	height: 46px;
	float: left;
	margin: 0 0 18px;
	position: relative;
}
#contactForm .lineOuter .errIcon
{
	position: absolute;
	right: 10px;
	top: 6px;
	display: none;
}
#contactForm .inputLine
{
	font-size: 14px;
	font-weight: bold;
	color: #141313;
	border: none;
	display: block;
	width: 206px;
	height: 18px;
	padding: 14px 20px 14px 14px;
	margin: 0;
	background: url(../images/text-input.png) no-repeat;
}
/*
#contactForm .inputErr { background: url(../images/text-input-error.png) }
#contactForm .textAErr { background: url(../images/text-area-input-error.png) !important; }
*/
#contactForm .inputSp
{
	margin-right: 6px;
}
#contactForm .textAOuter
{
	float: left;
	width: 486px;
	height: 219px;
	position: relative;
}
#contactForm .textAOuter .errIcon
{
	position: absolute;
	right: 10px;
	top: 6px;
	display: none;
}
#contactForm .inputTextA
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0;
	font-weight: bold;
	color: #141313;
	padding: 14px;
	border: none;
	display: block;
	width: 458px;
	height: 191px;
	background: url(../images/text-area-input.png) no-repeat;
}
#contactForm .errorBox, #contactForm .successBox
{
	position: relative;
	overflow: hidden;
	float: left;
	margin: 0;
	width: 344px;
	height: 80px;
	padding: 13px 0 0;
	background: url(../images/contactMsg.png) no-repeat;
	background-position: left top;
	display: none;
	color: #656565;
	font-size: 11px;
	line-height: 18px;
}
#contactForm .successBox
{
	background-position: left bottom;
}
#contactForm .errorBox UL, #contactForm .successBox UL
{
	list-style: none;
	margin: 15px 0 0 150px;
	padding: 0;
}
#contactForm .errorBox UL LI, #contactForm .successBox UL LI
{
	font-weight: bold;
}
#contactForm #nlCheck
{
	float: left;
	margin: 20px 0 15px;
	padding: 0 10px;
}
#contactForm #nlCheck LABEL
{
	font-size: 11px;
	line-height: 15px !important;
	color: #656565 !important;
}
#contactForm #sendBtn
{
	float: right;
	border: none;
	margin-top: 10px;
	outline: none;
}
/** Modal Overlay **/
#overlay
{
	background: url(../images/modal-bg.png) repeat;
	position: absolute;
	z-index: 500;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.modalWindow
{
}
.modalServices
{
	position: relative;
	background: url(../images/services-popup.png) no-repeat;
	height: 317px;
	width: 703px;
}
.modalServices .closeBtn
{
	position: absolute;
	right: 113px;
	top: 1px;
	background: url(../images/services-popup-close.png) no-repeat;
	width: 65px;
	height: 56px;
}
/** No JS Warning **/
#noJsWarning
{
	margin: 0;
	padding: 10px;
	font-weight: bold;
	color: #FF0000;
	background-color: #C0C0C0;
	border-bottom: 1px solid #808080;
}
#noJsWarning P
{
	margin: 0;
	text-align: center;
}
/** Global **/
.greyPara
{
	font-size: 11px;
	color: #656565;
	line-height: 16px;
}
.clear
{
	clear: both;
	height: 0;
}
.imgLeft
{
	float: left;
	margin: 0 15px 15px 0;
}
.imgRight
{
	float: right;
	margin: 0 0 15px 15px;
}
.floatLeft
{
	float: left;
}
.floatRight
{
	float: right;
}
.rightAl
{
	text-align: right;
	padding: 4px 2px;
}
.hide
{
	display: none;
}
/**************************************************
jqModal base Styling courtesy of;
Brice Burgess <bhb@iceburg.net>
The Window's CSS z-index value is respected (takes priority). If none is supplied,
the Window's z-index value will be set to 3000 by default (via jqModal.js).
* POPUPS **/
#serviceModal
{
	background: url(../images/services-bubble.png) no-repeat;
	display: none;
	border: none;
	height: 584px;
	width: 758px;
	margin-left: -378px;
	top: 6%;
	left: 50%;
	padding: 0;
}
#teamModal
{
	background: url(../images/team-popup.png) no-repeat;
	display: none;
	border: none;
	height: 583px;
	width: 1015px;
	margin-left: -507px;
	top: 6%;
	left: 50%;
	padding: 0;
}
#serviceModal .servInner
{
	position: relative;
	height: 584px;
	width: 758px;
	padding-top: 72px;
}
#teamModal .teamInner
{
	position: relative;
	height: 583px;
	width: 1015px;
}
#serviceModal .servInner #servClose
{
	position: absolute;
	right: 180px;
	top: 2px;
	width: 65px;
	height: 56px;
	background: url(../images/services-popup-close.png);
}
#teamModal .teamInner #teamClose
{
	position: absolute;
	right: 285px;
	top: 2px;
	width: 65px;
	height: 56px;
	background: url(../images/services-popup-close.png);
}
#serviceModal H1.servHead
{
	margin: 0 0 0 245px;
	font-weight: bold;
	font-size: 50px;
	color: #141313;
}
#serviceModal .servFrame
{
	position: relative;
	width: 390px;
	height: 368px;
	overflow: auto;
	margin: 0 0 0 245px;
}
#serviceModal .servFrame .topFade, #serviceModal .servFrame .bottomFade
{
	position: absolute;
	left: 0;
	width: 100%;
	height: 20px;
}
#serviceModal .servFrame .topFade
{
	background: url(../images/service-fade-top.png) repeat-x;
	top: 0;
}
#serviceModal .servFrame .bottomFade
{
	background: url(../images/service-fade-bottom.png) repeat-x;
	bottom: 0;
}
#serviceModal UL
{
	list-style: none;
}
#serviceModal UL LI
{
	background: url(../images/menu-arrow.gif) no-repeat left;
	padding-left: 20px;
	color: #474747;
	line-height: 19px !important;
	font-weight: bold;
}
#serviceModal P, #serviceModal UL
{
	font-size: 11px;
	color: #656565;
	line-height: 16px;
}
#staffNav
{
	list-style: none;
	height: 30px;
	margin: 60px 0 0;
	padding: 0 0 0 350px;
}
#staffNav LI
{
	display: block;
	float: left;
	height: 30px;
}
#staffNav LI A
{
	display: block;
	height: 30px;
}
#staffNav LI .staffTab
{
	width: 56px;
	background: url(../images/staff-btn.jpg) no-repeat top center;
}
#staffNav LI .beastTab
{
	width: 70px;
	background: url(../images/beasts-btn.jpg) no-repeat top center;
}
#staffNav LI .graveyardTab
{
	width: 96px;
	background: url(../images/graveyard-btn.jpg) no-repeat top center;
}
#staffNav LI A:hover, #staffNav LI A.active
{
	background-position: bottom;
}
/** Staff names nav **/
#namesNav
{
	list-style: none;
	height: 46px;
	margin: 0px;
	padding: 80px 0px 15px 286px;
}
#namesNav LI
{
	display: block;
	float: left;
	height: 46px;
}
#namesNav LI A
{
	display: block;
	height: 46px;
}
#namesNav LI .alex
{
	width: 42px;
	background: url(../images/staffNav/alex.jpg) no-repeat top center;
}
#namesNav LI .andrew
{
	width: 58px;
	background: url(../images/staffNav/andrew.jpg) no-repeat top center;
}
#namesNav LI .andy
{
	width: 53px;
	background: url(../images/staffNav/andy.jpg) no-repeat top center;
}
#namesNav LI .angela
{
	width: 42px;
	background: url(../images/staffNav/angela.jpg) no-repeat top center;
}
#namesNav LI .gt
{
	width: 46px;
	background: url(../images/staffNav/gt.jpg) no-repeat top center;
}
#namesNav LI .kev
{
	width: 39px;
	background: url(../images/staffNav/kev.jpg) no-repeat top center;
}
#namesNav LI .lozza
{
	width: 70px;
	background: url(../images/staffNav/lozza.jpg) no-repeat top center;
}
#namesNav LI .peter
{
	width: 57px;
	background: url(../images/staffNav/peter.jpg) no-repeat top center;
}
#namesNav LI .sam
{
	width: 41px;
	background: url(../images/staffNav/sam.jpg) no-repeat top center;
}
#namesNav LI .zoe
{
	width: 47px;
	background: url(../images/staffNav/zoe.jpg) no-repeat top center;
}
#namesNav LI A:hover, #namesNav LI A.active
{
	background-position: bottom;
}
.jqmWindow
{
	display: none;
	position: fixed;
	top: 17%;
	left: 50%;
	margin-left: -300px;
	width: 600px;
	background-color: #EEE;
	color: #333;
	border: 1px solid #000000;
	padding: 12px;
}
.jqmOverlay
{
	background-color: #000;
}
#staff-content
{
	width: 1015px;
	margin: 0px auto;
}
.toggle-staff-details
{
	width: 139px;
	height: 219px;
	margin: 0px;
	padding: 0px;
	display: block;
}
.staff-slider-flash .toggle-staff-details-small
{
	width: 163px;
	height: 34px;
	margin: 15px 0px 0px 225px;
}
.staff-content-thumb
{
	width: 150px;
	margin: 71px 0px 0px 115px;
	width: 167px;
	float: left;
}
.staff-slider
{
	width: 580px;
	height: 370px;
	position: relative;
	float: left;
	overflow: hidden;
	line-height: 19px;
	font-size: 11px;
}
.staff-slider-inner
{
	position: absolute;
	top: -370px;
	left: 0px;
}
.staff-content-inner
{
	width: 1015px;
}
.staff-slider .delay-replace
{
	font-weight: bold;
	font-size: 36px;
	color: #141313;
	margin: 10px 0px 0px;
	padding: 0px 0px 10px;
}
.staff-slider-inner P
{
	line-height: 19px;
	font-size: 11px;
}
.staff-slider-detail-left
{
	width: 280px;
	float: left;
	margin: 0px 20px 0px 0px;
}
.staff-slider-detail-right
{
	width: 280px;
	float: right;
}
.staff-slider-detail-left P, .staff-slider-detail-right P, .staff-slider-detail-bottom P
{
	margin: 0px;
}
.staff-slider-detail-bottom P
{
	margin-bottom: 15px;
}
.staff-slider-detail-left A, .staff-slider-detail-right A, .staff-slider-detail-bottom A
{
	color: #141414;
	text-decoration: underline;
}
.staff-slider-detail-bottom
{
	width: 580px;
	margin: 15px 0px 0px;
}
.staff-slider-flash
{
	width: 580px;
	height: 370px;
}
.staff-slider-flash-inner
{
	width: 429px;
	height: 286px;
	margin: 10px auto 0px;
}
#staff-slider-flash-inner-movie
{
	width: 429px;
	height: 286px;
}
#mask-jobnav
{
	width: 220px;
	height: 419px;
	position: relative;
	overflow: hidden;
	margin-left: 5px;
}
#mask-workcontent
{
	height: 416px;
	overflow: hidden;
	position: relative;
	width: 657px;
	margin: 0px auto;
}
/** Pretty Checkbox *
------------------------------------------------------------------------
This you can customize
-------------------------------------------------------------------------*/
LABEL.checkbox SPAN.holder
{
	height: 56px;
/*Total height of your checkbox image*/
	background: url(../images/checkboxFull.png) no-repeat 0 -1px;
/*Path to your checkbox image*/
}
LABEL.radio SPAN.holder
{
	height: 61px;
/*Total height of your radio buttons image*/
	background: url(../images/prettyCheckboxes/radio.gif) no-repeat 0 -1px;
/*Path to your radio button image*/
}
LABEL.checkbox:hover SPAN.holder, LABEL.radio:hover SPAN.holder
{
	top: 0 !important;
}
/*Background position on mouseover*/
LABEL.checked SPAN.holder, LABEL.checked SPAN.holder, LABEL.checked:hover SPAN.holder, LABEL.checked:hover SPAN.holder
{
	top: -28px !important;
}
/*Background position when checked
------------------------------------------------------------------------
Customize at your own risk
-------------------------------------------------------------------------*/
LABEL.list
{
	float: left;
	clear: left;
	margin: 0 0 5px;
}
LABEL.inline
{
	float: left;
	margin: 0 10px 0 0;
}
INPUT.hiddenCheckbox
{
	position: absolute;
	left: -10000px;
/*Hide the input*/
}
LABEL.prettyCheckbox SPAN.holderWrap
{
	display: block;
	float: left;
	position: relative;
	margin-right: 5px;
	overflow: hidden;
}
LABEL.prettyCheckbox SPAN.holder
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}