body {
  background-color: white;
}

body, li, p, h1, h2, h3, span, a {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 0.8em;
  text-align: left;
  text-decoration: none;
}

a {
   font-size: 1em;
}  

body, ul, li, ol, p, h1, h2, h3, span, div, a {
  margin: 0px;
  padding: 0px;
}

h1 {
  color:#a2a2a9; 
  font-size: 1.2em; 
  text-decoration: none;
  letter-spacing: 0px;
  font-weight: bold;
  padding: 0;
  margin: 5px 0 0 3px;
  font-family: Arial, Helvetica, sans-serif;
}

h2 {
  font-size: 1.1em; 
  font-weight: bold;
  padding: 0; 
  margin: 1em 0px 0.5em 0px;
}


#content {
  width: 450px;
}

div.servicebox {
  border: 1px solid #bebebe; 
  width: 180px; 
  padding: 1em; 
  margin: 0;
}

div.servicebox li, div.sevicebox ul {
  list-style: none;
  padding: 0px !important;
  margin: 0px !important;
  line-height: 1.1em;
}

div.servicebox h2 {
  font-size: 0.9em;
  font-weight: bold;
  margin-bottom: 0px;
}

div.servicebox p {
  margin: 0.5em 0em;
}


#topbanner div { 
  display: none;
}

img {
  border: none;
}


#footerright p { 
  font-size: 0.8em; 
  color: #616166; 
  text-align: left;
  padding-top: 15px; 
}

#date p {
  font-size: 0.8em; 
  color: #87807e; 
}

p {
  margin: 0px 0px 1.5em 0px;
  padding: 0;
  line-height: 1.5em;
  color: #333;
  font-size: 1em;
}


#sidenav ul li { font-size: 0.7em !important }


/* new folio */
/* font for when IE can do serifs nicely...     font-family: Georgia, Times New Roman, serif !important; */

.callout  {

    font-size: 22px;
    color: #5E7B93;
    font-family: Arial, Helvetica, sans-serif !important;
    padding: 0 10px 0 10px;
    margin: 20px 0 20px 0px;
    line-height: 26px;
    border-left: 5px solid #EEEEEE
}





.work_wrapper {
	
	/*width: 700px;*//*adi*/
	margin-left: 0px;
	margin-bottom: 10px;
        float: left
}


.work_wrapper .header {
        padding-bottom: 5px;
        border-bottom: 0px #eee solid;
        width: 661px
}


.work_wrapper p {
        padding-left: 0px
}

.work_wrapper p.intro {
    font-size: 22px;
    color: #5E7B93;
    font-family: Arial, Helvetica, sans-serif !important;
    line-height: 26px;
    margin-bottom: 0px;
}

.content_left {
    width:450px;
    float: left;
    margin: 15px 0 0 0;
}


 .content_right {
    width: 200px;
    float: right;
    /*margin: 17px 35px 0 0;*//*adi*/
    margin: 17px 0 0 0;
    
}

content_right p  { padding-left: 5px !important}


.work_wrapper .title  {
     width: 661px;
     
}
     


.work_wrapper h1 {
    
    font-size: 24px;
    font-family: Helvetica, Arial; color: #111;
    font-weight: normal;
    margin: 15px 0px 0px 0px;
    line-height: 30px;
    letter-spacing: 0px;
    background: #f2f2f2;
    padding: 5px 0 0 5px;
     
}


.launcher {
    font-size: 11px; 
    font-family: verdana;
    border-left: 1px dotted #aeaeae;
    margin-left: 5px;
    padding-left: 5px;
    padding-top: 8px; 
}




.work_wrapper .content_right h2 {
    
    font-size: 0.7em;
    font-weight: bold;
    margin: 0px 0px 5px 0px;
    letter-spacing: 0px;
}

.work_wrapper .content_right p {
    
    font-size: 0.7em;

 
}



.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.feature_box {
 float: left;
 padding: 0 0px 0px 0;
 margin-right:20px;
}

.feature_box.right{
margin-right: 0px;
}


.feature_box_rh { float: left; padding: 0 0px 0px 0;  margin-right:0px }

.feature { 

     float: left; 
     display: block; 
     width: 204px;
     border-bottom: 1px solid #cccccc 

}


.home_feature_box {
         float: right;
         margin-top: 15px;
}


.home_feature_box  h2 {
margin-top: 0 !important
}

.home_feature_box .feature  {

     border-bottom: 0px !important
}


.home_feature_description
{
        margin: 10px 0px 0px 0px;
	padding: 0;
	height: 60px;
	float: left;
        font-size: 0.7em;
        color: #333; 
}

.feature_description
{
        margin: 10px 5px 0px 5px;
	padding: 0;
	height: 60px;
	float: left;
        font-size: 0.7em;
        color: #333; 
}

.feature_filename { padding: 0px 0 5px 0px; font-weight: normal; }

.thumbnail, .thumbnail_nolink { float: left; padding: 2px; }

.thumbnail { background: #eee  }

.thumbnail_name { padding: 5px 0 2px 4px; }
.fileicon {  }

div.project_spacer { 
    clear: both; 
    width: 660px; 
    height: 25px; 

}

div.subproject { 
    clear: both; 
    width: 660px; 
    border-bottom: 1px solid #cccccc; 
    font-size: 1.1em; font-weight: bold; 
    padding: 0 0 5px 0px 

}

.launcher img {

   vertical-align: baseline; 

}

.launcher a, .launcher .launcher-link {
    background-image: url('/images/arrow_work.gif');
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding-left: 11px;
}