*
{
margin: 0;
padding: 0;
}

#clear {
	clear:both;
	}
	
#preloader {
	position: absolute; 
	left: -9999px;
	top:  -9999px;
	}
	

body	{
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#fff; 
	background-color:#32241D;
	background-image: url(graphics/bg.jpg);
	background-repeat: no-repeat;
	position:relative;
	background-position:top center;
	}
	
p { 
	font-size:15px;
	text-align:left;
	line-height:19px;
	font-weight: bold;
	font-style:italic;
	margin-bottom:8px;
	text-align:left;
	color:#fff;
	}

	a, img {
    border:none;
}
	
	a {
    color:#000;
    text-decoration:underline;
	}
	
	a:hover {
    color:#8f857c;
   	}

	h1
	{
	font-family: 'Cardo', serif;
	text-align:left;
	color:#fff;
	font-style:italic;
	padding:0px 0px 0px 0px;
	}
	
	h2
	{
	font-size:20px;
	font-family: 'Cardo', serif;
	color:#fff;
	font-style:italic;
	padding:0px 0px 5px 0px;
	}
	
	h3
	{
	font-size:20px;
	font-family: 'Cardo', serif;
	color:#fff;
	font-style:italic;
	padding:0px 0px 5px 0px;
	text-align:left;
	}

	
#wrapper { 
	background-image: url(graphics/body.jpg);
	background-repeat: no-repeat;
	margin: 0 auto; 
	width: 960px; 
	background-color:#000;
	}


#header { 
	width: 960px;
	height: 335px; 
	background-image: url(graphics/header.jpg);
	background-repeat: no-repeat;
	position:relative;
	}

	
#nav {
	height:40px;
	margin-bottom:20px;
	position:absolute;
	top: 0px;
	left:30px;
	}
	
#mainnav {
	width: 960px;
	margin: auto;
	height: 40px;
	list-style-type:none;
	}
	
.mainnavitem { 
	display:inline;
	height: 40px;
	float:left;
			}
		
#mainnav a { 
	display:block;
	text-decoration:none;
	}
		
#mainnav a span{ 
	visibility:hidden;
	}

	
#mainnavlink1{
    background-image:url(graphics/introduction.png);
    width: 200px;
    height: 40px;
	}
	
#mainnavlink1:hover, #mainnavlink1.selected{
    background-image:url(graphics/introductionho.png);
	}
	
#mainnavlink2{
    background-image:url(graphics/portfolio.png);
    width: 190px;
    height: 40px;
	}
	
#mainnavlink2:hover, #mainnavlink2.selected{
    background-image:url(graphics/portfolioho.png);
	}
	
#mainnavlink3{
    background-image:url(graphics/rates.png);
    width: 150px;
    height: 40px;
	}
	
#mainnavlink3:hover, #mainnavlink3.selected{
    background-image:url(graphics/ratesho.png);
	}

#mainnavlink4{
    background-image:url(graphics/contact.png);
    width: 170px;
    height: 40px;
	}
	
#mainnavlink4:hover, #mainnavlink4.selected{
    background-image:url(graphics/contactho.png);
	}
	
#mainnavlink5{
    background-image:url(graphics/links.png);
    width: 170px;
    height: 40px;
	}
	
#mainnavlink5:hover, #mainnavlink5.selected{
    background-image:url(graphics/linksho.png);
	}
	

	


	
#maincontainer { 
	width:960px;
	margin:auto;
	overflow:hidden; 
	padding: 20px 20px 20px 20px; 
	}
	
	.col1of1
	{
	overflow:hidden;
	width:100%;
	}
	
	.col1of2
	{
	overflow:hidden;
	float:left;
	width:500px;
	padding:0px 0px 0px 0px;
	}
	
	.col2of2
	{
	overflow:hidden;
	float:right;
	width:400px;
	padding:0px 0px 0px 0px;
	}


#fullwidthfooter
{
background-color:#000;
border-top:1px solid #43443F;
width:100%;
margin:0px 0px 0px 0px;
}



#centredfooter
{
width:960px;
margin:0 auto;
}



#footer
{
background-color:#000;
padding:0px 0px 0px 0px;
}
	
#footerlogo
{
width:300px;
padding:0px 0px 0px 0px;
margin: 0 auto;
}

.footersitemap
{
width:500px;
padding:10px 0px 0px 0px;
margin: 0 auto;
color:#000;

}

#footer p
{
font-size:16px;
font-style:normal;
font-weight:normal;
text-align:center;
}
	
#footer a { 
	color: #4A3117;
	color: #aa7945;
	}
	
#footer a:hover { 
	color: #aa7945;
	color: #4A3117;
	}

#preloader
{
display:none;
height:1px;
margin:0px 0px 0px -2000px;
}

.po
{
font-size:13px;
width:170px;
border-bottom:1px solid #ccc;
}
	







/*
playback timings (ms):
  captures_list: 181.482
  exclusion.robots: 0.112
  exclusion.robots.policy: 0.1
  cdx.remote: 0.07
  esindex: 0.037
  LoadShardBlock: 145.737 (3)
  PetaboxLoader3.datanode: 185.226 (5)
  load_resource: 198.07 (2)
  PetaboxLoader3.resolve: 113.882 (2)
*/