@charset "UTF-8";
/* mobi.css (Copyright 2015-2016, Kenneth Higgs, Webpage One) - test style sheet  */
/* Validate HTML at: http://validator.w3.org/  */
/* Validate CSS at: http://jigsaw.w3.org/css-validator/  */

/* hide undesired normal screen content - to free up screen for mobile friendly content */
#container-outer, span.webtrail,#PageHdg, #MainHdg, #star, #PageHdg div.pgpix2, p.intro, a.noprn, div.myfield1 label, div.myfield2 label, div.myfield3 label, div.myfield4 label ,
 #Human label.warning, #Shortlist, #Background ul.nomobi, #Goup, #Footer *   {
	display: none;
}

/* hide overflow-x of body */
body {
	/* hide left-right overflow */
	overflow-x: hidden;	
	width: 99vw;
	font-size: 3.2vw;
}

/* ================================================================= */
/* these sections will set MobiTop box width appropriate for device  */
/* ================================================================= */
#MobiTop  { width: 99vw; }
#SiteName, div.whiteframe, #TopMenu, #SideMenu, #MobiFootLine1, #MobiFootLine2, #MobiFootLine3  { width: 99vw; }
#Footer  { width: 99vw; }
#Content  { width: 99vw; }


/* ====================================================== */
/* activate MobiTop box - mobile friendly content  */
#MobiTop {
	display: block;
	float: left;
	/* hide left-right overflow */
	overflow-x: hidden;
	/* scroll up-down overflow */
    overflow-y: scroll;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background-color: #FFF;
}

/* style SiteName box*/
#SiteName {
	clear: both;
	float: left;
	height: auto;
	margin: 0.1em auto;
	background-color: #FFF;
}

div.whiteframe {
	float: left;
	height: auto;
	margin: 0;
}

/* style company logo */
div.whiteframe img.logo {
	width: 99%;
}

/* style paragraph containing details */
#ContactDetails p.details {
	margin: 0 auto 0.7em;
	font: normal 2.2vw/3.3vw Tahoma, Geneva, Arial, sans-serif;
}

/* style tax pract board logo */
#ContactDetails img.tpb {
	clear: left;
	float: left;
	width: 20%;
	margin: 0 auto 0 0.25em;
}

/* style cert pract acct logo */
#ContactDetails img.caz {
	clear: right;
	float: right;
	width: 24%;
	margin: 0.7em 1.0em 0 auto;
}

/* style 'left' spans */
#ContactDetails p.details span.left {
	float: left;
	margin: 2vw auto 0 17vw;
}

/* style email in contact details */
#ContactDetails p.details span.email {
	margin-left: 12vw;
}

/* relative position styling for 'Downmobi' and 'Upmobi' buttons */
#Upmobi {
	position: relative;
	float: right;
	right: 4vw;
}

#Upmobi img {
	width: 6vw;
}

/* float main page text leftmost, below SiteName & TopMenu */
#Background {
	clear: both;
	float: left;
	width: 95vw;
	margin: 1vw auto;
	padding: 2.5vw 2vw 0;
	text-align: left;
	border-top: 3px solid #CCC;
}

/* shrink Main text heading size */
#Background h1, #Background h2, #Background h3, #Background h4 {
	font-size: 3.3vw;
	margin-top: 3vw;
}

/* display smaller page theme1 pix */
#PageHdg div.pgpix1 {
	position: static;
	clear: both;
	width: auto;
	margin: 0 0.35em;
	padding: 1em 0;
}

/* display smaller page theme1 pix */
#PageHdg div.pgpix1 img.theme1 {
	width: 75vw;
	border: dashed 5px #FF0;
}

/* style Main text paragraphs */
#Background p {
	margin: 0.5em auto 0 0.7em;
	font: normal 2.3vw/3.5vw Tahoma, Geneva, Arial, sans-serif;
}

/* set top margin for lead paragraph */
#Background p.lead {
	clear: both;
	margin-top: 0;
}

/* float thumbnail image at top in lead paragraph */
#Background p.lead img.intext{
	clear: left;
	float: left;
	width: 40vw;
	margin: 1em 0.7em 0.3em 0.3em;
}

/* style Main text list items */
#Background p.lead img.acctg {
	float: right;
}

/* make "standout" info more noticeable */
#Background p.standout {
	font-weight: bold;
	color: #00919C;
}

/* style Main text list items */
#Background #svcslist li {
	font: bold 2.3vw/3vw Tahoma, Geneva, Arial, sans-serif;
	color: #A60053;
}


/* --------------------------- */
/* style contact form: Enquiry */
/* --------------------------- */
#Enquiry {
	width: 95vw;
	margin: 1.5vw auto;
	padding: 2vw;
	border: none;
}

/* ---------------------------- */
/* reposition fields and labels */
/* ---------------------------- */
#Enquiry label.leftside, #Enquiry input, #Enquiry textarea, #Enquiry #captcha, #Enquiry label a.reload, #Enquiry input.Button1 {
	position: static;
	width: 12em;
	margin: 2vw auto 0 5vw;
}

#Enquiry textarea {
	width: 13.1em;
}

#Enquiry label.please {
	color: #F00;
}

#Background p.warningmsg {
	color: #F00;
	background-color: #FF0;
}

#Enquiry #captcha {
	margin: 0.5em;
	width: 10em;
}

#Enquiry input.code {
	clear: right;
	float: right;
	width: 15vw;
	margin: 2vw 5vw auto auto;
}

#Enquiry input.send {
	width: 7em;
	text-align: center;
}

#Enquiry label.load {
	margin: 1em 0.5em 1em;
}

#Enquiry label.why {

}

/* style Thank You box on "message sent" page */
#ThankYou {
	width: auto;
}

/* ---------------------------- */


/* ------------------ */
/* style Footer box */
/* ------------------ */
#Footer {
	clear: both;
	float: left;
	height: 28vw;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

/* display mobile friendly section of Footer only */
#MobiFootLine1, #MobiFootLine2, #MobiFootLine3  {
	display: block;
	margin: 1vw 2vw;
	padding: 3vw auto;
	font: normal 2vw/3vw Tahoma, Geneva, Arial, sans-serif;
}

#MobiFootLine1  a {
	display: inline;
	/* make link fonts larger than default MobiFoot fonts */
	font-size: 2.5vw;
}