@charset "utf-8";
/* CSS Document */
body
{
	margin:0px;
	padding:0px;
	background-image:url(../images/bl.jpg);
	width:100%;
}
#main
{
	width:1024px;
	margin-left:auto;
	height:150px;
	margin-right:auto;
}
#main2
{
	width:1024px;
	margin-left:auto;
	margin-right:auto;
}
#ztbanner
{
	
}
#banner
{
	width:780px;
	height:350px;
	float:left;
	padding-bottom:20px;
}
#header {
    width: 100%;
    margin-left: auto;
    height: 150px;
    margin-right: auto;
    position: relative;
    /* background-image: url(../images/bgline.jpg);
    background-position: bottom;
    background-repeat: repeat-x; */
}

#mainheader {
    width: 1024px;
    margin-left: auto;
    height: 150px;
    margin-right: auto;
    position: relative;
}

#logo {
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 20px;
    left: 20px; 
}

.Failuremsg {
    background: url("../images/ifail.gif") no-repeat scroll 20px 50% #FFDDDD;
    /* border: 1px solid #FF0000; */
    color: #FF4646;
    font-family: calibri;
    font-size: 12px;
    padding-left: 45px;
    text-align: left;
}
/*body start here*/
#body
{
	width:1024px;
	float:left;
}
#topmenus
{
	background-image:url(../images/menu-bg.gif);
	background-repeat:repeat-x; 
	height:48px;
  width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: auto;
  	margin:0px;
	padding:0px;
}
#topmenuinner
{
	width:1024px;
	margin-left:auto;
	margin-right:auto;
}
#leftbody
{
	width:220px;
	float:left;
	margin-top:20px;
}
#rightbody
{
	width:780px;
	float:right;
	margin-bottom:20px;
}
#rightbody2
{
	width:780px;
	z-index:999999;
	position:relative;
	padding-top:5px;
}
.welcometext
{
	color:#A9D42A;
	z-index:90000;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
}
.text
{
	font:normal 0.81em Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	z-index:90000;
	position:relative;
}
.textheading
{
	font:normal 0.81em Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	z-index:90000;
	position:relative;
	font-weight:bold;
}
.textheadingw
{
	font:normal 0.81em Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	z-index:90000;
	position:relative;
	font-weight:bold;
}
.textheadingg
{
	font:normal 0.81em Verdana, Arial, Helvetica, sans-serif;
	color:#A9D42A;
	z-index:90000;
	position:relative;
	font-weight:bold;
}
.contentheading
{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:30px;
	font-weight:bold;
}
.titleheadingw
{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
}
.titleheadingw1
{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}
.titleheading
{
	font-family:Arial, Helvetica, sans-serif;
	color:#A9D42A;
	font-size:22px;
}

.lnklarge
{
	font-family:Arial, Helvetica, sans-serif;
	color:#A9D42A;
	font-size:22px;
}
.lnklarge:hover
{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:22px;
}

#contactfixmenu
{
	width:26px;
	height:160px;
	float:right;
	background-image:url(../images/contact_fixed.png); 
	position:fixed;  
	bottom:0; 
	right:0;
	margin-bottom:110px;
	background-repeat:no-repeat;
	z-index:190000;
}
#contactfixmenu:hover
{
	width:26px;
	height:160px;
	float:right;
	background-image:url(../images/contact_fixed2.png); 
	position:fixed;  
	bottom:0; 
	right:0;
	margin-bottom:110px;
	background-repeat:no-repeat;
	z-index:190000;
}
h3{
	font-family:'Arial Bold', Arial, Helvetica, sans-serif;
	margin:0 0 5px 0;
	font-size:16px;
	line-height:22px;
	font-weight:normal;
}
h3 a{
	padding:0 11px 0 0;
	background:url(../images/arrow.png) 100% 4px no-repeat;
	display:block;
	color:#FFF;
	text-decoration:none;
}
h3 a:hover{
	color:#FFF;
	text-decoration:none;
}
#rightbodycenter
{
	width:480px;
	float:left;
	z-index:5;
	position:relative;
}
#rightbodyright
{
	width:280px;
	float:right;
	z-index:5;
	position:relative;
	
}
a{
	text-decoration:none;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}
a:hover{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#A9D42A;
}
.activeleft{
text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#A9D42A;
	border-left:solid medium #A9D42A;
}
.activemain{
text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#A9D42A;
}
.b{
	text-decoration:none;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#A9D42A;
}
.b:hover{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}
.mtitle{
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#A9D42A;
	text-decoration:none;
	line-height:25px;
}
.mtitle:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	text-decoration:none;
	line-height:25px;
}
.leftheaderbg
{
	text-indent:10px;
	background-image:url(../images/servicetabbg.png);
	background-repeat:no-repeat;
	background-position:bottom;
}
.bnew{
	text-decoration:none;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}
.bnew:hover{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#A9D42A;
}
ul{
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
}
li{
	margin:5px 0 0 0;
	padding:0 0 0 10px;
	background:url(../images/bullet.png) 0 5px no-repeat;	
}

#wideColumn{
	float:right;
	display:inline;
	width:788px;
	margin:20px 0 0 0;
	z-index:90000;
	position:relative;
	top:0px;
	/*overflow:hidden;*/
}
#leftdivbg{	
	background-image:url(../images/crosshatch.gif); 
	background-repeat:repeat; 
	padding-top:10px; 
	padding-bottom:5px;
	line-height:px;
}

#overlay{
/*	z-index:-10;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.3;
	filter:alpha(opacity=30);
	position:fixed;*/
	position:fixed;
	_position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:100%;
	height:100%;
	overflow:hidden;
	background:#000;
	opacity:0.3;
	filter:alpha(opacity=30);
}
#background{
	/*z-index:-20;
	width:100%;
	height:100%;
	text-align:center;
	position:absolute;*/
	position:fixed;
	_position:absolute;
	top:0;
	left:0;
	z-index:-20;
	width:100%;
	height:100%;
	min-width:960px;
	overflow:hidden;
	background:#000;
	text-align:center;
	
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center top;
}
/*#footer
{
	width:1024px;
	float:left;
	color:#FFFFFF;
	z-index:2;
	position: relative;
}*/
#footer2
{
	width:1024px;
	float:left;
	color:#FFFFFF;
	z-index:2;
	position:relative;
	bottom:0px;
}
#footer_left
{
	width:700px;
	float:left;	
}
#footer_right
{	
	padding-top:20px;
	float:right;	
	z-index:5;
	position:relative;
}
#topcontact
{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:30px;
	font-weight:bold;
	color:#FFFFFF;
	display:inline;
}
#footernav ul
{
	list-style:none;	
	width:100px;
}
#footernav li
{
 	display:inline;
}
#footernav li a
{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
}
#footernav li a:hover
{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#A9D42A;
	text-decoration:none;
}
#socialnav
{
	list-style:none;
}
#socialnav li
{
	display:inline;		
}
.facebooksc
{
       background-image:url(../images/facebookblack.png);
       height:34px;
       width:32px;
       float:left;
	   z-index:9000;
	   position:relative;
	   padding-right:10px;
	   background-repeat:no-repeat;
}
.facebooksc:hover
{
       background-image:url(../images/facebook.png);
       height:34px;
       width:32px;
       float:left;
	   z-index:9000;
	   position:relative;
	   padding-right:10px;
	   background-repeat:no-repeat;
}
.twittersc
{
       background-image:url(../images/tweeterblack.png);
       height:34px;
       width:32px;
       float:left;
	   z-index:9000;
	   position:relative;
	   padding-right:10px;
	   background-repeat:no-repeat;
}
.twittersc:hover
{
       background-image:url(../images/tweeter.png);
       height:34px;
       width:32px;
       float:left;
	   z-index:9000;
	   position:relative;
	   padding-right:10px;
	   background-repeat:no-repeat;
}
.linkedinsc
{
       background-image:url(../images/inblack.png);
       height:34px;
       width:32px;
       float:left;
	   z-index:9000;
	   position:relative;
	   padding-right:10px;
	   background-repeat:no-repeat;
}
.linkedinsc:hover
{
       background-image:url(../images/in.png);
       height:34px;
       width:32px;
       float:left;
	   z-index:9000;
	   position:relative;
	   padding-right:10px;
	   background-repeat:no-repeat;
}
.googleplussc
{
       background-image:url(../images/googleplusblack.png);
       height:34px;
       width:32px;
       float:left;
	   z-index:9000;
	   position:relative;
	   padding-right:10px;
	   background-repeat:no-repeat;
}
.googleplussc:hover
{
       background-image:url(../images/googleplus.png);
       height:34px;
       width:32px;
       float:left;
	   z-index:9000;
	   position:relative;
	   padding-right:10px;
	   background-repeat:no-repeat;
}
/*  footer  CSS */
#footerWrap{
	width:100%;
	bottom:0;
	left:0;	
	position:relative;
	font-size:10px;
}
#footcopy
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#CCCCCC;
	margin-left:20px;
}
#footer{
	width:960px;
	margin:0 auto;
	color:#A6A6A6;
}
#footerLeft{
	float:left;
	display:inline;
	padding:17px 0 3px 0;
	line-height:16px;
}
.footelnks 
{
	color:#666666;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}
.footelnks:hover
{
	color:#A9D42A;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}
#footerWrap a{
	color:#FFFFFF;
	text-decoration:none;
}
#footerWrap a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
#footerRight{
	float:right;
	display:inline;
	padding:17px 0 3px 0;
	line-height:16px;
}
#footerRight span{
	float:right;
	display:inline;
	padding:17px 0 3px 0;
	line-height:16px;
}
#footerRight a{
	float:left;
	display:inline;
	margin:0 0 0 6px;
}
#footerRight a img{
	float:left;
	display:inline;
}
#footerLinksWrap{
	float:left;
	display:inline;
	width:100%;
	padding:8px 0 20px 0;
	clear:both;
}
#footerLinks{
	width:960px;
	margin:0 auto;
	padding:0;
	list-style:none;
	overflow:hidden;
}
#footerLinks ul{
	width:2000px;
	padding:0;
	margin:0;
	list-style:none;
}
#footerLinks li{
	margin:0 60px 0 0;
	padding:0;
	background:none;
	float:left;
	display:inline;
}
#footerLinks li a{
	float:left;
	display:inline;
	font-weight:bold;
	font-size:11px;
	clear:both;
}
#footerLinks li ul{
	float:left;
	display:inline;
	margin:0;
	padding:0;
	width:auto;
	clear:both;
}
#footerLinks li ul li{
	margin:2px 0 0 0;
	padding:0;
	clear:both;
}
#footerLinks li ul li a{
	font-weight:normal;
	font-size:10px;
}
.divcnt_row {
	clear:both;
	overflow:hidden;
	margin-top:5px;
}
.divcnt {
	float:left;
	width:100px;
	height:60px;
	background:#FFFFFF;
	color:#000000;
	padding:10px;
	text-align:center;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	behavior: url(../images/border-radius.htc);
}
.last_left{
	margin-right:15px;
}
.last_left:hover
{
	float:left;
	width:100px;
	background:#A9D42A !important;
	color:#FFFFFF;
}
.property_img {
	float:left;
	text-align:center;
	width:60px;
	border:none;
}
#contactdetail
{
	width:400px;
	font-family:"Times New Roman", Times, serif;
	color:#FFFFFF;
	font-size:25px;
}
.contacttext
{
	color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.btnweb {
  border:none;
  background-color:#b0d739;
  color:#333333;
  font-weight:bold;
  padding-left:15px;
  padding-right:15px;
  margin: 0;
  text-align:center;
  height:25px;
  line-height:25px;
}
#servicebox
{
	float:left;
	width:185px;
	height:230px;
	/*background-image:url(../images/servicebg.png);
	border-right:1px solid #333333;	
	border-bottom:2px solid #333333;
	border-left:1px solid #333333;*/
	margin-right:10px;
}
#serviceboxmain
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#A9D42A;
	margin-left:10px;
	line-height:40px;
	background-position:center;
	
}
#serviceboxmaininner
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	margin-left:5px;
	line-height:40px;
	background-position:center;
}
#servicebox_text
{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#a2a0a0;
	text-align:left;
}
#servicebox_text:hover
{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#A9D42A;
	margin-left:5px;
	text-align:left;
}
.serviceboxarrow
{
	background-image:url(../images/greendot.jpg);
	line-height:10px;
	margin-left:5px;	
}
#contentbox
{
	width:780PX;
	float:left;
	display:inline;	
}
#contentboxmain
{
	width:780px;
	float:left;
	margin-top:20px;
	display:inline;
}
#contentboxmainleft
{
	width:360px;
	float:left;
	margin-top:10px; 
	height:150px;
	display:inline;	
}
#contentboxmainright
{
	width:360px;
	float:right;
	margin-top:10px;
	height:150px;
	display:inline;	
}
.whyus_box1 {
    color: #575757;
    float:left;
    font-size: 12px;
    margin: 30px 0 10px 20px;
    width: 230px;
	display:inline;
}
.whyus_box1span {
   margin-top:10px;   
}
#contacttop{
	margin-top:-250px;
}
.clientarea { margin-top:5px; border-bottom: 1px solid #4b4b4b; padding: 10px; text-align: center; color: #878787; font-size: 11px; margin-bottom: 12px;
}
.clientareanew { border-top: 1px solid #4b4b4b; margin-bottom:10px;
}
.zcopyrightdiv { text-align: center; font-size:11px; }
.txtrequired
{
	color:#FF0000;
	font-size:16px;
}
.black_overlay{
	display:none;
	position:fixed;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	background-color:#f3fade;
	z-index:1001;
	-moz-opacity:0.8;
	opacity:.70;
	filter:alpha(opacity=70);
}
.white_content {
	display:none;
	position:fixed;
	top:10%;
	left:25%;
	width:auto;
	height:auto;
	padding-left:5px;
	border:4px solid #FFFFFF;
	background-color:#000000;
	z-index:1002;
	overflow:hidden;
}
#port-div {
    border:medium solid #666666;
    float:left;
    height:475px;
    margin-bottom:10px;
    margin-left:10px;
    padding-bottom:10px;
    width:325px;
/*	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	behavior: url(../images/border-radius.htc);*/
}
#port-div-detail
{
	width:325px;
	height:30px;
	font-family:calibri;
	font-size:20px;
	color:#A9D42A;
	text-align:center;
}
#port-div-detail-tools
{
	width:325px;
	height:30px;
	margin-top:5px;
	font-family:calibri;
	border-top: solid medium #666666;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	padding-top:10px;
}
#port-div-detail-submit
{
	width:325px;
	height:10px;
	margin-top:10px;
	font-family:calibri;
	border-top: solid medium #666666;
	font-size:15px;
	color:#000000;
	text-align:center;
}
.leftpanel{
    float:left;
    clear:both;
    display:block;
    width:220px;
}
.txt-container
{
	background-image:url(../images/servicebg.png);
}
.txt-container .submenu{
    display:block;
    list-style:none;
}

.txt-container .submenu li a{
    display:block;
    width:202px;
    height:31px;
    color:#A9D42B;
    text-decoration:none;
    line-height:32px;
    margin-bottom:2px;
    padding-left:15px;
    font-weight:bold;
}
.txt-container .submenu li a:hover, .txt-container .submenu li a.selected{
    background: url(../images/submenu-ov.gif) no-repeat;
    color:#ffffff;
}
#my_div
{
	width:750px;
}
.tab-link {
	border-bottom:4px solid #A9D42B;
	padding:0 5px;
	margin-bottom:30px;
}
.tab-link a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:93.2%;
	color:#FFFFFF;
	font-weight:bold;
	min-height:35px;
	text-align:left;
	display:inline;
	text-decoration:none;
}
.tab-link a:hover {
	color:#A9D42B;
}
.tab-link td {
	padding:5px 12px;
}
.tab-link td.sep {
	padding:0px;
	width:1px;
	border-left:1px solid #d7d6d4;
	font-size:0px;
}
.tab-link td.selected {
}
.tab-link td.selected, .tab-link td.selected a {
	background:#A9D42B;
	color:#FFFFFF;
}
.tab-link td.selected a:hover {
	color:#FFFFFF;
}
.cmsexample .box_container dl {
	width:31.33%;
	padding:0 1%;
	float:left;
	margin:0px 0px;
}
.stepscontent dt {
	margin:0px;
	padding:4px;
	background-color:#A9d42b;
}
.stepscontent dt strong {
	font-size:20px;
	color:#000000;
}
.stepscontent dd {
	margin:0px;
	padding:0px;
	margin:0 0 0 180px;
}
.stepscontent .clear {
	height:15px;
	font-size:0px;
	line-height:0px;
	clear:both;
}
.stepscontent .seoimg {
	float:left;
	width:160px;
	margin:0px 0 0 0;
}
.seoimg td {
	padding:5px;
}
.imagspinbox {
padding-left:0px !important;
}

.imagspinbox img {

    -moz-transition: all 500ms ease 0s;

    max-width: 65%;

	-webkit-transition: all 500ms ease;

}

.imagspinbox img:hover {

    -moz-transform: rotate(359deg);

    max-width: 75%;

	-webkit-transform: rotate(359deg);

}
    .box_container{
    position:relative; /* important */
    width:170px; /* we must set a specific width of the container, so it doesn't strech when the image starts moving */
    height:170px; /* important */
    overflow:hidden; /* hide the content that goes out of the div */
    /*just styling bellow*/
    /*background: black;*/
    color:white;
    }
    .images_holder{
    position:absolute; /* this is important, so the div is positioned on top of the text */
    }
    .image_div {
        position:relative; /* important so we can work with the left or right indent */
        overflow:hidden; /* hide the content outside the div (this is how we will hide the part of the image) */
        width:50%; /* make it 50% of the whole images_holder */
        float:left; /* make then inline */
    }
    .right img{
        margin-left: -100%; /* 100% is in this case 50% of the image, so this is how we show the second part of the image */
    }
   /* .clear{
        clear:both;    
    }*/
/*    FOR EASING EFFECT - NOT NEEDED*/
.box_container2{
    position:relative; /* important */
    width:170px; /* we must set a specific width of the container, so it doesn't strech when the image starts moving */
    height:170px; /* important */
    overflow:hidden; /* hide the content that goes out of the div */
    /*just styling bellow*/
   /* background: black;*/
    color:white;
	cursor:pointer;
    }
    .images_holder2{
    position:absolute; /* this is important, so the div is positioned on top of the text */
    }
    .image_div2 {
        position:relative; /* important so we can work with the left or right indent */
        overflow:hidden; /* hide the content outside the div (this is how we will hide the part of the image) */
        width:50%; /* make it 50% of the whole images_holder */
        float:left; /* make then inline */
    }
    .right2 img{
        margin-left: -100%; /* 100% is in this case 50% of the image, so this is how we show the second part of the image */
    }
	
	.box_container6{
    position:relative; /* important */
    width:170px; /* we must set a specific width of the container, so it doesn't strech when the image starts moving */
    height:170px; /* important */
    overflow:hidden; /* hide the content that goes out of the div */
    /*just styling bellow*/
    /*background: black;*/
    color:white;
	cursor:pointer;
    }
    .images_holder6{
    position:absolute; /* this is important, so the div is positioned on top of the text */
    }
    .image_div6 {
        position:relative; /* important so we can work with the left or right indent */
        overflow:hidden; /* hide the content outside the div (this is how we will hide the part of the image) */
        width:50%; /* make it 50% of the whole images_holder */
        float:left; /* make then inline */
    }
    .right6 img{
        margin-left: -100%; /* 100% is in this case 50% of the image, so this is how we show the second part of the image */
    }
	
.box_container3{position:relative; width:170px; overflow:hidden; height:170px; color:white; cursor:pointer;}
.box_image3{ position:absolute; }

.box_container1{position:relative; width:170px; overflow:hidden; height:170px; color:white; cursor:pointer;}
.box_image1{ position:absolute; }

.box_container5{position:relative; width:170px; overflow:hidden; height:170px; color:white; cursor:pointer;}
.box_image5{ position:absolute; }

.box_container4{position:relative; width:170px; overflow:hidden; height:170px;color:white; cursor:pointer;}
.box_image4{ position:absolute; }

.box_container7{position:relative; width:170px; overflow:hidden; height:170px;color:white; cursor:pointer;}
.box_image7{ position:absolute; }

.box_container8{position:relative; width:170px; overflow:hidden; height:170px; color:white; cursor:pointer;}
.box_image8{ position:absolute; }

.box_container9{position:relative; width:170px; overflow:hidden; height:170px; color:white; cursor:pointer;}
.box_image9{ position:absolute; }

.qitem {
	width:170px;
	height:170px;	
	/* required to hide the image after resized */
	overflow:hidden;
	/* for child absolute position */
	position:relative;
	/* display div in line */
	float:left;
	cursor:hand; cursor:pointer;
}
.qitem img {
	border:0;
	/* allow javascript moves the img position*/
	position:absolute;
	z-index:200;
}
/* Setting for corners */

.topLeft, .topRight, .bottomLeft, .bottomRight {
	position:absolute;
	background-repeat: no-repeat; 
	float:left;
}

.topLeft {
	background-position: top left; 	
} 

.topRight {
	background-position: top right; 
} 

.bottomLeft {
	background-position: bottom left; 
} 

.bottomRight {
	background-position: bottom right; 
}

.clear {
	clear:both;	
}
.pics {  
    height:  170px;  
    width:   170px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 15px;  
    width:  170px; 
    height: 170px; 
    top:  0; 
    left: 0 
}
.TopLink {
float: right;
padding-right: 0;
margin-right:200px;
z-index:9999999;
position:relative;
margin-top:-30px;
}
.TopLink ul {
float: right;
display:inline;
}
.TopLink li {
display:inline;
}
.TopLink ul li a {
padding: 0px 0;
position: relative;
z-index: 400;
display:inline;
font-size:11px;
cursor:pointer !important;
}
.TopLink ul li span.home {
background-image:url(../images/cntSkype.png);
background-repeat:no-repeat;
padding-bottom: 2px;
padding-left: 20px;
padding-right: 5px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
.TopLink ul li a.contact {
background-image:url(../images/contactus-icon.png);
background-repeat:no-repeat;
padding-left: 26px;
padding-right: 5px;
}
.TopLink ul li a.sitemap {
    background-image:url(../images/sitemap-icon.gif);
background-repeat:no-repeat;
    padding-bottom: 1px;
    padding-left: 22px;
    padding-right: 5px;
}
.back_seo
{
	background-color:#FFFFFF;
	height:500px;
}
.bac_img
{
	background-image:url(../images/free-seo-analysis.jpg);
	height:350px;
	width:780px;
	background-repeat:no-repeat;
}
.h
{
       font-size:14px;
	   display:inline;
}