body {
margin-left : auto;
margin-right : auto;
width : 950px;
text-align: center; /* for IE */
}

a img { border: none; }

a:link {
	color:#2647A0;
	text-decoration:none;
}
a:link:hover {
	color:blue;
	text-decoration:none;
}

a:active {
	color:black;
	text-decoration:none;
}

.active {
	color:black;
	text-decoration:none;
}

#container {display: block; position: absolute; top: 330px; left: 70px; width: 820px; height: 200px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; }

#container_2 {display: block; position: absolute; top: 730px; left: 61px; width: 500px; height: 170px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;}
#container_2home {display: block; position: absolute; top: 730px; left: 201px; width: 500px; height: 150px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; margin: 0 auto;   /* align for good browsers */
		text-align: left; /* counter the body center */}
#container_3 {display: block; position: absolute; top: 330px; left: 60px; width: 455px; height: 397px; margin: 0 auto;   /* align for good browsers */
		text-align: left; /* counter the body center */ }
#container_4 {display: block; position: absolute; top: 430px; left: 25px; width: 250px; height: 170px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; margin: 0 auto;   /* align for good browsers */
		text-align: center; /* counter the body center */}

#container_5 {display: block; position: absolute; top: 326px; left: 552px; width: 350px; height: 350px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px;}

#blog_container {display: block; position: absolute; top: 330px; left: 70px; width: 810px; height: 200px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; }

#container_6 {display: block; position: absolute; top: 60px; left: 0px; width: 650px; height: 320px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 auto;   /* align for good browsers */
		text-align: left; /* counter the body center */}
		
#container_7 {display: block; position: absolute; top: 60px; left: 660px; width: 200px; height: 500px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 auto;   /* align for good browsers */
		text-align: left; /* counter the body center */}

#container_8 {display: block; position: absolute; top: 321px; left: 640px; width: 230px; height: 500px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 auto;   /* align for good browsers */
		text-align: center; /* counter the body center */}

		
#container_footer {display: block; position: absolute; top: 896px; left: 765px; width: 180px; height: 40px; margin: 0 auto;   /* align for good browsers */
		text-align: left; /* counter the body center */}

#container_portfolio {display: block; position: absolute; top: 385px; left: 95px; width: 750px; height: 100px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; margin: 0 auto;   /* align for good browsers */
		text-align: left; /* counter the body center */}

#footer_links {display: block; position: absolute; top: 930px; left: 200px; width: 500px; height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration:none;}

#container_help {display: block; position: absolute; top: 838px; left: 200px; width: 500px; height: 100px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration:none;}

.photogallery {display: block; position: absolute; top: 350px; left: 280px; width: 800px; height: 300px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; margin: 0 auto;   /* align for good browsers */
		text-align: left; /* counter the body center */}
.photonavlinks {display: block; position: absolute; top: 355px; left: 40px; width: 250px; height: 50px; font: bold 14px Arial; margin: 0 auto;   /* align for good browsers */
		text-align: left; /* counter the body center */}

#mainpagewrap {text-align: left; display: block; position: relative; top: 50px; left: 50px; width: 650px; height: 250px; margin: 0 auto;   /* align for good browsers */
		}

.content_tabs {text-align: left; display: block; position: relative; top: 400px; left: 100px; width: 650px; height: 350px; }

.centercontainer { width: 950px; height: 950px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; background: url(images/click-web-2.jpg);  }

#main_outer_table {font: 75% Verdana, Arial, Helvetica, sans-serif; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; }

#tab_container {position: relative; top: 0px; left: 0px; height: 950px; width: 950px; }

/* HOME TAB*/
.tab1 a { display: block; position: absolute; width: 150px; height: 44px; top: 25px; left: 760px; background:url(images/buttons5.jpg) no-repeat; background-position: 0px -1px; z-index: 1;}
.tab1 a:hover { background-position: -163px -1px; z-index: 1;}

/* PACKAGES TAB */
.tab2 a { display: block; position: absolute; width: 150px; height: 44px; top: 70px; left: 760px; background:url(images/buttons5.jpg) no-repeat; background-position: 0px -101px; z-index: 1;}
.tab2 a:hover { background-position: -163px -101px; z-index: 1;}

/* HOSTING TAB*/
.tab3 a { display: block; position: absolute; width: 150px; height: 44px; top: 115px; left: 760px; background:url(images/buttons5.jpg) no-repeat; background-position: 0px -151px; z-index: 1;}
.tab3 a:hover { background-position: -163px -151px; z-index: 1;}

/* TEMPLATES TAB*/
.tab4 a { display: block; position: absolute; width: 150px; height: 44px; top: 160px; left: 760px; background:url(images/buttons5.jpg) no-repeat; background-position: 0px -351px; z-index: 1;}
.tab4 a:hover { background-position: -163px -351px; z-index: 1;}

/* PORTFOLIO TAB*/
.tab5 a { display: block; position: absolute; width: 150px; height: 44px; top: 205px; left: 760px; background:url(images/buttons5.jpg) no-repeat; background-position: 0px -251px; z-index: 1;}
.tab5 a:hover { background-position: -163px -251px; z-index: 1;}

/* CONTACT TAB*/
.tab6 a { display: block; position: absolute; width: 150px; height: 44px; top: 250px; left: 760px; background:url(images/buttons5.jpg) no-repeat; background-position: 0px -301px; z-index: 1;}
.tab6 a:hover { background-position: -163px -301px; z-index: 1;}


/* 
.tab2 a { display: block; position: absolute; width: 145px; height: 40px; top: 120px; left: 760px; background:url(images/buttons.jpg) no-repeat; background-position: 0px -51px; }
.tab2 a:hover { background-position: -163px -51px; }
*/


/* HOME TAB*/
#active_tab .tab1  { display: block; position: absolute; width: 150px; height: 45px; top: 25px; left: 760px;  background:url(images/buttons5.jpg) no-repeat #ffffff; background-position: -163px -1px; z-index: 1; }

/* PACKAGES TAB */
#active_tab .tab2  { display: block; position: absolute; width: 150px; height: 45px; top: 70px; left: 760px; background:url(images/buttons5.jpg) no-repeat #ffffff; background-position: -163px -101px; z-index: 1;}

/* HOSTING TAB*/
#active_tab .tab3  { display: block; position: absolute; width: 150px; height: 45px; top: 115px; left: 760px; background:url(images/buttons5.jpg) no-repeat #ffffff; background-position: -163px -151px; z-index: 1;}

/* TEMPLATES TAB*/
#active_tab .tab4  { display: block; position: absolute; width: 150px; height: 45px; top: 160px; left: 760px; background:url(images/buttons5.jpg) no-repeat #ffffff; background-position: -163px -351px; z-index: 1;}

/* PORTFOLIO TAB*/
#active_tab .tab5  { display: block; position: absolute; width: 150px; height: 45px; top: 205px; left: 760px; background:url(images/buttons5.jpg) no-repeat #ffffff; background-position: -163px -251px; z-index: 1;}

/* CONTACT TAB*/
#active_tab .tab6  { display: block; position: absolute; width: 150px; height: 45px; top: 250px; left: 760px; background:url(images/buttons5.jpg) no-repeat #ffffff; background-position: -163px -301px; z-index: 1;}

		
/*packages*/
.desc {float: left; display: block; position: relative; top: 10px; left: 0px; width: 600px; height: 75px; }
.pic {float: left; display: block; position: relative; top: 20px; left: 30px; width: 250px; height: 265px; margin: 0 auto;   /* align for good browsers */
		text-align: left; /* counter the body center */}
.center { float: left; display: block; position: relative; top: 5px; left: 0px; width: 250px; height: 200px; background-color: #D9ECBE;padding :5px 15px;}
.right {float: left; display: block; position: relative; top: 5px; left: 30px; width: 200px; height: 200px; background-color: #D9ECBE;padding :5px 0px 0px 35px;}
.right_2 {float: left; display: block; position: relative; top: 10px; left: 10px; width: 520px; height: 265px; margin: 0 auto;   /* align for good browsers */
		text-align: justify; /* counter the body center */}
			
/*how we work*/
.pic2 {float: left; display: block; position: relative; top: 4px; left: -4px; width: 220px; height: 230px;text-align: justify; background-color: #D9ECBE;padding :5px 15px; }
.center2 { float: left; display: block; position: relative; top: 4px; left: 20px; width: 220px; height: 230px;text-align: justify; background-color: #D9ECBE;padding : 5px 15px;}
.right2 {float: left; display: block; position: relative; top: 4px; left: 43px; width: 220px; height: 230px;text-align: justify; background-color: #D9ECBE;padding : 5px 15px;}

h1  {
display: block; 
position: relative; 
top: -10px; 
left: 0px;
font-size : 2.2em;
color : #2647a0;
font-weight : bold;
padding : 0px;
margin : 0;
}

h2  {
font-size : 1.5em;
color : #2647a0;
font-weight : bold;
padding : 4px;
margin : 0;
}

h3  {
font-size : .75em;
color : black;
font-weight : bold;
padding : 0px;
margin : 0;
}



ol {
margin-top: 0px;
margin-bottom: 0px;
color: #333333;
font-size: 90%;
font-weight: normal;
margin-left: 20px;
padding-left: 20px;
line-height: 1.5em;
}

ul {
margin-top: 0px;
margin-bottom: 0px;
color: #333333;
font-size: 80%;
font-weight: normal;
margin-left: 20px;
padding-left: 20px;
line-height: 1.5em;
}

.scrollArea {
width: 820px;
height: 320px;
padding-left: 10px;
padding-right: 5px;
border-color: #6699CC;
border-width: 1px;
border-style: solid;
float: left;
overflow: auto;
}

.blog_scrollArea {
width: 600px;
height: 320px;
padding-left: 10px;
padding-right: 5px;
border-color: #6699CC;
border-width: 1px;
border-style: solid;
float: left;
overflow: auto;
}

.description {
float:centre; width:800px; 
margin:-18px 0 0 5px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:1.4em; 
text-decoration:none;
}

.class1 A:link {color: blue; text-decoration: none}
.class1 A:visited {color: blue; text-decoration: none}
.class1 A:active {color: blue; text-decoration: none}
.class1 A:hover {font-size:1.2em; font-weight:bold; text-decoration: none; color: blue;}

.class2 A:link {color: blue; text-decoration: none}
.class2 A:visited {color: blue; text-decoration: none}
.class2 A:active {color: blue; text-decoration: none}
.class2 A:hover {font-size:1.0em; text-decoration: none; color: blue;}

.addthis_toolbox .hover_effect
{
    width: 300px;
    padding: 4px 0 6px 5px;
    border: 0px solid #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:.7em; text-decoration:none;
}

.addthis_toolbox .hover_effect div
{
    float: left;
}

.addthis_toolbox .hover_effect a
{
    border: 2px solid #fff;
    padding: 3px 3px 3px 20px;
    position: relative;
    text-decoration: none;
}

.addthis_toolbox .hover_effect a:hover
{
    border: 2px solid #105CB6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #B4D3F8;
    color: #105CB6;
    text-decoration: none;
}

.addthis_toolbox .hover_effect span
{
    position: absolute;
    width: 16px;
    height: 16px;
    top: 2px;
    left: 1px;
}

#slide { display: block; 
width: 150px; 
height: 100px; 
position: absolute; 
top: -112px; 
left: 0px; 
z-index: 1;
}

#slide2 { display: block; 
width: 150px; 
height: 100px; 
position: absolute; 
top: -112px; 
left: 0px; 
z-index: 1;
}

#slider_link { display: block; 
width: 200px; 
height: 20px; 
position: absolute; 
top: 0px; 
left: 262px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:1.0em; 
text-decoration:none; 
z-index: 1;
}

#slider_link2 { display: block; 
width: 150px; 
height: 20px; 
position: absolute; 
top: 0px; 
left: 440px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:1.0em; 
text-decoration:none; 
z-index: 1;
}
.advert {display: block; position: absolute; top: 117px; left: 565px; width: 230px; height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; text-decoration:none;}