@charset "utf-8";
/* CSS Document */
@import url("side_snap.css");
html
{
height:100%;
margin-bottom:1px;
}
body
{
margin:0px;
padding:0px;
text-align:justify;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;

}
#main
{
display:table;
margin:0px;
padding:0px;
width:1003px;
height:auto;
/*background:url(../images/curve.jpg) top right no-repeat;*/
border:0px solid #000000;
}
.topbar
{
float:left;
width:1003px;
height:220px;
/*background:url(../images/squarebg.jpg) bottom right no-repeat;*/
border-bottom:0px solid #000000;
}
.symbol_logo
{
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:100%;
/*height:148px;*/
text-align:left;
font-size:22px;
border:0px solid #000000;
}
.symbol
{
float:left;
margin:0px;
padding:0px 0px 0px 0px;
border:0px solid #000000;
}
.logo
{
float:left;
margin:0px 0px 0px 0px;
padding:1px 0px 0px 22px;
width:250px;
height:auto;
color:#414246;
border:0px solid #000000;
}
.logo a
{
color:#414246!important;
text-decoration:none!important;
}
.navigation
{
float:left;
margin:0px;
padding:0px 0px 0px 0px; 
width:1001px;
height:60px;
color:#666666;
font-size:13px;
font-weight:bold;
border:0px solid #000000;
}
.navigation ul
{
float:left;
margin:0px;
padding:16px 0px 0px 186px;
width:800px;
height:auto;
list-style-type:none;
background:url(../images/navibgline.jpg) bottom left no-repeat;
background-position:201px 35px;
border:0px solid #FF0000;
}
.navigation ul li
{
margin:0px;
padding:0px 5px 0px 15px;
float:left;
border:0px solid #000000;
}
.navigation ul li a
{
float:left;
display:block;
margin:0px;
padding:0px 0px 6px 0px;
text-align:center;
color:#666666;
height:16px;
text-decoration:none;
border:0px solid #000000;
}
.navigation ul li.teams a
{
width:70px;
}

.navigation ul li a:hover
{
color:#666666;
text-decoration:none;
background:url(../images/navi_bullet.jpg) bottom center no-repeat;
}


.active
{
color:#666666;
text-decoration:none;
background:url(../images/navi_bullet.jpg) bottom center no-repeat;
}


.a-home .navigation ul li.home a,
.a-corporate .navigation ul li.corporate a,
.a-services .navigation ul li.services a,
.a-portfolio .navigation ul li.portfolio a,
.a-careers .navigation ul li.careers a,
.a-contact .navigation ul li.contact a
{
background:url(../images/navi_bullet.jpg) bottom center no-repeat;
}

.container
{
float:left;
width:1003px;
height:auto;
background:url(../images/headerbg.jpg) top center no-repeat;
border-top:0px solid #000000;
}
.leftcol
{
float:left;
width:197px;
height:auto;
}
.leftcol ul
{
float:left;
margin:0px;
padding:0px;
width:156px;
height:210px;
_height:210px;
background:url(../images/repeat-x.jpg) top left repeat-x;
list-style-type:none;
border:0px solid #000000
}
.leftcol ul li
 {
float:left;
margin:0px;
padding:5px 0px 0px 10px;
text-align:left;
height:23px;
width:145px;
background:url(../images/shade-y.jpg) top right repeat-y;
border:0px solid #000000; 
}
.leftcol ul li.tops
{
padding:0px 0px 0px 10px;
height:6px!important;
background:url(../images/top_right.jpg) top right no-repeat;
border:0px solid #000000;
}
.leftcol ul li.bottoms
{
float:left;
height:6px!important;
background:url(../images/shade_bottom.jpg) top right no-repeat;
background-color:#FFFFFF;
border:0px solid #000000;
}
.corporateli li
{
height:25
}
.leftcol ul li a
{
float:left;
font-size:11px;
color:#666666;
text-decoration:none;
}
.leftcol ul li a:hover
{
font-size:11px;
color:#db0048;
text-decoration:none;
}
.a-corpo .leftcol ul li.corporate a,
.a-webdesigning .leftcol ul li.wd a,
.a-customwebapplication .leftcol ul li.cstma a,
.a-ecommerce .leftcol ul li.ecrc a,
.a-multimediaservices .leftcol ul li.mms a,
.a-webpromotion .leftcol ul li.wbpmtn a,
.a-brandings .leftcol ul li.brndsr a,
.a-contentmanagement .leftcol ul li.ctm a,
.a-about .leftcol ul li.abt a,
.a-ourapproach .leftcol ul li.ourapproach a,
.a-ourprocess .leftcol ul li.ourprocess a,
.a-whyus .leftcol ul li.whyus a,
.a-crs .leftcol ul li.crs a,
.a-culture .leftcol ul li.culture a,
.a-currentopenings .leftcol ul li.currentopenings a,
.a-ourpolicies .leftcol ul li.ourpolicies a,
.a-applyonline .leftcol ul li.applyonline a
{
color:#db0048;
text-decoration:none;
}
.middle
{
float:left;
width:609px;
height:auto;
border:0px solid #00FF33;
}
.rightcol
{
float:right;
width:197px;
min-height:285px;
_height:285px;
background:url(../images/swril_vrt.jpg) top right no-repeat;
}
.rightcolimg
{
float:left;
text-align:left;
width:195px;
background:url(../images/square_light.jpg) top left no-repeat;
}
.a-home .rightcolimg
{
background-position:10px 400px;
min-height:500px;
_height:500px;
}
.a-crprt .rightcolimg
{
background-position:10px 480px;
min-height:600px;
_height:600px;
}
.a-services .rightcolimg
{
background-position:10px 345px;
min-height:450px;
_height:450px;
}
.a-portfolio .rightcolimg
{
background-position:10px 500px;
min-height:615px;
_height:615px;
}
.a-carrs .rightcolimg
{
background-position:10px 240px;
min-height:350px;
_height:350px;
}
.a-contact .rightcolimg
{
background-position:10px 270px;
min-height:360px;
_height:360px;
}
.a-webdesigning .rightcolimg
{
background-position:10px 480px;
min-height:580px;
_height:580px;
}
.a-brandings .rightcolimg
{
background-position:10px 300px;
min-height:410px;
_height:410px;
}
.a-customwebapplication .rightcolimg
{
background-position:10px 350px;
min-height:465px;
_height:465px;
}

.a-ecommerce .rightcolimg
{
background-position:10px 360px;
min-height:475px;
_height:475px;
}
.a-multimediaservices .rightcolimg
{
background-position:10px 360px;
min-height:475px;
_height:475px;
}
.a-webpromotion .rightcolimg
{
background-position:10px 360px;
min-height:465px;
_height:465px;
}
.a-contentmanagement .rightcolimg
{
background-position:10px 300px;
min-height:410px;
_height:410px;
}
.a-about .rightcolimg
{
background-position:10px 250px;
min-height:370px;
_height:370px;
}
.a-ourapproach .rightcolimg
{
background-position:10px 300px;
min-height:420px;
_height:420px;
}
.a-ourprocess .rightcolimg
{
background-position:10px 420px;
min-height:540px;
_height:540px;
}
.a-whyus .rightcolimg
{
background-position:10px 250px;
min-height:370px;
_height:370px;
}
.a-culture .rightcolimg
{
background-position:10px 380px;
min-height:500px;
_height:500px;
}
.a-currentopenings .rightcolimg
{
background-position:10px 210px;
min-height:340px;
_height:340px;
}
.a-ourpolicies .rightcolimg
{
background-position:10px 320px;
min-height:450px;
_height:450px;
}
.a-applyonline .rightcolimg
{
background-position:10px 680px;
min-height:795px;
_height:795px;
}
.a-submit .rightcolimg
{
background-position:10px 300px;
min-height:400px;
_height:400px;
}
.header
{
float:left;
margin:0px;
padding:9px 0px 0px 9px;
width:600px;
height:157px;
text-align:left;
}
.bodyarea
{
float:left;
padding:5px 0px 0px 9px;
width:600px;
height:auto;
background:url(../images/swril_hrzt.jpg) top right no-repeat;
background-position:150px 0px;
}
h1
{
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:600px;
height:auto;
font-size:18px;
text-align:left;
color:#0262C2;
border:0px solid #00FF33;
}
p
{
float:left;
margin:12px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:590px;
height:auto;
line-height:16px;
text-align:justify;
border:0px solid #CC0066;
}
p b
{
font-size:15px;
text-align:left;
color:#db0048;
}
p strong
{
font-size:15px;
text-align:left;
color:#db0048;
}
.leftp
{
width:92%;
}
.leftp b
{
font-size:15px;
text-align:left;
color:#666666;
}
.rightp
{
padding:0px 0px 0px 0px;
width:92%;
}
.rightp b
{
font-size:15px;
text-align:left;
color:#666666;
}

.red
{
font-weight:bold;
text-decoration:none;
color:#db0048;
}
.red a
{
font-weight:bold;
text-decoration:none;
color:#db0048;
}
.red a:hover
{
font-weight:bold;
text-decoration:none;
color:#666666;
}
.blue a
{
font-weight:bold;
text-decoration:none;
color:#005ad5;
}
.blue a:hover
{
font-weight:bold;
text-decoration:none;
color:#666666;
}
.green a
{
font-weight:bold;
text-decoration:none;
color:#00bc00;
}
.green a:hover
{
font-weight:bold;
text-decoration:none;
color:#666666;
}
.yellow a
{
font-weight:bold;
text-decoration:none;
color:#ea8e05;
}
.yellow a:hover
{
font-weight:bold;
text-decoration:none;
color:#666666;
}
.footer
{
margin:16px 0px 0px 0px ;
float:left;
width:1003px;
height:40px;
border-top:0px solid #CC0066;
}
.footertext
{
float:center;
margin:0px 0px 0px 0px ;
padding:0px;
width:750px;
height:25px;
text-align:left;
background:url(../images/square_footer.jpg) top right no-repeat;
border:0px solid #CC0066;
}
.footertext a
{
text-decoration:underline;
color:#666666;
}
.footertext a:hover
{
text-decoration:none;
color:#666666;
}
.mainul			
{
margin:0px;
padding:0px;
float:left;
height:auto;
width:250px;
list-style-type:none;
border:0px solid #009900;
}			
.mainul	li
{
padding:1px 0px 0px 15px;
width:200px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align :left;
font-size:11px;
display:block;
font-weight:bold;
list-style-type:none;
border:0px solid #000000;
}
.mainul	li a
{
float:left;
display:block;
padding:2px 0px 3px 10px;
color:#666666;
text-decoration:none;
background:url(../images/bullet.gif) top left no-repeat; 
background-position:0px 6px;
}
.mainul	li a:hover
{
color:#db0048;
text-decoration:none;
}
.sub
{
margin:0px;
padding:0px;
float:left;
list-style-type:none;
}
.sub li
{
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:400;
height:19px;
font-size:11px;
display:block;
}
a
{
color:#666666;
text-decoration:none;
}
a:hover
{
color:#666666;
text-decoration:none;
}
.showcase
{
float:left;
margin:0px 4px 5px 0px;
_margin:0px 3px 5px 0px;
padding:7px 0px 0px 7px;
width:188px;
_width:189px;
height:124px;
text-align:left;
background:url(../images/portfoliobg.png) top left no-repeat;
border:0px solid #000000; 
}
.showcase a
{
text-decoration:none !important;
}
.showcase a:hover
{
text-decoration:none !important;
}

.link a
{
font-family:Arial!important;
font-size:13px;
text-decoration:none;
color:#db0048;
}
.link a:hover
{
text-decoration:underline;
color:#666666;
}
.rightside
{
padding:50px 0px 0px 50px;
width:240px;
border:0px #FF00CC solid;
}