body
{color:#5C5C5C; font-size:13px; font-family: Arial; font-weight:normal; line-height:18px}
*
{padding:0px; margin:0px;}
a
{text-decoration:none; color:#5C5C5C;}
a:hover
{text-decoration:underline; color:#FF841A;}

ul,li{list-style-position:inside}
li{line-height:20px}

table{text-align:left}
#main
{width:906px; margin:auto; border-top:4px solid #E2E1E1;}

#top-sec
{margin-top:8px; }
#top-sec h2
{color:#000000; font-weight:bold; font-size:13px; font-family:Arial; text-indent:7px; height:28px; line-height:28px; margin-bottom:5px; margin-left:5px;}
#top-sec h2 span
{color:#FF841A; font-weight:bold; font-size:13px; font-family:Arial;}

#logo
{float:left; width:224px;}
#logo a img
{border:none;}
#top-nav
{margin-top:25px; height:60px; width:682px; text-align:right; float:left}
#top-nav img
{vertical-align:bottom;}
#top-nav a
{font-size:12px; color:#5c5c5c; padding-left:5px; padding-right:10px; vertical-align:bottom; background:url(../images/yellow_line.gif) no-repeat right; font-weight:normal;}
#top-nav a em{color:#FF841A; font-weight:bold; font-size:13px; font-style:normal; text-decoration:blink; }
#top-nav a:hover em
{text-decoration:blink;}
#top-nav a.last
{background:none }

#top-left-nav
{width:210px; float:left; margin-top:25px;}
#top-left-nav img
{position:absolute; margin-left:186px; margin-top:-17px !important; margin-top:-22px;}
#top-left-nav h1 
{text-indent:13px; width:202px; margin-bottom:5px;}
#top-left-nav h1 a
{color:#666666; display:block; font-weight:bold; font-family: Arial; font-size:11px; line-height:26px; background:url(../images/bg-left-nav.gif) no-repeat;}
#top-left-nav h1 a:hover
{text-decoration:none; color:#FF841A;}
.flash
{float:left; margin-top:25px;}

#top-sec #showcase
{background:url(../images/bg-portfolio-sec.gif) no-repeat; width:202px; height:123px; margin:auto; padding-top:3px; padding-left:3px; float:left; }
#top-sec #showcase div
{background:url(../images/bg-port.gif) center center no-repeat; float:left}
#top-sec #showcase div a img
{border:none; margin:9px; }


ul#top-right-nav
{list-style-type:none; width:187px; float:left; margin-top:20px; margin-left:10px; }
ul#top-right-nav li img
{ margin-left:4px; margin-right:10px; }
ul#top-right-nav li 
{background:url(../images/bg-leftnav-divider.gif) bottom no-repeat; height:20px; padding-top:5px;}
ul#top-right-nav li a
{color:#787171; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;  text-indent:35px; height:23px;}
ul#top-right-nav li a:hover
{text-decoration:none; color:#FF841A;}

#middle-sec
{width:100%; float:left;}

#left-col
{width:210px; float:left;}
#left-col h2
{background:url(../images/left-title.gif) no-repeat left center; color:#000000; font-weight:bold; font-size:13px; font-family:Arial; font-weight:bold; text-indent:25px; height:28px; line-height:28px; margin-bottom:10px; margin-top:10px;}
#left-col h2 span
{color:#FF841A; font-weight:bold; font-size:13px; font-family: Arial}
.list-block
{width:195px;}
.list-block img
{margin-left:5px; margin-right:5px; margin-top:5px; float:left;}
.list-block h3
{ height:20px; margin-top:3px; border-bottom:1px dotted #cccccc; background:url(../images/web-design-india.gif) no-repeat left center; padding:0 0 0 10px}
.list-block h3 a
{color:#5C5C5C; font-size:11px; font-weight:normal; line-height:20px}
.list-block h3 a:hover
{text-decoration:none; color:#FF841A;}
div.featured-work
{background:url(../images/bg-featured-work.gif) no-repeat; width:145px; height:122px; margin-left:20px; margin-bottom:20px;}
div.featured-work a img
{border:none; margin:10px 0px 0px 12px;}


#container
{float:left; margin-top:5px; width:486px;}

#content
{margin-left:10px; margin-right:20px;}
#content h1, #content-large h1
{font-family:Arial; font-size:13px; font-weight:bold; color:#000000; margin-bottom:10px;}


#content h1 span, #content-large h1 span
{color:#FF841A;}
#content h2, #content-large h2
{font-size:10px; font-family:Tahoma, Arial; font-weight:normal}
#content p, #content-large p
{text-align:justify; margin:10px 0 10px 0;}
#content ul, #content-large ul
{list-style-type:none}
#content ul h3, #content-large ul h3 
{color:#F27A08; font-size:12px; font-weight:bold; line-height:30px;}
#content ul li, #content-large ul li
{ font-size:11px; line-height:18px; background:url(../images/web-design-india.gif) center left no-repeat; text-indent:12px;}



#container-large
{float:left; margin-top:5px; width:682px; }
#container-large p, #container-large ul, #container-large ol{padding:5px 0 5px 7px;}
#container-large ul ul{padding:5px 0 0 15px}
#content-large
{margin-left:20px;}
#container-large h1{font-size:16px; line-height:22px;}
.right-float-portal
{float:right; margin-left:15px; margin-bottom:15px; }
.right-float-portal h2{padding:0 0 10px 0; text-align:center}
/*
div.header
{background:url(../images/bg-inner-title.gif) no-repeat top right; width:100%; padding-left:10px; padding-top:15px; }
div.header h1{color:#6D6D6D; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; line-height:35px; text-indent:10px; border-left:4px solid #cccccc; margin-left:12px; margin-bottom:15px; margin-top:5px; background:url(../images/bg-header.gif) bottom right no-repeat; border-bottom:1px solid #cccccc; }
div.header h1 span
{color:#F27A08;} */

div.header
{background:url(../images/bg-header.gif) no-repeat bottom right; border-bottom:1px solid #cccccc;  margin-bottom:15px; }
div.header h1{color:#6D6D6D!important; font-size:18px!important; font-weight:normal!important; line-height:40px!important; /*text-indent:10px;*/ margin-top:5px!important; background:url(../images/bg-inner-title.gif) top right no-repeat;  no-repeat top right; width:100%; padding-left:7px; }
div.header h1 span
{color:#F27A08;}


.divider
{border:2px solid #E2E1E1; margin:15px 0px 15px 0px}

#right-col
{width:210px; float:right;}
#right-col h2
{border-left:4px solid #E2E1E1; color:#000000; font-weight:bold; font-size:13px; font-family:Arial; text-indent:7px; height:28px; line-height:28px; margin-bottom:10px; margin-top:10px; margin-left:10px;}
#right-col h2 span
{color:#FF841A; font-weight:bold; font-size:13px; font-family:Arial;}
h4 a
{background:url(../images/bg-misc-links.gif) no-repeat; height:24px; text-indent:30px; color:#5c5c5c; font-weight:bold; text-decoration:none; margin:6px 0px 7px 2px; display:block; line-height:23px; font-size:11px;}
h4 a:hover
{text-decoration:none; color:#000000;}

#showcase
{background:url(../images/bg-portfolio-sec.gif) no-repeat; width:202px; height:123px; margin:auto; padding-top:3px; padding-left:3px; }
#showcase div
{background:url(../images/bg-port.gif) center center no-repeat; float:left}
#showcase div a img
{border:none; margin:9px; }
.contact-info
{width:180px; margin:auto; line-height:20px;}
.contact-info ul
{margin-left:25px; margin-bottom:10px; margin-top:5px;}
.contact-info li span
{font-weight:bold}
.contact-info div img
{margin:8px 0px 0px 0px;}
.contact-info a{text-decoration:none; font-size:11px;}
div.quote
{padding:0px 10px 0px 20px; line-height:16px;}
.quote span
{float:right; font-weight:bold; line-height:12px;}
.quote span a
{font-weight:normal; color:#FF9900; font-size:11px; text-decoration:none}
.quote span a:hover
{text-decoration:underline}

img.open-quote
{margin-right:7px;}
img.close-quote
{margin-left:7px;}
img.send-request
{margin:15px 0px 15px 20px;}


div#bottom-sec
{margin-top:20px; background:url(../images/bg-bottom-sec.gif) no-repeat; float:left;  width:906px; height:100px; padding-top:10px;}
#bottom-sec h5
{font-size:10px; font-weight:normal; padding:10px; text-align:center}
#bottom-sec span
{float:right; padding-right:15px;}
ul.bottom-nav
{margin-left:15px; font-weight:bold; color:#696969; float:left;	}
ul.bottom-nav li
{display:inline;}
ul.bottom-nav li a
{text-decoration:none; color:#696969; margin:7px;}
ul.bottom-nav li a:hover
{color:#000000; text-decoration:none;}
p.hr-1
{border-bottom: 1px dotted #cccccc; padding-bottom:5px;}

table#job-listing{margin-bottom:5px;}
#job-listing
{background-color:#f9f9f9; border:1px solid #cccccc;}
#job-listing td
{border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; padding:10px; vertical-align:top; font-size:12px; margin:2px;}


.portfolio_main { width: 100%; margin-left:10px;}
.portfolio { width:50%; float: left; margin-bottom: 50px; }
.portfoliobg { background-image: url(../images/portfoliopage-bg.gif); background-repeat: no-repeat; padding: 4px; width: 153px; height:100px; float: left;}
.portfoliodesc { width: 50%; float: left; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight: normal; }
.portfoliodesc span { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF841A;}
.button-space { margin-top: 5px;}
.activepage { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #F58815; padding-left: 3px; padding-right: 3px;}

.paginglink {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #E96E00; text-decoration: underline;}
.paginglink:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #E96E00; text-decoration: underline;}
.paginglink:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #E96E00; text-decoration: underline;}
.paginglink:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #E96E00; text-decoration: none;}


/* new 24-7-10*/

.chat-bg{background:url(../images/chat-bg.gif) no-repeat left top; width:176px; height:50px }
.chat-bg a{border:none; float:left; margin:0 3px 0 0}
.chat-bg a img{border:none}
.email-cnt{clear:both; display:block;  border-top:1px solid #eee;  border-bottom:1px solid #eee}
.email-cnt img{float:left; margin:0!important; vertical-align:middle}
.email-cnt a{line-height:28px;}
#content-large h2{font-size:14px; font-weight:700; margin:0 0 10px 0}
.contact-hr-divider {
background-image:url(../images/hr-line.gif);
background-position:center center;
background-repeat:repeat-x;
}