/********************************************/
  /* Indian Creative Design CSS Document*/
/********************************************/


body
{
margin:20px 0 20px 0; padding:0;
font:normal 12px Arial, Helvetica, sans-serif;
color:#7e7d7d;

background-color:#f0f0f0;
}

p
{
padding:0;
margin:0 0 10px 0;

}

h1,h2,h3,h4
{
margin:0 0 10px 0; padding:0;
}

h1
{
font:normal 24px Arial, Helvetica, sans-serif;
color:#303030;
}

h2
{
font:normal 18px Arial, Helvetica, sans-serif;
color:#303030;
}

h3
{
}

h4
{
}

h5
{
font:bold 14px Arial, Helvetica, sans-serif;
color:#303030;
margin:20px 0 5px 0; padding:0;
}


a img
{
border:none;
}

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

a:link active 
{
color:#666; text-decoration:underline;
}

a:hover 
{
color:#666; text-decoration:underline;
}

.link
{
font:bold 11px Arial, Helvetica, sans-serif;
color:#076abd;
}

.link a
{
font:bold 11px Arial, Helvetica, sans-serif;
color:#076abd; text-decoration:none;
}






/*******Layout******/


#main
{
background-color:#fff;
margin:0 auto;
padding:0;
width:990px;
border:1px solid #e3e3e3;
}

#header
{
margin-top:10px;
}


#header .bgd
{
height:56px;
background:url(../images/bg-logo.gif) repeat-x left bottom;
}

#header .left
{
padding:10px 10px 0 10px;
}


.header-text
{
float:left; font:bold 15px Arial, Helvetica, sans-serif; padding:55px 0 0 0; vertical-align:bottom;

}

.logo
{
float:left; width:205px; padding:0 0 10px 0;
}

.header-right
{
float:right; line-height:25px; padding:0 0 10px 0;
}

.txt-sml
{
font:normal 16px "Myriad Pro";
color:#9f9f9e;
}
.txt-big
{
font:normal 25px "Myriad Pro";
color:#000;
}



.top-nav{

 background:url(../images/bg-nav.gif) repeat-x left bottom;
 height:32px;
 width:960px;
 float:left;
 margin:10px 0 0 0;
}

               

ul.tabs {

   list-style-type: none;
   padding:0 0 0 5px;
   margin:0; display:inline;
   font:normal 12px Arial, Helvetica, sans-serif;
}

 

ul.tabs li {

  list-style-type: none;  
  color:#ffffff;
  float: left;
  text-align:center;
  list-style-type:none;
  font:normal 12px "Myriad Pro";
  padding:0; 
  background:url(../images/border-nav.gif) no-repeat right center;

}

ul.tabs li a {

  font:normal 12px "Myriad Pro";
  color:#fff;
  text-align:center;
  display:block;
  padding:0px 20px 0 20px;
  text-decoration: none;
  line-height:32px;
}

ul.tabs li a:link active {

  padding:0px 20px 0 20px;
  text-decoration: none;
  line-height:32px;
  color:#fff;
}

ul.tabs li a:hover {

  color:#fff;
  text-align:center;
  display:block;
  padding:0px 20px 0 20px;
  text-decoration: none;
  line-height:32px;
}               

ul.tabs li.selected {

  list-style-type: none;
  color:#fff;
  float:left;
  text-align:center;
  list-style-type:none;
  background-color:#fc5d01;
  font:normal 12px "Myriad Pro";
  background:url(../images/bg-nav-selected.gif) repeat-x left bottom;
  border-right:url(../images/border-nav.gif);

}
ul.tabs li.selected a {

  font:normal 12px "Myriad Pro";
  color:#fff;
  text-align:center;
  display:block;
  padding:0px 20px 0 20px;
  text-decoration: none;
  line-height:32px;
}

ul.tabs li.selected a:link active {
 font:normal 12px "Myriad Pro";
  color:#fff;
  text-align:center;
  display:block;
  padding:0px 20px 0 20px;
  text-decoration: none;
  line-height:32px;
}

ul.tabs li.selected a:hover {
  font:normal 12px "Myriad Pro";
  color:#fff;
  text-align:center;
  display:block;
  padding:0px 20px 0 20px;
  text-decoration: none;
  line-height:32px;
}

.box-heading
{
width:310px;
height:42px;
background:url(../images/bg-btm-box.gif) no-repeat left center;
}

.box-heading div
{
font:bold 15px "Myriad Pro";
color:#234277;
margin:0 0 0 48px; text-transform:uppercase;
}

.frst-block
{
width:310px;
background:url(../images/bg-btm-box-btm.gif) no-repeat left top;
height:210px;
}

.frst-txt
{
width:275px; margin:15px 0 10px 20px;
}

.download-one
{
width:275px; height:72px; margin:15px 0 0 20px;
border-bottom:1px solid #f3f3f2;
}

.download-two
{
width:275px; height:72px; margin:10px 0 0 20px;

}


.box-whatwedo
{
 margin:7px 0 0 20px; width:275px;
}


.box-whatwedo ul
{
 margin:0; padding:0; list-style-type:none; line-height:15px;
}

.box-whatwedo ul li
{
 margin:0; padding:5px 0 8px 0; border-bottom:1px solid #f3f3f2;
}




p.boldtxt
{
font:bold 18px "Myriad Pro";
color:#076abd;
line-height:18px; margin:0 0 8px;
}

p.boldsml
{

font:bold 15px "Myriad Pro";
color:#5c5c5a;
line-height:16px; margin:0 0 10px 0;
}




.flt-left
{
float:left;
}

.flt-right
{
float:right;
}



.inner-banner
{
width:960px; height:98px;
background:url(../images/bg-inner-banner.gif) no-repeat left top;
}

.inner-txt 
{
width:700px;
font:bold 30px Arial, Helvetica, sans-serif; color:#000;
margin:50px 0 0 20px; text-transform:uppercase;  
}


.innerbox-heading
{
width:235px;
height:42px;
background:url(../images/bg-box-inner.gif) no-repeat left center;
}

.innerbox-heading div
{
font:bold 15px "Myriad Pro";
color:#234277;
margin:0 0 0 48px; text-transform:uppercase;
}

.inner-block
{
width:235px;
background:url(../images/bg-inner-box-btm.gif) no-repeat left top;
height:210px;
}

.inner-box
{
width:210px;
margin:10px;
}

.inner-box img
{
vertical-align:middle; padding-right:7px;
}


.inner-box ul
{
 margin:0; padding:5px 0 8px 0px; list-style-type:none;
}

.inner-box ul li
{
 border-bottom:1px dashed #787878; margin:0 0 0 0px; padding:7px 0 7px 10px; line-height:16px; font:bold 11px Arial, Helvetica, sans-serif;
}

.inner-box ul li a
{
text-decoration:none; color:#666;

 
}

.inner-box ul li a:link active
{
text-decoration:none; color:#666;
 
}

.inner-box ul li a:hover
{
text-decoration:none; color:#666;
 
}



.inner-box ul li.current
{
 margin:0; padding:5px 0 8px 10px; display:block; border-bottom:1px dashed #787878; background-color:#e9e9e9; color:#000;
}

.inner-box ul li.current a
{
 color:#000; text-decoration:none; 
}

.inner-box ul li.current a:link active
{
color:#000; text-decoration:none; 
}

.inner-box ul li.current a:hover
{
 color:#000; text-decoration:none; 
}



.bread
{
padding:10px 0 10px 5px;
width:710px
}

.bread a
{
color:#92a40e;
text-decoration:none;
}


.bread a:link active
{
color:#92a40e;
text-decoration:none;
}

.bread a:hover
{
color:#92a40e;
text-decoration:underline;

}

.space
{
height:10px;
}

p.sub
{
color:#92a40e;
font:normal 16px Arial, Helvetica, sans-serif;

}

.inner-content
{
padding:10px 5px 10px 5px;
background:url(../images/bg-inner-txt.gif) repeat-x;
}

.inner-content ul
{
margin:0 0 0 20px; padding:0; list-style-type:none;
}

.inner-content ul li
{
list-style-image:url(../images/img-arrow-green.gif);
border-bottom:1px solid #f4f4f4; margin:0 0 0 5px; padding:5px 0 5px 2px; line-height:16px;
}

.marg
{
margin-right:40px;
}

.client-one
{
border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; padding:10px 0 10px 0;
}

.client-list
{
overflow:hidden; 
}


.client-list img 
{
display:inline;
}



.client-two
{
border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; padding:10px; margin:10px 0 20px 0;
}

ul.list
{
margin:0 0 25px 20px; padding:0; list-style-type:none; font-weight:bold;
}

ul.list li
{
list-style-image:url(../images/img-arrow-green.gif);
border-bottom:none;
 margin:0 0 0 5px; padding:5px 0 5px 2px; line-height:16px;
}





#footer
{
padding:5px 0 5px 20px; border-top:1px solid #d4d6d7; border-bottom:1px solid #d4d6d7;
}

#footer span
{
padding:0px 15px 0 15px; 
}

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

#footer a:link active
{
color:#177ace; text-decoration:none;
}

#footer a:hover
{
color:#177ace; text-decoration:underline;
}

.footer-btm
{
color:#949799; padding:5px 0 20px 10px;
}

.footer-btm a
{
color:#177ace; text-decoration:none;
}

.footer-btm a:link active
{
color:#177ace; text-decoration:none;
}

.footer-btm a:hover
{
color:#177ace; text-decoration:underline;
}