/* Eurofox CSS Document */
* {
	margin:0;
	padding:0;
	}

* html #wrap{
	height:100%;
	}
body {
	background:#325388 url(i/body-bg.jpg) top left repeat-x;
	font:76% Verdana, Arial, Helvetica, sans-serif;
	color:#333366;
	}
#page {
	width: 765px;
	margin: 0 auto;
	text-align:left;

/*	border-right: 3px solid #C8CFD9;*/
	}
/* Header
------------------------------------------------------------------*/  

#header {
	margin:0 auto;
	background:url(i/header-03.jpg) no-repeat;
	width:765px;
	height: 191px;
	border-bottom: 1px solid #fff;
	}
#header h1 {
/*	background: url(i/logo-01.jpg) no-repeat 0 0;*/
 
	}
#header h1 a {
	width: 265px;
	height: 156px;
	display: block;
	text-decoration: none;
		background: url(i/logo-01.jpg) no-repeat 0 0;
	}
#header h1 a:hover	{
	background: url(i/logo-01a.jpg)no-repeat 0 0;
	}
#header a span {
	visibility: hidden; 
	} 
/* Main navigation
------------------------------------------------------------------*/
div#globalnavbar {
	background:transparent;
	position: relative;
	width: 500px;
	height: 21px;
	text-align: left;
	overflow: hidden;
	margin-left:265px;
	margin-top:-7px;
	padding:0;
	}
div#globalnav	{
	width: 500px;
	height: 21px;
	}

div#globalnav ul#menu {
	height: 21px;
	width: 500px;
	background: transparent url(i/nav-01.jpg) top left no-repeat;
	position: relative;
	}

div#globalnav ul#menu li {
	list-style: none;
	position: absolute;
	top: 0;
	}
	
ul#menu li, ul#menu a {
	height: 21px;
	display: block;
	}
div#globalnav ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
div#globalnav ul#menu li {
	text-indent: -9999px;
	text-decoration: none;
	}	
#home {left: 0px; width: 56px;}
#media {left: 65px; width: 62px;}
#products	{left: 135px; width: 160px;}
#people	{left: 302px; width: 68px;}
#contact	{left: 380px; width: 96px;}

#home a:hover	{background: transparent url(i/nav-01.jpg) 0px -21px no-repeat;}
#media a:hover	{background: transparent url(i/nav-01.jpg) -65px -21px no-repeat;}
#products a:hover {background: transparent url(i/nav-01.jpg) -135px -21px no-repeat;}
#people a:hover {background: transparent url(i/nav-01.jpg) -302px -21px no-repeat;}
#contact a:hover {background: transparent url(i/nav-01.jpg) -380px -21px no-repeat;}

/* Main navigation "active tabs"
------------------------------------------------------------------*/

body#index #home {background: transparent url(i/nav-01.jpg) 0px -42px no-repeat;}	
body#media-page #media {background: transparent url(i/nav-01.jpg) -65px -42px no-repeat;}
body#products-page #products {background: transparent url(i/nav-01.jpg) -135px -42px no-repeat;}
body#people-page #people {background: transparent url(i/nav-01.jpg) -302px -42px no-repeat;}
body#contact-page #contact {background: transparent url(i/nav-01.jpg) -380px -42px no-repeat;}

/* Header Area: Sub-links
------------------------------------------------------------------*/
p.sublinks {
	color:#fff;
	text-align:center;
	margin-top:3px;
	font-size:11px;
	 }
/* Main Content Area
------------------------------------------------------------------*/
/*  
    overlay dimensions are defined with CSS. this tool detects them dynamically   
    and resizes the background image correspondingly 
*/ 
#Overlay {     
    width:500; 
     
    /* overlay is initially hidden */ 
    display:none;     
} 
 
/*  
    close button (div.close element) is auto-generated by default.  
    here it is positioned on top-right corner  
*/ 
#Overlay div.close { 
    background:url(/swf/overlay.png) no-repeat; 
    position:absolute; 
    top:15px; 
    right:10px; 
    width:25px; 
    height:25px; 
    cursor:pointer;     
} 
 
/*  
    the actual content is moved little bit inside so that it doesn't overlap 
    with the drop shadow in the overlayed image 
*/ 
#Overlay p { 
    color:#567; 
    font-size:50px; 
    margin:110px 135px; 
}

/*  
    WRAP
*/ 

#wrap {
	float:left;
		/*min-height:100%;*/
	background:#fff url(i/wrap-top.gif) top left repeat-x; 
	margin:0 auto;
	width:763px;
	border-right:1px solid #5780AA;
	border-left:1px solid #5780AA;
	height:100%;
	}
#content {
	padding:1em 2em 1em 0px;
	float:right;
	width:400px;

	}
#sidebar {
	padding:60px 0px 1em 1em;
	width:280px;
	text-align:center;
	}
#footer {
	clear:both;
	margin:0 auto;
	width:765px;
	height:75px;
	background:url(i/footer-03.gif) top left no-repeat;
	}
/* Main Content - Typography + Extras
------------------------------------------------------------------*/
h1, h2, h3, h4, h5 {
	letter-spacing: .05em;
	line-height: 140%;
	color:#333366;
	}

h1 {
	font-size:20px;
	color:#FCDD28;
	}
h2 {
	font-size: 1.5em;
	
	color:#333366;
	}
#content p {
	line-height:140%;
	padding: 0.5em 0;
	text-align:justify;
	}
#content img.biog {
	float:left;
	border: 1px solid #5780AA;
	margin: 0px 1em 1em 0px;
	}
#content ul, #content ol {
	padding: 1em 0 1em 3em;}
#sidebar img {
	border: 10px solid #E6EEF7;
	}
img.still {
	border: 10px solid #E6EEF7;
	}
#sidebar img.noborder {
	margin-top:35px;
	border:none;
	}
p.footer-text {
	color:#CCCCFF;
	text-align:center;
	padding:0;
	margin:0;
	line-height:140%;
	}
p.footer-text img {
	border:0;
	}
/* General Links
------------------------------------------------------------------*/	
a.content-link, a.content-link:link, a.content-link:visited {
 
	text-decoration : none;
	color: #ECB111;
	background: transparent; 
	}

a.content-link:hover {
	text-decoration : underline;
	color: #34558A;
	background: transparent; 
	}

a.content-link:active{
	text-decoration : underline;
	color: #34558A;
	background: transparent;  
	}

p.sublinks a:link, a:visited, p.footer-text a:link, a:visited {
 
	text-decoration : none;
	color: white;
	background: transparent; 
	}

p.sublinks a:hover, p.footer-text a:hover {
	text-decoration : underline;
	color: #CCCCFF;
	background: transparent; 
	}

p.sublinks a:active, p.footertext a:active{
	text-decoration : underline;
	color: #CCCCFF;
	background: transparent;  
	}

.interview {
padding:50px;
clear:both;
font-size:12px;
}