@charset "utf-8";
/* CSS Document */
body{
background-color:#EFEFEF;
background-image:url("bluefade.jpg");
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#333333;
}
a{
	color:#054D90;
}
p{
	
	margin:14px 0px 14px 0px;
	line-height:1.35em;
}
img{border:0px; max-width:100%}
#container{
max-width:1000px;
margin-left:auto;
margin-right:auto;
}
#social{
text-align:right;
padding:5px 0px 5px 0px;
}
#witton{
padding:1px 15px 1px 15px;
background-color:#ffffff;
box-shadow: 0px 0px 3px #202020;
}
#contact{
font-size:0.8em;
text-align:right;
}
.contactinfo{
float:right;
}
#accountantlogo{
margin-top:-122px;
float:left;
max-width:274px;
}
.menu {
margin:32px 0px 0px 313px;
padding:0px 0px 0px 0px;
background-image:url("menubg.png");
height:33px;
width:657px;
-webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px;
}
.menu li{
display:block;
list-style-type:none;
float:left;
padding:0px 0px 0px 0px;
}
.menu li a{
color:#ffffff;
text-decoration:none;
font-size:1.2em;padding:6px 13px 7px 13px;
display:block;

   
}
.menu li a:hover, .menu .selected{
background:url("menuselectbg.png");
}
.menu li  a.home:hover {
	-moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  -ms-border-top-left-radius: 6px;
  -o-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -ms-border-bottom-left-radius: 6px;
  -o-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;

}
.menu li  a.contact:hover, .contact.selected {
	-moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  -ms-border-top-right-radius: 6px;
  -o-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -ms-border-bottom-right-radius: 6px;
  -o-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;

}
.mobilenav_menu {
	display:none;
}
@media screen and (max-width: 999px) {
	.menu {
		display:none;
	}
	
	.mobilenav_menu {
		display:block;
	}
}
.mobilenav_btn { position: relative; display: block; vertical-align: middle; float: left; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.mobilenav_menu  .mobilenav_menutxt { display: block; line-height: 1.188em; float: left; }
.mobilenav_menu .mobilenav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.mobilenav_menu .mobilenav_no-text { margin: 0 }
.mobilenav_menu .mobilenav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.mobilenav_btn .mobilenav_icon-bar + .mobilenav_icon-bar { margin-top: 0.188em }
.mobilenav_nav { clear: both }
.mobilenav_nav ul,
.mobilenav_nav li { display: block }
.mobilenav_nav .mobilenav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.mobilenav_nav .mobilenav_item { display: block; cursor: pointer; }
.mobilenav_nav a { display: block }
.mobilenav_nav .mobilenav_item a { display: inline }
.mobilenav_menu:before,
.mobilenav_menu:after { content: " "; display: table; }
.mobilenav_menu:after { clear: both }
/* IE6/7 support */
.mobilenav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.mobilenav_menu {
	
}
/* Button */
.mobilenav_btn {
	margin: 5px 5px 6px;	
	text-decoration:none;	
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;  
	background-color: #073B6D;
}
/* Button Text */
.mobilenav_menu  .mobilenav_menutxt {	
	color: #FFF;
	font-weight: bold;	
	text-shadow: 0 1px 3px #000;	
}
/* Button Lines */
.mobilenav_menu .mobilenav_icon-bar {
  background-color: #f5f5f5;
}
.mobilenav_menu {
	background:#0B5AA7;
    background-image:url(../../icon/tap.png);
    background-repeat:no-repeat;
    background-position:top right;
	
}
.mobilenav_nav {
	color:#ffffff;
	margin:0;	
	padding:0;
	font-size:1em;
}
.mobilenav_nav, .mobilenav_nav ul {
	list-style: none;
	overflow:hidden;
}
.mobilenav_nav ul {
	padding:0;
	margin:0 0 0 20px;
}
.mobilenav_nav .mobilenav_item {
	padding:5px 10px;
	margin:2px 5px;
}
.mobilenav_nav a{
	padding:5px 10px;
	margin:2px 5px;
	text-decoration:none;
	color:#ffffff;
}
.mobilenav_nav .mobilenav_item a {
	padding:0;
	margin:0;
}
.mobilenav_nav .mobilenav_item:hover, .mobilenav_nav a:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#9A9097;
	color:#ffffff;	
}
.mobilenav_nav .selected{
color:#87888A;
}
.mobilenav_item:hover .selected{
color:#444444;
}

.mobilenav_nav .mobilenav_txtnode {
     margin-left:15px;   
}

.oast{
margin:15px 0px 15px -4px;
}
h1{
color:#0B59A7;
font-size:1.8em;
font-weight:normal;
margin:0px;
padding:0px;
margin-top:-8px;
}
h2{
font-size:1.1em;
margin:0px; padding:0px;
}
#twitter, #ifa, #sevenoaks{
background-color:#ffffff;
width:323px;
box-shadow: 0px 0px 3px #202020;
float:left;
margin-top:15px;
}
#ifa{
margin:15px 16px 0px 15px;
padding:0px 0px 0px 0px;
text-align:center;
}
#sevenoaks{
	width:293px;
padding:15px 15px 0px 15px;
}
#sevenoaks img{
margin-top:3px;
}
#spectulise{
clear:both;
font-size:0.8em;
padding-top:10px;
}
#legal{
float:right;
}
.mike{
float:right;
margin:10px 0px 10px 10px;
box-shadow: 0px 0px 3px #202020;
}
/* ### Forms ###*/

#comments label{
display:block;
margin-top:10px;
margin-bottom:2px;
}

#comments input{
padding: 3px 0;
text-indent: 5px;
}
#comments select{
padding: 3px 0;
}
#comments .submit{
padding:5px 8px 5px 24px;
background-image:url(button-tick.png);
background-repeat:no-repeat;
background-position:8px 6px;
cursor:pointer;
}
.buttonform{
border:1px solid #d7dada; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-family:arial, helvetica, sans-serif; padding: 5px 8px 5px 8px; font-weight:bold; text-align: center; color: #333333; background-color: #ffffff; text-decoration:none;
-o-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition: -webkit-transform .5s;
}
.buttonform img{
margin-bottom:-3px;
margin-right:5px;
}
.green:hover{
background-color: #E6EFC2;
border:1px solid #C6D880;
-o-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition: -webkit-transform .5s;
}
.buttonlink{
background:url("menuselectbg.png"); -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;padding: 5px 8px 5px 8px; font-weight:bold; text-align: center; color: #ffffff;text-decoration:none; 
 float:right; margin:3px 0px 0px 8px
}


.buttonlink:hover{
  color:#ffffff;
 background:url("menubg.png");
}

@media only screen and ( max-width: 600px )
{
     #comments input, #comments select, #comments textarea{
				width:100%;
			}
}
@media screen and (max-width: 999px) {
	#accountantlogo{
margin-top:-108px;
float:none;
display:block;
margin-bottom:10px;
max-width:200px;
}
#twitter, #ifa, #sevenoaks{
background-color:#ffffff;
width:32%;
box-shadow: 0px 0px 3px #202020;
float:left;
margin-top:15px;

}
#ifa{
margin:15px 1% 0px 1%;
padding:53px 0px 52px 0px;
text-align:center;
min-height:148px;
}
#ifa img{
width:100%;
}
#sevenoaks{
padding:15px 1% 0px 1%;
min-height:238px;
}
iframe{
width:100%;
}

	
}

@media screen and (max-width: 600px) {
#accountantlogo{
margin-top:-35px;
float:none;
display:block;
max-width:200px;
}
#contact{
display:none;
}
.contactinfo{
float:none;
}
.sm{
display:none;
}
.buttonlink{
margin-right:15px;
}
#witton{
margin-top:10px;
}
#twitter, #ifa, #sevenoaks{
width:100%;
min-height:0px;
}
#ifa{
margin:15px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#sevenoaks{
padding:0px;
}
#craftysyntax{
margin:0px 15px 0px 0px;
padding-right:15px;
}
#sevenoaks h2, #sevenoaks p, #sevenoaks img{
padding:15px;
}

}