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

/* Common Elements Style Starts_____________ */

body {
	background: #FFFFFF;
	text-align: center;
	font-size: small;
	margin: 0 auto;
	padding: 0;
	font-family: "Helvetica Narrow", Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	}
	
body.home #nav a.link#home, body.print #nav a.link#print, body.aboutus #nav a.link#aboutus, body.contact #nav a.link#contact, body.print a.link#print, body.online a.link#online
	{
	color: #FFFFFF;
	}

p {
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	line-height: 120%;
	font-size: 120%;
	}


a	{
	text-decoration: none;
	color: #000;
	margin: 0 auto;
	}


h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 400%;
	color: #000;
	padding: 0;
	margin: 0;
	font-weight: normal;
	letter-spacing: 3px;
	}
	
h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 250%;
	color: #000;
	padding: 25px 0 0 0 ;
	margin: 0 0 0 0;
	font-weight: normal;
	}
	
h3 {
	font-family: Times, serif;
	font-size: 150%;
	color: #000;
	padding: 25px 0 0 0 ;
	margin: 0 0 0 0;
	font-weight: normal;
	}

white {
	color: #FFF;
	}

#nav {
	float: left;
	width: 300px;
	padding: 0 0 0 20px;
	}

.navwrap {
	float: left;
	width: 185px;
	margin: 0;
	padding: 0;
	}

.nav_link {
	float: left;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-size: 85%;
	height: 100%;
	padding: 0;
	}

.nav_link ul{
	padding: 0;
	margin: 0;
	}

.nav_link li{
	display: inline;
	float: left;
	margin: 0 10px 0 0;
	}


.link  {
	margin: 0;
	padding: 3px 0 0 0;
	width: 54px;
	height: 26px;
	background: url(../images/jacksons_06.jpg) repeat;
	}

body.home .link {
	margin: 0;
	padding: 3px 0 0 0;
	width: 54px;
	height: 26px;
	background: url(../images/nav_06.jpg) repeat;
	}


a.img_l {
	border: none;
	}
	
a.link {
	float: left;
	margin: 0;
	/*color: #2A3F55;*/
	color: #6699CC;
	}

body.home a.link {
	float: left;
	margin: 0;
	/*color: #2A3F55;*/
	color: #FFFFFF ;
	}

body.home a.link:hover {
	float: left;
	margin: 0;
	/*color: #2A3F55;*/
	color:#AA9FAA;
	}


a.link:hover {
	color: #FFFFFF;
	}



.img_l {
	float: left;
	border: none;

	}
	
.img_r {
	float: right;
	border: none;
	}


#centre {
	float: left;
	height: auto;
	width: 1000px;
	}

#c_banner {
	float: none;
	clear: left;
	background:url(../images/jacksons2_40.jpg) repeat-x;
	width: auto;
	height: 44px;

	}

#c_wrap {
	float: none;
	clear: none;
	background:url(../images/jacksons_37.jpg) repeat;
	height: 414px;
	padding-left: 30px;
	}

#c_card {
	float: left;
	margin: 30px 0 0 0px;
	background: url(../images/jacksons_41.jpg) repeat;
	height: 384px;
	width: 373px;
	}

#c_card_wrap {
	float: left;
	padding: 15px;
	}

a:hover #c_card_wrap{
	margin: 6px;
	padding: 8px;
	border: 1px dotted #FFF;
	width: 343px;
	}


.c_text_r {
	float: left;
	text-align: left;
	color: #FFFFFF;
	width: 200px;
	padding: 0 0 0 15px;
	}

.c_text {
	float: left;
	text-align: left;
	color: #FFFFFF;
	}

.c_text h1{
	font-family: "Helvetica";
	letter-spacing: 2px;
	font-size: 165%;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 95%;
	}

.c_text h2{
	font-family: "Helvetica";
	letter-spacing: 1px;
	font-size: 100%;
	color: #FFFFFF;
	font-weight: normal;
	padding: 0;
	margin: 0 0 5px 0;
	}

.c_text h3{
	font-family: "Helvetica";
	letter-spacing: 2px;
	font-size: 140%;
	color: #FFFFFF;
	font-weight: normal;
	padding: 10px 0 10px 0 ;
	margin: 0;
	border-top: solid 2px #FFF;
	}

.c_phone {
	float: left;
	padding: 0 0 10px 0;
	border: none;
	margin: 0;
	}

.c_text_r a{
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-size: 100%;
	color: #FFFFFF;
	font-weight: normal;
	padding: 20px 0 0 0 ;
	margin: 10px 0 0 0 ;
	}

 .c_text_r  a:hover {
	color: #AA0000;
	}

.c_img {
	float: left;
	border: none;
	padding: 20px 0 0 0 ;
	}

#c_pin {
	float: left;
	clear: left;
	padding: 4px 0 0 5px;
	border: none;
	}
	
.shout {
	font-size: 150%;
	}

.h_txt {
	font-family: "Times New Roman", Times, serif;
	font-size: 300%;
	color: #000;
	padding: 0;
	margin: 0;
	font-weight: normal;
	letter-spacing: 3px;
	}	

/* Common Elements Style ___________ Ends*/

/* Index Page Style _______________ Starts*/

#header {
	float: left;
	}
	
#h_space {
	float: left;
	margin: 0 0 0 -20px;
	}


#a_banner {
	float: none;
	clear: left;
	background: url(../images/jacksons_18.jpg) repeat-x; 
	width: auto;
	height: 347px;
	padding: 20px 0 20px 0px;
	text-align: left;
	}
	

#about_wrap {
	float: left;
	
	}
	


.a_text {
	float: left;
	padding: 10px 0 10px 20px ;
	clear: left;
	text-align: left;
	width: 800px;
	}

.a_text a {
	margin: 5px 0 0 0;
	padding: 0;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	}

.a_text a:hover {
	color: #000;
	}

#about_border .a_text a .hotspot {
	top: -5px;
	left: 10px;
	}

#about_border .a_text a:hover .hotspot {
	display: block;
	border: 1px dotted #FFF;
	background-repeat: no-repeat;
	margin: -1px;
	width: 800px;
	height: 100px;
	}


.a_title {
	float: left;
	padding: 0 0 0px 20px;
	border: none;
	}
	


#print_text {
	float: left;
	width: 258px;
	text-align: left;
	padding: 17px 15px 80px 25px;
	}

p a.ind , h1 a.ind  {
	padding: 6px 6px 10px 0px;
	margin: 0;
	}

h1 a:hover.ind  {
	/*background: #EDFBFC;*/
	color: #AA0000;
	margin: 0;
	}


	
#online_text {
	float: left;
	width: 258px;
	text-align: left;
	padding: 17px 20px 80px 30px;
	}

#img_head {
	float: left;
	clear: left;
	border: none;
	}

	
#h_img {
	float: left;
	clear: left;
	border: none;
	}


a#h_img {
	border: none;
	}

#a_banner h1{
	font-size: 150%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin: 0;
	padding: 0;
	}

#p_wrap {
	float: left;
	padding: 25px 0 0 0;
	width: 931px;
	}

#p_banner {
	background: url(../images/jacksons2_25.jpg) repeat-x;
	width: 805px;
	height: 181px;
	float: left;
	margin: 0px;
	padding: 15px 0px 0px 30px;
	}

a.p_link {
	font-family: "Arial";
	font-style: normal;
	font-weight: normal;
	font-size: 120%;
	padding: 0 0 0 5px;
	margin: 0;
	}

a:hover.p_link {
	color: #FFFFFF;
	}

.p_img {
	float: left;
	padding: 13px 10px 0px 0px;
	}

.p_img2 {
	
	}
	
#nav_end_ind {
	float: left;
	padding: 0 0 0 20px;
	}

#strip {
	float: left;
	margin: 20px 32px 40px 32px ;
	}


		
/* Index Page Style _______________ Ends*/


/* Print Page Style _____________ Starts*/


#nav_end {
	float: left;
	clear: left;
	padding: 0 0 0 20px;
	}

#print_wrap {
	float: left;
	width: 850px;
	padding: 0 0px 80px 15px;
	}

#print_body {
	float: left;
	clear: left;
	width: 600px;
	padding: 23px 0px 0px 31px;
	text-align: left;
	}
	
#print_img {
	float: left;
	padding: 20px 0 0 0;
	}

.print_row {
	float: left;	
	padding: 10px 0px 0px 0px;
	width: 900px;
	}

.print_sample {
	float: left;
	padding: 10px;
	}

.print_sample h3 {
	font-size: 125%;
	}

.print_title {
	float: left;
	}

.print_client {
	float: left;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	}

.client_wrap{
	clear: left;
	padding: 5px 0 0 0;
	}

#icons {
	float: left;
	clear: left;
	width: 220px;
	margin: 0 0 20px 20px;
	}
	
#icons ul {
	padding: 0;
	margin-bottom: 10px;
	}
	
#icons li {
	float: left;
	padding: 0 10px 5px 0;
	display: inline;	
	list-style: none;	
}

.line{
	float: left;
	border-bottom: 2px solid #000;
	padding: 0;
	width: 700px;
	}


/* Print Page Style _____________ Ends*/


/* Online Page Style _____________ Starts*/

#online_centre {
	float: left;
	height: auto;
	width: 1000px;
	background: url(../images/back_17.png) repeat-y;
	}


#online_banner {
	float: left;
	width: 365px;
	height: 1100px;
	}
	

#online_intro {
	float: left;
	width: 520px;
	border-bottom: 2px solid #000;
	margin: 0 0 10px 0;
	}
	
.online_img {
	float: left;
	padding: 0px 0 0 25px;
	}
	
.online_step {
	float: left;
	clear: left;
	padding: 5px 0px 0 20px;
	width: 345px;
	text-align: left;
	color: #FFF;
	}

.online_step p{
	padding: 10px 0px 20px 20px;
	margin: 0;
	float: left;
	font-family:"Arial Narrow";
	width: 150px;
	}

.online_step h2{
	padding: 5px 0px 25px 20px;
	width: 300px;
	float: left;
	font-family:"Arial Narrow";
	font-size: 150%;
	color: #FFF;
	}
	

#online_body {
	float: left;
	clear: left;
	width: 543px;
	padding: 23px 40px 55px 30px;
	text-align: left;
	}


#bus_wrap {	
	float: left;
	padding-top: 10px;
	width: 540px;
	}

.border {
	float: left;
	padding: 0;
	margin: 20px 0 0 20px;
	border-bottom: 1px solid #CCC;
	width: 495px;
	}

.bus_block {
	float: left;
	margin: 0px 0 30px -10px;
	width: 540px;
	height: 310px;
	}



.bus_text {
	float: left;
	width: 530px;
	padding: 10px 5px 0 10px;
	}



.bus_text p{
	font-size: 115%;
	line-height: 135%;
	}

.bus_text h3{
	font-size: 110%;
	letter-spacing: 1px;
	font-family: Arial;
	font-weight: bold;
	padding: 0;
	margin: 0;
	}

.bus_img {
	float: right;
	padding: 10px 0px 20px 30px;
	border: none;
	}

/* Online Page Style _____________ Ends */



/*About Page Style _____________ Starts */

#about_body {
	float: left;
	width: 875px;
	text-align: left; 
	padding: 23px 0 100px 30px;
	}

#about_body i{
	font-family: "Times New Roman", Times, serif;
	font-size: 130%;
	font-weight: normal;
	padding: 10px 0 5px 0;
	margin: 0;
	float: left;
	}

#me {
width: 100px;
	float: right;
	border: 1px solid #000;
	margin: 4px 0px 8px 8px;
	}

#about_body h2{
	font-family: "Times New Roman", Times, serif;
	font-size: 200%;
	font-weight: normal;
	padding: 0px 0 5px 0;
	margin: 0;
	
	}



#about_body h3{
	font-size: 180%;
	font-weight: normal;
	padding: 0px 0 0 0;
	margin: 0 0 10px 0;
	}
	
#about_body h4{
	border-top: 0px solid #e6e6e6;
	font-size: 90%;
	font-weight: normal;
	padding: 6px 0 0 0;
	margin: 0px 0 10px 0;
	
	}

#about_body p{
	font-size: 110%;
	font-weight: normal;
	padding: 0px 0 0 0;
	margin: 0 0 10px 0;
	}

.column {
	float: left;
	width: 260px;
	padding: 20px 35px 20px 0 ;
	}

.column2 {
	float: left;
	width: 230px;
	padding: 20px 35px 0 0 ;
	}

.column3 {
	float: left;
	width: 300px;
	}

#consulting {
	float: left;
	background: #eee;
	margin-top: 10px;
	padding: 4px;
	}

#friends {
	padding: 10px 0 0px 0;
	width: 840px;
	border-top: 1px solid #ccc;
	float: left;
	}
	
#friends h2{
	font-family: Arial, Helvetica, sans-serif;
	clear: left;
	font-size: 90%;
	font-weight: bold;
	padding: 0 0 10px 0;
	}
		
#friends a{
	float: left;
	clear: left;
	font-size: 85%;
	margin: 0 0 4px 0;
	}

#friends a:hover{
	background: #A6CAF0;
	}
	
/*About Page Style ______________ Ends */



/* Contact Page Style ___________ Starts */

#contact_wrap {
	float: left;
	margin: 35px 0 0 35px;
	}

#contact_top {
	float: left;
	padding: 15px 20px 0 30px;
	width: 565px;
	background: url(../images/contact_09.jpg) repeat;
	text-align: left;
	}

#contact_bottom {
	float: left;
	height: 74px;
	width: 615px;
	background: url(../images/contact_09.jpg) repeat;
	}	

#contact_title {
	float: left;
	clear: left;
	}

.contact_text {
	float: left;
	clear: left;
	padding: 10px 0 0 0;
	width: 560px;
	}
	
.contact_text2 {
	float: left;
	padding: 20px 0 0 0;
	}

#contact_img {
	float: right;
	padding: 80px 20px 60px 0;
	}

#contact_img2 {
	float: left;
	}

#contact_top h1{
	font-size: 250%;
	color: #FFFFFF;
	font-family: "Helvetica";
	font-weight: normal;
	letter-spacing: 20px;
	padding: 0 0 5px 0;
	letter-spacing: 0px;
	}

#contact_top h2{
	font-size: 130%;
	font-family: Times, serif;
	font-style: Italic;
	font-weight: normal;
	padding: 10px 0 0px 0;
	}	

#contact_top b{
	font-family: "Arial Narrow";
	font-size: 130%;
	}

#contact_top h3 {
	font-size: 225%;
	font-family: "Arial Narrow";
	font-weight: normal;
	padding: 10px 0 10px 0;
	}

#contact_top h4 {
	font-size: 120%;
	font-family: "Arial Narrow";
	font-weight: normal;
	padding: 0px 0 10px 0;
	margin: 0;
	}

#contact_top a {
	font-size: 130%;
	font-family: "Arial Narrow";
	font-weight: normal;
	padding: 20px 0 10px 0;
	}
	
#contact_top a:hover {
	color: #AA0000;
	}

.contact_block {
	width: 360px;
	float: left;
	clear: left;
	padding: 10px 10px 50px 0;
	
	}

/* Contact Page Style ____________ Ends */