/* master stylesheet */

html, body {
	font-family: Verdana, Arial, Serif;
	font-size: 0.85em;
	color: #FFF;
	background: #45AFDD;
	margin: 0;
	padding: 0;
}

a { color: #31577d; text-decoration: underline; }
a:hover { text-decoration: none; }
h1, h2, h3, h4 { margin: 0 0 10px 0; font-family: Georgia; font-weight: bold; }
p { margin: 0; }
strong, .strong { font-weight: bold; }
em, .em { font-style: italic; }

p.large { font-size: 2.6em; }
.clear { clear: both; }
.clearer { clear: both; margin: 0 0 20px 0; }
.cl { clear: left; }
.cr { clear: right; }
.fl { float: left; }
.fr { float: right; }
img.fr { float: right; margin: 0 0 20px 20px; }
.centered { text-align: center; }
.small { font-size: 10px; }

/* Specific */
div#wrapper div#content h2 { background: #fff; display: inline; color: #004D6F; padding: 6px; font-size: 1.2em; }
div#wrapper div#content h2.box4life { background: #fff url(/images/frontend/headers/box4life.png) 0 0 no-repeat; width: 126px; height: 30px; display: block; margin: 0; padding: 0; }
div#wrapper div#content p { margin: 10px; }

/* Layout */
div#header { height: 190px; background: #fff url(/images/frontend/logo-bg.gif) 0 177px repeat-x; position: relative; z-index: 1000; }
div#header div.inner { width: 857px; height: 190px; margin: 0 auto; background: #fff url(/images/frontend/logo-bg.gif) 0 177px repeat-x; position: relative; }
div#header div.inner a.logo { display: block; height: 197px; width: 285px; background: transparent url(/images/frontend/logo.gif) 0 49px no-repeat; position: absolute; top: 0; left: -84px; }
div#header div.inner div.info { position: absolute; top: 0; right: 0; height: 36px; width: 550px; border-top: none; color: #111;}
div#header div.inner div.info ul { position: absolute; right: 0; margin: 4px 0 0 0; }
div#header div.inner div.info ul li { display: inline; margin: 0; padding: 0; float: left; }
div#header div.inner div.info ul li.email input { width: 100px; background: #dff6ff; padding: 2px; margin: 6px 4px 0 0; }
div#header div.inner div.info ul li.password { width: 110px; background: transparent url(/images/frontend/padlock.png) 0 0 no-repeat; height: 49px; }
div#header div.inner div.info ul li.password input { width: 80px; background: transparent; padding: 2px 20px 2px 4px; margin: 6px 0 0 0; }
div#header div.inner div.info ul li.email input,
div#header div.inner div.info ul li.password input { border: none; color: #99b4c5; }
div#header div.inner div.info ul li.email input:focus,
div#header div.inner div.info ul li.password input:focus { color: #333; }
div#header div.inner div.info ul li.submit input { width: 79px; height: 22px; background: transparent url(/images/frontend/login_button.png) 0 bottom no-repeat; border: none; margin: 4px 0 0 0; cursor: pointer; }
div#header div.inner div.info ul li.submit input:hover { background-position: 0 top; }
div#header div.inner div.info a.telephone,
div#header div.inner div.info a.email { position: absolute; top: 0; display: block; height: 30px; }
div#header div.inner div.info a.telephone span,
div#header div.inner div.info a.email span { display: none; }
div#header div.inner div.info a.telephone { left: 0; background: transparent url(/images/frontend/telephone.png) 0 0 no-repeat; width: 155px; cursor: default; }
div#header div.inner div.info a.email { left: 160px; background: transparent url(/images/frontend/email.png) bottom left no-repeat; width: 78px; }
div#header div.inner div.info a.email:hover { padding-bottom: 10px; background-position: bottom right; }

div#header div.inner div#nav { position: absolute; top: 121px; right: 0; height: 110px; width: 555px; background: transparent url(/images/frontend/nav-bg.png) 0 30px no-repeat; }
div#header div.inner div#nav a { display: block; position: absolute; height: 100px; background: transparent url(/images/frontend/nav.gif) 0 -10px no-repeat; }
div#header div.inner div#nav a span { display: none; }
div#header div.inner div#nav a.home { left: 18px; width: 50px; }
div#header div.inner div#nav a.about { left: 77px; width: 50px; background-position: -50px -10px; }
div#header div.inner div#nav a.physical { left: 136px; width: 66px; background-position: -100px -10px; }
div#header div.inner div#nav a.scan { left: 210px; width: 63px; background-position: -166px -10px; }
div#header div.inner div#nav a.secure { left: 281px; width: 88px; background-position: -228px -10px; }
div#header div.inner div#nav a.environment { left: 377px; width: 92px; background-position: -318px -10px; }
div#header div.inner div#nav a.contact { left: 477px; width: 64px; background-position: -409px -10px; }
div#header div.inner div#nav a.home:hover,
div#header div.inner div#nav a.home_selected { left: 18px; width: 50px; background-position: bottom left; }
div#header div.inner div#nav a.about:hover,
div#header div.inner div#nav a.about_selected { left: 77px; width: 50px; background-position: -50px -110px; }
div#header div.inner div#nav a.physical:hover,
div#header div.inner div#nav a.physical_selected { left: 136px; width: 66px; background-position: -100px -110px; }
div#header div.inner div#nav a.scan:hover,
div#header div.inner div#nav a.scan_selected { left: 210px; width: 63px; background-position: -166px -110px; }
div#header div.inner div#nav a.secure:hover,
div#header div.inner div#nav a.secure_selected { left: 281px; width: 88px; background-position: -228px -110px; }
div#header div.inner div#nav a.environment:hover,
div#header div.inner div#nav a.environment_selected { left: 377px; width: 92px; background-position: -318px -110px; }
div#header div.inner div#nav a.contact:hover,
div#header div.inner div#nav a.contact_selected { left: 477px; width: 64px; background-position: -409px -110px; }

div#centerpiece { background: #040404; border-bottom: #0099DB 16px solid; }
div#centerpiece div.inner { width: 900px; margin: 0 auto; }
div#centerpiece div.inner div.content { padding: 50px 0 0 28px; color: #9AEBFF; position: relative; width: 600px; height: 170px; }
div#centerpiece div.inner div.content h1 { font-size: 2em; }
div#centerpiece div.inner div.content h2 { background: #fff; display: inline; color: #004D6F; padding: 6px; font-size: 1.5em; position: absolute; top: 120px; left: 14px; }
div#centerpiece div.inner div.content p { width: 440px; margin: 20px 0; }
div#centerpiece div.inner div.home,
div#centerpiece div.inner div.about,
div#centerpiece div.inner div.storage,
div#centerpiece div.inner div.scan,
div#centerpiece div.inner div.secure,
div#centerpiece div.inner div.environment,
div#centerpiece div.inner div.enquiries,
div#centerpiece div.inner div.callbacks,
div#centerpiece div.inner div.sessions { background-position: top center; background-repeat: no-repeat; background-color: #000; width: 1000px; height: 170px; background-image: url(/images/frontend/centerpiece/generic.png); }
div#centerpiece div.inner div.home { background-image: url(/images/frontend/centerpiece/home.png); height: 427px; }
div#centerpiece div.inner div.storage,
div#centerpiece div.inner div.about { background-image: url(/images/frontend/centerpiece/storage.png); }
div#centerpiece div.inner div.scan,
div#centerpiece div.inner div.secure { background-image: url(/images/frontend/centerpiece/scan_on_demand.png); }
div#centerpiece div.inner div.environment { background-image: url(/images/frontend/centerpiece/environment.png); }

div#wrapper { width: 857px; margin: 0 auto; }
div#wrapper div#content div.left { width: 460px; float: left; padding: 20px 0; }
div#wrapper div#content div.right { width: 265px; float: right; height: 460px; background: url(/images/frontend/content_right-bg.png) 0 -1px no-repeat; padding: 0; margin: 0 0 60px 0; }
div#wrapper div#content div.right div.centerpiece_underlay { height: 100px; width: 430px; background: transparent url(/images/frontend/centerpiece/home_underlay.png) 0 0 no-repeat; margin: -22px 0 0 -62px; }
div#wrapper div#content div.right div.additional { margin: 180px 18px 0 30px; text-align: right; }
ul#request_buttons { margin: 70px 0 10px 30px; }
ul.underlay_fix { margin: -10px 0 10px 30px !important; }
ul#request_buttons li { margin: 6px 10px; }
ul#request_buttons li a { display:block; background: transparent url(/images/frontend/request_buttons.png) 0 0 no-repeat; height: 30px; width: 215px; }
ul#request_buttons li a span { display: none; }
ul#request_buttons li a.collection { background-position: 0 0; }
ul#request_buttons li a.delivery { background-position: 0 -32px; }
ul#request_buttons li a.scan { background-position: 0 -64px; }
ul#request_buttons li a.collection:hover { background-position: -215px 0; }
ul#request_buttons li a.delivery:hover { background-position: -215px -32px; }
ul#request_buttons li a.scan:hover { background-position: -215px -64px; }

div#footer { background: #009EDD; }
div#footer div.inner { width: 857px; margin: 0 auto; padding: 0 10px 10px 10px; font-size: 1em; }
div#footer div.inner div.top {}
div#footer div.inner div.top div.item { width: 240px; float: left; margin: -14px 30px 0 0; }
div#footer div.inner div.top div.item h4 { font-size: 12px; font-weight: bold; color: #fff; background: #45AFDD; padding: 4px 8px; margin: 0; }
div#footer div.inner div.top div.item p { margin: 10px; }
div#footer div.inner div.bottom { margin: 40px 0 40px 0; }
div#footer div.inner div.bottom div.left a.records,
div#footer div.inner div.bottom div.left a.archivists { display: block; float: left; height: 60px; width: 70px; }
div#footer div.inner div.bottom div.left a.records span,
div#footer div.inner div.bottom div.left a.archivists span,
div#footer div.inner div.bottom div.right a.copyright span,
div#footer div.inner div.bottom div.right a.design span { display: none; }
div#footer div.inner div.bottom div.left a.records { background: transparent url(/images/frontend/records_button.png) 0 0 no-repeat; }
div#footer div.inner div.bottom div.left a.archivists { background: transparent url(/images/frontend/archivists_button.png) 0 0 no-repeat; }
div#footer div.inner div.bottom div.right { float: right; }
div#footer div.inner div.bottom div.right a { display: block; text-align: right; width: 142px; }
div#footer div.inner div.bottom div.right a.copyright { background: transparent url(/images/frontend/copyright.png) top right no-repeat; display: block; margin: 0 0 10px 0; height: 10px; }
div#footer div.inner div.bottom div.right a.design { background: transparent url(/images/frontend/design_by.png) bottom right no-repeat; display: block; height: 5px; }
div#footer div.inner div.bottom div.right a.design:hover { background-position: top right; }

/* Forms and Tables */
table tr td { padding: 10px; }
label { font-weight: bold; }
input { border: 1px #999 solid; padding: 4px; }

div.flash { background: #009EDD; padding: 10px; margin: 20px 0; text-align: center; font-weight: bold; }
div.failure { border: 2px #ff5c5c solid; background: #FFC7C7; color: #111; }

/* Links */
a.click_here { display: block; height: 22px; width: 83px; background: transparent url(/images/frontend/click_here_button.png) top left no-repeat; }
a.learn_more { display: block; height: 22px; width: 89px; background: transparent url(/images/frontend/learn_more_button.png) top left no-repeat; float: right; }
a.click_here span,
a.learn_more span { display: none; }
a.click_here:hover { background-position: bottom left; }

/* Wrappers */
div.content_box { background: #009EDD; padding: 16px 10px 10px; position: relative; margin: 30px 0; }
div.content_box div.tr,
div.content_box div.bl,
div.content_box div.br { height: 10px; width: 10px; background: transparent url(/images/frontend/corners.png) 0 0 no-repeat; position: absolute; }
div.content_box div.tr { top: 0; right: 0; background-position: top right; }
div.content_box div.bl { bottom: 0; left: 0; background-position: bottom left; }
div.content_box div.br { bottom: 0; right: 0; background-position: bottom right; }
div.content_box h2 { display: block !important; width: 200px; margin: -26px 0 0 -20px; padding: 4px !important; }
div.content_box ul { margin: 10px; }
div.content_box ul li { list-style: circle; margin: 2px 0 2px 26px; }
div.content_box label { font-weight: normal; color: #fff; }
div.content_box input,
div.content_box textarea { background: #335372; border: none; padding: 4px; color: #fff; }
div.content_box textarea { height: 80px; width: 350px; }
div.content_box table { margin: 20px 0;}
div.content_box table tr td { padding: 4px; }
div.content_box input.submit { background: transparent url(/images/frontend/submit_form_button.png) top left no-repeat; border: none; height: 22px; width: 98px; position: absolute; right: 20px; bottom: -10px; }
div.content_box input.submit:hover { background-position: bottom left; }