/****************************************************/ 
/*[ RMA - pagestyles.css ]*/ 
/*[ Version 0.1 ]*/
/****************************************************/ 

/********************** Basic page elements */ 

.wrapper { 
	background:#fff;
	position:relative;
	width:790px;
	margin:0 auto; /* Centers the wrapper on the page */
}
.header { 
	width:100%;
	margin:30px 0 0 0;
}
.content-container { padding-top:10px; } /* Surrounds the aread between header and footer */
.sidebar {
	width:140px;
	float:left;
	text-align:left;
} 
.content {
	margin:0 0 20px 150px;
	width:637px;	
	min-height:400px;
  	height:auto !important; /* IE6 Hack */
  	height:400px;
	text-align:left;
} 
.footer {
	clear:both;
	width:100%;
	height:60px;
	padding:10px 0;
	background:url(../images/footer_bg.gif) bottom center no-repeat;
}
.footer p { display:none; }

/********************** Text (also see reset.css) */

.condense { line-height:1.3em; }

.italic { font-style:italic; }

/********************** Primary navigation */ 

#nav { 
	width:140px;
	font:1.3em verdana, helvetica, sans-serif;
} 
#nav ul li a { 
	display:block; 
	width:112px;
	min-height:20px;
	background:#fff;
	margin:8px 0;
	padding:2px 0 0 28px;
	color:#660000; 
	text-decoration:none;
	font-size:0.8em;
	font-weight:bold;
} 
#nav ul li a:hover span { text-decoration:underline; } 

/* Level 1 swatches */
#nav .navitem-home { background:url(../images/nav_icon_home.jpg) top left no-repeat; }
#nav .navitem-practice { background:url(../images/nav_icon_practice.jpg) top left no-repeat; }
#nav .navitem-tour { background:url(../images/nav_icon_tour.jpg) top left no-repeat; }
#nav .navitem-contact { background:url(../images/nav_icon_contact.jpg) top left no-repeat; }
#nav .navitem-putty { background:url(../images/nav_icon_putty.jpg) top left no-repeat; }
#nav .navitem-publications { background:url(../images/nav_icon_publications.jpg) top left no-repeat; }

/* Level 2 */ 
#nav ul ul { font-size:1em; margin-bottom: 10px; }
#nav ul ul li a {
	padding:3px 0 3px 18px;
	margin:0 0 0 7px;
	display:block;
	min-height:0;
	color:#660000; 
	text-decoration:none;
	background:url(../images/nav_bullet.gif) center left no-repeat;
}
#nav ul ul li a:hover { text-decoration:underline; }

/********************** Secondary navigation */
.sub-nav {
	float:left;
	font-size:1em; 
	font:arial, verdana, helvetica;
	font-size:1.05em;
} 
.sub-nav ul {
	width:100%;
	float:left;
	border:1px solid #b6b6b6;
	border-width:1px 0;
}
.sub-nav ul li { float:left; }
.sub-nav ul li a {
	float:left; 
	display:block;
	padding:2px 20px 2px 0;
}
.tour-header { width:355px; padding:0 0 10px 0; }
.tour-header-long { width:100%; padding:0 0 10px 0; }
.tour-header ul li a { float:left; padding:2px 20px 2px 0; }
.tour-header ul li a { float:left; padding:2px 20px 2px 0; }
.tour-footer { width:100%; padding:15px 0 5px 0; }
.tour-footer ul li a { padding:2px 20px 2px 0; }
.sub-nav ul li a:hover { text-decoration:underline; }
.sub-nav ul li a.active { font-weight:bold; }


/********************** Header elements */ 
.header-logo { 
	display:block; 
	width:790px; 
	height:32px;
	text-indent:-9999px; 
	background:url(../images/header_logo.png) no-repeat; 
}


/********************** Image gallery */
.gallery-prev-next {
	position:absolute;
	right:10px;
	top:13px;
	z-index:2;
	font-size:1.1em;
	padding:0 5px 0 0;
}
#gallery_container { clear:right; padding:50px 0 0 0; position:relative; height:520px; margin:0 0 10px 0; }
#main_image {
	float:right;
	width:552px;
	text-align:right;
}
#main_image img { border:1px solid #ccc; }
#main_image .caption {
	position:absolute;
	left:0;
	top:10px;
	display:block;
	width:627px;	
	min-height:22px;
	height:auto !important; /* IE6 Hack */
  	height:22px;
  	background:#e1e1e1;
	padding:3px 5px;
	margin:0;
	text-align:left;
	font-size:1.1em;
	font-style:bold;
}
.galleria { 
	float:left;
	list-style:none;
	width:75px;
}
.galleria li { 
	display:block;
	width:73px;
	height:73px;
	overflow:hidden;
	float:left;
	margin:0 0 10px 0;
	border:1px solid #ccc;
}
.galleria li:hover { border-color:#212121; }
.galleria li a { display:none; }
/* .galleria li div {  } */
.galleria li div img { cursor:pointer; }
.galleria li.active div img,.galleria li.active div { display:block; }
.galleria li img.thumb {
	cursor:pointer;
	top:auto;
	left:auto;
	display:block;
	width:auto;
	height:auto;
}
* html .galleria li div span {width:400px; } /* MSIE bug */

/********************** Generic content elements */

.img-container { 
	text-align:right;
	color:#660000;
	font-style:italic;
	font-size:1em;
	line-height:1em;
}
.img-container img { border:1px solid #b6b6b6; margin-bottom:3px; }

.pad-float-right { padding:10px 0 10px 15px; float:right; }
.pad-float-left { padding:10px 15px 10px 0; float:left; }
.pad-float-top-right { padding:0 0 10px 15px; float:right; }
.pad-float-top-left  { padding:0 15px 10px 0; float:left; }

.image_stack {
	position:relative; top:0px; left:162px;
	width:160px;
	padding:0;
	margin:9px 0 90px 0;
}
.image_stack a { display:block; padding-bottom:10px; width:160px; margin:0; }

.download-box { float:right; padding:5px; border:1px solid #ccc; margin:10px 0 10px 10px; }
.download-pdf { display:block; padding:2px 0 0 24px; background:url(../images/pdf.gif) left center no-repeat; }

/********************** People */

.people-person { clear:right; margin-bottom:20px; }

/********************** Tour */ 

.tour-sidepanel-right { /* stack of images on right, or a single image on the right*/
	float:right;
	width:258px;
	padding-left:22px;
	text-align:right;
}
.tour-sidepanel-left { /* stack of images on left, or a single image on the left*/
	float:left;
	width:258px;
	padding-right:22px;
	text-align:right;
}
.tour-hz-spread { /* one image, or multiple image that spead across whole page horizontally */
	float:left;
	width:637px;
	text-align:right;
	margin:10px 0;
}
.tour-hz-spead img { margin-bottom:3px; }
.tour-hz-spread .split-img-x2 { float:left; }
.tour-hz-spread .split-img-x3 { margin-right:15px; float:left; }
.tour-hz-spread .split-img-x4 { margin-right:15px; float:left; }
.tour-hz-spread .split-img-last { float:right; }


/********************** Clears */ 
.clear { clear:both; } 
.clear hr { padding:0; margin:0; height:0; }