html, body{ 
 margin:1px; 
 padding:0; 
 text-align:center; 
font-family: verdana, arial, helvetica, sans-serif; 
color: #003366;
font-size: 11px;
font-weight: normal;
} 

p {
margin-top: 0px;
margin-bottom: 8px;
}

 
#pagewidth{ 
 width:755px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:150px; 
  background-color:#6699cc; 
 width:100%;
} 

div.logo {
position: absolute;
 z-index: 1;
 top: 0px;
 left: 0px;
 }



div.top_right{
position: absolute; 
top: 0px; 
z-index: 1; 
right: 0px; 
width: 232px;
}

/*
Fcked up in Vista sending menu over to right - fix below)
div.nav{
background-color: #ffffff;  
position: absolute;
right: 125px;
top: 153px;
float: right;
margin: 0;
padding: 0;
width: 400px;
text-align:right;} */

div.nav { 
background-color: #fff;
border-top: 1px solid #fff;
height: 20px;
width: 760px;;
margin-left: auto;
margin-right: auto;
text-align:right;
}



 
#maincol{
margin: 20px 0 0 0;

background-color: #ffffff;  
 float: left; 
 display:inline; 
 position: relative; 
 width:; 
 }
 
#footer{

height:15px; 
text-align:center; 
font-weight: bold;
padding: 3px 0px 0px 0px;
color: #003366;
font-size: 10px;
border-top:1px solid #003366;
  background-color:#ccc; 
 clear:both;
 } 
 

h1{
font-size: 12px;
margin-left: 0px;	
margin-top: 5px;
margin-bottom: 10px;	
margin-right: 0px;	
color: #003366;
font-weight: bold;
}

h2{
font-size: 11px;
margin-left: 0px;	
margin-top: 15px;
margin-bottom: 5px;	
margin-right: 0px;	
color: #003366;
font-weight: bold;
}

h3{
font-size: 11px;
margin-left: 0px;	
margin-top: 15px;
margin-bottom: 4px;	
margin-right: 0px;	
color: #003366;
font-weight: normal;
font-style:italic;
}


a:link{
color: #003366;
}


a:visited{
color: #003366;
}


.table_left_cell{
padding: 0px 10px 0px 0px;
width: 367px;
border-width: 0; 
vertical-align: top;
}


.table_right_cell{
vertical-align: top;
padding: 0px 0px 10px 10px;
}

.portfolio_table_left_cell{
padding: 0px 10px 20px 0px;
width: 175px;
border-width: 0; 
vertical-align: top;
}

.portolio_table_right_cell{
vertical-align: top;
padding: 0px 0px 20px 0px;
}

.contact_table_left_cell{
padding: 0px 10px 20px 0px;
width: 175px;
border-width: 0; 
vertical-align: middle;
text-align: center;
}



border-width: 0; 
vertical-align: top;
}

img.logo{
margin:0;
width: 522px;
height: 150px;
}


img.home_book_covers{
margin:0;
width: 377px;
height: 300px;
}



ul.nav {
list-style: none;	
margin: 0;
}

ul.nav li {
display: inline;	
}

ul.nav li a {
font-size: 11px;
font-family: veranda, arial, helvetica, sans-serif;	
text-decoration: underline;	 
padding: 0 6px 0 6px;	 
color: #003366;
}

ul.nav li a:visited{
color: #666;
text-decoration: underline;
font-size: 11px;
}

ul.nav li a:hover{
text-decoration: none;
color: #666;
font-size: 11px;
}


ul.bullet_points{
list-style-type: none;
line-height: 1.7;
padding: 0;
margin: 8px 5px 5px 10px;
}


li.bullet_points{
background-image: url(http://www.alphastate.co.uk/mg/ims/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .2em;
padding-left: 22px;
font-weight: normal;
}

ul.bullet_points_indent{
list-style-type: none;
line-height: 1.7;
padding: 0;
margin: 0px 5px 15px 10px;
}

li.bullet_points_indent{
padding-left: 40px;
font-weight: normal;
}


 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */