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

html {
	width: 100%;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

}

body {
	width: 99%;
	background-image: url(../images/bg1.png);
	background-repeat: repeat-x;
	background-color: #faf1e2;
	position: relative;
}

#header{
	position: relative;
	z-index: 100;
	width: 975px;
	height: 150px;
	margin: 0 auto;
}


/*navbar1 */



#nav {
	padding:0; 
	float: right; 
	margin-right:45px; 
	margin-top: -79px; 
	list-style:none; 
	height:50px; 
	position:relative; 
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; width:500px;
}


#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:34px; width:150px; border:none; text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {margin-left:-999px;}

#nav li a.home {background:url(../images/nav1_1.png);width: 93px;text-indent: -9999px;}
#nav li a.services {background:url(../images/nav1_2.png);width: 87px;text-indent: -9999px;}
#nav li a.solutions {background:url(../images/nav1_3.png);
width: 93px;text-indent: -9999px;}
#nav li a.careers {background:url(../images/nav1_4.png);width: 82px;text-indent: -9999px;}
#nav li a.quotation {background:url(../images/nav1_5.png);width: 118px;text-indent: -9999px;}

#nav li:hover a,
#nav a:hover
{background-position: 0 35px;}


#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:15px; top:33px; background-color: white; width:130px; height:auto; z-index:300;color: #f3ffe7;border: 1px solid #dfdfdf;
}
#nav :hover ul.sub li
{display:block; height:25px; position:relative; float:left; width:152px;
	font-size: 80%;
}
#nav :hover ul.sub li a
{display:block; height:25px; width:130px;  text-decoration:none; padding: 0; cursor:pointer;color: #ffaf16; margin-top: 5px; margin-left: 5px;}
#nav :hover ul.sub li a b {position:absolute; left: 0; margin:0;
}


#nav :hover ul li a.aboutus {background: url(fruit/apples2.jpg);}
#nav :hover ul li a.contactus {background:url(fruit/oranges2.jpg);}
#nav :hover ul li a.blog {background:url(fruit/pears2.jpg);}


#nav :hover ul li a.sem {background:url(veg/potatoes2.jpg);}
#nav :hover ul li a.seo {background:url(veg/carrots2.jpg);}
#nav :hover ul li a.intadvt {background:url(veg/turnip2.jpg);}
#nav :hover ul li a.smm {background:url(veg/parsnip2.jpg);}
#nav :hover ul li a.webanalytics {background:url(veg/carrots2.jpg);}
#nav :hover ul li a.webdesign {background:url(veg/turnip2.jpg);}
#nav :hover ul li a.emailmkt {background:url(veg/parsnip2.jpg);}


#nav :hover ul li a.consultancy {background:url(greens/cabbage2.jpg);}
#nav :hover ul li a.extensiveresearch {background:url(greens/cauliflower2.jpg);}
#nav :hover ul li a.strategicplanning {background:url(greens/beans2.jpg);}
#nav :hover ul li a.integration {background:url(greens/sprouts2.jpg);}
#nav :hover ul li a.analysis {background:url(greens/peas2.jpg);}




#nav :hover ul.sub li:hover 
{background-color: #ffbf29; width: 129px; color: white;}
#nav :hover ul.sub li a:hover 
{color: white;}
#nav :hover ul.sub li a:hover b {position: relative;z-index: 100;border: 1px solid #dfdfdf;; top:15px; background:#fff; color:#000; border:1px solid #888; display:block; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px;}



/*navbar1 */



#tagline {
	margin-left: 230px;
	margin-top: -43px;
}

#maincenter {
	position: relative;
	z-index: 1;
	width: 900px;
	margin: 0 auto;
}

#center {

	background-color: white;
	border: 1px solid #afafaf;
	width: 880px;
	height: 100%;
	margin-top: -45px; 
	margin-left: auto;
	margin-right: auto;
	position: relative;
	
}

#content {
	position: relative;
	width: 880px;
}

#nav2 {
	width: 900px;
	margin-top: 40px;
}

#nav2 img {
	margin-left: -45px;
}

#navbar2 {
	position: relative;
	width: 600px;
	height: 65px;
	float: right;
	margin-top: -108px;
	margin-right: -100px;


}

.def {
	display:block; position: absolute; z-index: 0; top: -135px; left: 70px; width: 350px;
        padding: 0; margin: 10px;
        color: #5b5b5b; text-align: left;
        font: 70%/1.5em Arial, Helvetica, Geneva, sans-serif;
        text-decoration: none;
}

.def p {
	margin-top: -11px;
}

#navbar2 a {
    display: block;
    height: 65px;
    text-decoration: none;
}

#navbar2 a span{
	display:none;
	
}

#navbar2 a:hover span {
	display: block;
    position: absolute; top: -125px; left: 70px; width: 355px; height: 120px;
    padding: 0; margin: 10px;
    color: #5b5b5b; text-align: left;
	font: 70%/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	background: white;

}



#navbar2 li { list-style: none; float: left; }

#navbar2 li.sem a { background: url(../images/n1.png) no-repeat; width: 60px; }
#navbar2 li.seo a { background: url(../images/n2.png) no-repeat; width: 60px; }
#navbar2 li.internetad a { background: url(../images/n3.png) no-repeat; width: 60px; }
#navbar2 li.smm a { background: url(../images/n4.png) no-repeat; width: 60px; }
#navbar2 li.webanalytics a { background: url(../images/n5.png) no-repeat; width: 60px; }
#navbar2 li.webdesign a { background: url(../images/n6.png) no-repeat; width: 60px; }
#navbar2 li.emailmkt a { background: url(../images/n7.png) no-repeat; width: 60px; }

#homebanner {
	margin-top: 110px;
	height: 200px;
}

#homebanner ul {
	position: relative;
	margin-left: -60px;
	margin-top: -305px;
	width: 950px;
}

#homebanner li {
margin-left: 30px;
	list-style: none;
	float: left;
}

.aboutustxt {
	display:block; position: absolute; z-index: 0; top: 150px; left: 50px; width: 400px;
        padding: 0; margin: 10px;
        color: white; text-align: left;
        font: 70%/1.5em Arial, Helvetica, Geneva, sans-serif;
        text-decoration: none;
}

#hbs1 {
	margin-top: -55px;
	margin-left: 54px;
}

#hbs2 {
	margin-top: -25px;
	margin-left: 5px;
}

#hbs3 {
	margin-top: -30px;
}

#icon1 img {
	
	margin-left: -5px;

}

.bodytext2 {

	width: 190px;
	padding-top: 10px;;
	color: #5b5b5b; text-align: justify;
	font: 75%/1.4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
}

.bodytextblue {

	width: 190px;
	padding-top: 6px;
	padding-left: 50px;
	color: #2d6693; text-align: justify;
	font: 75%/1.4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: underline;
}



h3 {
	margin-top: 10px;
	font-size: 99%;
	height: 0px;
}


#logo a img {
	border: none;
}

#maincolumn {
	position: relative;
	width: 585px;
	float: left;
	
}

.bodytext {

	width: 480px;
	padding-left: 50px;
	color: #5b5b5b; text-align: justify;
	font: 75%/2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
}

.bodytextnlist {

	width: 480px;
	padding-left: 70px;
	color: #5b5b5b; text-align: justify;
	font: 75%/2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	list-style-type: decimal;
}




.bodytextlist {

	width: 450px;
	padding-left: 100px;
	color: #5b5b5b; text-align: justify;
	font: 75%/2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	list-style-type: circle;
	opacity: 1;
}


.bodytextindent {

	width: 400px;
	padding-left: 80px;
	color: #5b5b5b; text-align: justify;
	font: 75%/2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
}

.bodytextans {

	width: 470px;
	padding-left: 80px;
	color: #5b5b5b; text-align: justify;
	font: 75%/2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
}

.bodyimg {
	margin-left: 60px;

}

.bodyimg img {
		border: 1px solid #cecece;
}

.imgcaption {
	padding-left: 60px;
	color: #5b5b5b; text-align: justify;
	font: 70%/2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none; line-height: 1em;
}

h2 {
	width: 580px;
	padding-top: 30px;
	padding-left: 115px;
	color: #ff9700;
	font: bold 100%/2em Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
}

.h2icon img {
	position: absolute;
	margin-left: 50px;
	margin-top: 12px;
	
}

h2 img {
	margin-top: -20px;
	float: right;
	
}

.boldorange {
	margin-left: 50px;
	color: #ff9700;
	font: bold 100%/2em Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
}

#vtdivider {
	background-image: url(../images/vtdivider.png);
	width: 10px;
	height: 300px;
	margin-right:0;
	float: right;
}

.hrdivider {
	width: 220px;
	margin: 10px auto;
}

#sidebar {
	height: 550px;
	width: 278px;
	float: left;
	margin-top: 50px;
	padding-bottom: 50px;
}

.advert {
	float: right;
	margin-right: 33px;
	padding-bottom: 20px;

}

.advert a img {
	border: none;
}

#subscribe {
	background-image: url(../images/subscribebg.png);
	background-repeat: no-repeat;
	width: 295px;
	height: 340px;
	margin-top: 35px;
	margin-left: 15px;
}

#subscribetext {
	position:absolute;
	width: 200px;
	font-size: 75%;
	color: #3f3f3f;
	margin: 55px 40px 10px 40px;
}

iframe {
	margin-top: 50px;

}

#backtop {
	margin-left: 460px;;
}

.backtotop {
	color: #ff9700;
	font: 80%/2em Arial, Helvetica, Geneva, sans-serif;
	text-decoration: underline;
}

#linkfooter {
	position: relative;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	width: 550px;
	font-size: 80%;
	text-align: center;
	clear: both;
}

#linkfooter a {
	color: #cd8f00;
}

#footer {
	width: 595px;
	height: 50px;
	margin-left: 10px;


}

#footer a {
	font-size: 100%;
	color: gray;
	line-height: 1.5em;
}

#footer p {
	margin-top: 0;
		font-size: 70%;
	color: gray;
	line-height: 1.5em;
}

.quotationform {
	position: relative;
	margin-top: -10px;
	margin-left: 10px;
	
}

#quad {
	margin-left: 90px;
}

#quad a img {
	margin: -5px;
	border: none;
}


#tri {
	margin-left: 50px;
}
#tri a img {
	width: 30%;
	border: none;
}



#centerpic img {
margin: 130px
}


#ser1 {
	margin-top: -30px;
	margin-left: 54px;
}

#ser2 {
	margin-top: -25px;
	margin-left: 5px;
}

#ser3 {
	margin-top: -45px;
	margin-left: 55px;
}
#iconser img {
	border: none;
	margin-left: 90px;

}

#servicespage {
	margin-top: 5px;
}


#sersem {
	margin-left: -5px;
	margin-top: -435px;
}

#serseo {
	margin-left: -20px;
	margin-top: 30px;
}


#serintad {
	margin-left: -5px;
	margin-top: 30px;
}

#sersmm {
	margin-left: 180px;
	margin-top: -120px;
}


#serweba {
	margin-left: 350px;
	margin-top: -160px;
}

#serwebd {
	margin-left: 375px;
	margin-top: -310px;
}

#seremkt {
	margin-left: 350px;
	margin-top: -310px;
}

.bodytextblueser {

	width: 190px;
	padding-top: 6px;
	padding-left: 50px;
	color: #2d6693; text-align: justify;
	font: 75%/1.9em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: underline;
}



#centerpic2 img {
margin-left: 30px;
border: none;
}



.heavy {

	width: 100px;
	padding-top: 6px;
	color: #ffb000; text-align: left;
	font: 120%/1.1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
}

#consultancy {
	margin-top: -370px;
	margin-left: 215px;
}

#research {
	margin-top: 0px;
	margin-left: 465px;
}

#planning {
	margin-top: 220px;
	margin-left: 485px;
	
}

#integration {
	margin-top: -40px;
	margin-left: 125px;
	
}

#analysis {
	margin-top: -210px;
	margin-left: 135px;
	
}

#footerdiv {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 595px;
	height: 200px;
	font-size: 80%;
	text-align: center;
	clear: both;
	bottom: 50px;
}