@import 'screen/reset.css'; /*Resets browser default settings to give all browsers same starting point*/

/*--=General Styles--*/
body { background: #fff; font-size: 62.5%; background: url(../images/banner.jpg) repeat-x center -20px; font-family: Arial, Helvetica, sans-serif; color: #000;  }
html, body { height: 100%; }
* html .holder { height: 100%; }
/*--=Image Replacement=--*/
.ir { display: block; text-indent: -5000px;}

/*--=Holder - should be the total width--*/
.holder { width: 930px; margin: 0 auto 0; position: relative; min-height: 100%; z-index: 1;  }

button { cursor: pointer; border: 0; }
strong { font-weight: bold; }
em { font-style: italic; }
.float_l { float: left;}
.float_r { float: right;}

.hide { display: none; }

.txt_align_l { text-align: left;}
.txt_align_c { text-align: center;}
.txt_align_r { text-align: right;}

.clear_both { clear: both; }
.clear { clear: both; margin: 0; padding: 0; visibility: hidden; height: 0;}
.clear_after:after { content: ""; display: block; height: 0; clear: both; }

.bold { font-weight: 700; }

a:focus, a:hover { color: #000; }
a { color: #306; text-decoration: underline; overflow: hidden; }

/*--Typography--*/
h1, h2, h3 { font-family: "Lucida Bright", Georgia, "Times New Roman", Times, serif; }
h1 { font-size: 2.8em; color: #8b8b8b; margin: 0 0 30px 10px; font-weight: 400; }
h2 { font-size: 2.4em; color: #4d8383; margin: 0 0 15px; font-weight: 400; }
h3 { font-size: 1.6em; margin: 0 0 0.5em; }
p { margin: 0 0 0.8em; line-height: 1.5; }
p, ul, ol, dl { font-size: 1.3em; }

/*--Header--*/

.logo { position: absolute; top: 60px; }
.strapline { font-size: 1.7em; color: #4d8383; position: absolute; top: 78px; right: 0; }
p.strapline { font-family: "Lucida Bright", Georgia, "Times New Roman", Times, serif; }

/*--General buttons--*/
.btn-more-info { background: url(../images/btn-more-info.gif) no-repeat; padding: 2px 0 2px 25px; font-size: 1.1em; font-weight: 700; color: #333; }
.btn-more-info:hover { background-position: left bottom; }

/*--Navigation--*/
#navigation { position: absolute; top: 20px; right: 0; }
#navigation li { float: left; margin: 0; background: url(../images/tab-right.gif) no-repeat right top; height: 26px; }
#navigation a { color: #fff; font-weight: 700; text-decoration: none; background: url(../images/tab-left.gif) no-repeat left top; display: inline-block; height: 20px; padding: 6px 15px 0; font-size: 0.9em; }
#navigation li.tab2 a { background-image: url(../images/tab-left2.gif); }
#navigation a:hover { color: #ccc; }
#navigation li.on { background-position: right bottom; }
#navigation li.on a { background-position: left bottom; }
#navigation li.search { background: none; padding: 3px 0 0 15px; }
.search span { display: none; }
.search p { margin: 0; }
.search label { position: relative; top: -4px; }
.search input.text { background: transparent url(../images/search-bg.gif) no-repeat; width: 94px; height: 14px; padding: 2px; border: none; font-size: 0.8em; color: #666; }

/*--Footer--*/
.topofpage { display: block; background: url(../images/backtotop.gif) no-repeat; width: 34px; height: 39px; position: fixed; right: 0; bottom: 80px; text-indent: -5000px; }
.topofpage:hover { background-position: left bottom; }
#footer { background: url(../images/banner.jpg) repeat-x; text-align: center; height: 67px; margin: -67px 0 0; z-index: 100; position: relative; }
#clearfooter { height: 67px; }
#footer div { width: 930px; margin: 0 auto; text-align: left; padding: 10px 0 0; }
#footer p { color: #fff; margin: 4px 0 0; font-size: 1.2em; }
#footer ul { float: right; font-size: 1.2em; }
#footer li { display: inline; border-right: 1px solid #fff; padding: 0 5px 0 0; margin: 0 5px 0 0; }
#footer a { color: #fff; text-decoration: none; font-weight: 700; }
#footer a:hover { text-decoration: underline; }
#footer li.last { margin: 0; padding: 0; border: none; }

/*--Homepage--*/
.publishing-formula { background: url(../images/publishing-formula-bg.gif) no-repeat center center; width: 858px; margin: 0 auto; }
.publishing-formula-h2 { width: 858px; margin: 20px auto; clear: both; }
.publishing-formula div { float: left; width: 150px; margin-right: 86px; }
.publishing-formula div.last { margin-right: 0; }
.publishing-formula p { font-size: 1.5em; color: #666; }
.home-call-to-actions { background: url(../images/home-bg.jpg) no-repeat center 246px; width: 820px; margin: 0 auto; height: 500px; padding: 120px 0 0 0;  }
.home-print-magazines { background: url(../images/home-print-magazines.jpg) no-repeat right top; width: 375px; height: 488px; float: left; padding: 0 0 0 26px; }
.home-print-magazines dt, .home-online-magazines dt { margin: 230px 0 0 0; }
.home-call-to-actions dd { font-size: 1.4em; width: 210px; }
.home-call-to-actions a { color: #000; text-decoration: none; }
.home-call-to-actions .btn-more-info { font-size: 0.7em;  }
.home-online-magazines dd { text-align: right; float: right; }
.home-online-magazines { background: url(../images/home-online-magazines.jpg) no-repeat; width: 375px; height: 488px; float: left; padding: 0 0 0 26px; }
.title-print-magazines { background: url(../images/title-print-magazines.png) no-repeat; width: 200px; height: 78px; }
.title-online-magazines { background: url(../images/title-online-magazines.png) no-repeat; width: 200px; height: 78px; float: right; }
.home-text { width: 414px; float: left; margin: 30px 30px 30px 35px; }
.home-text.last { margin: 30px 0; }

/*--Breadcrumbs--*/
#breadcrumbs { background: #f2f6f8 url(../images/breadcrumbs.gif) no-repeat; position: absolute; top: 132px; left: 116px; width: 814px; height: 20px; }
#breadcrumbs ul { padding: 1px 0 0 40px; line-height: 1; }
#breadcrumbs li { display: inline; font-size: 0.8em; }
#breadcrumbs a { color: #000; text-decoration: none; }
#breadcrumbs a:hover { text-decoration: underline; }

.content { padding-top: 186px; min-height: 690px; margin: 0 0 40px; }
.btn-back { display: block; background: url(../images/btn-back.gif) no-repeat; width: 34px; height: 39px; position: absolute; right: 0; top: 180px; text-indent: -5000px; }
.btn-back:hover { background-position: left bottom; }

/*--Our People--*/
.people-list { margin: 0 auto; width: 856px; }
.person { position: relative; background: #f2f6f8 url(../images/people-bg.gif) repeat-x; padding: 0 20px 12px 216px; margin: 0; min-height: 210px; }
.person-photo { position: absolute; background: url(../images/people-photo-bg.png) no-repeat; width: 185px; height: 185px; left: 15px; top: 0; }
.person h2 { color: #8b8b8b; font-size: 2.2em; margin: 0 0 1em; }
.person h2 span { font-size: 0.7em; font-style: italic; }
.person-footer { background: url(../images/people-bg-bottom.gif) no-repeat right bottom; height: 43px; }

/*--Magazine Lists--*/
.magazine-list { margin: 0 0 40px 10px; }
.magazine-list li { float: left; background: url(../images/magazine-cover-bg.jpg) no-repeat; width: 179px; min-height: 270px; }
.magazine-list li h2 { color: #8b8b8b; font-size: 1.1em; margin: 0 0 4px 10px; font-weight: 700; }
.magazine-list li img { display: block; margin: 0 0 4px; }
.btn-view-print { background: url(../images/btn-view-print.gif) no-repeat; width: 114px; height: 14px; margin: 0 0 0 10px; }
.btn-view-online { background: url(../images/btn-view-online.gif) no-repeat; width: 121px; height: 14px; margin: 0 0 0 10px; }

/*--Privacy Policy--*/
.text-body { margin: 0 13px 40px; }

/*--Magazine Details--*/
h1.special { margin: 0 0 0 10px; }
.magazineSlider { height: 360px; position: relative; margin: 0 0 15px; }
.magazineSlider .wrapper { width: 900px; overflow: auto; height: 457px; margin: 0 15px; position: absolute; top: 0; left: 0; }
.magazineSlider .wrapper ul { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.magazineSlider ul li { display: block; float: left; padding: 0; height: 457px; width: 900px; margin: 0; background: url(../images/magazine-details-bg.jpg) no-repeat center top; }
.magazineSlider .arrow { display: block; height: 200px; width: 67px; text-indent: -9999px; position: absolute; top: 195px; cursor: pointer; }
.magazineSlider .forward { background: url(../images/btn-next-magazine.gif) no-repeat; width: 37px; height: 34px; right: 40px; }
.magazineSlider .back { background: url(../images/btn-prev-magazine.gif) no-repeat; width: 37px; height: 34px; left: 40px; }
.magazineSlider .forward:hover, .magazineSlider .back:hover { background-position: 0 bottom; }
#thumbNav { position: relative; top: 457px; text-align: center; }
#thumbNav a { display: inline-block; padding: 0; height: 15px; width: 12px; margin: 0; background: url(../images/magazine-details-buttons.gif) no-repeat 0 4px; text-indent: -5000px; }
#thumbNav a:hover { background-position: left -32px; }
#thumbNav a.cur { background-position: left -16px; }
#start-stop { color: #333; padding: 2px 5px; width: 880px; text-align: center; position: absolute; top: 477px; text-decoration: none; margin: 0 0 0 19px; }
#start-stop:hover { text-decoration: underline; }
.magazineSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.magazineSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; }
.masks { position: relative; }
.left-mask { background: url(../images/left-mask.png) no-repeat; width: 49px; height: 512px; position: absolute; z-index: 2000; top: 0; }
.right-mask { background: url(../images/right-mask.png) no-repeat; width: 49px; height: 512px; position: absolute; right: 0; z-index: 2000; top: 0; }
.magazine-details-image { float: left; width: 510px; text-align: right;  }
.magazine-details-text { float: left; width: 265px; padding: 50px 10px 0; }
.magazine-details-text h2 { font-size: 1.8em; color: #8b8b8b; margin: 0; }
.magazine-details-text p { font-size: 1em; color: #333; }
.magazine-details-text p a { font-size: 1em; text-decoration: none; color: #8b8b8b; }

/*--What We Do--*/
.what-we-do-offer { position: relative; min-height: 237px; margin: 0 0 30px 15px; width: 898px; }
.what-we-do-offer img { position: absolute; left: 10px; top: 16px; }
.what-print { background: url(../images/print-bg.jpg); }
.what-online { background: url(../images/online-bg.jpg); }
.what-text { margin-left: 192px; width: 395px; }
.what-text h2, .what-we-do-small h2 { color: #8b8b8b; font-size: 2.8em; padding: 25px 0 5px; margin: 0; line-height: 1; }
.what-we-do-small h2 { padding-top: 7px; }
.what-text h3, .what-we-do-small h3 { color: #000; font-size: 1.4em; font-style: italic; margin: 0 0 3px; font-family: Arial, Helvetica, sans-serif; font-weight: 700; }
.what-text p a, .what-we-do-small p a { font-size: 1em; padding: 2px 0 2px 25px; text-decoration: none; }
.what-list { position: absolute; left: 605px; top: 50px; background: url(../images/transparent-bg.png); padding: 10px; width: 255px; }
.what-list h3 { color: #000; font-weight: 700; font-style: italic; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; }
.what-list li { list-style: disc; font-size: 1em; margin: 0 0 0 20px; line-height: 1.4; }
.what-we-do-small { width: 401px; float: left; padding: 12px 15px 15px; min-height: 213px; margin: 0 0 40px 15px; }
.what-library { background: url(../images/library-bg.jpg); }
.what-evaluation { background: url(../images/evaluation-bg.jpg); margin: 0 0 40px 40px; }
.what-we-do-link { margin: 0; }

/*--Contact--*/
.contact-text { float: left;  margin: 0 0 0 12px; }
.contact-text ul { margin: 0 0 15px; }
.contact-text li { list-style: disc; font-size: 1em; margin: 0 0 0 20px; line-height: 1.4; }
.promo-column { width: 393px; float: right; position: relative; top: -30px; }
.magazine-promo { background: url(../images/promo1.jpg) no-repeat; width: 393px; height: 197px; }
.image-library-promo { background: url(../images/promo2.jpg) no-repeat; width: 393px; height: 197px; }
.contact-map { float: right; }

#enquiryForm { width: 300px; margin: 0; }
#enquiryForm label { display: block; margin: 0 0 4px; }
#enquiryForm input.text { width: 292px; padding: 4px; background: #F2F6F8; border: 1px solid #559291; }
#enquiryForm legend { font-size: 1.3em; margin: 4px 0 6px; }
#enquiryForm label input { margin: 0 5px 0 0; position: relative; top: 1px; }
#enquiryForm textarea { width: 292px; padding: 4px; height: 200px; margin: 0 0 15px; background: #F2F6F8; border: 1px solid #559291; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.4; }
#enquiryForm textarea:focus, #enquiryForm input.text:focus { background: #fff; }
.contact-text a { color: #559291 }
.contact-text a:hover { color: #000; }

.enquiryError { color: #900; margin: 0 0 20px; }
.enquiryError li { list-style: disc; margin: 0 0 0 20px; padding: 0 ; }