* {margin:0;padding:0;}
body{font-weight:normal;font-family: Arial, Helvetica, sans-serif;font-size:100%;color:#333;background-color:#484848;text-shadow:#484848 0 0 0;}
h1{color:#000;font-family: "Trebuchet MS", Helvetica, serif;font-size:1.7em;}
h2{color:#000;font-family: "Trebuchet MS", Helvetica, serif;font-size:1.1em;margin-bottom:10px;}
h3{color:#000;font-size:1.0em;margin-bottom:10px;}
p{line-height:1.55em;margin-bottom:10px;}
li{list-style-type:none;margin:5px 0;}

#nav{font-family: "Trebuchet MS", serif;}
#portfolio-name {color:#000;font-family:"Trebuchet MS",serif;font-size:16px;font-weight:bold;float:left;margin-left:100px;padding-top:3px;}
.slideshow #portfolio-name {margin-left:70px;}
#logo-name
{
	color:#fff;
	float:right;
	margin-right:4px;
	font-family: "Trebuchet MS", serif;
	font-size:22px;
}
#logo-name a
{
	color:#fff;
	text-decoration:none;
}
img{border:0;}
img#mainphoto{border:1px solid #c0c0c0;}
#tearsheets img#mainphoto{border:none;}
.hide{visibility:hidden;}
.clr {clear:both;height:0;font-size:1px;line-height:0.0;}

/* --------------------------------------------------------------------------------
/* layout */
#page-container {margin:40px auto 0 auto;width:734px;width:854px;}

#home h1#i1{color:#fff;font-size:305%;position:relative;top:221px;left:480px;z-index:100;}
#home h2#i2{color:#fff;font-size:305%;position:relative;top:215px;left:480px;z-index:100;}
#i3, #i4, #i5, #i6, #i7, #i8, #i9, #i10, #i11, #i12, #i13, #i14, #i15 {float:left;}

#home{background-color:#484848;background-image: url(images/bg.jpg);background-repeat:repeat-y;}
#home #page-container {margin:75px auto 0 auto;width:750px;}
#home #content {width:750px;margin:0;padding:0;}
#text-links {float:left;padding:0 10px;width:90px;height:1%;}
#text-links li {margin-top:35px;list-style:none;font-size:90%;font-weight:bold;}
#img-links {float:left;padding:0;height:1%;width:530px;}

#headers
{
	position:relative;
	top:-170px;
	left:320px;
	width:200px;
}

#bar
{
	background-image: url(images/greybar02.jpg);height:27px;
}

#footer{float:left;font-size:0.7em;color:#d1d1d1;width:854px;margin-top:4px;text-align:right;height:20px;}
#footer ul{list-style-type:none;float:right;}
#footer li{float:left;margin-left:5px;padding-left:5px;border-left:1px solid #d1d1d1;}
#footer #first{border-left:none;}
/* footer links */
#footer a:link,#footer a:visited {color:#d1d1d1;border-bottom:1px solid #d1d1d1;}
#footer a:hover,#footer a:active {color:#333;background-color:#f1f1f1;border-bottom:1px solid #333;}

/* --------------------------------------------------------------------------------
/* links */
a
{
	color:#333;
	text-decoration:none;
}
#text-links a
{
	margin:2px;
}
#text-links a:link,
#text-links a:visited
{
}
#text-links a:hover,
#text-links a:active
{
	color:#000;
	border-bottom:1px solid #656565;
}
.section
{
	display:block;
	margin:0;
	padding:0;
}
/*
#music-img { border:2px solid #bcbcbc;}
#contact-img {border:2px solid #b1b1b1;}
#stories-img {border:2px solid #979797;}
#portraits-img{	border:2px solid #7b7b7b;}
.section:hover img#music-img,
.section:hover img#contact-img,
.section:hover img#stories-img,
.section:hover img#portraits-img
{
	border:2px solid #ff4500;
}
.section:hover
{
	color:#333;
	border:0px;
}
*/
.section {border-bottom:3px solid #373737;}
.section:hover {border-bottom:3px solid #ff4500;}

/* page links */
#frontpage a, #mainpanel a
{
    color:#9a9a9a;
	background-color:#484848;
    border-bottom:1px solid #d3d3d3;
    font-weight:normal;
}
#frontpage a:hover, #mainpanel a:hover
{
    color:#333;
    background-color:#f1f1f1;
    border-bottom:1px solid #333;
    font-weight:normal;
}

/* -------------------------------------------------------------------------------- */
#content{xwidth:732px;margin-top:0;}

.slideshow #content {border:1px solid #C0C0C0;height:600px;z-index:1;}

/* sidepanel and thumbnails */
#lightbox {border:1px solid #C0C0C0;width:92px;height:540px;float:left;height:600px;}
#slides {list-style-type:none;margin:34px 0 0 10px;}
/* thumbnails in single column for fightclub */
#fightclub #slides {width:40px;}
#slides li {float:left;display:inline;width:41px;height:41px;margin:0;padding:0;}
#slides li p {border:1px solid #dcdcdc;width:22px;height:22px;margin:0;padding:6px 0 0 5px;font-size:0.78em;font-weight:bold;}
#neweuropeans #slides li p {background-color:#f5f5f5;width:22px;height:22px;padding:3px 0 0 5px;}
#slides li a {text-decoration:none;}
#slides li img {border:1px solid #dcdcdc;padding:0px;background:transparent;}
#slides li a:hover img {border:1px solid #ff4500;}
#slides li a:hover {color:#333;border:0px;}

#slideshow {border:1px solid #fff;height:600px;width:620px;}

/* main content */
#mainpanel, #frontpage
{
	border:1px solid #C0C0C0;
	border-left:none;
	width:638px;
	height:540px;
	float:left;
	font-size:11px;
	width:758px;
	height:600px;
}
/* intro text for stories pages */
#intro
{
    color:#9a9a9a;
    margin:0 100px;
    font-weight:bold;
    font-size:13px;
    height:420px;
}
#stargazing #intro{height:520px;}
#intro td{vertical-align:middle;}

#text-inset {color:#fff;margin:0 95px;padding-top:20px;font-weight:normal;font-size:11px;height:490px;}
#text-inset h2 {color:#fff;font-size:130%;padding-top:10px;}
#text-inset p {margin-bottom:5px;}
#text-inset td{vertical-align:middle;}   
#contact #text-inset, #copyright #text-inset {padding-top:60px;}

#content ul{margin-bottom:10px;}
#bio{margin-bottom:30px;}

#photo{text-align:center;padding:40px 0 30px 0;width:740px;height:578px;}
#photo td{vertical-align:middle;}
#caption{font-size:12px;padding-left:8px;color:#fff;font-weight:normal;}

/* new europeans */
#frontpage-photo{margin:35px 0 0 185px;}
.eurotext{width:270px;float:left;padding:0 10px 0 15px;color:#fff;}
.eurotext h3{font-size:1.6em;color:#fff;}
.eurotext .intro{font-style:italic;}
.eurotext p{margin:10px 0 0 0;}
#neweuropeans #photo{padding:0;height:602px;}
#neweuropeans #photo #txt{text-align:left;border-right:1px solid #c0c0c0}
#neweuropeans #photo #mainphoto{margin-left:5px;}

/* contact */
#contact h1, #copyright h1 {color:#fff;margin-bottom:40px;}
#contact h1 a {margin-left:50px;}

#biography #mainpanel li{padding-left:18px;background: url(images/bullet.png) left center no-repeat;}

/* -------------------------------------------------------------------------------- */
/* top navigation bar */
#nav {border:1px solid #c0c0c0;height:27px;margin-bottom:0px;}
#nav li 
{
	float: left;
	position: relative;
	cursor: default;
	margin:0; 
	padding:0; 
	background-image:none; 
	list-style-type:none;
	font-size:0.8em;
	width:122px;
	text-align:center;
	width:142px;
	
}
#nav li li 
{
	float: none;
	display: block;
	margin:0;
	padding:0;
	font-size:0.9em;
	width:200px;
	text-align:left;
}
#nav li ul 
{
	/* second level lists (dropped down) */
	display: none;
	position: absolute;
	top: 27px;
	left: 0;
	font-weight: normal;
	border-top:1px solid #c0c0c0;
	z-index:99;
}
#nav li>ul 
{
	/* to override top and left in non-IE, which will position to the top right of the containing li, rather than bottom left */
}
#nav li:hover ul, #nav li.over ul 
{
	/* show second level lists on hover */
	display: block;
}
#nav a
{ 
	display:block; 
	color:#9a9a9a; 
	text-decoration:none;
	font-weight:bold;
	height:23px;
	padding:4px 4px 0 4px;
}

/* target safari */
body:first-of-type #nav li a {padding:6px 4px 0px 4px;height:21px;}
body:first-of-type #portfolio-name {padding-top:5px;}

/* Hide from IE5 Mac \*/
#nav a { float:none; }
/* End IE5 Mac */

#nav a:link, 
#nav a:visited
{ 
	xbackground-color:#fff; 
}
#nav a:hover
{ 
	color:#333;
	background-color:#f1f1f1; 
}
#nav a.active
{
	color:#FF4500;
}
/* dropdown link styling */
#nav li li a
{
	border:1px solid #c0c0c0;
	border-top:none;
}
#nav li li a:link, 
#nav li li a:visited
{ 
	background-color:#373737; 
	border-bottom:1px solid #c0c0c0; 
}
#nav li li a:hover
{ 
	color:#333;
	background-color:#f1f1f1; 
	border-bottom:1px solid #c0c0c0; 
}
#nav li li a.active
{
	color:#FF4500;
}
/* secondary subnav on contacts pages */
#subnav {margin-top:65px;}
#subnav li{font-size:0.8em;font-weight:bold;list-style-type:none;margin-top:36px;width:90px;text-align:center;}
#subnav a{color:#9a9a9a;}
#subnav a:link, #subnav a:visited{background-color:#484848;}
#subnav a:hover{color:#fff;}
#subnav a.active{color:#FF4500;}

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

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}