/* @override http://clutch.50000feet.com/assets/css/clutch.css */
/* Last Modified: Jul 19 2010 */
/*@charset "UTF-8";*/

html, body {
    height: 100%;
}

body {
	font-size: 100%; /* 16 */
	line-height: 1.5em;
	font-family: Verdana, Arial, sans-serif;
	background-color: #ffffff;
	border: none;
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #main selector */
	color: #666666;
	/*  overflow-y: scroll; this invokes an inactive scrollbar so keep content from shifting left on scrolling pages*/
}

#page-wrap {
  min-height:100%;
   position:relative;
   overflow: hidden;
  }

a:link{
	color: #999;
	text-decoration: none;
}
a:visited{
	color: #999;
	text-decoration: none;
}
a:hover, a:active{
    color: #333;
	text-decoration: none;
}

.left {
	float: left;
	text-align: left;
}

.right {
	float: right;
	text-align: right;
}

.clear {clear: both;}

p.list {font-style: italic;padding-top: 5px;}
p.list em {text-transform: uppercase;color: #000;font-style: normal;}

/* CONTENT */

#content {
	width: 995px;
	/*margin: 0 auto;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
	/*min-height: 100%;
	height: auto !important;
	height: 100%;*/
    margin: 0 auto; /* this negative margin must match height of #footer */
    font-size:0.69em; /* 16x0.69=11.04 */
    
    padding-bottom: 50px;
}

#main {
	width: 985px;
	/*height: auto;*/
	margin: 0 auto;
	padding-left: 10px; /* this padding is necessary to keep content optically entered if floating content 'right' inside #main, be sure to add 'margin-right:10px' to that element */
	text-align: left; /* this overrides the text-align: center on the body element. */
	position: relative;
	
	/*background: lightcoral;*/ 
}




/* fix the height on these pages */
body.portfolio_landing #main,
body.portfolio_entry #main,
body.leadership #main
	{
  height:  490px;
  }

/* multi-portfolio area (CGI, cycle through images) */
body.portfolio_multi #main #multi_wrap
	{
  height:  490px;
  /*background: lightblue;*/
  }

body.portfolio_multi #main #multi_wrap #multi_pics
	{
  height:  460px;
  overflow: hidden;
  }

body.portfolio_multi #main #multi_wrap #multi_pics div
	{
  height:  470px;
  width: 900px;
  padding-top: 20px;
  float: left;
  display: inline;
  }

body.portfolio_multi #main #multi_wrap #multi_pics div img
	{
  
  display: block;
  padding: 0;
  margin: 0;
margin: 0px auto;
  }

body.portfolio_multi #main p.multi-title
	{
  	text-transform: uppercase;
 	letter-spacing: 1px;
 	clear: left;
 	line-height: 40px;
 	color: #999;
 	margin-bottom: 0;
  }

body.portfolio_multi #main #multi_wrap #multi_pics_nav
	{
  	/*background-color: pink;*/
  /*height: 60px;
  line-height: 60px;*/
  
  }

body.portfolio_multi #main #multi_wrap #multi_pics_nav a
	{
  font-size: 12px;
  padding: 2px 6px 3px;
  margin:0 5px;
  background: #efefef;
  }

body.portfolio_multi #main #multi_wrap #multi_pics_nav a.activeSlide
	{
  font-size: 12px;
  padding: 2px 6px 3px;
  background: #999;
  color: #333;
  }



body.portfolio_multi #viewer #multi_wrap #multi_pics div h1,
body.portfolio_multi #viewer #multi_wrap #multi_pics div h2
	{
	float: left;
	margin: 105px 0 0 0;
	position: absolute;
	width: 238px !important;
	text-align: left;
	}




#viewer{
	width: 902px;
	min-height: 490px;
	text-align: center;
	float: left;
	margin: 0 0 0 0;
}

body.leadership #viewer,
body.portfolio_landing #viewer {
	width: 870px;
	min-height: 490px;
	text-align: left;
	/*float: left;*/
	margin: 0 0 0 65px;
	
}

/* homepage images */
#main .home {
	margin: 0 10px 0 0;
	height: 490px;
	float: left;
	display: inline;
	position: relative;
	}
#main a.home span.cover {
  width: 154px;
  height: 500px;
  background: #fff;
  position: absolute;
  left:  0;
   }

#main a#img1 span.cover,
#main a#img4 span.cover,
#main a#img6 span.cover {
  /*top: 0;*/
  bottom:  0;
   }

#main a#img2 span.cover,
#main a#img3 span.cover,
#main a#img5 span.cover {
  top:  0;
  /*bottom: 8px;*/
   }



#viewer .thumb img {
	margin: 105px 10px 0 0;
   /*background-color: #ff9900;*/
}

#viewer .detail {
	margin: 0px 0px 0 0;
        height: 490px;
        float: left;
        width: 902px;
}

#viewer .thumb_single {
	float: left;
	margin: 105px 92px 0 80px;
}




#viewer h1{
	float: left;
	margin: 105px 0 0 0;
	width: 492px;
	text-align: left;
	}


#viewer #body{
	float: left;
	width: 492px;
	margin: 30px 0 0 0;
	font-size: 1.1em; /* 11.04 inherited from #content x1.1=12.2 */
	line-height: 1.5em;
	text-align: left;
	}

#main p {
	margin: 0 0 10px 0;
	}

#main.noslice #bodywrap {
	margin-left: 284px;
	width: 492px;
	}

/* Single Entry Page */
.portfolio_entry #viewer {
  margin-left: 36px;
  text-align: center;
  width: 902px;
  }

.portfolio_entry #viewer.entrylist {
  margin-left: 65px;
  text-align: left;
  width: 870px;
  }

#divider {
	width: 100%;
	height: 10px;
	line-height: 0;
	background: url("/images/site/divider.gif");
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 8px 0 28px 0;
}

/* PAGINATION */

#previous, #next{
	width: 30px;
	height: 490px;
	/*margin: 105px 10px 0 0;*/
	/*float: left;*/
	position: absolute;
	
	/*background: #333;*/
	/*background: orange;*/
}

#previous {
  left: 0;
  top:0;
}

#next{
	/*float: right;*/
	right: 0;
  top:0;
}

#previous a{
	display: block;
	height: 100%;
	background: url("/images/site/previous.png");
	background-repeat: no-repeat;
	background-position: center;
}

#previous a:hover{
	background: url("/images/site/previous_over.png");
	background-repeat: no-repeat;
	background-position: center;
}

#next a{
	display: block;
	height: 100%;
	background: url("/images/site/next.png");
	background-repeat: no-repeat;
	background-position: center;
}

#next a:hover{
	background: url("/images/site/next_over.png");
	background-repeat: no-repeat;
	background-position: center;
}



/* PAGINATION; different for single portfolio pages */

body.portfolio_single #previous, body.portfolio_single #next{
	width: 50%;
}

body.portfolio_single.text #previous, body.portfolio_single.text #next{
	width: 30px;
}

body.portfolio_single #previous a{
	background-position: 0 50%;
}

body.portfolio_single #previous a:hover{
	background-position: 0 50%;
}

body.portfolio_single #next a{
	background-position: 100% 50%;
}

body.portfolio_single #next a:hover{
	background-position: 100% 50%;
}

#pagination{
	/*width: 975px;*/
	text-align: center;
	color: #999999;
	letter-spacing: 0.5pt;
	padding: 10px 0 0 0; /* padding-right optically centers content inside #main */
}



/* NAV */

#nav {
	font-size: 0.91em; /* 11.04 inherited from #content x0.91=10.05 */
}

#logo{
	float: left;
	margin: 2px 55px 0 10px;
}

#nav ul{
	float: left;
	margin: 0 0 35px 0;
	line-height: 1.2em;
}

/*#nav li{
	padding: 0 0 .5em 0; /* Added to line-height makes 1.7em 
}*/

#nav li a{ /* This style makes entire anchor larger for smoother navigation */
	display: block;
	padding: 0 10px .5em 0;
}

ul#primary{
	width: 120px;
	text-transform: uppercase;
	letter-spacing: 0.5pt;
}

ul#secondary, ul#tertiary_1, ul#tertiary_2{
	width: 164px;
}

ul#tertiary_1, ul#tertiary_2, ul#tertiary_3{
	font-style: italic;
}

#nav ul li a.selected {
	color: #a71930;
}

#nav ul#tertiary_1 li a.selected, 
#nav ul#tertiary_2 li a.selected,
#nav ul#tertiary_3 li a.selected
{
	color: #333;
}

/* FOOTER */

#footer {
	overflow: hidden;
	width: 100%;
	background-color: #f0f1f1;
	color: #aeb0b3;
	font-size: 0.56em; /* 16x0.56=9 */
	
	position:absolute;
   bottom:0;
   
   left: 0;
}

#footer .container {
	width: 995px;
	margin: 0 auto;
}

#footer, #push {
    height: 50px; /* this height must match negative margin in #content */
}

#footer .left {
	margin: 5px 0 0 10px;
}

#footer .right {
	margin: 5px 10px 0 0;
}

#footer a {
	color: #999999;
}

#footer a:hover {
	color: #333333;
	border-bottom: none;
}

#footer li {
	display: inline;
	margin: 0 5px 0 0;
	padding: 0 7px 0 0;
	border-right: 1px solid #aeb0b3;
}

#footer li.last {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}

#footer .right li {
	border-right: none;
	margin: 0 0 0 5px;
	padding: 0 0 0 7px;
}


/* HEADLINES */

h1, h2, h3, h4, h5 {
	font-family: Verdana, Arial, sans-serif;
	color: #666666;
	font-weight: normal;
}

h1 {
	font-size:2.2em; /* 11x2.2=24.2 */
	line-height: 1.1em;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	text-transform: uppercase;
}


h2 {
	font-size: 17px;
	font-size:1.0625em; /* 16x1.0625=27 */
	margin: 0px 0px 45px 0px;
}

h3 {
	font-size:1.25em; /* 16x1.25=20 */
	line-height: 1.2em;
	margin: 0px 0px 13px 0px;
}

h4 {
	font-size:1.25em; /* 16x1.25=20 */
	line-height: 1.2em;
	margin: 0px 0px 10px 0px;
	color: #ffffff;
}

h5 {
	font-size:0.875em; /* 16x0.875=14 */
	line-height: 1.3em;
	color: #97c93d;
	margin: 0px 0px 15px 0px;
}

/* COLORBOX */

.cb_hidden{display:none;}

#colorbox, #cboxOverlay, #cboxWrapper{
	position:absolute; 
	top:0; 
	left:0; 
	z-index:9999; 
	overflow:hidden;
}

#cboxOverlay{
	position:fixed; 
	width:100%; 
	height:100%;
	background:#000;
}

#cboxContent{
	position:relative; 
	overflow:visible;
	margin: 0 0 230px 0; 
	padding:60px 20px 20px 20px; 
	background: #ffffff;
}

#cboxLoadedContent{
	overflow:auto; 
	border: none;
	background: #fff; 
	padding:0px;
}

#cboxLoadingOverlay, #cboxLoadingGraphic{
	position:absolute; 
	top:0; 
	left:0; 
	width:100%;
}

#cboxLoadingGraphic{
	background:url(/images/site/loading.gif) center center no-repeat;
}

#cboxLoadingOverlay{
	background:#fff;
}

#cboxClose{
	cursor:pointer;
	text-indent:-9999px;
	width:19px; 
	height:19px; 
	position:absolute; top:21px;
	margin-right:20px;
	background:url(/images/site/closing_x.png) 0 0 no-repeat;
	background-position:0px 0px; 
	right:0;
}

#cboxClose.hover{
	background-position:0px -39px;
}

#terms_content, #subscribe_content{
	text-align: left;
	font-size:13px;
	color:#333333;
}

#terms_content h2, #subscribe_content h2{
	position:absolute;
	top:20px; 
	left:20px; 
	font-size: 24px; 
	font-weight: bold; 
	color:#999; 
	text-transform: uppercase;
}

#email_area{
	height:30px; 
}

#email_input{height: 16px;  
	width: 300px; 
	border: solid 1px #999999; 
	padding: 6px; 
	color: #666666;float:left; 
	margin-right: 10px;
}

#submit_btn{
	cursor:pointer;
	height: 30px; text-align:center; 
	color: #FFF; 
	background: #c41230; 
	border: solid 1px #c41230; 
	float:left; 
	font-size: 12px; 
	padding-bottom: 2px
}

/* elements */

a#element-link {
  position: absolute;
  z-index: 1000;
  bottom: 0;
 width: 100px;  
 left: 437px;
  background: #fff;
  padding: 2px 10px 0;
  text-transform: uppercase;
  font-size: 10px;
  
  	-webkit-border-top-left-radius: 10px;
	-khtml-border-radius-topleft: 10px;	
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;

  	-webkit-border-top-right-radius: 10px;
	-khtml-border-radius-topright: 10px;	
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
  }


#elements_content {
  /*position: relative;*/
  /*bottom: 40px;*/
  /*left: 320px;*/
  /*left: 50%;
  margin-left: 0px;*/
  background: #fff;
  padding: 15px;
  float: left;
	}

#elements_content img {
	margin: 0;
	}
#elements_content .img_wrap {
	padding: 0px 15px 0px 0;
	margin: 0;
	float: left;
	display: inline;
	position: relative;
}
#elements_content img:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#elements_content img.img-last {
	padding: 0px 0px 0px 0;
	}

	

#overlay {
	position: absolute;
	bottom: 119px;
	left: -5px;
	z-index: 1000;
	background: #fff;
	padding: 5px;
	display: none;
	
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	
	box-shadow: 0px 0px 50px #666;
	-moz-box-shadow: 0px 0px 50px #666;
	-webkit-box-shadow: 0px 0px 50px #666;
}
#overlay img {
	margin: 0;
}

.contact #viewer {}

#mapWrap {
  width: 980px;
  position: relative;
  padding-top: 100px;
  }

#viewer #mapWrap h1 {
	float: none;
	width: auto;
	text-align: left;

	width: 200px;
	
  position: absolute;
  background: #fff;
  z-index: 1001;
  top: 140px;
  left: 125px;
  margin: 0px 0 0 0;
  }

#viewer #mapWrap #addressInfo {
	
  position: absolute;
  background: #fff;
  z-index: 1000;
  top: 180px;
  left: 125px;
  padding: 10px 30px 10px 10px;
  width: 160px;
  }

#viewer #mapWrap #addressInfo p {
  line-height: 1.8;
  padding-bottom: 0;
  margin-bottom: 0;
  }



#map1, #map2, #map3 {
  width: 810px;
  height: 280px;
  margin-left: 85px;
  }

#map2, #map3 {
  margin-top: 30px;
  }

/* google maps balloon */
#content .gmnoprint {
  line-height: 1.6;
  }

#content .gmnoprint strong {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 14px;
  }

#content .gmnoprint a {
  color: #a71930;
  }

/* top-left rounded corner */
.top-left-rounded-corner {
	}

/*#elements_content.count1 { margin-left: -62px;}
#elements_content.count2 { margin-left: -118px;}
#elements_content.count3 { margin-left: -174px;}
#elements_content.count4 { margin-left: -230px;}
#elements_content.count5 { margin-left: -286px;}
#elements_content.count6 { margin-left: -342px;}*/
#elements_content.count1 { margin-left: 434px;}
#elements_content.count2 { margin-left: 379px;}
#elements_content.count3 { margin-left: 323px;}
#elements_content.count4 { margin-left: 268px;}
#elements_content.count5 { margin-left: 212px;}
#elements_content.count6 { margin-left: 157px;}


#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight, #cboxMiddleLeft,	#cboxMiddleRight{
	display:none;
}

.hidden{display:none;}

/* POPUP */
/*
body{
	background:#EEE;
}*/

#stuff{
margin-top:300px;
border: 1px solid grey;
padding: 20px 0px;

}

#tip{
	color: red;
	cursor: pointer;
}

.qtip-wrapper img{
	margin-right: 10px;
}

.qtip_content{
	
}

#change{
	color: red;
	cursor: pointer;
}

/* toolbar */


#toolbar_wrap{ 
	width: 100%;
	height: 55px;
}

#toolbar{ 
	margin: 0 10px 30px 0;
	padding: 0px; 
	list-style: none; 
	display: inline-block;
	z-index: 2000;
	float: right;
	font-size: 0.91em; /* 11.04 inherited from #content x0.91=10.05 */
}

#toolbar a { 
	color: #999999; /* normal color for 'client portal' */
	text-decoration: none; 
}

#toolbar li.tb_primary {
	background: #ffffff none repeat scroll 0 0;
	cursor: pointer; 
	float: left;
	position: relative;
    padding-left: 5px;
	margin-left: 10px;
	text-align: left;
	height: 23px;
	text-transform: uppercase;
	letter-spacing: 0.5pt;
	z-index: 2001;
}

#toolbar li.tb_primary a:hover {
	color: #000000; /* hover color for 'client portal' */
}

/* sub-toolbars*/
#toolbar ul {
	padding: 0px;
	margin: 0px; 
	display: block; 
	display: inline;
	z-index: 2002;
}

#toolbar li ul { 
	position: absolute; 
	left: 0px; 
	top: 0px; 
	margin-top: 23px; 
	/*width: 85px; */
	line-height: 10px;
    background-color: #ffffff; 
	color: #999999; /* for IE */ 
	display: none;
	text-align: left;
}

#toolbar li:hover ul {
	display: block;
}

#toolbar li ul li{
	display: block;
	padding: 2px 10px;
	padding: 0 5px 0.5em 5px;
    list-style-type: none;
	text-transform: none;
	letter-spacing: 0;
}

#toolbar li ul li a {
	display: block;
	color: #999999; /* normal color for subnav */
}

#toolbar li ul li a:hover {
	color: #000000; /* hover color for subnav */
}






 li a:hover {
	color: #000000; /* hover color for subnav */
}