/* the VAT practic ltd CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	background-image: url(../images/bg_01.gif);
	background-repeat: repeat-x;
	margin-right: 0px;
	margin-bottom: 0px;
}

.header1 {
	font-family: "Century Gothic";
	color: #FFFFFF;
	font-size: 40px;
}
.header2 {
	font-family: "Arial Black";
	font-size: 40px;
	font-weight: bold;
	color: #FFFFFF;
}
.nav_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0f73ba;
}
.nav_text_white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
.strap_text {
	font-family: "Arial Black";
	font-size: 20px;
	color: #FFFFFF;
}
.header3 {
	font-family: "Arial Black";
	font-size: 18px;
	color: #0f73ba;
}
#wrapper {
	height: auto;
	width: 974px;
	margin-right: auto;
	margin-left: auto;
}
#textbox1 {
	float: left;
	height: 221px;
	width: 536px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-top: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-left: 37px;
	padding-top: 30px;
	padding-right: 20px;
}
#contactbox1 {
	float: left;
	height: 320px;
	width: 355px;
	margin-top: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	padding-left: 37px;
	padding-top: 60px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#sstextbox {
	float: left;
	height: auto;
	width: 898px;
	margin-top: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-left: 37px;
	padding-top: 30px;
	padding-right: 37px;
	border: 1px solid #CCCCCC;
}
#gstextbox {
	float: left;
	height: auto;
	width: 898px;
	margin-top: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-left: 37px;
	padding-top: 30px;
	padding-right: 37px;
	border: 1px solid #CCCCCC;
}
#footernavbar {
	float: left;
	height: 38px;
	width: 974px;
	background-image: url(../images/footer-nav-image_01.jpg);
	padding-top: 17px;
}
#indeximage {
	float: left;
	height: 208px;
	width: 380px;
	margin-top: 45px;
}
#contactmap  {
	float: left;
	height: 320px;
	width: 505px;
	margin-top: 45px;
	border: 1px solid #CCCCCC;
	padding-right: 37px;
	padding-left: 37px;
	padding-bottom: 30px;
	padding-top: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
}
#headercontainer {
	height: auto;
	width: 974px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	float: left;
	height: 83px;
	width: 417px;
	padding-left: 37px;
	padding-top: 26px;
	background-color: #0691f2;
}
 /*................... CAPITAILS START */
p{
  text-align   : justify;
  line-height  : 1.5em;
}

.firstLetter{
  display      : block;
  float        : left;
  margin-top   : -0.33em; /* use -0.205em for two lines */
  margin-left  : -0.56em;
  margin-right : 0.5em;
  height       : 4.5em;
}

.firstLetter span{
  font-size    : 5.6em;   /* use 3.33em for two lines */
  line-height  : 1.0em;
}

.firstLetter + span{
  margin-left  : -0.5em;
}     /* .......................CAPITAILS ENDs */
#copyright {
	float: left;
	width: 390px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	height: 15px;
	padding-left: 10px;
	margin-top: 10px;
}
#lyb {
	float: right;
	width: 390px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	height: 15px;
	padding-right: 10px;
	margin-top: 10px;
}
#navbar1 {
	height: 25px;
	width: 462px;
	float: left;
	background-image: url(../images/home-page-bg_01.jpg);
	padding-top: 84px;
	padding-left: 58px;
}
#navbar1a {
	height: 25px;
	width: 462px;
	float: left;
	background-image: url(../images/home-page-bg_1a.jpg);
	padding-top: 84px;
	padding-left: 58px;
}
#navbar2 {
	height: 25px;
	width: 462px;
	float: left;
	background-image: url(../images/home-page-bg_02.jpg);
	padding-top: 84px;
	padding-left: 58px;
}
#gs2 {
	height: 25px;
	width: 462px;
	float: left;
	background-image: url(../images/gs2-image.jpg);
	padding-top: 84px;
	padding-left: 58px;
}
#ss2 {
	height: 25px;
	width: 462px;
	float: left;
	background-image: url(../images/ss2-image.jpg);
	padding-top: 84px;
	padding-left: 58px;
}
#cu2 {
	height: 25px;
	width: 462px;
	float: left;
	background-image: url(../images/cu2-image.jpg);
	padding-top: 84px;
	padding-left: 58px;
}
#navbar3 {
	height: 25px;
	width: 462px;
	float: left;
	background-image: url(../images/home-page-bg_03.jpg);
	padding-top: 84px;
	padding-left: 58px;
}
#navbar4 {
	height: 25px;
	width: 462px;
	float: left;
	background-image: url(../images/home-page-bg_04.jpg);
	padding-top: 84px;
	padding-left: 58px;
}
#strapline {
	float: left;
	height: 38px;
	width: 937px;
	padding-left: 37px;
	padding-top: 7px;
	background-color: #56b3f5;
}
#container2 {
	height: auto;
	width: 974px;
	margin-right: auto;
	margin-left: auto;
}
#footerinfo {
	background-color: #CCCCCC;
	float: left;
	height: 135px;
	width: 937px;
	margin-top: 45px;
	padding-left: 37px;
	padding-top: 10px;
}
.companyreg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.companyregsmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.phone_email {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFFFFF;
}
.nav_text_white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}

.footernavtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cccccc;
}

a:link {
	color: #0f73ba;
}
a:visited {
	color: #0f73ba;
}
a:hover {
	color: #999999;
}
/* white link */
a.white_link:link {
	color: #FFFFFF;
}
a.white_link:visited {
	color: #FFFFFF;
}
a.white_link:hover {
	color: #999999;
}
/* grey link */
a.grey_link:link {
	color: #cccccc;
}
a.grey_link:visited {
	color: #cccccc;
}
a.grey_link:hover {
	color: #FFFFFF;
}
/* d_grey link */
a.dgrey_link:link {
	color: #999999;
}
a.dgrey_link:visited {
	color: #999999;
}
a.dgrey_link:hover {
	color: #cccccc;
}
/* darker_grey link */
a.ddgrey_link:link {
	color: #333333;
}
a.ddgrey_link:visited {
	color: #333333;
}
a.ddgrey_link:hover {
	color: #999999;
}