/* Browser Overrides */

img {
  border: 0;
}

h2 {
  font-size: 12px;
  margin: 0;
  padding: 0;
}

/* Clear Fix */

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

.clearfix {
  display: inline-block;
}

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

/* Loading */
#overlay {
	position: absolute;
	top: 0;
	left: 0;
 	background: #fff; 
	opacity: 0.6; 
	filter: alpha(opacity=60);
	width: 100%;
	height: 100%;
	z-index: 19;
}

#loading {
	position: absolute;
	top: 175px;
	left: 0;
	width: auto;
	z-index: 20;
	background: #fff;
  padding: 20px;
	border: 1px solid grey;
}

#loading img.logo {
  margin: 0 auto;
  display: block;
}

#loading img.loading {
  padding: 35px 0 0 0;
  margin: 0 auto;
  display: block;
}

/* Page */
#page {
  padding: 10px 0 0 0;
  margin: 0 auto;
  width: 1006px;
  overflow: hidden;
  font-family: "Lucida Grande","Bitstream Vera Sans","Verdana";
}

/* Content */

#content {
  margin: 0 auto;
  width: 1006px;
}

/* Footer */
#footer {
  padding: 10px;
  margin: 0 auto;
  width: 1006px;
  text-align: center;
}

#footer span {
  font-size: 8pt;
  color: #636363;
  font-weight: bold;
  text-transform: uppercase;
}

#footer span a,
#footer span a:visited {
  color: #636363;
}

/* Menu */

#menu {
  padding: 0 0 17px 0;
}

#menu .left,
#menu .right {
  margin: 0;
  padding: 0;
}

#menu .left li,
#menu .right li {
  display: inline;
}

#menu .left {
  float: left;
  margin: 3px 0 0 20px;
}

#menu .right {
  float: right;
  margin: 7px 0 0 0;
  font-size: 10px;
}

#menu li.disabled {
  display: none;
}

#menu .left li {
  padding: 0 15px 0 0;
}

#menu .right li {
  padding: 0 0 0 15px;
}

#menu .right li a,
#menu .left li a {
  text-decoration: none;
  font-weight: bold;
  font-family: arial;
  text-transform: uppercase;
}

#menu .left li {
  float: left;
}

#menu .left li,
#menu .left li a {
  font-size: 12px;
}

#menu .right li,
#menu .right li a {
  font-size: 10px;
}

#menu .left li a,
#menu .left li a:visited {
  color: #086678;
}

#menu .left li a:hover {
  color: #053e49;
}

#menu .left li a {
  background: transparent url(/images/menu/bg-inactive.gif) no-repeat top left;
  display: block;
  padding: 6px 0 0 0;
  width: 139px;
  height: 20px;
  vertical-align: middle;
  text-align: center;
}

#menu .left li a,
#menu .left li a:visited {
  color: #fff;
}

#menu .left li a:hover {
  background: transparent url(/images/menu/bg-active.gif) no-repeat top left;
}

#menu .left li a.active {
  background: transparent url(/images/menu/bg-active.gif) top left;
  color: #000;
}

#menu .right li a,
#menu .right li a:visited {
  color: #333;
}

#menu .right li a:hover {
  color: #666;
}

#menu .right li a.external {
  background: url('/images/magnify.gif') no-repeat top left;
  padding: 0 0 0 15px;
}

/* Galleries */


#gallery {
  width: 844px;
  height: 616px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

#gallery .gallery_page {
  width: 844px;
  float: left;
  display: inline;
  position: absolute;
  top: 0;
  left: -1000px;
}

#gallery .gallery_holder .gallery_page_active {
  position: absolute;
  top: 0;
  left: 0;
}

#gallery .gallery_holder .gallery_page_loading .image {
  background: url('/images/loading_w.gif') no-repeat center;
}

#gallery .landscape {
  margin: 0 auto;
  width: 844px;
  height: 616px;
  overflow: hidden;
  text-align: center;
}

#gallery .left,
#gallery .right {
  height: 616px;
  width: 413px;
  overflow: hidden;
  position: relative;
}

#gallery .right {
  float: right;
  margin: 0 0 0 0;
}

#gallery .left {
  float: left;
  margin: 0 0 0 0;
}

#gallery .landscape img {
  margin: 0 auto;
}

#gallery .left img,
#gallery .right img {
  position: absolute;
  top: 0;
  border: 0;
}

#gallery .left img {
  left: 0px;
}

#gallery .right img {
  right: 0px;
}

/* Demo Reel */

#demo_reel {
}

/* Contact */
#contact {
  position: relative;
  height: 616px;
}

#contact #map {
  position: absolute;
  top: 0;
  right: 0;
}

#map {
  border: 1px solid #979797; 
  background-color: #e5e3df; 
  width: 400px; 
  height: 300px;
}

#map .loading {
  padding: 1em; 
  color: gray;
}

.map.overlay {
  width: 210px; 
  padding-right: 10px;
}

.map,
.map.address {
  color:#000;
}

.map.address {
  font-size: 0.7em;
}

.logo {
  background: url('/images/20070403-banner-v1-small.jpg') no-repeat top left;
  width: 477px;
  height: 71px;
}

#contact .logo {
  position: absolute;
  bottom: 130px;
  left: 204px; /* 985px - 477px / 2 **/
}  

.contact {
  position: relative;
}

.contact .portrait {
  position: absolute;
  top: 0;
  right: 0;
}

/*** Gallery Page Scroller ***/

#scroller {
  position: relative;
  height: 129px;
  margin: 0 0 20px 0;
  padding: 0 0 2px 0;
  overflow: auto;
  overflow-y: hidden;
  -ms-overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
}

#scroller .page {
  white-space: nowrap;
  font-size: 98px;
}

#scroller .page .page_assets {
  white-space: nowrap;
  padding: 5px 5px 1px 5px;
}

#scroller .page a,
#scroller .page a:visited {
  text-decoration: none;
  border: 1px solid #fff;
}

#scroller .page a:hover {
  background: #428198;
  border: 1px solid #366973;
}

#scroller .page a.active {
  background: #31b2dc;
  border: 1px solid #366973;
}
  
#scroller .page a img {
  vertical-align: bottom;
  padding: 2px 4px 7px;
}

#scroller .page a img.right {
  padding-left: 0;
}

/*** Large Photo Page Turner ***/

#page_turner {
  position: relative;
}

#page_turner .previous {
  position: absolute;
  top: 234px;
}

#page_turner .next {
  position: absolute;
  top: 234px;
  right: 0;
}

/*** Logo ***/

#logo {
  float: left;
  width: 39px;
  height: 36px;
  overflow: hidden;
}

#logo a {
  background: transparent url('/images/perity_logo.gif') no-repeat top left;
  display: block;
  width: 39px;
  height: 36px;
  padding: 36px 0 0 0;
}