@charset "utf-8";
/* CSS Document */


html
{
height: 100%;
}

body
{
/* font-family:Arial, Verdana, Helvetica, sans-serif; */
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
font-size:12px;
margin:0 auto; 
padding: 0;
/* background: url("../../../../assets/images/nav/bg.gif");  */  

background:#0c2852; 
text-align: center;
}

.clear { clear:both; }
.clear5 { clear:both; height:5px; }
.clear10 { clear:both; height:10px; }
.clear15 { clear:both; height:15px; }
.clear20 { clear:both; height:20px; }
.clear30 { clear:both; height:30px; }
.clear40 { clear:both; height:40px; }
.clear60 { clear:both; height:60px; }
.clear80 { clear:both; height:80px; }
.clear100 { clear:both; height:120px; }


.divider {border-bottom: 1px dotted #666666;}



#wrapper {width:960px; margin-left: auto;  margin-right: auto; margin-top:5px; 
padding:0 20px 17px 20px; /* background:#3c4146;  */ 
background: url("../../../assets/images/nav/wrapper_bg.jpg") #000000 no-repeat bottom center;}


#header {padding:10px 0 0 0 ; width:960px;  
background:url("../../../assets/images/nav/header_bg.jpg") #2b4164 no-repeat; border-bottom:1px #666666 solid;}
#header .search-box {width:170px; float:right; color: #CCCCCC;font-size:1em; margin-right:5px; font-variant: small-caps; }
#header .search-box a { color: #cccccc; text-decoration:none;}
#header .search-box a:hover { color: #ffffff; }

#header .logo { margin:0px 0px 0px 30px; padding:0; float:left;  }
#header .tag-line {  margin:23px 30px 0px 0px; padding:0; float:right;  }




#menubar 
{ margin:0; padding:10px 0 10px 0;  font-size:1em; color:#CCCCCC; height:30px; }


#breadcrumbs {font-size:0.9em;  height:23px; text-align:left; padding:0 0 0 10px; line-height:20px;
background: url("../../../assets/images/nav/breadcrumbs_bg.jpg") #000000 no-repeat; margin:0;
}
#breadcrumbs a {color:#cccccc; text-decoration:none;}
#breadcrumbs a:hover {color:#ff9966; text-decoration:none;}


/*home page only */
#message {  margtin:0; padding:0; }


/*REMOVED BY TS   042909   
---home page only ---
#newsbar { margin:0; text-align:left; color:#CCCCCC; border-bottom:1px #666666 solid; text-transform:uppercase; font-size:0.9em; line-height:1.2em;}
#newsbar ul {margin-bottom:30px; }
#newsbar li {padding:0; margin:8px; display:inline;}
#newsbar img {margin:0 10px 0 0; padding:0;}
#newsbar a {color:#ffffff; text-decoration:none;}
#newsbar a:hover {color:#ff9966; text-decoration:none; }

---home page only ----
#linkbar {margin:0; padding:20px 0 0px 1%; color:#999999; border-top:1px #666666 solid;  }
#linkbar a {margin-right:20px; float:left;  border:1px solid #3c4146; width:104px; height:57px;}
#linkbar a:hover {border:1px solid #5e666e; }

#linkbar #music {width:180px; text-align:left; float:left; }
#linkbar #callout {width:300px; text-align:left; float:left; }
*/



#footer {font-size:0.9em; background:#133a73; line-height:30px; border-top:1px #2c4c88 solid; width:100%;}
#footer a {color:#999999; text-decoration:none;}
#footer a:hover {color:#cccccc; text-decoration:underline;}
#footer .socialnet {color:#FFFFFF; width:320px; float:left;}
#footer .copyright {color:#999999; width:310px; float:right;}

/*************************************CONTENT AREA FOR HOME *******************************/
#content-home { background:#3c4146;  width:960px; padding:0px 0 50px 0; text-align:left;
background: url("../../../assets/images/nav/content_bg.jpg") #000000 no-repeat bottom center; 
color:#cccccc; 
}

#content-home h2 {
font-size:1em;
background: #2b528b;
color:#ffffff;
padding:3px 3px 3px 5px;
text-transform: uppercase;
margin:10px 0 10px 0;

}


#content-home h3 { margin:0; padding:0; font-size:1em;  }
#content-home h3 a {color:#ff9966; text-decoration:none; }
#content-home h3 a:hover {color:#ffffff; text-decoration:none; }

#content-home p {
margin:5px 0 5px 0;
padding:0;
}


#content-home .col-left {
padding:20px; 
margin:0;  
width:279px; 
float:left; 
}


#content-home .col-center {
padding:20px; 
margin:0;  
width:279px; 
float:left; 
}

#content-home .col-right {
padding:20px; 
margin:0; 
 width:280px; 
float:left;

}

/*************************************CONTENT AREA FOR PAGES *******************************/
#content {width:100%; padding:20px 0 50px 0; text-align:left;
background: url("../../../assets/images/nav/jrthompson_pages_bg.jpg") #dfdede no-repeat top center;
}



/*************************************3-COLUM LAYOUT (services) *******************************/

#three-col-left {width:205px; padding-right:0px; text-align:left; float:left; }

/*****three-col-content-frame encloses center and left columns --  SERVICES PAGES*******/
#three-col-content-frame { border:1px solid #ffffff; float:left; padding:5px;}
#three-col-content-frame h1 {font-size:1.2em; color:#2b528b; text-transform:uppercase; line-height:1.5em; padding:3px; width:550px; margin:5px 0 5px 0;}
#three-col-content-frame h2 {font-size:0.9em; color:#666666; width:717px;  padding:3px; margin:5px 0 5px 0; border:1px dotted #949494; }
#three-col-content-frame p {font-size:1em; color:#666666; margin:10px 0 0 0;}

#three-col-center {width:460px; height:400px;text-align:left; float:left;  }
#three-col-right {width:250px; padding:0 0 5px 15px;  text-align:left; float:left; }

/*************************************3-COLUM LAYOUT ENDS *******************************/



/*************************************2-COLUM LAYOUT  (case studies )*******************************/

#two-col-left {width:205px; padding-right:0px; text-align:left; float:left; }
/*****two-col-content-frame encloses left column*******/
#two-col-content-frame { border:1px solid #ffffff; float:left; padding:5px;}

#two-col-right {width:725px;   text-align:left; float:left; padding:0; }

#two-col-right h1 {font-size:1.2em; color:#2b528b; text-transform:uppercase; line-height:1em; padding:0px;  margin:10px 0 0 0;}
#two-col-right h2 {font-size:0.9em; color:#666666; width:717px;  padding:3px; margin:5px 0 5px 0; border:1px dotted #949494;}
#two-col-right p { color:#666666; margin:10px 0 0 0; padding:0;}

#two-col-right .info {padding:0 10px 10px 10px;  margin:0; }
#two-col-right .info-misc-links {padding:10px; margin:0; float:right;  }


/*************************************2-COLUMN LAYOUT  *******************************/



/*************************************NEWS 2-COLUM LAYOUT (news / carrers / blog ) *******************************/

#news-col-left {width:205px; padding-right:0px; text-align:left; float:left; }
/*****two-col-content-frame encloses left column*******/
#news-col-content-frame { border:1px solid #ffffff; float:left; padding:5px;}

#news-col-right {width:725px;   text-align:left;  padding:0; margin:0;  }


#news-col-right .header {padding:0;  margin:0; width:725px; height:125px;   }
#news-col-right .jrt {background:url(../../../assets/images/news_jrt.jpg) #999999 no-repeat ;  }
#news-col-right .awards {background:url(../../../assets/images/news_awards.jpg) #999999 no-repeat ;  }
#news-col-right .careers {background:url(../../../assets/images/careers_jobs.jpg) #999999 no-repeat ;  }
#news-col-right .blog {background:url(../../../assets/images/news_blog.jpg) #999999 no-repeat ;  }

#news-col-right .header h1 {padding:35px 20px 0px 20px;  margin:0; font-size:1.8em; line-height:1.2em; width:450px; text-transform:uppercase; }

#news-col-right .header a {color:#2b528b; text-decoration:none;}
#news-col-right .header a:hover {color:#fe722c; text-decoration:none;}


#news-col-right  h2 {padding:3px;  margin:10px 20px 10px 20px;  font-size:1em; border:none; 
color:#2b528b; /* border:1px dotted #333333; */ text-transform:uppercase;}
#news-col-right  p {padding:0;  margin:10px 20px 0px 20px; font-size:1em; border:none; color:#666666; }
#news-col-right  p.date {padding:0;  margin:5px 20px 5px 20px; font-size:1em; border:none; color:#666666; }
#news-col-right  a {color:#2b528b; text-decoration:none;}
#news-col-right  a:hover {color:#fe722c; text-decoration:none;}
#news-col-right .picture { margin:0px 20px 20px 20px;  float:right;  }
#news-col-right ul {color:#666666;}


/*************************************news LAYOUT ends *******************************/



/************************************FORMS *******************************/

#contact-form label {width: 5em; float: left; text-align: right; margin-right: 0.5em; margin:10px 5px 3px 3px; display: block }

#contact-form input, textarea {color: #000000; background: #cccccc;  border:0; margin:10px 0px 3px 3px; width:70%; padding:3px; }

#contact-form fieldset { border: 1px solid #781351; width:87%; height:365px; padding:10px; border:1px solid #999999;}

#contact-form legend {  padding: 2px 6px; font-size:110%; }

#contact-form .bsubmit input {width:100px; margin-left: 70px;}

#contact-form .bsubmit input { color: #fff; background: #666666; border:0; padding:2px; } 

 
/************************************FORMS *******************************/




/*********************MOOTOOLS SLIDER manual_scroll STYLES******************************************/

#container{ width: 720px; height: 200px;   
overflow: auto;  margin: 0 auto;  overflow-x: hidden; overflow-y: hidden;}

.slider{width: 2000px; height: 195px; padding:0; margin:0; background: red; }

.section{margin:0;  width:220px;   float:left;   margin-right:50px;}



/*********************************AJAX SEARCH  *****************************************************/

#ajaxSearch  {   margin:10px 20px 0px 10px;  }

/* #ajaxSearch  a {color:#000000; text-decoration:none;}
#ajaxSearch  a:hover {color:#ffffff; text-decoration:none;}   */
 

#ajaxSearch_form {
           color: #444;
           width: auto;  
       }


 #ajaxSearch_form fieldset {
           border:0; margin:0; padding: 0;
       }

       #ajaxSearch_input {
color: #000000; background: #cccccc;  border:0; margin:10px 5px 3px 0; width:70%; padding:3px; width:100%; clear: both; 
       }
       #ajaxSearch_submit {
        color: #fff; background: #2b528b; border:0; padding:1px 15px 1px 15px; float:left;  margin:10px 0 0 0  }


/*       #ajaxSearch_output {
           border: 1px solid #444;
           padding: 10px;
           background: #fff;
           display: block;
           height: auto;
           vertical-align: top; background:green;
       }   */


       .ajaxSearch_result { color: #444;   margin-bottom: 3px;  margin:25px 0px 15px 0px; background:#b3b2b2; padding:3px;    }
.ajaxSearch_result   a {color:#000000; text-decoration:none;}
.ajaxSearch_result   a:hover {color:#ffffff; text-decoration:none;}


.ajaxSearch_highlight {
           color: #ffffff; font-weight:bold; 
       }

       .ajaxSearch_resultLink {
           text-decoration: underline;
       }
       .ajaxSearch_resultDescription{
           color: #555;
       }
       .ajaxSearch_more {
           color: #555;
       }


       .ajaxSearch_paging { float:right;  color:#2b528b;}

       .ajaxSearch_paging  a   { padding:2px 4px 2px 4px;    color:#ffffff; text-decoration:none; }

.ajaxSearch_paging  a:hover  {	background:#2b528b; color:#ffffff; }