/* CSS Document */

body {
	margin: 10px;
	padding: 0px;
	background: #504943 url(../_images/striped_background.jpg) top repeat-x;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}



#FormBlock1, #FormBlock1_content {
	background-color: #f9f7ef;
}

.portfolio_preview_container {
    /* nothing! */
}

.portfolio_preview_container td {
	border: 1px solid #C7C2BF;
    background: #E8E5DF;
}

td.portfolio_preview_header {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #fff;
	background: #54514F url(../_images/header_warm_grey.jpg) repeat-x top;
	padding: 2px;
	margin: 0px;
	width: 130px;
	text-align: center;
}

td.td_spacer {
    background: transparent;
	border: none;
	width: 20px;
}

/* for portfolio preview page (/portfolio.aspx) */

.portfolio_preview_header a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
    text-decoration: none;
	color: #C6BEB7;
	margin: 0px;
    letter-spacing:normal;
    text-transform:none;
}

.portfolio_preview_header a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
    text-decoration: underline;
	color: #F7F1ED;
	margin: 0px;
    letter-spacing:normal;
    text-transform:none;
}

.portfolio_preview_pane {
    border: none;
    background: transparent;
    text-align: center;
    width: 110px;
    height: 110px;
    padding: 5px;
    margin: 0px;
}

.portfolio_preview_pane a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
    text-decoration: none;
	color: #807B78;
    padding: 0px;
    margin: 0px;
    letter-spacing:normal;
    text-transform:none;
}

.portfolio_preview_pane a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
    text-decoration: underline;
	color: #7C5C46;
    padding: 0px;
    margin: 0px;
    letter-spacing:normal;
    text-transform:none;
}

.portfolio_preview_pane a img {
	border: 1px solid #C7C2BF;
    padding: 0px;
	margin: 0px;
}

.portfolio_preview_pane a:hover img {
	border: 1px solid #999;
    padding: 0px;
	margin: 0px;
}

/* for portfolio section pages (e.g. /portfolio/branding-and-identitiy.aspx) */
.portfolio_section_pane {
    border: none;
    background: transparent;
    text-align: center;
    width: 115px;
    padding: 5px;
    margin: 0px;
}

.portfolio_section_pane a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
    text-decoration: none;
	color: #807B78;
    padding: 0px;
    margin: 0px;
    letter-spacing:normal;
    text-transform:none;
}

.portfolio_section_pane a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
    text-decoration: underline;
	color: #7C5C46;
    padding: 0px;
    margin: 0px;
    letter-spacing:normal;
    text-transform:none;
}

.portfolio_section_pane a img {
	border: 1px solid #C7C2BF;
    padding: 0px;
    margin: 2px 0px;
}

.portfolio_section_pane a:hover img {
	border: 1px solid #999;
    padding: 0px;
    margin: 2px 0px;
}

select.portfolio_select_industry {
    font-family: Tahoma, Verdana, Arial;
    font-size: 8pt;
    width: auto;
    padding: 2px;
    background: #F7F8F2 url("../_images/frm_back.jpg") top repeat-x;
    border: 1px #fff solid;
}

select.portfolio_select_industry option {
    font-family: Tahoma, Verdana, Arial;
    font-size: 8pt;
    padding: 1px;
    margin: 0px;
    background: transparent;
    border: none;
}

/* page layout style */
div#container {
	margin: auto;
	width: 802px;
	text-align:center;
	border: none;
}

/*
#header_logo {
	border: 3px solid #fff;
	width: 140px;
	height: 71px;
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
}

#header_images {
	border-width: 3px 3px 3px 0px;
	border-style: solid;
	border-color: #fff;
	width: 653px;
	height: 71px;
	float:left;
	display:inline;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background-color: #000;
}
*/

#header_logo_new {
	border-width: 3px 3px 3px 3px;
	border-style: solid;
	border-color: #fff;
	width: 796px;
	height: 112px;
	float:left;
	display:inline;
	margin: 0px;
	padding: 0px;
}

#container_content {
	border-width: 0px 3px 3px 3px;
	border-style: solid;
	border-color: #fff;
	width: 796px;
	height: auto;
	float:left;
	display:inline;
	margin: 0px;
	padding: 0px;
	background: #eee;
}

.content_wide {
    padding: 16px;
    margin: 0px;
    background: #F9F7EF;
	width: 764px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #474544;
	text-align: left;
}

.content_narrow {
	width: 600px;
}

.content_main {
    padding: 16px;
    margin: 0px;
    background: #F9F7EF;
	border-width: 0px 3px 0px 0px;
	border-style: solid;
	border-color: #fff;
	width: 611px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #474544;
}

.content_sidebar {
    padding: 0px;
    margin: 0px;
    background: #EBE5CE url(../_images/sidebar_back.jpg) top repeat-x;
	width: 182px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666260;
}

.portfolio_sidebar  {
    padding: 16px;
    margin: 0px;
    background: #EBE5CE url(../_images/sidebar_back.jpg) top repeat-x;
	width: auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666260;
}

.portfolio_sidebar img {
/*
	border-width: 1px;
	border-color: #C5C0A9;
	border-style: solid;
*/
	margin: 3px 0px;
}

.portfolio_sidebar a:hover img {
/*
	border-width: 1px;
	border-color: #ABA89C;
	border-style: solid;
*/
	margin: 3px 0px;
	filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
}

.sidebar_padded {
    padding: 16px;
}

.nav_crumbs 
{
    padding: 3px 1px 3px 11px;
    margin: -16px -16px 10px -16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #9A9490;
	background: #F9F7EF url(../_images/crumbs_back.jpg) repeat-x top;
}

.nav_crumbs a {
    padding: 0px;
    margin: 0px 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #9A9490;
	font-weight: normal;
	text-decoration: none;
	text-transform: lowercase;
    letter-spacing:normal;
}

.nav_crumbs a:hover {
    padding: 0px;
    margin: 0px 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #F57722;
	font-weight: normal;
	text-decoration: none;
	text-transform: lowercase;
    letter-spacing:normal;
}

#home_content {
position: relative;
	border-width: 0px 3px 3px 3px;
	border-style: solid;
	border-color: #fff;
	width: 611px;
	height: 321px;
	float:left;
text-align:left;
	display:inline;
	margin: 0px;
	padding: 0px;
background: #FFF;
}

/*
	Slides
*/

  .slides_container {
    width:611px;
    height:321px;
	background-color: #CCC;
  }
  .slides_container div {
    width:611px;
    height:321px;
    display:block;
	background-color: #CCC;
  }
  
  
/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:5px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	margin: -26px auto 0;
	width:100px;
	z-index: 999;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../_images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:30px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:540px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}



#home_content #flash-holder {
position: absolute;
top: 0px;
left: 0px;
z-index: 800;
}

#home_content #text-holder {
position: absolute;
top: 0px;
left: 0px;
z-index: 200;
}

#side_content {
	border-width: 0px 3px 0px 0px;
	border-style: solid;
	border-color: #fff;
	width:  182px;
	height: auto;
	float:left;
	display:inline;
	margin: 0px;
	padding: 0px;
}


#bottom_content {
	float: left;
	border-width: 0px 3px 0px 0px;
	border-style: solid;
	border-color: #fff;
	width:  799px;	
	text-align: left;
	margin: 0 0 0 0;
	padding: 0;
	background-color: #FFFFFF;
}

#bottom_content #left {
	float: left;
	width: 98%;
	height: auto;
	padding: 0 0 0 0;
	margin: 0 10px 10px 10px;
	background-color: #FFF;
}

#bottom_content #left hr {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #EEE;
}

#bottom_content #left p a {
	color: #000;
font-weight: none;
text-decoration: underline;
}

  #bottom_content #left h1.large {
	  letter-spacing: normal;
	  padding:0 10px 0 10px;
font-size: 15px;
line-height: 18px;
	  margin: 10px 0 0 0;
  }

#bottom_content #left h1.small {
	  letter-spacing: normal;
	  width: 589px;
font-size: 11px;
	  padding: 0;
	  margin: 10px 0 10px 0;
color: #000;
font-weight: bold;
text-transform: none;

  }
  
  #bottom_content #left h2 {
	  font-weight: bold;
	  letter-spacing: 0px;
	  padding: 8px 5px 8px 5px;
	  margin: 0 0 10px 10px;
	  background: #EEE;
	  border-top: 1px solid #F4F4F4;
	  border-left: 1px solid #F4F4F4;
	  border-right: 1px solid #CCC;
	  border-bottom: 1px solid #CCC;
  }
  
  #bottom_content #left h2 a {

	  font-size: 11px;
	  font-weight: bold;
  }
  
  #bottom_content #left p {
	  font-size: 11px;
	  padding: 10px;	
  }
  
  #bottom_content #left .clear {
	  clear: both;
	  height: 1px;
	  margin: 0 0 0 0;
	  padding: 0 0 0 0;
  }

#bottom_content #right {
	float: left;
	margin: 0 0 3px 0;
	padding: 0;
	width: 182px;
	height: 241px;
	background-color: #EEE;
}

#footer {
	border-width: 0px 3px 3px 3px;
	border-style: solid;
	border-color: #fff;
	background: #686563;
	width: 796px;
	height: 28px;
	float:left;
	display:inline;
	margin: 0px;
	padding: 0px;
	
	line-height: 28px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #ffffff;
}

#footer .pad10 {
	padding: 0px 10px;
}

#footer div.footer_phone {
	padding: 0px 20px;
    display: inline;
	color: #ffffff;
}

#footer a {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 10px;
	margin: 0px 10px;
}

#footer a:hover {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #272625;
	text-decoration: underline;
	font-weight: bold;
	padding: 0px 10px;
	margin: 0px 10px;
}

table.tbl_client_list {
    background: #fff;
    border-width: 1px 0px 0px 1px;
    border-style: solid;
    border-color: #bbb;
}

table.tbl_client_list tr td {
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: #bbb;
}

tr.row_header td {
    background: #54514F;
    border-color: #54514F;
    color: #fff;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: capitalize;
}

tr.row1 td {
    background: #DDDAD5;
}

tr.row2 td {
    background: #F6F4EF;
}



#sidebar_div
{
	text-align:left; 
    font-family: Tahoma, Verdana, Arial;
    font-size: 8pt;
    width: auto;
	margin:0px;
	/*
    background: #F7F8F2 url("../_images/frm_back.jpg") top repeat-x;
    border: 1px #fff solid;
    */
}
#sidebar_div a
{
	width:130px;
	padding: 2px 5px 2px 5px;
	text-indent: -3px;
	font-weight:normal;
	color:#E67A15;
	display: block; 
	margin:0px;
	text-decoration:underline;
    letter-spacing:normal;
    text-transform:none;
}
#sidebar_div a:hover
{
	width:130px;
	padding: 2px 5px 2px 5px;
	text-indent: -3px;
	font-weight:normal;
	color: #666;
	display: block; 
	margin:0px;
	text-decoration:none;
    letter-spacing:normal;
    text-transform:none;
	/*
	background: #BFBCBA;
    */
}

#sidebar_div a.selected
{
	width:130px;
	padding: 2px 5px 2px 5px;
	text-indent: -3px;
	font-weight:normal;
	color:#000;
	display: block; 
	margin:0px;
	text-decoration:none;
	background: #BFBCBA;
    letter-spacing:normal;
    text-transform:none;
}

/*
.sitemap a,.awards a 
{
    color: #000;
    font-weight: bold;
    text-decoration: underline;
	text-transform:none;
	letter-spacing:normal;
}

.sitemap a:hover, .awards a:hover
{
    color: #666;
    font-weight: bold;
    text-decoration: none;
	text-transform:none;
	letter-spacing:normal;
}
*/
