@charset "iso-8859-1";
        /* MAIN STRUCTURE CSS */
		

body {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        font-family: verdana, arial, helvetica, sans-serif;
        color: #ffffff;   /* white */
        background-color: #1e1e1e;   /* Background */
        text-align: center;
        /* part 1 of 2 centering hack */
        }
		
#wrapper {
		padding: 0px;
		text-align: center;
		border-color: #95937F;
}


#contentindex {
        width: 914px;  /* ACTUAL WIDTH */
		height: 572px; 
 		padding: 0px 0px 0px 0px;
        margin-top: 30px;
        margin-bottom: 0px;
        margin-right: auto;
        margin-left: auto;      
        /* opera does not like 'margin:20px auto' */
        border: 0px solid #fff;   /* COLOUR 01 */
        text-align:left; 
		background-image:url(../index_photos/rotate.php);
        /* part 2 of 2 centering hack */
		/* +30px to ACTUAL WIDTH */ width: 944px; 	/* ie5win fudge begins */ 
        							voice-family: "\"}\"";
        							voice-family:inherit;
        							width: 914px; /* ACTUAL WIDTH */
        }

		
#enterbutton {
		z-index:auto 110;
		position: absolute;
        width: 914px;  /* ACTUAL WIDTH */
		height: 480px; 
 		padding: 0px 0px 0px 0px;
        margin-top: 63px;
        margin-bottom: 0px;
        margin-right: auto;
        margin-left: auto;      
        /* opera does not like 'margin:20px auto' */
        border: 0px solid #fff;   /* COLOUR 01 */
        /* part 2 of 2 centering hack */
		/* +30px to ACTUAL WIDTH */ width: 944px; 	/* ie5win fudge begins */ 
        							voice-family: "\"}\"";
        							voice-family:inherit;
        							width: 914px; /* ACTUAL WIDTH */
        }


#content {
		width: 914px;  /* ACTUAL WIDTH */
		height: 572px; 
 		padding: 0px 0px 0px 0px;
        margin-top: 30px;
        margin-bottom: 0px;
        margin-right: auto;
        margin-left: auto;  
        /* opera does not like 'margin:20px auto' */
        border: 0px solid #fff;   /* COLOUR 01 */
        text-align:left; 
		background-image:url(../general_images/main_backpanel.gif);
        /* part 2 of 2 centering hack */
		/* +30px to ACTUAL WIDTH */ width: 944px; 	/* ie5win fudge begins */ 
        							voice-family: "\"}\"";
        							voice-family:inherit;
        							width: 914px; /* ACTUAL WIDTH */
        }


#menu {
		z-index:auto 115;
  		border: 0px solid red;   /* Background */
		position: relative;
		top: 80px;
		left: 20px;
  		width: 226px;
  		height: 463px;
		display:block;
		float:left;

}


#mainwindow {
		position: relative;
		top: 80px;
		left: -24px;
		height: 462px;
		width: 630px;
		display:block;
		float:right;
}

#mainwindowcontent {
		position: absolute;
		left: 0px;
		top: 0px;
		background-color:#CCFFFF;
		text-align:left;
}


#hole {
		z-index:auto 125;
  		border: 0px solid red;   /* Background */
		position: relative;
		top: 73px;
		left: 643px;
  		width: 27px;
  		height: 27px;
		display:block;
		float:left;
		background-image:url(../general_images/main_hole.png);

}


        /* END MAIN STRUCTURE CSS */
		/* ==================================================================== */
		
        /* FOOTER */

#footer {
		width: 914px;  /* ACTUAL WIDTH */
		height: 20px; 
 		padding: 0px 0px 0px 0px;
        margin-top: -26px;
        margin-bottom: 0px;
        margin-right: auto;
        margin-left: auto;  
        /* opera does not like 'margin:20px auto' */
        border: 0px solid #fff;   /* COLOUR 01 */
        text-align:left; 
        /* part 2 of 2 centering hack */
		/* +30px to ACTUAL WIDTH */ width: 944px; 	/* ie5win fudge begins */ 
        							voice-family: "\"}\"";
        							voice-family:inherit;
        							width: 914px; /* ACTUAL WIDTH */
		color:#1e1e1e;
		text-align:left;
		font-size:10px;
}

#footerleft {
	position: relative;
	top: 0px;
	left: 22px;
	width: 222px;
	float:left;
	border: 0px green solid;
}


#footerright {
	position: relative;
	top: 0px;
	right: 24px;
	width: 630px;
	float:right;
	border: 0px yellow solid;
}


#footerright img {
	float:right;
	margin: 0px 0px 0px 5px;
}

#footertext01 {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100px;
	float:left;
	border: 0px yellow solid;
}

#footertext02 {
	position: relative;
	top: 0px;
	right: 0px;
	width: 100px;
	float:right;
	border: 0px green solid;
	text-align:right;
}

#footertext03 {
	position: relative;
	top: 0px;
	left: 0px;
	width: 350px;
	float:left;
	border: 0px green solid;
	text-align:left;
}

#footertext04 {
	position: relative;
	top: 0px;
	right: 0px;
	width: 200px;
	float:right;
	border: 0px green solid;
	text-align:right;
}

#footer a:link {
	color: #000;
	text-decoration: none;
}
#footer a:visited {
	color: #000;
	text-decoration: none;
}
#footer a:hover {
	color: #d79500; /* orange */
	text-decoration: none;
}
#footer a:active {
	color: #d79500; /* orange */
	text-decoration: none;
}

        /* END FOOTER */
		/* ==================================================================== */
		
        /* MENU CONTENT */
		
html> #menucontent {
		background-image:url(../general_images/menucorners.png);
		background-attachment:fixed;
		background-repeat:no-repeat;
		text-align:left;
		position: absolute;
		left: 10px;
		top: 0px;
		margin: 6px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 200px;
		font-size:11px;
}

html> #menucontent p{
		font-family: verdana, arial, helvetica, sans-serif;
        color: white;   /* white */
		font-size:10px; 
		line-height: 14px; 
		margin: 0px 10px 0px 5px;
}

#menucontent li{
list-style:none;

}

#menucontent a:link {
	color: #fff;
	text-decoration: none;
}
#menucontent a:visited {
	color: #fff;
	text-decoration: none;
}
#menucontent a:hover {
	color: #d1c7af; /* buff */
	text-decoration: none;
}
#menucontent a:active {
	color: #d79500; /* orange */
	text-decoration: none;
}
#menucontent H2 {
	color: #d79500; /* orange */
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	display:inline;
}

#menucontent H2w {
	color: #fff; 
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}

#menucontent H2 a:link{
	color: #d79500; /* orange */
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}
#menucontent H2 a:visited{
	color: #d79500; /* orange */
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}
#menucontent H2 a:hover{
	color: #d79500; /* orange */
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}
#menucontent H2 a:active{
	color: #d79500; /* orange */
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}

#menucontent img {
display:inline;
margin: 0px 0px 0px 5px;
border: 0px;
z-index: 150;

}

		/* END MENU CONTENT */

		/* ==================================================================== */

        /* FONTS */
		
p {
	font-size:10px;
	line-height: 12px;
	margin: 2px 0px 0px 0px;


}

p2 {
	font-size:12px;
	line-height: 14px;
	margin: 0px 0px 0px 0px;

}


H1 {
	font-size:16px;
	margin: 0px 0px 0px 0px;

}

H2 {
	font-size:12px;
	line-height: 16px;
	margin: 0px 0px 0px 0px;
}

H3 {
	font-size:12px;
	line-height: 16px;
	margin: 0px 0px 0px 0px;
	color: #d1c7af; /* buff */
	font-weight:100;
}

		
		/* END FONTS */

		/* ==================================================================== */

        /* PAGES */

html> #cv {
	background-color:#FFFFFF;
	color:#000000;
	text-align:left;
	font-size:12px;
	margin: 0px 0px 0px 10px;
}

#cv H1 {
	font-size:16px;
	color: #d79500; /* orange */
	margin: 10px 0px 0px 0px;

}

#cv p2 {
	margin: 10px 0px 10px 0px;

}

.orange
{
	color: #d79500; /* orange */
}

.grey
{
	color: #333333;
}

.midgrey
{
	color: #666666;
}

.white
{
	color: #FFFFFF;
}


html> #profile {
	background-color:#FFFFFF;
	color:#000000;
	text-align:left;
	font-size:12px;
	margin: 120px 0px 0px 270px;
}

#profile H1 {
	color: #d79500; /* orange */
	margin: 0px 0px 0px 0px;
}
#profile p {
	margin: 0px 0px 0px 0px;
}

#nose{
	position: absolute;
	top: 127px;
	left: 150px;
}

html> #generalpages {
	background-color:#FFFFFF;
	color:#000000;
	text-align:left;
	margin: 0px 0px 0px 0px;
}

#webpages {
	background-color:#FFFFFF;
	color:#000000;
	text-align:left;
	margin: 0px 0px 0px 0px;
}

#webpages a:link{
	color: #d79500; /* orange */
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}
#webpages a:visited{
	color: #d79500; /* orange */
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}
#webpages a:hover{
	color: #1e1e1e; /* dark grey */
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}
#webpages a:active{
	color: #1e1e1e; /* dark grey */
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}

#i30 {
	position:relative;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
}

#sampleimage {
	position:relative;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
}


#i30text {
	z-index:140;
	position:relative;
	top: 0px;
	left: 0px;
	margin: -100px 0px 0px 0px;
}

#aoi_stationery {
	z-index:140;
	position:relative;
	top: 0px;
	left: 0px;
	width: 260px;
	margin: -96px 0px 0px 320px;
}

#cityoflondon {
	z-index:140;
	position:relative;
	float:left;
	top: -15px;
	left: 55px;
	margin: -140px 0px 0px 0px;
}

#debs_bags {
	z-index:140;
	position:relative;
	top: 30px;
	left: 5px;
	margin: -90px 0px 0px 0px;
	width: 250px;
}

#debs_bigsale {
	z-index:140;
	position:relative;
	top: 0px;
	left: 10px;
	margin: -90px 0px 0px 0px;
	width: 400px;
}

#debs_leaflet {
	z-index:140;
	position:relative;
	top: -10px;
	left: 300px;
	margin: -90px 0px 0px 0px;
	width: 270px;
}
#debs_stationery {
	z-index:140;
	position:relative;
	top: -333px;
	left: 320px;
	margin: -90px 0px 0px 0px;
	width: 250px;
}

#debs_signage01 {
	z-index:140;
	position:relative;
	top: -333px;
	left: 320px;
	margin: -90px 0px 0px 0px;
	width: 250px;
}

#hg_site {
	z-index:140;
	position:relative;
	top: 55px;
	left: 40px;
	margin: -90px 0px 0px 0px;
	width: 500px;
}

#illustration01 {
	z-index:140;
	position:relative;
	top: 20px;
	left: 0px;
	margin: -90px 0px 0px 0px;
	width: 500px;
}

#illustration02 {
	z-index:140;
	position:relative;
	top: 20px;
	left: 20px;
	margin: -90px 0px 0px 0px;
	width: 500px;
}

#illustration_hafen {
	z-index:140;
	position:relative;
	top: 35px;
	left: 50px;
	margin: -90px 0px 0px 0px;
	width: 400px;
}

#illustration_pencil {
	z-index:140;
	position:relative;
	top: 20px;
	left: 110px;
	margin: -90px 0px 0px 0px;
	width: 400px;
}

#illustration_stern {
	z-index:140;
	position:relative;
	top: 35px;
	left: 0px;
	margin: -90px 0px 0px 0px;
	width: 500px;
}

#kfa {
	z-index:140;
	position:relative;
	top: 20px;
	left: 60px;
	margin: -70px 0px 0px 0px;
	width: 400px;
}

#nspcctext01 {
	z-index:140;
	position:relative;
	float:left;
	top: -20px;
	left: 0px;
	margin: -140px 0px 0px 0px;
}

#ogilvy01 {
	z-index:140;
	position:relative;
	float:left;
	top: 5px;
	left: 0px;
	margin: -140px 0px 0px 0px;
}

#southwark {
	z-index:140;
	position:relative;
	float:left;
	top: 5px;
	left: 0px;
	margin: -100px 0px 0px 0px;
}

#string_site {
	z-index:140;
	position:relative;
	top: 20px;
	left: 40px;
	margin: -90px 0px 0px 0px;
	width: 500px;
}

#stuart01 {
	z-index:140;
	position:relative;
	top: 26px;
	left: 0px;
	margin: -60px 0px 0px 20px;
}

#talktalk {
	z-index:140;
	position:relative;
	top: 0px;
	left: 0px;
	margin: -60px 0px 0px 20px;
}

#theartworks01 {
	z-index:140;
	position:relative;
	float:left;
	top: 5px;
	left: 0px;
	margin: -140px 0px 0px 0px;
}

#tiresias_site {
	z-index:140;
	position:relative;
	top: 20px;
	left: 40px;
	margin: -90px 0px 0px 0px;
	width: 500px;
}

#transparency_logo {
	z-index:140;
	position:relative;
	top: 20px;
	left: 20px;
	margin: -90px 0px 0px 0px;
	width: 500px;
}

#transparency_site {
	z-index:140;
	position:relative;
	top: 20px;
	left: 40px;
	margin: -90px 0px 0px 0px;
	width:500px;
}


#upmail {
	z-index:140;
	position:relative;
	top: 0px;
	left: 62px;
	margin: -55px 0px 0px 0px;
	width: 400px;
}

		/* END PAGES */

		/* ==================================================================== */

        /* NAVIGATION DEVICE */
		
#nav {
	z-index:140;
	position: absolute;
	float:right;
	text-align:right;
	top: 411px;
	right: 17px;
	margin: 0px 0px 0px 0px;
	border: 0px solid red;
	color:#999999;
}

#nav img{
margin-top: 5px;
border: 0px;

}