
*
{
	margin: 0px;
	padding: 0px;
}

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 67.5%;
	background: #000;
}

a
{
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}

ul
{
	list-style-type: none;
	list-style-position: outside;
}

/* Style CONSTANTS */
div.clear
{
	clear: both;
}

.floatLeft
{
	display: inline;
	float: left;
}
.floatRight
{
	display: inline;
	float: right;
}

.picfloatLeft
{
	display: inline;
	float: left;
	padding: 10px 10px 10px 20px;
}
.picfloatRight
{
	display: inline;
	float: right;
	padding: 10px 10px 10px 10px;
}


/* SITE WRAP Styling */
div.mainContainer
{
	background: #000 url(images/FooterBg.jpg) no-repeat bottom center;
	padding: 0 0 120px 0;
}

table.bodyTable td.leftBodyColumn
{
	background: transparent url(images/headerLeftBg.gif) repeat-x;
}
table.bodyTable td.rightBodyColumn
{
	background: transparent url(images/headerRightBg.gif) repeat-x;
}

div.container
{
	width: 1000px;
}


/* HEADER Styling */
div.container div.header
{
	background: transparent url(images/headerBg.gif) no-repeat;
	height: 173px;
}
div.header ul.globalNavigation
{
	float: right;
	display: inline;
	margin: 5px 10px 0 0;
	height: 20px;
}
div.header ul.globalNavigation li
{
	float: left;
	display: inline;
	font-size: 1em;
	font-weight: bold;
	border-right: 1px solid #fff;
	padding: 0 8px 0 8px;
}
div.header ul.globalNavigation li.last
{
	border: none;
	padding-right: 0px;
}

div.header ul.globalNavigation li a
{
	color: #fff;
}

div.header a.headerLogo
{
	float: left;
	display: inline;
	margin: 10px 0 0 69px;
	width: 277px;
	height: 76px;
	overflow: hidden;
	text-indent: -99999em;
	background: transparent url(images/SpindleServicesLogo.gif) no-repeat;
}

div.header div.headerTelephone,
div.header a.headerEmail
{
	float: right;
	display: inline;
	height: 31px;
	margin: 20px 10px 0 0;
	padding: 0 0 0 40px;
	color: #4a6cac;
	font-size: 1.1em;
}
div.header div.headerTelephone
{
	background: transparent url(images/contactIcon.gif) no-repeat;
	padding: 0 0 0 25px;
}
div.header a.headerEmail
{
	background: transparent url(images/emailIcon.gif) no-repeat;
	margin-right: 30px;
}

div.body
{
	background: #fff url(images/bodyBg.gif) repeat-y;
}


/* LEFT NAVIGATION Styling */
div.body div.leftNavigation
{
	float: left;
	display: inline;
	width: 203px;
	background: transparent url(images/leftNavHeaderBg.gif) no-repeat;
	padding: 24px 0 0 0;
}
div.body div.leftNavigation div.navigationWrap
{
	padding: 0 0 0 10px;
}
div.navigationWrap h2
{
	font-size: 1.4em;
	font-weight: normal;
	margin: 0 0 8px 0;
}
div.navigationWrap h2 a
{
	color: #f2cba4;
	padding: 0 10px 0 0;
}

div.navigationWrap ul
{
	margin: 0 0 8px 0;
}
div.navigationWrap ul li
{
	background: transparent url(images/leftNavSeparator.gif) repeat-x bottom left;
}
div.navigationWrap ul li.last
{
	background: none;
}
div.navigationWrap ul li a
{
	font-size: 1em;
	color: #fff;
	background: url(images/leftNavButtonBgNorm.gif) no-repeat 0 6px;
	display: block;
	width: 170px;
	padding: 4px 10px 6px 13px;
}



/* CONTENTS Styling */
div.body div.contents
{
	float: left;
	display: inline;
	margin: 0 0 0 10px;
	width: 769px;
}


/* FOOTER Styling */
div.footer
{
	background: transparent url(images/footerBg.gif) no-repeat;
	height: 61px;
	text-align: center;
}
div.footer ul li 
{
	display: inline;
	font-size: 1em;
}

div.footer ul.footerNavigation
{
	padding: 16px 0 0 0;
}
div.footer ul.footerNavigation li
{
	border-right: #c0d6ff solid 1px;
	padding: 0 5px 0 5px;
}
div.footer ul.footerNavigation li.last
{
	border-right: none;
	padding-right: 0px;
}
div.footer ul.footerNavigation li a
{
	color: #c0d6ff;
}

div.footer ul.footerSubNavigation
{
	padding: 8px 0 0 0;
}
div.footer ul.footerSubNavigation li
{
	border-right: #fff solid 1px;
	padding: 0 5px 0 5px;
}
div.footer ul.footerSubNavigation li.last
{
	border-right: none;
	padding-right: 0px;
}
div.footer ul.footerSubNavigation li,
div.footer ul.footerSubNavigation li a
{
	color: #fff;
}





/* BreadCrumbs */
div.breadCrumbs
{
	background: #4a6cac;
	font-size: 1.1em;
	font-weight: bold;
	color: #98cfff;
	padding: 6px 10px 6px 10px;
	margin: 0 0 5px 0;
}
div.breadCrumbs a
{
	background: url(images/BreadCrumbArrowSmall.gif) no-repeat right;
	color: #fff;
	padding: 0 18px 0 0;
	margin: 0 5px 0 0;
}
div.breadCrumbs a:hover
{
	text-decoration: none;
	color: #c3e3ff;
}



/* Index Home Page */
div.indexIntro
{
	background: url(/Shared/Images/SpindleHomeWelcomeBg.gif) no-repeat top right;
	margin: 0 0 10px 0;
}
div.indexIntro img.introImage
{
	float: left;
	display: inline;
}
div.indexIntro div.textContainer
{
	width: 297px;
	float: right;
	display: inline;
	padding: 28px 10px 0 0;
}
div.indexIntro div.textContainer div.invisibleMargin
{
	width: 55px;
	height: 55px;
	float: left;
	display: inline;
}
div.indexIntro div.textContainer h3
{
	display: inline;
	font-size: 2.4em;
	line-height: 1.2em;
	font-weight: normal;
	color: #b0d1f2;
	padding: 0 10px 0 0;
}
div.indexIntro div.textContainer h3 span
{
	color: #fff;
}
div.indexIntro div.textContainer ul
{
	padding: 20px 0 0 0;
}
div.indexIntro div.textContainer ul li
{
	background: url(/Shared/Images/SpindleIntroBulletBg.gif) no-repeat 0 2px;
	color: #fff;
	font-size: 1.2em;
	padding: 0 10px 15px 30px;
}


div.mainImageContainer
{
	margin: 0 0 10px 0;
}


/* Generic Page Introduction */
img.introImage
{
	margin: 0 0 1px 0;
}

div.pageIntro
{
	background: #f0f0f0;
	padding: 0 0 0px 0;
	margin: 0 0 8px 0;
}
div.pageIntro h1
{
	font-size: 1.7em;
	font-weight: normal;
	color: #fff;
	background: #4a6cab url(images/ContentHeaderBg.gif) repeat-x;
	border-bottom: 1px solid #fff;
	padding: 6px 20px 6px 20px;
	margin: 0 0 10px 0;
}
div.pageIntro p
{
	color: #4a4a4a;
	font-size: 1.7em;
	line-height: 1.3em;
	padding: 0 20px 10px 20px;
}
div.pageIntro p span
{
	font-weight: bold;
}

div.pageIntro p a
{
	color: #4a6cac;
}

div.genericContent
{
	padding: 0 20px 6px 20px;
	margin: 0 0 10px 0;
	font-size: 1.1em;
	border-bottom: solid 1px #e6e6e6;
}
div.genericContent p
{
	padding: 0 0 10px 0;
}
div.genericContent a
{
	font-weight: bold;
	color: #4a6cac;
}

div.primaryListContainer
{
	padding: 6px 20px 0 20px;
	margin: 0 0 18px 0;
	border-bottom: solid 1px #e6e6e6;
}
div.primaryListContainer p
{
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 12px 0;
}
div.primaryListContainer ul.primaryList
{
	font-size: 1.1em;
	width: 350px;
}
div.primaryListContainer ul.primaryList li
{
	background: url(images/PrimaryListBullet.gif) no-repeat;
	padding: 0 0 10px 23px;
}


div.otherLinksContainer
{
	padding: 0 20px 10px 20px;
}
div.otherLinksContainer h2
{
	font-size: 1.1em;
	margin: 0 0 8px 0;
}
div.otherLinksContainer ul li
{
	float: left;
	display: inline;
	height: 117px;
	width: 237px;
	margin: 0 9px 0 0;
}
div.otherLinksContainer ul li.last
{
	margin: 0px;
}
div.otherLinksContainer ul li a.headerLink
{
	display: block;
	background: transparent url(images/OtherLinksHeaderBg.gif) no-repeat;
	height: 27px;
	line-height: 2.2em;
	font-size: 1.1em;
	color: #fff;
	font-weight: bold;
	text-indent: 28px;
}
div.otherLinksContainer ul li img
{
	display: block;
	margin: 0 0 8px 0;
}
div.otherLinksContainer ul li a.clickHere
{
	float: right;
	display: block;
	background: transparent url(images/ClickHereBttn.gif) no-repeat;
	width: 87px;
	height: 29px;
	overflow: hidden;
	text-indent: -1000em;
}


div.mainInformation
{
	background: #e6e6e6;
	padding: 15px 20px 15px 20px;
}
div.mainInformation p
{
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 0 8px 0;
}
div.mainInformation p a
{
	font-weight: bold;
	color: #4a6cac;
}
div.mainInformation ul
{
	width: 220px;
	float: left;
	display: inline;
	padding: 10px 0 0 20px;
}
div.mainInformation ul li
{
	background: transparent url(images/MainInformationBulletPoint.gif) no-repeat 0 3px;
	padding: 0 0 0 16px;
	margin: 0 0 5px 0;
	font-size: 1.1em;
}
div.mainInformation ol
{
	padding: 10px 0 10px 20px;
	list-style: none;
	font-size: 1.3em;
}
div.mainInformation ol li
{
	margin: 0 0 5px 0;
	padding: 0 0 0 30px;
	height: 26px;
	line-height: 1.6em;
}
div.mainInformation ol li.one{ background: transparent url(images/OLBullet01.gif) no-repeat; }
div.mainInformation ol li.two{ background: transparent url(images/OLBullet02.gif) no-repeat; }
div.mainInformation ol li.three{ background: transparent url(images/OLBullet03.gif) no-repeat; }
div.mainInformation ol li.four{ background: transparent url(images/OLBullet04.gif) no-repeat; }


div.contentFooter
{
	padding: 15px 20px 10px 20px;
	font-size: 1.1em;
}
div.contentFooter p
{
	padding: 0 0 10px 0;
}
div.contentFooter a
{
	font-weight: bold;
	color: #4a6cac;
}