/* common */
body
{
  margin: 0;
  padding: 0; 
  font-size: 11px;
  /*font-family: Tahoma,Arial,Helvetica,sans-serif;*/
  font-family: Tahoma, Geneva, sans-serif;
}

a img
{
  border: none;
}

#content p a
{
  color: #EC891D;
  text-decoration: none;
}

#content p a:visited
{
  color: #b46d20;
  text-decoration: none;
}

#content p a:hover
{
  text-decoration: underline;
}

.verticalstrut
{
  line-height: 1;
  font-size: 1px;
}

#container
{
  position: relative; 
  width: 984px;
  margin: 0px auto;
}

#logo
{
  position: absolute;
  top: 42px;
  left: 36px;
}

#logo.an25
{
  top: 35px;
}

#leftbar
{
  position: absolute;
  left: 0px;
  top: 198px;
  width: 42px;
  height: 312px;
  background-color: #595A5C; 
  display: block;
}

#rightbar
{
  position: absolute;
  left: 516px;
  top: 0px;
  width: 132px;
  height: 510px;
  display: block;
  background-color: #939598;
}

#rightbar .inner
{
  position: relative;
  margin: 0px;
  padding: 0px;
}

#rightbar .childMenu
{
  margin: 74px 5px 0px 15px;
  font-size: 10px;
  line-height: 18px;
  display: none;
}

#rightbar .pointer
{
  position: absolute;
  display: none;
  left: -1px;
  margin: 0px;
  padding: 0px;
}

#rightbar .childMenu a, 
#rightbar .childMenu a:visited
{
  color: white;
  text-decoration: none;
}

#breadcrumbs
{
  position: absolute;
  top: 172px;
  left: 44px; 
  font-size: 10px;
}

#breadcrumbs span.current
{
  color: #EC891D; 
}
  
#breadcrumbs a,
#breadcrumbs a:visited
{
  color: #595A5C;
  text-decoration: none;
}

#breadcrumbs a:hover
{
  text-decoration: underline; 
}

#content
{
   position: absolute;
   left: 42px;
   top: 198px;
   width: 474px; 
   display: block;
}

.flexheight #rightbar
{
  z-index: 10;
}

/** Previous settings - for posterity and future reference 
.flexheight #flexleft
{
  position: absolute;
  left: 0px;
  top: 198px;
  width: 648px;
  display: block;
  background-color: #595A5C; 
}

.flexheight #flexright
{
  background-color: #939598;
  position: relative;
  left: 42px;
  width: 606px;
} 

.flexheight #content
{
  position: static;
  left: 0px;
  top: 0px;
  background-color: #FFFFFF;
}*/

.flexheight #flexleft
{
  position: absolute;
  left: 0px;
  top: 198px;
  width: 648px;
  display: block;
  background-color: #595A5C; 
}

.flexheight #flexright
{
  position: relative;
  left: 42px;
  width: 606px;
}

.flexheight #content
{
  position: static;
  left: 0px;
  top: 0px;
  background-color: #FFFFFF;
  width: 606px;
}

.flexheight #rightbar
{
  height: 198px;
}

#content .inner
{
  position: relative;
  margin: 20px 48px 0px 60px;
}

#content .innerNoRight
{
  position: relative;
  margin: 20px 25px 0px 60px;
}

#content .innerRelative
{
}

#content img.full
{
  width: 474px;
  height: 312px;
  position: relative;
  z-index: 10;
}

#title
{
  position: absolute;
  left: 648px;
  top: 0px;
  width: 336px;
  height: 198px;
  display: block;
}

#title .inner
{
  position: relative;
}

#title .orangeBold
{
  font-size: 24px;
  color: #EC891D;
  padding: 55px 5px 0px 24px; 
  font-family: Arial, Helvetica, sans-serif 
}

#title .grayBold
{
  color: #595A5C;
  font-size: 30px;
  padding: 70px 5px 0px 24px;
  font-family: Arial, Helvetica, sans-serif
}

#subcontent
{
  position: absolute;
  left: 648px;
  top: 198px;
  width: 336px;
  display: block;
}

#subcontent .inner
{
  position: relative;
}

#subcontent img.full
{
  width: 336px;
  height: 312px;
}

#subcontent img.rotate
{
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
}

#subcontent img.notshown
{
  display: none;
}

#menu
{
  position: absolute;
  left: 298px;
  top: 24px;
  width: 200px;
  display: block; 
  text-align: right;
  color: #595A5C;
  line-height: 14px;
}

#menu .menuItemAll
{
  line-height: 18px;
}

#menu #index
{
  line-height: 14px;
}

#menu a,
#menu a:visited,
#footer a,
#footer a:visited
{
  color: #595A5C;
  text-decoration: none;
}

#menu a.current,
#menu a.current:visited
{
  color: #EC891D;
}

#footer
{
  position: absolute;
  width: 100%;
  height: 40px;
  display: none;
  color: #595A5C;
}

#footer .innerFooter
{
  width: 984px;
  margin: 0px auto;
}

#footer .innerFooter .left
{
  float: left; 
  /*margin-left: 30px;*/
}

#footer .innerFooter .right
{
  float: right;
  text-align: right;
  /*margin-right: 30px; */
}

/* text styles */

h1.orangeTitle,
h2.orangeTitle
{
  font-size: 28px;
  font-weight: normal;
  line-height: 34px;
  color: #EC891D;
  margin: 0 0 20px 0;
  padding: 0;
}

/* index */

#content #teaser
{
  height: 120px;
  width: 474px;
  background-color: #CC7A17;
  position: absolute;
  left: 0px;
  top: 192px; 
  display: none;
  opacity: .90;
  filter: alpha(opacity=90);
  z-index: 20;
}

#content #teaser .tInner
{
  padding: 10px 30px;
  color: white;
  font-size: 10px;
}

#content #teaser .tInner .title
{
  font-size: 12px;
}

#content #teaser .tInner p
{
}

#content #teaser .tInner .readMore
{
  text-align: right; 
}

#content #teaser .tInner .readMore a,
#content #teaser .tInner .readMore a:visited
{
  color: white;
  text-decoration: none;
}

#content #teaser .tInner .readMore a:hover
{
  text-decoration: underline; 
}

#content #teaser .tInner .readMore img
{
  vertical-align: text-bottom;
}

/* projects */

div.projCat
{ 
  width: 78px;
  height: 156px;
  border-right: 1px solid #939598; 
  float: left;
  cursor: pointer;
  overflow: hidden;
}

div.selected
{
  background-color: #EC891D;
  color: white;
}

div.projCat img
{
  width: 78px;
  height: 72px; 
}

div.projCat p
{
  margin: 5px 5px 0px; 
}

#content #loader
{
  position: absolute;
  width: 474px;
  text-align: center; 
  z-index: 1;
  top: 0px;
  left: 0px;
  color: #939598;
}

#content #loader img
{
  margin-top: 100px;
}

#projPic
{
  height: 312px;
  width: 474px;
  display: none;
  z-index: 10;
}

#projPic div.images
{
  height: 312px;
  width: 210px;
  background-color: #EC891D;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}

#projPic div.desc
{
  position: absolute;
  top: 20px;
  left: 230px;
  width: 190px;
}

#projPic .desc h1,
#awardWrap .awInner h1
{
  font-size: 11px;
  font-weight: bold;
  line-height: 13px;
  margin: 0 0 13px 0;
  padding: 0;
}

#projPic div.pdflink
{
  position: absolute;
  top: 260px;
  right: 35px;
  width: 130px;
  text-align: right;
}

#projPic div.pdflink a,
#projPic div.pdflink a:visited
{
  color: #EC891D;
  text-decoration: none;
}

#projPic div.pdflink a:hover
{
  text-decoration: underline; 
}

#projPic #imgSelector
{
  color: white;
  font-size: 11px;
  height: 36px; 
}

#projPic #imgSelector a,
#projPic #imgSelector a:visited
{
  color: white;
  text-decoration: none;
}

#projPic #imgSelector a:hover
{
  text-decoration: underline;
}

#projPic #imgSelector div.isInner
{
  padding: 10px;
}

#projPic #imgSelector img
{
  vertical-align: text-bottom;
}

#projPic img.main
{
  width: 210px; 
  cursor: pointer;
}

#projPic .imgSelInstr
{
  position: absolute;
  top: 275px;
  left: 10px;
  color: white;
  font-size: 11px;
}

#projSelection
{
  width: 336px;
}

#projSelection div.proj
{
  width: 111px;
  height: 156px;
  border-right: 1px solid #939598;
  cursor: pointer;
  float: left;
  overflow: hidden;
}

#projSelection div.selected
{
  background-color: #EC891D;
}

#projSelection div.selected p
{
  color: white;
}

#projSelection div.proj img
{
  width: 111px;
  height: 84px;
}

#projSelection p
{
  color: #595A5C;
  padding: 5px;
  font-size: 10px;
}


/** awards **/

#content .left
{
  width: 182px;
  float: left;
}

#content .right
{
  width: 182px; 
  float: right;
}

#content .award
{
  margin-bottom: 10px;
}

#content .award img
{
  float: left; 
}

#content .award p
{
  margin: 0px 0px 0px 16px; 
}

#content .award p a,
#content .award p a:visited
{
  color: black;
}

#content .award p a:hover
{
  text-decoration: underline;
  color: #EC891D;
}

#content #awardPanels
{
  position: relative;
}

#content #awardPanels .awardPanel
{
  position: absolute;
  top: 0;
  left: 0;
  width: 385px;
}

#content #awardPanels .notshown
{
  display: none;
}

#content #awardPanels .awardNavLinks
{
  clear: both;
  padding-top: 8px;
}

#content #awardPanels .awardNavLinks .awardPrevLink
{
  float: left;
}

#content #awardPanels .awardNavLinks .awardNextLink
{
  float: right;
}

#content #awardPanels .awardNavLinks span,
#content #awardPanels .awardNavLinks img
{
  vertical-align: middle;
}

#content #awardPanels .awardNavLinks img
{
  padding: 0 3px;
}

#content #awardPanels .awardNavLinks a,
#content #awardPanels .awardNavLinks a:visited
{
  color: #EC891D;
  text-decoration: none;
}

#content #awardPanels .awardNavLinks a:hover
{
  text-decoration: underline; 
}


#awardWrap
{
  position: absolute;
  width: 520px;
  left: 217px;
  top: 60px;
  /*height: 300px;*/
  border: thin solid black; 
  background-color: white;
  overflow: hidden;
  z-index: 100;
}

#awardWrap .awTop
{
  height: 40px;
  position: relative;
}

#awardWrap .awTop img
{
  position: absolute;
  right: 10px;
  top: 10px;
}

#awardWrap .awInner
{
  position: relative;
  padding: 10px 10px 10px 10px;
}

#awardWrap .awInner p.awardText
{
  margin-left: 210px;
  margin-top: 0;
  padding: 0px;
}

#awardWrap .awInner img.award
{
  /*position: absolute;
  top: 10px;
  left: 10px;*/
  width: 180px;
  float: left;
  margin-bottom: 7px;
}

#awardWrap #closeWrap
{
  position: absolute;
  right: 10px;
  top: 10px;
  height: 100px; 
}

/** contact **/

#subcontent .addrthumbpic
{
  position: absolute;
  right: 195px;
  top: 1px;
}

#subcontent .address
{
  text-align: right;
  color: #595A5C; 
}

#subcontent #map
{
  float: right; 
  text-align: right;
  margin-top: 30px;
}

#subcontent #map_canvas
{
  width: 300px;
  height: 220px;
}

.maplinks
{
  margin-top: 3px;
}

.maplinks a:link,
.maplinks a:hover,
.maplinks a:visited
{
  color: #595A5C;
  text-decoration: none;
}

.maplinks a:hover
{
  text-decoration: underline;
}

.statusMsg
{
  margin-top: 30px;
  color: #555;
  font-weight: bold;
}

#content form
{
  margin: 0px; 
}

#content form .row
{
  margin-bottom: 10px;
}

#content form .row .label
{
  text-align: right;
  width: 100px;
  float: left; 
  vertical-align: middle;
}

#content form .row .input
{
  margin-left: 110px;
}

#content form .input input
{
  height: 10px;
  font-size: 10px; 
  width: 250px;
}

#content form .input select
{
  font-size: 10px; 
  width: 250px;
}

#content form .submit
{
  width: 360px;
  text-align: right; 
}

#content form textarea
{
  height: 30px;
  width: 250px;
  font-size: 10px; 
}

#previewFlag
{
  position: fixed;
  top: 0;
  left: 60px;
  width: 112px;
  height: 28px;
  z-index: 100;
  background-color: #1BB5F3;
  border: 2px solid #1190D7;
  border-top: none;
  font-size: 20px;
  font-weight: bold;
  color: #DFF6FF;
  text-align: center;
  line-height: 28px;
  font-family: Arial, Helvetica, sans-serif;
}

ul#sitemap li a:link,
ul#sitemap li a:visited,
ul#sitemap li a:hover
{
  color: #595A5C;
  text-decoration: none;
}

ul#sitemap li a:hover
{
  text-decoration: underline;
}

#vai-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	display: none;
}