@charset "utf-8";

/* CSS Document */



* {

	margin: 0px;

	padding: 0px;

	outline:none;

}



a:active {

	outline:none;

}



body {

	background-image: url(images/bg_site_02.jpg);

	background-repeat: repeat-x;

	background-position: left top;

}

.site_bg {

	background-image: url(images/igroup_banner_sm_02.jpg);

	background-repeat: repeat-x;

}





#wrapper {

	width: 905px;

	margin-right: auto;

	margin-left: auto;

	height: auto;

	margin-top: 0px;

	margin-bottom: 0px;

}



#head {

	height: 145px;

}



#head h1 {

	background-image: url(images/logo_01.png);

	background-repeat: no-repeat;

	display: block;

	height: 145px;

	text-indent: -9999px;

	margin-bottom: 0px;

	margin-left: 0px;

	margin-right: 0px;

	width: 155px;

	float: left;

}



#top_menu {

	height: auto;

	width: auto;

	float: right;

}



#top_menu ul {

	height: 27px;

	display: block;

	list-style-type: none;

}



#top_menu li {

	display: inline;

}



#top_menu a {

	color: #FFFFFF;

	text-decoration: none;

	display:block;

	height: 27px;

	float: left;

	clear: right;

	width: 86px;

	text-indent: -9999px;

}



#top_menu a.ho {

	width: 86px;

	background-image: url(images/top_menu_home_03.gif);

	background-repeat: no-repeat;

}



#top_menu a.ab {

	width: 80px;

	background-image: url(images/top_menu_about_04.gif);

	background-repeat: no-repeat;

}

#top_menu a.cr {

	width: 80px;

	background-image: url(images/top_menu_careers.gif);

	background-repeat: no-repeat;

}



#top_menu a.cl {

	width: 89px;

	background-image: url(images/top_menu_clients_05.gif);

	background-repeat: no-repeat;

}



#top_menu a.wo {

	width: 89px;

	background-image: url(images/top_menu_work.gif);

	background-repeat: no-repeat;

}





#top_menu a.co {

	width: 108px;

	background-image: url(images/top_menu_contact_06.gif);

	background-repeat: no-repeat;

}


#top_menu a:hover, #top_menu li .current {

	background-position: bottom left;

}



#head h2 {

	float: left;

	background-image: url(images/ecommerce.png);

	background-repeat: no-repeat;

	display: block;

	float: right;

	text-indent: -9999px;

	width: 379px;

	height: 30px;

	margin-top: 45px;

	margin-right: 5px;

}



#nav {

	height: 36px;

	padding: 0px;

	margin: 0px;

	width: auto;

	



}



#nav ul {

	height: 36px;

	display: block;

	margin: 0px;

	padding: 0px;

	list-style-type: none;

	

}



#nav li {

	display: inline;

		float: left;

	clear: right;

}



#nav a {

	color: #FFFFFF;

	text-decoration: none;

	display:block;

	height: 36px;

	text-indent: -9999px;



}

.serv_bg  {

	background-image: url(images/nav_02_10.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	height: 36px;

	width: 122px;

	text-indent: -9999px;

	float: left;

	clear: both;

}





#nav li a.desdev {

	width: 176px;

	background-image: url(images/nav_02_11.jpg);

	background-repeat: no-repeat;

}



#nav li a.ecomm {

	width: 124px;

	background-image: url(images/nav_02_12.jpg);

	background-repeat: no-repeat;

}



#nav li a.mob {

	width: 89px;

	background-image: url(images/nav_02_13.jpg);

	background-repeat: no-repeat;

}



#nav li a.engine {

	width: 78px;

	background-image: url(images/nav_02_14.jpg);

	background-repeat: no-repeat;

}



#nav li a.call {

	width: 119px;

	background-image: url(images/nav_02_15.jpg);

	background-repeat: no-repeat;

}



#nav li a.host {

	width: 95px;

	background-image: url(images/nav_02_16.jpg);

	background-repeat: no-repeat;

}



#nav li a.sec {

	width: 97px;

	background-image: url(images/nav_02_17.jpg);

	background-repeat: no-repeat;

}



#nav a:hover, #nav li .current {

	background-position: bottom left;

}





/* to remove last pipe line/separation line from menu */





#banner {

	height: 200px;

	margin-top: 1px;

	width: 900px;

}



#banner_none {

	height: 101px;

	margin-top: 1px;

	width: 900px;

}



#left {

	width: 510px;

	float: left;

	height: auto;

}





#left a {

	color: #545454;

	text-decoration: none;

}

#left .p_bold {



}





#left a:hover {

	text-decoration: underline;

}



#welcome_main {

	width: 479px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #dedede;

	padding-bottom: 18px;

	margin-bottom: 20px;

}



#welcome {

	width: 479px;

	padding-bottom: 18px;

}



#welcome_main h2 {

	font-size: 18px;

	font-weight: bold;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	background-image: url(images/welcome_03.gif);

	background-repeat: no-repeat;

	background-position: left top;

	text-indent: -9999px;

	margin-top: 42px;

}



#welcome_main1 h2 {

	font-size: 18px;

	font-weight: bold;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	/*background-image: url(images/welcome_03.gif);*/

	background-repeat: no-repeat;

	background-position: left top;

	/*text-indent: -9999px;*/

	margin-top: 52px;

}



#welcome h2 {

	font-size: 18px;

	font-weight: bold;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	background-image: url(images/welcome_03.gif);

	background-repeat: no-repeat;

	background-position: left top;

	text-indent: -9999px;

	margin-top: 52px;

}

#welcome .about {

	background-image: url(images/about_02.gif);

	background-repeat: no-repeat;

	background-position: left top;

}



#welcome .client {

	background-image: url(images/client_14.gif);

	background-repeat: no-repeat;

	background-position: left top;

}



#welcome .work {

	background-image: url(images/our_work_62.gif);

	background-repeat: no-repeat;

	background-position: left top;

}



#welcome .development_head {

	background-image: url(images/desdev_23.gif);

	background-repeat: no-repeat;

	background-position: left top;

}



#welcome .design_head {

	background-image: url(images/heads_29.gif);

	background-repeat: no-repeat;

	background-position: left top;

}



#welcome .seo_head {

	background-image: url(images/heads_32.gif);

	background-repeat: no-repeat;

	background-position: left top;

}



#welcome .mobile_head {

	background-image: url(images/heads_23.gif);

	background-repeat: no-repeat;

	background-position: left top;

}



#welcome .services {

	background-image: url(images/services_05.gif);

	background-repeat: no-repeat;

	background-position: left top;

}



#welcome .hosting_head {

	background-image: url(images/heads_34.gif);

	background-repeat: no-repeat;

	background-position: left top;

}



#welcome .ecomm_head {

	background-image: url(images/heads_47.gif);

	background-repeat: no-repeat;

	background-position: left top;

}



#welcome .security_head {

	background-image: url(images/heads_37.gif);

	background-repeat: no-repeat;

	background-position: left top;

}



#welcome .callcentre_head {

	background-image: url(images/heads_44.gif);

	background-repeat: no-repeat;

	background-position: left top;

}



#welcome .contact {

	background-image: url(images/contact_08.gif);

	background-repeat: no-repeat;

	background-position: left top;

}





#welcome .send {

	background-image: url(images/send_11.gif);

	background-repeat: no-repeat;

	background-position: left top;

	padding: 0px;

	margin-top: 20px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}



#welcome p {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #545454;

	text-align: justify;

	line-height: 18px;

	padding-top: 8px;

}



#welcome_main p {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #545454;

	text-align: justify;

	line-height: 18px;

	padding-top: 8px;

}



#welcome_main1 p {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #545454;

	text-align: justify;

	line-height: 18px;

	padding-top: 8px;

}



#welcome ul {

	margin-left: 30px;

	margin-top: 8px;

}

#welcome li {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #545454;

	text-align: justify;

	line-height: 18px;

}
#welcome .jobs {

	background-image: url(images/jobs.gif);

	background-repeat: no-repeat;

	background-position: left top;

}
#welcome .jobs-header{

	background-image: url(images/jobs-2.gif);

	background-repeat: no-repeat;

	background-position: left top;
	margin: 20px 0px 0px 0px;
	padding: 0px;

}
#welcome .web-designer{

	background-image: url(images/web-designer.gif);

	background-repeat: no-repeat;

	background-position: left top;
	margin: 20px 0px 0px 0px;
	padding: 0px;

}
#welcome .admin-header{

	background-image: url(images/admin-clerk.gif);

	background-repeat: no-repeat;

	background-position: left top;
	margin: 20px 0px 0px 0px;
	padding: 0px;

}
#welcome .call-header{

	background-image: url(images/call-centre.gif);

	background-repeat: no-repeat;

	background-position: left top;
	margin: 20px 0px 0px 0px;
	padding: 0px;

}
#welcome .call-newsletter-manager{

	background-image: url(images/jobs-callcentre-newsletter-manager.gif);

	background-repeat: no-repeat;

	background-position: left top;
	margin: 20px 0px 0px 0px;
	padding: 0px;

}
#welcome .call-center-agent{

	background-image: url(images/jobs-call-center-agent.gif);

	background-repeat: no-repeat;

	background-position: left top;
	margin: 20px 0px 0px 0px;
	padding: 0px;

}
#awards {

	height: 76px;

	width: 484px;

	margin-bottom: 18px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #dedede;

	padding-bottom: 20px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #3a3a3a;

}



#left .client_logos {

	background-image: url(images/client_logo_03.gif);

	background-repeat: no-repeat;

	background-position: left top;

	height: 893px;

	width: 478px;

	margin-top: 10px;

}





#services {

	width: 232px;

	float: left;

}



#services h3 {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #545454;

	background-image: url(images/headings_06.gif);

	background-repeat: no-repeat;

	background-position: left top;

	text-indent: -9999px;

	height: 18px;

}



#services p {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #545454;

	text-align: justify;

	line-height: 16px;

	padding-top: 10px;

	padding-right: 18px;

}



#payment {

	width: 247px;

	float: left;

	padding-left: 18px;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #dedede;

}



#payment h3 {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #545454;

	background-image: url(images/headings_09.gif);

	background-repeat: no-repeat;

	background-position: left top;

	text-indent: -9999px;

	height: 17px;

}



#payment p {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #545454;

	text-align: justify;

	line-height: 16px;

	padding-top: 12px;

	padding-right: 18px;

}



#payment .payment_image img {

	margin-top: 20px;

}



#right {

	background-color: #f4f4f4;

	height: auto;

	float: right;

	width: 390px;

	background-repeat: repeat-y;

	background-position: left top;

	background-image: url(images/right_bg_17.jpg);

	margin-top: 30px;

}



#right .right_bottom {

	height: 6px;

	background-image: url(images/right_bottom_03.jpg);

	background-repeat: no-repeat;

	background-position: left top;

}





#right h3 {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #545454;

	background-image: url(images/services_13.gif);

	background-repeat: no-repeat;

	background-position: left top;

	height: 50px;

	text-indent: -9999px;

}



#right h4 {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #3a3a3a;

	padding-left: 80px;

	padding-top: 8px;

}



#right p {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #545454;

	text-align: justify;

	line-height: 16px;

	padding-right: 18px;

	padding-left: 80px;

	padding-top: 4px;

}



#right a {

	color: #3a3a3a;

	text-decoration: none;

}

#right a:hover {

	text-decoration: underline;

}





.development {

	height: 72px;

	width: 369px;

	margin-left: 10px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #c4c4c4;

	background-image: url(images/designdev.png);

	background-repeat: no-repeat;

	background-position: left top;

}



.development_over {

	height: 72px;

	width: 369px;

	margin-left: 10px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #c4c4c4;

	background-color: #d0d0d0;

	background-image: url(images/designdev.png);

	background-repeat: no-repeat;

	background-position: left top;

}



.ecommerce {

	height: 72px;

	width: 369px;

	margin-left: 10px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #c4c4c4;

	background-color: #eaeaea;

	background-image: url(images/e_commerce.png);

	background-repeat: no-repeat;

	background-position: left top;

}



.ecommerce_over {

	height: 72px;

	width: 369px;

	margin-left: 10px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #c4c4c4;

	background-color: #d0d0d0;

	background-image: url(images/e_commerce.png);

	background-repeat: no-repeat;

	background-position: left top;

}



.seo {

	height: 72px;

	width: 369px;

	margin-left: 10px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #c4c4c4;

	background-image: url(images/seo.png);

	background-repeat: no-repeat;

	background-position: left top;

    background-color: #eaeaea;	

}



.seo_over {

	height: 72px;

	width: 369px;

	margin-left: 10px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #c4c4c4;

	background-color: #d0d0d0;

	background-image: url(images/seo.png);

	background-repeat: no-repeat;

	background-position: left top;

}



.mobile {

	height: 72px;

	width: 369px;

	margin-left: 10px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #c4c4c4;

	background-image: url(images/mobile.png);

	background-repeat: no-repeat;

	background-position: left top;

}



.mobile_over {

	height: 72px;

	width: 369px;

	margin-left: 10px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #c4c4c4;

	background-color: #d0d0d0;

	background-image: url(images/mobile.png);

	background-repeat: no-repeat;

	background-position: left top;

}



.callc {

	height: 72px;

	width: 369px;

	margin-left: 10px;

	background-color: #eaeaea;

	background-image: url(images/callcentres.png);

	background-repeat: no-repeat;

	background-position: left top;

}



.callc_over {

	height: 72px;

	width: 369px;

	margin-left: 10px;

	background-color: #d0d0d0;

	background-image: url(images/callcentres.png);

	background-repeat: no-repeat;

	background-position: left top;

}



.hosting {

	height: 72px;

	width: 369px;

	margin-left: 10px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #c4c4c4;

	background-image: url(images/hosting.png);

	background-repeat: no-repeat;

	background-position: left top;

}



.hosting_over {

	height: 72px;

	width: 369px;

	margin-left: 10px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #c4c4c4;

	background-color: #d0d0d0;

	background-image: url(images/hosting.png);

	background-repeat: no-repeat;

	background-position: left top;

}





.security {

	height: 72px;

	width: 369px;

	margin-left: 10px;

	background-image: url(images/security.png);

	background-repeat: no-repeat;

	background-position: left top;

	background-color: #eaeaea;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #c4c4c4;

}



.security_over {

	height: 72px;

	width: 369px;

	margin-left: 10px;

	background-color: #d0d0d0;

	background-image: url(images/security.png);

	background-repeat: no-repeat;

	background-position: left top;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #c4c4c4;	

}



#pusher {

	height: 30px;

	clear: both;

}





#footer {

	background-image: url(images/footer_bg_43.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	background-color: #09161f;

	height: 210px;

	clear: both;

	width: auto;

}



#footer_holder {

	width: 905px;

	margin-right: auto;

	margin-left: auto;

}





#footer ul {

	float: left;

	clear: both;



}

#footer li {

	color: #FFFFFF;

	font-size: 11px;

	list-style-image: url(images/bullet_03.gif);

	list-style-type: disc;

	list-style-position: inside;

}

.footer_menu {

	float: left;

	width: 75px;

	margin-right: 225px;

}

.footer_menu li {

	margin-top: 8px;

	margin-bottom: 8px;

}





.footer_serv {

	float: left;

	width: 150px;

}

.footer_serv li {

	margin-top: 8px;

	margin-bottom: 8px;

}





.footer_social {

	float: right;

	width: 150px;

}
.footer_social_facebook {
	text-align:left;
	margin: 0px;
	width: 150px;
	padding: 10px 0 0 0;

}
.footer_social_twitter {
	text-align:left;
	margin: 0px;	
	width: 150px;
	padding: 7px 0 0 0;	

}


.footer_social li {

	margin-top: 8px;

	margin-bottom: 8px;

}





#footer h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #FFFFFF;

	line-height: 35px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	margin: 0px;

}









#footer p {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	font-size: 11px;

	float: left;

	clear: both;

	margin-top: 15px;

}



.fb {

	width: 150px;

	text-indent: -9999px;

	background-repeat: no-repeat;

	background-position: left top;

}



.tw {

	width: 150px;

	text-indent: -9999px;

	background-repeat: no-repeat;

	background-position: left top;

}

.fb a{

	background-image: url(images/social_media_50.gif);

	height: 22px;

	display:block;

}



.tw a {



    background-image: url(images/social_media_54.gif);

	height: 22px;

	display:block;

	}

#footer a {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	text-decoration: none;

}

#footer a:hover {

	text-decoration: underline;

}



/*form*/



.textbox

{

	width: 200px;

	height: 18px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	margin-top: 2px;

	border: 1px solid #bfc0c1;

	padding-top: 2px;

	padding-right: 4px;

	padding-left: 4px;

}



.message_box {

	width: 200px;

	height: 80px;

	overflow: auto;

	border: 1px solid #bfc0c1;

	float: left;

	padding: 4px;

	margin-top: 2px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	

}#left .red {

	color: #FF0000;

}

#left .blue {

	color: #13314c;

}



.footer_social h3, .footer_social ul, .footer_social li{

	padding:0px;

	margin:0px;

}



.fb {

	

	width: 150px;

	

	padding-bottom: 5px;

	text-indent: -9999px;

	background-repeat: no-repeat;

	background-position: left top;

}

.fb a{

	background-image: url(images/social_media_50.gif);

	height: 22px;

	display:block;

}
.contactdetails-main {
	width: 450px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
.contactdetails-left {
	float: left;
	width: 25px;
	height: 24px;	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
.contactdetails-right {
	float: left;
	width: 422px;
	height: 20px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	padding: 4px 0px 0px 3px;
	color: #333333;
}
.since-1996 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:none;
	color: #333333;
	padding: 7px 0 0 0;
	margin: 0px;
}