@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.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: 52px;
}

#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;
}
#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: #072036;
	height: 179px;
	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 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: 23px;
}

.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;
}