/* @override 
	http://192.168.1.36/asa/css/asa-s.css
	http://dev.dyadcom.com/asa/trunk/css/asa-s.css
*/

/* @group General */

* {
	margin: 0;
	padding: 0;
	font-size: 1em;
}
a:active 
{
	outline: none;
}
a:focus
{
	-moz-outline-style: none;
}
a img {
	border: 0;
}

html {

  background: #fff url(../img/pagebg_v.gif) center center repeat-y;
  height: 100%;
}
body {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	background: url(../img/pagebg.gif) 0 135px repeat-x;
	text-align: center;
	font-size: 11px;
	height: 100%;
}


/* @end */

/* @group Nav */

#nav {
	position: absolute;
	top: 60px;
	right: 60px;
	z-index: 100;
	text-transform: lowercase;
}
#nav li {
	display: inline;
	position: relative;
	float: left;
}
#nav a {
	
	display: block;
	padding: 5px 0 5px 15px;
	text-decoration: none;
}
#nav ul a {
	padding: 0;
}
#nav a:hover {
	text-decoration: underline;
}

#nav a:hover {
	text-decoration: underline;
}
#nav ul {
	display: none;
	position: absolute;
	top: 20px;
	left: 0;
	width: 120px;
	padding: 0 15px;
}

#nav li:hover ul, #nav li.hover ul {
	display: block;
}
#profile #n-profile a, #projects #n-projects a, #services #n-services a, #resources #n-resources a, #contact #n-contact a {
	font-weight: bold;
}

#page #nav ul a {
	width: 120px;
	font-weight: normal;
}

#nav li li {
	display: block;
}
/* @end */

/* @group Layout */

#page {
	width: 832px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	overflow: hidden;
	z-index: 15;
}

#page-inner {
	background: url(../img/pagebg-in.gif) 0 0 repeat-x;
  margin-bottom: 60px;
  position: relative;
  padding: 0 60px;
  z-index: 20;
  padding-bottom: 60px;
  overflow: hidden;
}

#content {
	padding-top: 135px;
	min-height: 150px;
	overflow: hidden;
	z-index: 30;
	position: relative;
}

* html #content {
  height: 150px;
  overflow: visible;
}



* html #default #content {
  height: 265px;
  overflow: hidden;
}

#content table
{
	margin-left: 100px;
}

#content2 {
	padding: 15px 0;
	overflow: hidden;
	z-index: 30;
	position: relative;
	width: 100%;
}

#logo{
	position: absolute;
	top: 19px;
	left: 60px;
	z-index: 40;
	#left: 0;
}

#ftr {
	background-color: #fff;
	font-size: 9px;
	text-align: center;
	clear: both;
    width: 100%;
    padding: 20px 0;
    height: 15px;
	margin-top: -55px;
}

#pnav {
	margin-left: 254px;
	border-left: 2px solid #ebeae8;
	height: 350px;
	width: 456px;
	_position: relative;
	_left: 254px;
	_margin: 0;
}

#pnav li {
	float: left;
    list-style: none;
    width: 150px;
    height: 150px;
	border-right: 2px solid #ebeae8;
	border-bottom: 2px solid #ebeae8;
}

#pnav-h {
	position: absolute;
	top: 440px;
	z-index: 30;
	font-weight: normal;
	font-size: 11px;
	color: #887b8e;
	left: 255px;
}

.emph
{
	font-weight: bold;
}

/* @end */
#cbody {
	width: 452px;
	float: right;
	overflow: hidden;
}

.bullets
{
	list-style-type: disc;
	margin-left: 15px;
}

.bullets li
{
	margin-bottom: 2px;
}

#contact_left, #contact_body, #contact_right
{
	width: 150px;
	float: left;
	margin: 15px 2px 0px 0px;
}

input, textarea
{
	font-size: 12px;
}

.submit input {
	margin-top: 4px;
}

.meta {
  clear: left;
  #margin-top: -150px;
  position: relative;
}

#intro {
	position: absolute;
	top: 155px;
	left: 100px;
	width: 292px;
}

#work_bryn-mawr-pa #intro {
  left: 0;
  width: 240px;

}

#work_bryn-mawr-pa #details {
  padding-left: 0;
  width: 230px;
}

#work_bryn-mawr-pa #image {
  width: 454px;
}

#contact #intro {
	top: 138px;
}
#details {
	font-size: 10px;
	line-height: 15px;
	padding: 165px 0 0 102px;
	width: 302px;
}
a {
	color: #8C7B93;
}

#
p {
	margin-bottom: .6em;
	line-height: 1.5em;
}
ul {
	list-style-type: none;
}

#subnav {
	padding: 15px 0 0 102px;
	font-size: 12px;
	line-height: 18px;
}

#subnav a, .pnav-button {
	color: #080035;
	text-decoration: none;
}
#subnav a.active {
	font-weight: bold;
}
#subnav a:hover, a.pnav-button:hover {
	text-decoration: underline;
}
.banner {
	float: right;
	border-right: 2px solid #ebeae8;
	border-left: 2px solid #ebeae8;	
}

#image {
	width: 302px;
	float: right;
}



#tnails li {
	display: inline;
}

#tnails li a {
	display: block;
	float: left;
	margin: 0 5px 5px 0;
}

#side {
	font-size: 10px;
	line-height: 15px;
	width: 140px;
	padding-left: 102px;
	color: #726761;
	float: left;

}
#side ul {
	margin-bottom: 15px;
}

/* @group stickey footer */

html, body {
    height: 100%;
}


.wrapper {
	position: relative;
	min-height: 100%;
}
* html .wrapper
{
	height: 100%;
}

.gallery {
	float: left;
  overflow: hidden;
}


/* @end */

#projects #content {
  min-height: 500px;
}
#projects #side {
	position: relative;
  top: -190px;
}

.servicelist li {
  margin-bottom: 1em;
}

#barbg {
 position: absolute; top: 135px; left: 0px;
 z-index: 10;
}