/*set all default value to 0*/
* {margin:0px; padding:0px;}

body {
font-family:Arial,Century Gothic,Helvetica;
line-height: 1.2em;
font-size:11pt;
height:100%;
color:#333;
}

img {border:0px}

/*default paragraph margin*/
p{ margin: 0.8em 0; }

h1 { color:#330099; font-size:38pt; font-weight:bold; font-family:"Times New Roman", Times, serif; line-height:0.8em; margin-bottom:4px}

h2 { color:#9e9d9d; font-size:11pt; font-family:Century Gothic, Arial, Helvetica; margin-top:6px;}

h3 { color:#9e9d9d; font-size:11pt; font-family:Century Gothic, Arial, Helvetica; margin-top:6px;}
h3 span{ color:#f0a805; font-size:15pt; font-family:Century Gothic, Arial, Helvetica; 
    margin:10px 0; font-weight:bold; line-height:0.8em;}

h4 { color:#999; font-size:9pt; font-family:Century Gothic, Arial, Helvetica; margin-bottom:-4px; margin-top:6px }

/*to clear float drop*/
div.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

/*mimic horizontal rule*/
div.divpro { background:#dcdcdc; color:#dcdcdc; height:1px; margin:15px 0px 25px 0px;}

div.divider01 { width:100%; border-top:solid 1px #d2d2d2; background:#f2f2f2; height:3px}

div#headerwrapper {
width:100%;
height:136px;
margin:0 auto;
padding:0px;
background:url(/userfiles/Image/imghdbkg.jpg) repeat-x;
}

div#header {
width:950px;
height:90px;
padding:10px 25px 0 25px;
margin: 0 auto;
background:url(/userfiles/Image/imgheaderbkg.jpg) no-repeat left;
}
div.cologo{
 float:left; display:inline; width:600px;
}
div.birlogo{
 float:right; display:inline; width:136px; padding:15px 0 0 0;
}

div#contentwrapper {
width:100%;
margin:0 auto;
padding:0px;
background: #FFF url(/userfiles/Image/imgcontentbkg.jpg) repeat-x;
background-position:0px 30px;
/*overflow:auto;*/
}

div#content {
width:950px;
padding:25px 25px;
margin:0 auto;
/*overflow:auto;*/
}

div#adheader {
width:948px;
height:295px;
clear:both;
border:1px #d2d1d1 solid;
}


div#leftcap {
float:left;
display:inline;
width:295px;
height:255px;
padding:20px;
background:#FFF;
}

div#leftcap span {
font-family:"Times New Roman", Times, serif;
color:#330099;
font-size:14pt;
}

div#leftcap ul  {
padding:20px 0px 0px 0px;
}

div#leftcap ul li {
list-style-type:none;
padding:0px 0px 6px 0px;
}

div#leftcap ul li a {
color:#666;
text-decoration:none;
font-size:10pt;
padding-left:14px;
background:url(/userfiles/Image/imgbullet.gif) no-repeat;
background-position:0px 2px;
}

div#leftcap ul li a:hover {
background-position:4px 2px;
color:#000;
}

div#myslider {
float:right;
display:inline;
width:613px;
height:295px; z-index:0;
}

div.slidershadow {
position:absolute;
background:url(/userfiles/Image/imgadshadow.png) repeat-y;
background-position:0px 0px;
width:20px;
height:295px;
margin-left:-139px;
left: 50%;
z-index:100;
}

div#2cols {
overflow:auto;
}

div#colleft {
float:left;
display:inline;
width:317px;
padding:20px 0px 0px 0px;
}

div#colleft ul li {
list-style-type:none;
padding:0px 0px 6px 0px;
}

div#colleft ul li a img {
border:1px #d2d1d1 solid;
height:117px;
}

div#colleft ul li a:hover img {
/* for IE */
filter:alpha(opacity=30);
/* CSS3 standard */
opacity:0.3;
}

div#colright {
float:right;
display:inline;
width:613px;
border:1px #d2d1d1 solid;
margin:20px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:#FFF;
}

div.frametitle {
background:url(/userfiles/Image/imgcapbkg.gif) repeat-x;
height:25px;
margin:0px 0px 10px 0px;
}

div.frametitle span {
color:#fff;
display:block;
height:23px;
background:url(/userfiles/Image/imgcaptitlebullet.gif) no-repeat left;
padding:2px 0px 0px 24px;
}
div.frametitle h2 {
color:#fff;
display:block;
height:23px;
background:url(/userfiles/Image/imgcaptitlebullet.gif) no-repeat left;
padding:2px 0px 0px 24px; margin:0px 0px 0px 0px;
}
div#footerwrapper {
width:100%;
margin:0 auto;
padding:0px;
background:#330099;
}

div#footer {
width:950px;
padding:15px 25px;
margin:0 auto;
color:#fff;
font-size:9pt;
}

div#footer span {
color:#6931da;
}

/*Spanlogic.com hyperlink style declaration*/
a.span_link:active, a.span_link:visited, a.span_link:link {
text-decoration:none;
color:#6931da;
}

a.span_link:hover {
text-decoration:underline;
color:#fff;
}


/*Single Pages*/
div#leftcap05 {
float:left;
display:inline;
width:504px;
padding:20px;
background:#FFF; height:295px;
}
div#myslider05 {
float:right;
display:inline;
width:404px;
}
div#adheader04, div#adheader05{
width:948px;
clear:both;
border:1px #d2d1d1 solid; overflow:hidden;
}
div#leftcap04 {
float:left;
display:inline;
width:404px;
height:60px;
padding:20px;
background:#FFF;
}
div#myslider04 {
float:right;
display:inline;
width:504px;
height:100px;
}
div#leftcap03 {
width:100%;
padding:20px;
}
div#leftcap02 h2, div#leftcap h2{
color:#330099; font-size:28pt; font-weight:bold; font-family:"Times New Roman", Times, serif; line-height:0.8em; margin-bottom:4px
}
div#leftcap02 {
float:left;
display:inline;
width:504px;
height:255px;
padding:20px;
background:#FFF;
}
div#leftcap02 span, div#leftcap03 span,  div#leftcap04 span, div#leftcap05 span, div.title span{
font-family:"Times New Roman", Times, serif;
color:#330099;
font-size:14pt;
}

div#myslider02 {
float:right;
display:inline;
width:404px;
height:295px;

}

div.col {
width:100%;
border:1px #d2d1d1 solid;
margin:20px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:#FFF;
}
div.colcontact {
width:100%;
border:1px #d2d1d1 solid;
margin:20px 0px 0px 0px;
padding:0px 0px 20px 0px;
background:url(/userfiles/Image/imgkey04.jpg) no-repeat right bottom;
overflow:auto;
}
div.colinner {
padding:24px;
}

/*Contact Us*/
div.coljob
{
    float:right; display:inline; width:496px; font-size:10pt;
}
div.coljob ul
{
    list-style-type:square; list-style-position:outside; margin:0 0 0 20px; font-size:9pt;
}
div.coljob a
{
 color:#330099; 
}
div.coljob a:hover
{
 color:#ff0000; 
}
table.tbadd
{
    border-collapse:collapse; margin:0.8em 0;
}
table.tbadd td
{
  padding:0 0 4px 0;
}
div.enquiry{
 float:left; display:inline; width:400px; 
}
table.tbenquiry {
border-collapse:collapse; margin:24px 0 0 24px;
}

table.tbenquiry th {
padding:0px 10px 8px 0px;
text-align:left;
vertical-align:top;
}

table.tbenquiry .textinput, table.tbenquiry .txtarea{
width:200px;
font-size:9pt;
margin:0px 0px 8px 0px; font-family:Arial; padding: 2px 4px;
}

table.tbenquiry table td {
padding:0px 0px 8px 0px;
}

table.tbenquiry .button {
width: 80px;
}

/*Start Product*/
div.proddiv
{
    width:948px;
    overflow:hidden; margin:24px 0 0 0;
}
div.proddiv ul
{
 width:948px;
 list-style-type:none; list-style-position:outside; margin-left:20px;
}
div.proddiv ul li 
{
 float:left; width:215px; margin:0px 20px 20px 0px;  
}
div.proddiv ul li p
{ 
width:200px; height:30px; 
}

/*Certificate & Awards*/
table.tbmilestone
{
    width:95%; margin:1.8em auto;
}
table.tbmilestone thead  th
{
      text-align:center; padding:10px; border-bottom:solid 1px #ccc; 
}
table.tbmilestone tbody tr th 
{
      text-align:left; padding:8px; border-bottom:solid 1px #f0f0f0; width:25%;
}

table.tbmilestone tbody tr td
{
      text-align:left; padding:8px; border-bottom:solid 1px #f0f0f0;width:75%;
}

/*KeyPeople*/
div.col01
{
    float:left;  width:462px; display:inline; margin:1.8em 0;
}
div.col02
{
    float:right; width:462px; display:inline; margin:1.8em 0;  
}
div.col01 h2, div.col02 h2, div.col03 h2
{
    margin:0 0 10px 22px; color:#330099;
}
div.col03
{
     width:948px; margin:1.8em 0;  overflow:auto;
}
div.col03inner
{
      float:left; display:inline; margin:0 20px 0 20px; width:442px;   
}
div.col03innerright
{
      float:right; display:inline; margin:0 0px 0 20px; width:442px; 
}
div.stepentry
{
    margin:0 0 24px 0; border-bottom:solid 1px #ccc; overflow:auto; padding:0 0 20px 0;
}

/*Start Jquery Overlay (enlarge)*/
.next, .prev { 
    /* absolute positioning relative to the overlay */ 
    position:absolute; 
    top:40%;  
    /* upcoming CSS3 rounded border feature */ 
    -moz-border-radius:5px; 
    -webkit-border-radius:5px; 
} 
 
/* progress indicator (animated gif). should be initially hidden */ 
.progress { 
    position:absolute; 
    top:45%; 
    left:50%; 
    display:none; 
} 
 
/* active thumbnail is raised on top of the mask using the z-index property */ 
div#thumbs
{
    overflow:auto; margin:24px;
}
div#thumbs ul 
{
    list-style:none none outside;
}
div#thumbs ul li
{ float:left; margin:0 20px 20px 0;
}
div#thumbs a img { 
    border:1px solid #ccc; 
 background:#f0f0f0;  padding:4px;
}
div#thumbs a.active img { 
    outline:1px solid #ccc; 
    z-index:9999; 
    position:relative; 
}
/* the overlayed element */
.simple_overlay {	
	/* must be initially hidden */
	display:none;	
	/* place overlay on top of other elements */
	z-index:10000;	
	/* styling */
	background-color:#333;	
	width:675px;	
	min-height:200px;
	border:1px solid #666;	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(/userfiles/Image/enlarge/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* "next image" and "prev image" links */
.next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#333 !important;
	background:rgba(0,0,0.8) url(/userfiles/Image/enlarge/h80.png) repeat-x;		
}
/*End Jquery Overlay*/