/* CSS Document */

body {
margin:0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size:.8em;
color: #666666;
background-color:#ffffff;
background:url(images/topbg.jpg) repeat-x;
background-attachment:scroll;
height:150px;

}

.homebg {
background:url(images/homebg.png) repeat-x;
position:relative;

}

html, body {
height: 100%;}

img {border:0;}
.border {
border:1px solid #CCC;
}

.category td{
border-top:1px solid #ececec;
border-left:1px solid #ececec;
}
.category {
border-bottom:1px solid #ececec;
border-right:1px solid #ececec;
}

.category a{
color:#666;
text-decoration:none;
text-decoration:none;
}



#wrapper .homebg2{
width:100%;
background:url(images/homebg.png) repeat-x;
height:497px;
/*margin: 0 auto -130px;
background:#003333;
*/}

#wrapper {
width:100%;
overflow:auto;



/*margin: 0 auto -130px;
background:#003333;
*/}



.contents {
text-indent:2px;
}



/* Thi is the start of top portion*/
#topwrapper {
height:160px;
width:100%;
background:url(images/topbg.jpg) bottom #fcfefe;
}

.phone {
position:relative;
left: -350px;
top: -90px;
_top: -90px;
}

#topwrapperstatic {
width:800px;
height:135px;
background:url(images/headerbg.jpg) no-repeat;
background-position:left bottom;
margin:auto;
}
.request {
position:absolute;
left: 758px;
top: 65px;
z-index:100;
}


/* Thi is the start of Scroll  portion*/

#demo { 

overflow:hidden; 
margin: 0px 0px; 
height:330px;
background:url(images/javabg.jpg) repeat-x;
padding-top:7px;
}

#indemo { 
float: left; width: 100%;
} 

#demo1 {
float: left;
} 

#demo1 img {
margin-right: 1px;
}

#demo2 { 
float: left;
}


.c1{
text-align:left;
margin-top:0px;

}


.c1 { margin-left : 0px;
width:800px;
}

/* Thi is the start of Bottom portion*/
#btm {
margin:0;
text-align:center;
color: #666;
font-size:11px;
background:url(images/bottom2.jpg) 0 bottom repeat-x;
padding-top:0px;
width:100%;
position: relative;
}

.clear{clear: both; }

#btm p {
margin:0px;
padding:6px;
}
.btmtxt {
width:800px;
font-size:1.2em;
text-align:justify;
margin:auto;
padding-top:1em;
}
.btm {
width:auto;
min-height:100%;
background:url(images/bottom.jpg) top #ededed;
}


#navigation {
height:20px;
width:800px;
text-align:center;
margin:0 0 0 auto;
padding-top:0px;
z-index:100;
padding-left: 0px;
}

#menu {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#666666;
z-index:60;
}

#menu ul {
width:100%;
z-index:60;
}

#menu ul li{
list-style-type:none;
width:160px;
display:block;
z-index:60;

}


#contents {
width:100%;
height:auto;
margin: auto;
}


#inner_contents {
width:800px;
height:100%;
margin: auto;
border: 0px solid #9fcd4e;
}

#inner_contents h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.5em;
color: #FFF;
padding:2 0 0 10px;
line-height:15px;
}


#inner_contents h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.3em;
color: #4F8815;
padding:2 0 0 10px;
line-height:30px;

}

#inner_contents h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.3em;
color: #ffffff;
padding:2 0 0 10px;
line-height:35px;
text-indent: 25px;

}

.topstyle a{
font-family:Arial, Helvetica, sans-serif;
font-size:1.3em;
color: #ffffff;
padding:0 0 0 0px;
line-height:35px;
line-height:38px;
display:block;
font-weight: bold;
}
.topstyle2 a{
font-family:Arial, Helvetica, sans-serif;
font-size:1.3em;
color: #ffffff;
padding:0 0 0 0px;
line-height:35px;
line-height:38px;
display:block;
background:url(images/tophover.jpg);
font-weight: bold;
text-decoration: none;
text-decoration:none;
}
.topstyle a{
font-family:Arial, Helvetica, sans-serif;
font-size:1.3em;
color: #ffffff;
padding:0 0 0 0px;
line-height:35px;
line-height:38px;
display:block;
font-weight: bold;
text-decoration: none;
}

#inner_contents p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.96em;
padding: 0 10px;
color:#666666;
text-align:justify;
}

#txth1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.5em;
color:#006600;
}

#tab {
height:38px;
width:800px;
background:url(images/topbor.jpg) repeat-x;

}


#webservices {
float:left;
width:300px;
position: relative;
height: 200px;
}

.concolor {
color:#666666;
}

.txtbox {
border:1px solid #e3e3e3;
}


/*................................................*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index:50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;

border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;

}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;

left: -150px; /*position where enlarged image should offset horizontally */
-top: -280px;
z-index: 5000;

}

</style>