@charset "utf-8";

/******************************** generic ********************************/
body {
	background-color: #FAFAFA;
	color: #333;
	font-family: "Segoe UI", "Trebuchet MS", Verdana, Geneva, sans-serif;
	font-size: 1em;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

a:link {
	text-decoration: none;
	color: #000;
}
a:visited {
	color: #000;
}
a:hover {
	color: #333;
	text-decoration: none;
}
a:active {
	color: #000;
}
a img {border: none; }

header {
	margin: 20px 0 10px;
	padding: 15px 25px;
}
#header-img {
	display: inline-block;
	border: 3px solid #7ff47f;
	/*margin: 15px;*/
	padding: 15px 25px;
}
#header-img img {
	height: auto;
	width: 100%;
}
header h1 {
	font-size: 2em;
}
nav {

}
nav ul {
	margin: 0;
	padding: 0;
}
nav li {
	display: inline-block;
	margin: 0;
	padding: 0;
}
#callnow img {
	display: inline-block;
	margin: -5px 2px 0;
	padding: 0;
}
footer {
	border-top: 2px solid #7f7f7d;
	margin-top: 50px;
	padding-top: 25px;
	font-size: 0.9em;
	height: auto;
}
.footer-quals {
	text-align: center;
}
.footer-qual {
	display: inline-block;
	background-color: #fff;
	border: #7f7f7d solid 2px;
	margin: 5px;
	padding: 3px;
}
.attributions {
	font-size: 0.8em;
	text-align: center;
	margin-top: 10px;
	padding: 25px 0;
}
.rounded {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.roundedtop {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.roundedbottom {
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.social img {
	border: none;
}

/******************************** colours ********************************/
.color-ta-purple { color: #7f7f7d }
.color-ta-green { color: #7ff47f }
.backgroundcolor-ta-purple { background-color: #7f7f7d }
.backgroundcolor-ta-green { background-color: #7ff47f }
.border-ta-purple { border: solid 2px #7f7f7d }
.border-ta-green { border: solid 2px #7ff47f }

.color-mint { color: #A7D097 }		/* light */
.color-green { color: #74DC4D }		/* dark */
.color-mauve { color: #A97BA3 }		/* light */
.color-purple { color: #B640A8 }	/* dark */
.color-cream { color: #F4CEB1 }		/* light */
.color-orange { color: #FFA159 }	/* dark */
.color-pink { color: #E6A7B1 }		/* light */
.color-red { color: #F2546D }			/* dark */

.backgroundcolor-mint { background-color: #A7D097 } 	/* light */
.backgroundcolor-green { background-color: #74DC4D } 	/* dark */
.backgroundcolor-mauve { background-color: #A97BA3 } 	/* light */
.backgroundcolor-purple { background-color: #B640A8 }	/* dark */
.backgroundcolor-cream { background-color: #F4CEB1 } 	/* light */
.backgroundcolor-orange { background-color: #FFA159 }	/* dark */
.backgroundcolor-pink { background-color: #E6A7B1 }		/* light */
.backgroundcolor-red { background-color: #F2546D }		/* dark */

.border-mint { border: solid 2px #A7D097 } 	/* light */
.border-green { border: solid 2px #74DC4D } 	/* dark */
.border-mauve { border: solid 2px #A97BA3 } 	/* light */
.border-purple { border: solid 2px #B640A8 }	/* dark */
.border-cream { border: solid 2px #F4CEB1 } 	/* light */
.border-orange { border: solid 2px #FFA159 }	/* dark */
.border-pink { border: solid 2px #E6A7B1 }		/* light */
.border-red { border: solid 2px #F2546D }		/* dark */

/******************************** home page ********************************/
.jumbotron h1 {
	margin: 0;
}
#talogo-home {
	display: inline-block;
	/*float: right;*/
}
#talogo-home img {
	padding: 2px;
	margin: 2px;
	width: 100%;
	height: auto;
	border: #7ff47f solid 2px;
}
#boxes {
}
.box-link {
	margin-bottom: 20px;
  padding: 5px 25px 10px;
}
.box-link p {
	color: #333;
	font-size: 1.5em;
	height: 100px;
	min-height: 100px !important;
	height: auto;
}
#free-consult {
}
#free-consult h2 {
	background-color: #7ff47f;
	padding: 6px 9px;
}
#change-acc {
}
#change-acc h2 {
	background-color: #7f7f7d;
	padding: 6px 9px;
}
#change-acc a:link {
	text-decoration: underline;
}
#change-acc a:hover {
	text-decoration: none;
	font-weight:bolder;
}
/******************************** about us ********************************/
.people-desc {
	
}
.people-desc img.person {
	display: inline-block;
	border: #7f7f7d solid 2px;
	margin: 2px 10px 5px 2px;
	padding: 2px;
	float:left;
}

#wwd-tech-img {
	text-align: center;
}
#wwd-tech-img img {
	height: auto;
	width: 100%;
}
#testimonials h1 {
	background-color: #7ff47f;
	padding: 6px 9px;
}

/******************************** changing accountants ********************************/
#complaints-list {
	list-style:disc;
	margin:1em 0 0 15px;
	padding:0;
}

/******************************** fixed price options page ********************************/
table {
	font-size: 0.8em;
	margin: 10px 0;
}
tr {
	border-top: #999 solid 1px;
	border-bottom: #999 solid 1px;
}
tr.blankrow {
	border: none;
	height: 1em;
}
tr:nth-child(even) {
    background-color: #F4CEB1;
}
th {
	text-align: center;
	margin: 0;
	padding: 3px;
}
td {
	padding: 2px;
}
td.rowtitle {
	text-align: right;
	width: 25%;
}
td.rowdata {
	text-align: center;
	width: 10%;
}
th.highlight-package {
	background-color: #F2546D;
}
td.highlight-package {
	background-color: #F2546D;
}
.available-tick {
	font-size: 1.5em;
}

/******************************** contacts page ********************************/
#contact label {
	display: block;
	font-weight: 600;
	margin: 15px 5px 5px 30px;
	padding: 0;
}
#contact input[type="text"], input[type="email"] {
	display: block;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 0 0 30px;
	padding: 3px 6px 3px 9px;
	width: 80%;
}
#contact input[type='submit'] {
	display: block;
	margin: 10px 0 0 30px;
	padding: 3px 6px;
	width: auto;
}
#contact select {
	display: block;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 0 0 30px;
	padding: 3px 6px 3px 9px;
	width: 80%;
}
#contact textarea {
	display: block;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 0 0 30px;
	padding: 3px 6px 3px 9px;
	width: 80%;
}

/******************************** media queries ********************************/
@media only screen 
and (max-width : 384px) {
	#nav-spacer {
		height: 0;
		margin: 55px 0 0;
	}
	.spacer {display: none;}
	#callnowtextxsmall {display:inline-block;}
	#callnowtextsmall {display:none;}
	#callnowtextmedium {display:none;}
	#callnowtextlarge{display:none;}
}

@media only screen 
and (min-width : 385px) 
and (max-width : 559px) {
	#nav-spacer {
		height: 0;
		margin: 55px 0 0;
	}
	.spacer {display: none;}
	#callnowtextxsmall {display:none;}
	#callnowtextsmall {display:inline-block;}
	#callnowtextmedium {display:none;}
	#callnowtextlarge{display:none;}
}

@media only screen 
and (min-width : 560px) 
and (max-width : 959px) {
	#nav-spacer {
		height: 0;
		margin: 80px 0 0;
	}
	.spacer {display: none;}
	#callnowtextxsmall {display:none;}
	#callnowtextsmall {display:none;}
	#callnowtextmedium {display:inline-block;}
	#callnowtextlarge{display:none;}
}

@media only screen 
and (min-width : 960px) {
	#nav-spacer {
		height: 0;
		margin: 55px 0 0;
	}

	#callnowtextxsmall {display:none;}
	#callnowtextsmall {display:none;}
	#callnowtextmedium {display:none;}
	#callnowtextlarge{display:inline-block;}

}

/******************************** miscellaneous float/clear classes ********************************/
.fltr {
	float: right;
}
.fltl {
	float: left;
}
.fltclr {
	clear:both;
}
