@import url("menu.css"); 

html, body {
background: #ccc;
color: #333;
font-family: Arial, Helvetica, sans-serif;
}

a {
	color: #666;
	text-decoration: none;
}

a:hover {
	text-decoration:underline;
}

h1 {
	margin: 0;
	padding:0;
	font-weight:normal;
}

p {
	padding: 0 42px;
	margin: 15px 0;
	font-size: 16px;
	line-height: 22px;
}

#centeredcontent {
	background:#fff;
height:600px;
left:50%;
margin-left:-480px;
margin-top:-300px;
position:absolute;
text-align:left;
top:50%;
width:960px;
}

#header {
		border-bottom: 3px solid #ccc;
		height: 118px;
		position:relative;
}

#logo {
	position:absolute;
	float:left;
	display:inline;
	margin:25px 0 0 34px;
}

#menu {
		position:absolute;
		display:inline;
		right:30px;
		bottom: 5px;
}
	
#menu ul {
	list-style: none;
	list-style-position:inside;
}

#menu ul li {
	float: left;
	display:inline;
	position: relative;
	padding: 0 65px 0 0;
}

#menu a {
	color: #bbb;
	font-size: 18px;
	text-decoration: none;
}

#menu a:hover,  #menu a:active {
	color: #666;
}
	

#content {
}

#left {
		position:relative;
	float:left;
	display: inline;
	height: 479px;
	width:252px;
	border-right: 3px solid #ccc;
}

#left h1 {
	font-size: 24px;
	color: #fa7f00;
	margin:20px 0 0 42px;
}
	
#left p {
	font-size: 14px;
}

#right {
	position:relative;
	float:left;
	display: inline;
	width:705px;
	height: 479px;
}

#right h1 {
	font-size: 24px;
	color: #333;
	margin:20px 26px 26px 42px;
}
	
#right span {
	color: #fa7f00;
}

#right #caption {
	text-align: right;
	bottom:10px;
	right: 10px;
	position:absolute;
	color:#bbb;
}

td.bio p {
	font-size: 12px;
	line-height: 16px;
	color:#666;
}

#footer {
	font-size: 10px;
	color: #CCC;
}


/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
   
    min-height:200px; 
    border:1px solid #fff; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(../images/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

/* styling for elements inside overlay */ 
.details { 
    position:absolute; 
    top:15px; 
    right:15px; 
    font-size:11px; 
    color:#fff; 
    width:150px; 
} 
 
.details h3 { 
    color:#aba; 
    font-size:15px; 
    margin:0 0 -10px 0; 
}