@charset "utf-8";
/* CSS Document */
/* The below restores some sensible defaults */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;}
strong{font-weight:bold}

em{font-style:italic}
a img{border:none;} /* Gets rid of IE's blue borders */
ol, ul {list-style: none;}
.inline {display:inline;}
br.clear {clear:both;}
div.clear {clear:both;}
.clearright {clear:right;}
.clearleft{clear:left;}
.left {float:left;}
.right {float:right;}
a {color: #2e8775; font-weight: bold;}
a:hover {text-decoration: none;}
p {padding-top: 8px; padding-bottom: 8px;}

html {background: url(/Assets/img/V2/page-grad.png) repeat-x top left;background-color: #537d7b; }

body {
	font-size:62.5%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	font-size:1.2em;
	color: #2e8775;
	background-color: transparent;
	width: 1000px;
	margin: 0px auto 20px auto;
}
.logobar {
	height: 144px;
	width: 100%;
}
.logobar img{
	float: left;
	display: block;
	margin: 35px 0px 0px 20px;
}
.header {
	height: 128px;
	width: 100%;
	background:url(/Assets/img/V2/nav-titleboxbg.png) repeat-x bottom left;
}
.header .titlediv {
	height: 40px;
	width: 740px;
	margin: 40px 0px 0px 259px;
}
.header .titlediv span {
	font-size: 24px;
	color: #fff;
}
/* Page navigation */

.fofa-nav {
	height: 46px;
	width: 100%;
}
   .fofa-nav ul {
	list-style:none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	font-size: 18px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
      }
    .fofa-nav li {
	display:inline;
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
      }
    .fofa-nav a {
	float: left;
	background: url("/Assets/img/V2/navspritesheet.png") no-repeat left top;
	text-decoration: none;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 9px;
      }
    .fofa-nav a span {
	float: left;
	display: block;
	background: url("/Assets/img/V2/navspritesheet.png") no-repeat right top;
	font-weight: normal;
	color:#fff;
	padding-top: 9px;
	padding-right: 19px;
	padding-bottom: 8px;
	padding-left: 10px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .fofa-nav a span {float:none;}
    /* End IE5-Mac hack */
    .fofa-nav a:hover span {
	color:#FFF;
}
    .fofa-nav a:hover {
      background-position:0% -46px;
      }
    .fofa-nav a:hover span {
      background-position:100% -46px;
      }
    .fofa-nav #current a {
	background-position: 0 100%;
	border-bottom: 1px #3e6d6a solid;
}
    .fofa-nav #current a span {
	background-position: 100% 100%;
	color:#4df0da;
}
	.fofa-nav #magazine a {
	background-position: 0px -92px;
}
    .fofa-nav #magazine a span {
	background-position: 100% -92px;
	padding: 9px 34px 8px 10px;
}
	.fofa-nav #magazine a:hover {
	background-position: 0px -138px;
}
    .fofa-nav #magazine a:hover span {
	background-position: 100% -138px;
	padding: 9px 34px 8px 10px;
}
/* End of Page navigation */

.pagewrap {
	background:url(/Assets/img/V2/left-nav-shadow.png) repeat-y 210px 0px;
	background-color: #FFF;
	width: 1000px;
	display:block;
}
/* left nav */
.pagewrap .leftnav {
	width: 180px;
	padding: 15px;
	float: left;
}
.pagewrap .leftnav h1{
	font-size: 14px;
	font-weight: bold;
	width: 100%;
	float: left;
	line-height: 15px;
	margin: 20px 0px 10px 0px;
}
.pagewrap .leftnav span.contact {
	width: 100%;
	padding: 0px 0px 0px 0px;
	float: left;
	border-bottom: 1px #3e6d6b solid;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.pagewrap .leftnav ul{
	width: 100%;
	float: left;
	font-size: 11px;
}
.pagewrap .leftnav ul li{
	font-size: 11px;
	display: block;
	height: 32px;
	line-height: 14px;
}
.pagewrap .leftnav ul li a{
	font-size: 11px;
	display: inline-block;
	height: 40px;
	line-height: 14px;
	font-weight: normal;
}
.pagewrap .leftnav ul li a:hover{
	text-decoration: none;
}
/* End of left nav */
.pagewrap .maincontent {
	width: 690px;
	padding: 30px 50px 30px 50px;
	float: right;
}
.pagewrap .maincontent .title{
	display:block;
	float: left;
}
.pagewrap .maincontent p {
	line-height: 17px;
	display: block;
	font-size: 12px;
}
.pagewrap .maincontent p.first {
	margin-top: 0px;
	font-size: 12px;
	line-height: 17px;
	display: block;
}
.pagewrap .maincontent p.about {
	width: 74%;
	font-size: 12px;
	line-height: 17px;
	display: block;
}
.pagewrap .maincontent p.aboutname {
	width: 74%;
	font-weight: bold;
	font-size: 24px;
	margin: 20px 0px 0px 0px;
	display: block;
	padding: 0px;
}
.pagewrap .maincontent .divider {
	width: 100%;
	height: 10px;
	float: left;
	display: block;
}
.pagewrap .maincontent p.aboutnamefirst {
	width: 74%;
	font-weight: bold;
	font-size: 24px;
	margin: 0px 0px 0px 0px;
	display: block;
	padding: 0px;
}
.pagewrap .maincontent .buymagsimage {
	margin: 20px 0px 0px 0px;
	width: 692px;
	height: 315px;
	background:url(/Assets/img/V2/latest-issue-panel.jpg) no-repeat top left;
	display: block;
	float: left;
}
.pagewrap .maincontent img{
	margin-left: 10px;
	display: block;
	float: right;
}
.pagewrap .maincontent .buymagsimage .link {
	height: 220px;
	margin: 40px 0px 40px 0px;
	display: block;
}
.pagewrap .maincontent .buymagsimage .link span {
	display: none;
}
.pagewrap .footer{
	float: left;
	width: 998px;
	height: 30px;
	border: 1px #fff solid;
	background:url(/Assets/img/V2/footer-bg.png) repeat-x top left;
}
.pagewrap .footer span.copyright{
	margin-left: 15px;
	font-size: 10px;
	color: #fff;
	line-height: 30px;
	float: left;
}
.pagewrap .footer span.footerlinks{
	margin-left: 75px;
	font-size: 10px;
	color: #fff;
	line-height: 30px;
	float: left;
}
.pagewrap .footer span.footerlinks a{
	color: #fff;
}
.pagewrap .footer span.footerlinks a:hover{
	text-decoration: none;
}
.pagewrap .footer span.seethelink{
	margin-left: 75px;
	font-size: 10px;
	color: #fff;
	line-height: 30px;
	float: left;
}
.pagewrap .footer span.seethelink img{
	margin-left: 5px;
	vertical-align: middle;
}
/* contact page */
.pagewrap .contact {
	width: 50%;
}
.pagewrap .contact img{
	float:left;
	margin: 50px 0px 0px 0px;
}
.pagewrap .contact h1{
	font-size: 14px;
	font-weight: bold;
	width: 100%;
	float: left;
	line-height: 15px;
	margin: 20px 0px 10px 0px;
}
.pagewrap .contact span.contact {
	width: 100%;
	padding: 0px 0px 0px 0px;
	float: left;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}
.pagewrap .contact ul{
	width: 100%;
	float: left;
	font-size: 11px;
}
.pagewrap .contact ul li{
	font-size: 11px;
	display: block;
	height: 32px;
	line-height: 14px;
}
.pagewrap .contact ul li.address{
	font-size: 11px;
	display: block;
	height: 90px;
	line-height: 14px;
}
.pagewrap .contact ul li.enquiries{
	font-size: 11px;
	display: block;
	height: 90px;
	line-height: 14px;
}
.pagewrap .contact .enquiries{
	width: 100%;
	font-size: 11px;
	display: block;
	height: 90px;
	line-height: 14px;
	float: left;
	margin-top: 20px;
}
.pagewrap .contact .enquiries a{
	font-weight: normal;
}
.pagewrap .contact .enquiries a:hover{
	text-decoration: none;
}
.pagewrap .contact ul li a{
	font-size: 11px;
	display: inline;
	height: 40px;
	line-height: 14px;
	font-weight: normal;
}
.pagewrap .contact ul li a:hover{
	text-decoration: none;
}
/* end of contact */