@charset "utf-8";
/* CSS Document */

/*General*/
/* Note 0.0625 x Pixel width = the number of EM to use (Provided you haven't changed the base font-size */
@-ms-viewport { width: device-width; }
* {box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
html, body { width: 100%; margin:0; }
body {
    background-color: #ffffff;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 1.4em;
    margin-bottom: 0;
    margin-top: 0;
	background:url(../images/pagebgsm.jpg);
}
.contentinner {  background: #fff none repeat scroll 0 0; margin: 10px; padding: 10px;}
.contentinner img {max-width:100%; height:auto;}
#wrapper { width: 100%; overflow: hidden; margin:0; padding:0; }
.clear {clear:both;height:1px;width:100%}
.content p, .morebar, .content li, .content td { /*font-size: 1.2em;*/ }
.visuallyhidden { border: 0 none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.hide {display:none;}
#content .contentinner article img {max-width:100% !important;max-height:auto !important;}


/*------------------------- MOBILE MENU ----------------------------*/

#mobileNav-control {z-index:1000;cursor:pointer;}
#mobileNav-control {display:none}
#mobileNav {
	display:none; color:#fff;
	right: 10px;	top:72px;
	position: absolute;
	z-index:999;
	min-width:20em;
	max-width:96%;
	background: #3e1f24; 
	-webkit-box-shadow: 2px 3px 10px 1px #333333;
	box-shadow: 2px 3px 10px 1px #333333;
}
#mobileNav.left {left: 10px;right: auto;}
#mobileNav .mobile-menu-title {display:block;padding:1em 1em 0;font-style:italic}
#mobileNav ol {margin:0;list-style:none;padding-left:1.5em}
#mobileNav ol.toplvl {margin:0 0.5em 1em;}
#mobileNav li {display:block;position:relative}
#mobileNav a {display:block;padding:0.5em 0; color:#e9e2bd; border-bottom: 1px solid #250f12;}
#mobileNav a:hover {color:#dedfc0;}
#mobileNav a {margin-left:0.2em}
#mobileNav .toggle {cursor:pointer;width:3em;background-color:#eee;height:1.5em;position:absolute;left:-1.5em;top:5px;}

@media only screen and (min-width: 46em) { /*737px*/
	#mobileNav {display:none !important}
}
@media only screen and (max-width: 46em) { /*737px*/
	.horizontalMenu, .textHorizontalMenu {display:none;}
	#mobileNav-control {display:block}
	header #header {position:relative;}
	#mobileNav-control {width:45px;height:52px;position:absolute;right:10px;top:1em;width:2.5em;}
	#mobileNav-control.left {left:10px;right:auto;}
	#mobileNav-control span {display:block;height:7px;width:100%;}
	#mobileNav-control span.menubar {height:3px;-webkit-border-radius: 4px;border-radius: 4px; background:#216050;}	
}
@media only screen and (max-width: 28em) { /*448px*/
	#mobileNav {max-width:98%;width:98%;margin-left:1%;margin-right:1%;left:0;right:0;}
}

/*------------------------- MOBILE MENU END ----------------------------*/

/*Content Styling*/
a {
	color: #1a4491;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #1a4491;
	text-decoration: none;
	font-weight: bold;
}

/*Header*/
.header .logo {background:url(../images/A1-accounting.png) no-repeat; background-size:contain;height:101px;max-width: 860px;}
.header .contacts {font-size: 1.2em;  text-align:right;margin-top: -30px;}
.header .contacts span {display:block;}
.header .menu {text-align:center;margin-top: 10px;}
.menu img {border:none;}

/*Content*/
.tableBackground {}
.bodytext {
	text-align: left;
    line-height: 1.3;
	list-style-type:square;
}
.footertextright {
	font-size: 11px;
	text-align: right;
    line-height: 1.3;

}
.footertextleft {
	font-size: 11px;
	color:#675f40;
	text-align: left;
	line-height: 1.3;
	list-style-type:square;
	}
.centredtextlarge {
	font-size: 18px;
	color:#1a4491;
	text-align: center;
	font-weight:bold;
	line-height: 1.3;
	list-style-type:square;
}

.centredtext {
	color:#1a4491;
	text-align: center;
	font-weight:bold;
	line-height: 2.3em;
	list-style-type:square;
}
img.myob { display:block;}
img.bas {display:block; margin: 1em auto; }


/* Google Maps */
#gmap {
	width: 100%;
	height: 280px;
	margin: 16px auto;
}

/*Footer*/



@media only screen and (min-width: 38em) { /*480px*/ 
.button.left, .button.right { width:95%;}
.header .logo { height:121px;}
.header .contacts { }
.header .contacts span {display:inline;}
img.myob { float:right;display:inline;}

}
@media only screen and (max-width: 530px) {  
#enquiryform form td {display:block;}
}

@media only screen and (min-width: 46em) { /*737px*/
.footertextright, .footertextleft {width:49%; float:left;}
img.bas {display:inline; float:right; margin:-2em 1em 0 1em;}
}

@media only screen and (min-width: 60em) { /*960px*/

body { 
	background-image:url(../images/pagebg.jpg); 
	background-position:center 0; 
	background-attachment:fixed;	
}
.header .logo {height: 216px; margin-left:40px;}
.header .contacts {position:relative; left:313px; top:-30px; text-align:left;}
.header .menu {
    left: 722px;
    margin-top: 0px;
    position: relative;
    top: -68px;text-align:left;
}
.contentinner {  background: none; margin: 0px; padding: 0px;}

.select{
	background:#023A51;color:#F9EDE4;font-weight: bold;
}
.tableBackground { background: #fff none repeat scroll 0 0; border-radius: 10px;  margin: 0px 40px 10px; padding: 10px 20px 10px; }
.footerBackground {  padding: 0 20px;}
.bodytext {
	/*margin-left: 60px;
	margin-right: 60px;
}
.footertextright {
	margin-left: 30px;
	margin-right: 30px;
}
.footertextleft {
	margin-left: 30px;
	margin-right: 30px;
	}
.centredtextlarge {
	margin-left: 10px;
	margin-right: 10px;*/
}

.centredtext { font-size:0.9em;}
.textright {
	margin-left: 30px;
	margin-right: 100px;
	font-size: 11px;
	color:#000;
	text-align: right;
    line-height: 1.3;

}


#wrapper {
	margin:0px auto 0;
	width:960px;
}
#header {
	height:100px;
}
#content{padding: 1px;} /* important to stop gaps between div's*/
#footer {
	height:100px;
}
#footerWrap {
	margin:15px auto 0;
	width:960px;
}
h1.smalltext {
	font-size: 0.9em;
	color: #F8C3C3;
	margin: 0;
	text-decoration: none;
	font-weight: normal;
}
}