body 
{
    background:#ffffff;
	margin:0px;
	padding:0px;
	font-family: Arial;	
	font-size:11px;
}

a:link { color:#666666; text-decoration: none; }
a:active { color:#666666; text-decoration: none; }
a:visited { color:#666666; text-decoration: none; }
a:hover { color:#999999; text-decoration: underline;}

a.link:link { color:#cccccc; text-decoration: none; }
a.link:active { color:#cccccc; text-decoration: none; }
a.link:visited { color:#cccccc; text-decoration: none; }
a.link:hover { color:#ffffff; text-decoration: underline;}

a.link6:link { color:#333333; text-decoration: underline; }
a.link6:active { color:#333333; text-decoration: underline; }
a.link6:visited { color:#333333; text-decoration: underline; }
a.link6:hover { color:#199eeb; text-decoration: none;}

a.blue:link { color:#369ce3; text-decoration: underline; }
a.blue:active { color:#369ce3; text-decoration: underline; }
a.blue:visited { color:#369ce3; text-decoration: underline; }
a.blue:hover { color:#509cfb; text-decoration: none;}





div
{
    padding:0px;
    margin:0px;
}

img {border-width: 0px;
}

.para
{
    margin:0px 8px 4px 0px;
    padding:0px 8px 4px 0px;
    text-align:left; 
    font-family: Arial;
    font-size:11px;   
}

.logoArea
{
    width:940px;
    padding:23px 0px 0px 0px;
    margin:0px;
    height:76px;
    text-align:left;
}

.logobg 
{
    background: url(../images/abovebar.jpg) top center repeat-x;
    width:100%;
    margin:0px;
    height:99px;
}

#menubg 
{
    background: #c2ffff url(../images/menubg.jpg) top center no-repeat;
    width:100%;
    height:35px;
}

#header 
{
    background: url(../images/headerRepeat.jpg) top center repeat-x;
    width:100%;
    height:325px;
}

#headerI
{
    background: url(../images/headerRepeatInside.jpg) top center repeat-x;
    width:100%;
    height:196px;
}

#headerP
{
    background: url(../images/portfolioBG.jpg) top center repeat-x;
    width:100%;
    height:420px;
}

#midfooter 
{
    background: url(../images/footer-repeat.jpg) repeat-x;
    width:100%;
    height:292px;
}

#header-wrap 
{
    width:980px;
    left:0px;
    padding:0px;
    margin:0px;
    position:relative;
    height:326px;
}

#headerI-wrap 
{
    width:980px;
    left:0px;
    padding:0px;
    margin:0px;
    position:relative;
    height:196px;
}

#headerP-wrap 
{
    width:980px;
    left:0px;
    font-family: Tahoma;
    padding:25px 0 0 0;
    margin:0px;
    position:relative;
    height:395px;
}

#animbg
{
	width: 603px; 
	float:left;
	left:0px;
	height: 325px;
	position:relative;
}

#hleftlinks
{
	width: 347px; 
	position:relative;
	float:left;
	text-align:left;
	padding:135px 0px 0px 30px;
	margin:0px;
	height: 190px;
}

#menu
{
    width:870px;
    text-align:left;
    height:30px;
    padding:3px 0px 0px 20px;
}

.below
{
    background: #c2ffff url(../images/bottom.jpg) top center no-repeat;
    width:100%;
    height:40px;
}

.bottomlinks
{
    width:800px;
    text-align:right;
    padding:25px 0px 5px 0px;
    font-family:Verdana;
    font-size:10px;
}

#contentback-wrap {

	top: 0px;
	width: 100%;	
	margin: 0px;
	padding: 0px;	
	border: 0px;
	background: url(../images/contentbg.jpg) top center no-repeat;
}

#background-wrap {

	top: 0px;
	width: 100%;	
	margin: 0px;
	padding: 0px;	
	border: 0px;
	background: url(../images/contentrepeat.jpg) top center repeat-x;
}


h1
{
    font-family:Arial;
    font-size:24px;
    color:#022981;
    font-weight: normal;
	padding:0px 0px 8px 0px;
	margin:0px 0px 8px 0px;
}

h2
{
    font-family: Arial;
    font-size:17px;
    color:#3491d9;
    font-weight: 700;
    text-align:left;
    border-bottom:dotted 1px #cccccc;
    padding:0px 0px 8px 0px;
    margin:0px 30px 10px 0px;
    
}

h3
{
    font-family:Verdana;
    font-size:16px;
    color:#1b8cd4;
    font-weight:normal;
    padding:0px 0px 3px 0px;
    margin:0px 0px 3px 0px;
    
}


#frame-wrap {

	top: 0px;
	width: 920px;	
	margin: 0px;
	padding: 0px;
	line-height:18px;
	border: 0px;	
	text-align: left;
	left:10px;
	color: #333333;
}

.contentLeft {width: 600px; float: left; border-right: dotted 1px #666666; padding: 10px 0 20px 0;}
.contentLeft p {margin:5px 15px 4px 0px; padding:5px 15px 4px 0px; text-align:justify; font-family: Arial; font-size:12px;}
.contentLeft label {display:block; float:left; width:150px;}
.formText { background: #ffffff; border: solid 1px #cccccc; margin-bottom: 5px; width: 180px; padding: 3px 5px 3px 5px; font-size: 12px; font-family: Arial; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.formText:hover, .formText:focus {border: solid 1px #79a2ff; background: #f7f9ff;}

.contentRight {width: 310px; float: right;}
.contentRight span {background: url(../images/arrow.jpg) left no-repeat; padding: 0 0 2px 25px; display: block; font-size: 12px;}

#services-col
{
    width:520px;
    margin:0px;
    float:left;
    line-height:20px;
    border-right:dotted 1px #cccccc;
    padding:0px 10px 0px 0px;
}

#aboutus-col
{
    width:346px;
    margin:0px;
    font-family:Verdana;
    font-size:12px;
    line-height:20px;
    padding:0px 0px 0px 20px;
    float:left;
}

.animframe
{
    width:545px;
    height:214px;
    background:url(../images/animframe.jpg) no-repeat;
}


#right-col
{
    width:200px;
    margin:10px 0px 0px 0px;
    font-family:Verdana;
    font-size:12px;
    line-height:20px;
    padding:10px 0px 0px 20px;
    float:left;
}

.logo-wrap
{
	width: 900px; 
	position:relative;
	left:30px;
	top:48px;
	height: 180px;
}

.logo
{
	width:415px; 
	height:90px; 
	text-align:right; 
	vertical-align:top;
	float: left;
}

.logoLink
{
	width:565px; 
	height:10px;
	float: right;
	padding-top: 20px;
}

.footerLink
{
	width: 980px;
}

ul.listsmall {
	list-style-type:circle;		
	margin: 10px 0px 10px 0px; 
	padding: 0px 0px 0px 20px;	
}

ul.listsmall li.listitem {
	position: relative;	
	margin: 0px; 
	padding: 10px 5px 0px 0px;	
	border: 0px;	
	margin-bottom:0px;
	line-height:18px;
}


a.footer {

	color: #707070;
	text-decoration: none;
}

a.footer:hover {

	color: #707070;
	text-decoration: underline;
}

a.basement {

	color: #CCCCCC;
	text-decoration: none;
}

a.basement:hover {

	color: #CCCCCC;
	text-decoration: underline;
}

#footer-wrap
{
    position:relative;
    width:924px;
    height:35px;
    text-align:left;
}

.footerLinks
{
    width:500px;
    float:left;
    position:relative;
    text-transform:uppercase;
    font-size:10px;
    color:#999999;
    font-family:Verdana;
    padding:10px 0px 0px 10px;
}

.RayCreations
{
    width:400px;
    font-family:Tahoma;
    float:left;
    text-align: right;
    font-size:11px;
    position:relative;
    padding:10px 0px 0px 0px;
}

#footer-copyright
{
    position:relative;
    width:924px;
    height:35px;
    text-align:left;
    background:#cccccc;
}

ul.line
{
    margin:0px;
    padding:0px;
    font-family:Verdana;
    font-size:12px;    
    margin:5px 35px 0px 0px;
}

ul.line li
{
    margin:0px;
    line-height:18px;
    padding:9px 0 9px 0px;
    border-bottom:solid 1px #f2f2f2;
    list-style-type:none;
    top:0px;
}


#horizontal-menu-area
{
    left: 0px;
    width:370px;
    margin:0px;
    padding:0px 0px 0px 0px; 
}



#horizontal-menu-links ul
{
    list-style-type:none;
    width:auto;
    padding:5px 0px 5px 0px;
    margin:0px;
    padding:0px;
}

#horizontal-menu-links ul li
{
    display:block;
    text-align: right;
    margin:0 0px; 
    border-right:solid 0px #ccb592;  
}

#horizontal-menu-links ul li a
{
    display:block;
    float: left;
    text-decoration:none;
    padding:7px 0px 7px 10px;
    color:#000000;
    cursor: default;
    text-shadow: #ffffff 0 1px 0;
}

#horizontal-menu-links ul li a span
{
    padding:0px 0 0px 15px;
    font:Verdana;
    font-weight:700;
    letter-spacing:0px;
    font-size:12px;
    cursor: default;   
}

#horizontal-menu-links ul li a:hover
{
  color:#666666; 
}

#horizontal-menu-links ul li a:hover span
{
  display:block;
  width:auto;
  cursor:pointer;
}

#navigation li {
	float: left;
}

#navigation li a {
	text-decoration: none;
	float: left;
	padding:2px 0px 2px 20px;
	text-shadow: #ffffff 0 1px 0;
}

#navigation li a span {
	float: left;
	padding:0px 20px 0px 0px;
}

#navigation li a:hover,
#navigation li a:focus {
	text-shadow: #ffffff 0 1px 0;
}

#navigation li a:hover span,
#navigation li a:active,
#navigation li a:active span,
#navigation li a:focus span {
	background-position: 0 0;
}

body#home #navigation li#nav-home a,
body#services #navigation li#nav-services a,
body#aboutus #navigation li#nav-aboutus a,
body#customerTestimonial #navigation li#nav-customerTestimonial a,
body#infra #navigation li#nav-infra a,
body#careers #navigation li#nav-careers a,
body#projects #navigation li#nav-projects a,
body#hrd #navigation li#nav-hrd a,
body#publications #navigation li#nav-publications a,
body#techno #navigation li#nav-techno a,
body#pdp #navigation li#nav-pdp a,
body#contact #navigation li#nav-contact a
 {
	text-shadow: #609251 0 1px 0;
	cursor: default;
	color:#ffffff;
}

body#home #navigation li#nav-home a span,
body#services #navigation li#nav-services a span,
body#aboutus #navigation li#nav-aboutus a span,
body#customerTestimonial #navigation li#nav-customerTestimonial a span,
body#infra #navigation li#nav-infra a span,
body#careers #navigation li#nav-careers a span,
body#projects #navigation li#nav-projects a span,
body#hrd #navigation li#nav-hrd a span,
body#publications #navigation li#nav-publications a span,
body#techno #navigation li#nav-techno a span,
body#pdp #navigation li#nav-pdp a span,
body#contact #navigation li#nav-contact a span
 {
	background-position: 0;
}

.leftcol
{
    width:140px;
    height:100px;
    text-align:left;
    float:left;
    font-size:13px;
    line-height:18px;
    position:relative;
    background:url(../images/services-divider.jpg) top right no-repeat;
    padding:10px 10px 0px 0px;
}

.rightcol
{
    width:150px;
    height:100px;
    line-height:18px;
    font-size:13px;
    text-align:left;
    float:left;
    
    position:relative;
    padding:10px 0px 0px 5px;
}

/* ######### CSS for Tabs.######### */

.tab-container {
	width:540px;
	height:205px;
}
.LeftTabBox {
	float:left;
	width:180px;
	float:left;
	padding:0;
	height:205px;
}
.TabLinks{
	padding:0;
	margin:0;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.TabLinks li {
	height:30px;
	display:block;
	padding:0;
	line-height:30px;
	color: #BCBBBB;
	width:164px;
	padding:0px 0 0 0;
	margin:0;
}
.TabLinks li a{
	text-decoration: none;
	z-index: 1;
	height:30px;
	font-size:14px;
	display:block;
	padding:0;
	color: #666666;
	width:152px;
	margin:0 0 5px 0;
	padding:0 0 0 12px;
}
.TabLinks li a:visited{
	color: #BCBBBB;
}

.TabLinks li a:hover{
	text-decoration:none;
	color: #000000;
}

.TabLinks li#webdesign:hover {color: #000000;}

.TabLinks li#webdesign a.selected, .TabLinks li#webdesign a.selected:hover
{
    background: url(../images/tablinkselected.gif) no-repeat top;
	color: #ffffff;
}

.TabLinks li#webdev:hover {color: #000000;}

.TabLinks li#webdev a.selected, .TabLinks li#webdev a.selected:hover{
	background: url(../images/tablinkselected.gif) no-repeat top;
	color: #ffffff;
}

.TabLinks li#maintenance:hover {color: #000000;}

.TabLinks li#maintenance a.selected, .TabLinks li#maintenance a.selected:hover{
	background: url(../images/tablinkselected.gif) no-repeat top;
	color: #ffffff;
}

.TabLinks li#cms:hover {color: #000000;}

.TabLinks li#cms a.selected, .TabLinks li#cms a.selected:hover{
	background: url(../images/tablinkselected.gif) no-repeat top;
	color: #ffffff;
}
.tabcontentbox {
	width:298px;
	float:left;
	margin-left:15px;
	display:inline;
	height:205px;
	color:#5B5858;
	line-height:18px;
	padding:0 0 0 12px;
	display:none;
	text-align:justify;
}
.tabcontentbox p {
	margin:0 0 7px 0;
	padding:0;
}
.tabcontentbox h3 {
	margin:0 0 13px 0;
	padding:0;
	color:#444444;
	font-size:13px;
	font-weight:normal;
}

.tabcontentbox img
{
	margin:0;
	padding:0;
}
/* ######### CSS for Tabs ends here.######### */

.footerTable {width: 100%; height: 212px; background: url(../images/footerBG.jpg) no-repeat center; padding: 80px 0 0 0;}
.footerLink {width: 950px; font-size:11px;}
.footerLinkH {font-family: Verdana; font-size: 15px; font-weight:bold; color: #999999; text-align: left; padding: 0 0 15px 18px;}
.footerLink a {color: #ffffff; padding: 0 0 6px 20px; display: block; text-decoration:none;}
.footerLink a:hover {color: #cccccc; text-decoration:none;}

.footerLinkL {font-size:11px; padding: 0 0 0 20px; color: #cccccc; width: 50px; display:block; float: left;}
.footerLinkTBox {width: 184px; height: 19px; border: 0px; background: #302f2f; margin-bottom: 6px; color: #f2f2f2; font-size: 12px; padding: 2px 0 3px 6px;}

.resource-area {width: 540px; height: 95px; background: #ffffff; padding: 10px 0 0 20px; border: solid 1px #78a0fc; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.resource-area a {width: 155px; display: block; border-bottom: dotted 1px #cccccc; margin-right: 20px; padding:2px 0 5px 0;}
.resource-area a:hover { color: #053dc0; text-decoration: none;}

.portFsmall {background: #ffffff; height: 400px;}

.siteLink {display: block; width: 240px; padding: 5px 5px 5px 15px; border: solid 1px #cccccc; background: #f2f2f2; margin:0 16px 2px 0; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.siteLink:hover {border: solid 1px #999999; background: #ffffff; text-decoration: none; color: #053ea8;}

#absolutefooter-bottom-bg
{
    width:100%;
    height:57px;
    background:url(../images/absolutefooterbg.jpg) repeat-x top center;
}
#absolutefooter-bottom-wrap
{
    width:945px;
    position:relative;
    padding-top:5px;
    padding:5px 0px 0px 35px;
    height:52px;
}

#copyrightinfo
{
    width:220px;
    float:left;
    margin-right:20px;
    text-align:left;
    color:#666666;
}

#emailus
{
    width:200px;
    float:left;
    margin:0px;
    text-align:left;
    color:#666666;
    font-weight:bold;
}

#emailus a
{
    color:#333333;
    font-weight:bold;
    text-decoration:none;
}

#emailus a:hover
{
    color:#333333;
    font-weight:bold;
    text-decoration:underline;
}

#footerlinks
{
    width:280px;
    float:left;
    margin:0px;
    color:#666666;
    text-align:left;
}

#footerlinks a
{
    color:#666666;
    text-decoration:underline;
}

#footerlinks a:hover
{
    color:#333333;
    text-decoration:none;
}

#socialnetworkingicons
{
    width:137px;
    float:left;
    padding:0px 0px 0px 40px;
    text-align:left;
}