/*
 
main 1024x768 
 
Default/shared styles
----------------------------------------------------------------------*/
body {
	font-size:75%;
	font-family:  "Helvetica 55 Roman", Arial, "MS Sans Serif", sans-serif;
	color:  #D4D0C8;
	text-align:left;
	background-color: #FFFFFF;
} 


a:link {
	color: #9d9d9d;
}
a:visited {
	/* color: #5273a5; */
}

a:hover { 
	color: #6b9add;
}



/********************************************
 Topics
*********************************************/ 

H1.logo1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #006699; 
	visibility:hidden;
}

/* @@ margin-top POS FROM TOP BY PADDING */ 
.logo1 {   
margin: 0px ; 
margin-top:20px;
position: relative;  
color: #006699; 
    padding: 28px 0 0 0;
    overflow: hidden;
    background-image:  url("http://www.prwfreeman.co.uk/prwfreeman/images/site1_01.gif");
    background-repeat: no-repeat;
    
    height: 0px !important;
    height /**/:44px; 
	background-color: #fff; 
}


/**********************************************
  layout 
 **********************************************/
 
/* @@ ADJUST left and top to set overall layout location */
.layout { 
	position:relative;
	left:175px;
	top:0px;
	padding: 0px;
}


/********************************************
 Topics
*********************************************/ 

/* @@ ADJUST top+height to set vertical position of links */
.specialty-menu {
position:relative;
	top:0px;  
	height:6px;
} 

.specialty-menu .spacer {
	background-color:#FFFFFF;
}
 

.specialty-menu span a {
    text-decoration:none; 
	color: #9d9d9d; 
}

.specialty-menu span a:hover {
    text-decoration:none; 
	color: #0099FF; 
}


.specialty-menu .selected a{ 
    color:#0099FF;
}

/********************************************
Image Menu
*********************************************/ 

/* ADJUST top and height to allow links on specialty-menu to function */
div.image-menu { 
	font-family:  "Helvetica 55 Roman", Arial, "MS Sans Serif", sans-serif; 
	font-size:10px;
        text-align: left;
        clear:both;
    display: block;
	position:relative;   
	top: 5px;
	height:29px;
}

span#currentImageNum, span#imageNumSep { 
	font-family:  "Helvetica 55 Roman", Arial, "MS Sans Serif", sans-serif; 
        font-size:10px;
	clear:left;
	top:0px;
	margin-left :-4px; 
	margin-right:10px; 
}
 
 
  
/* ADJUST margin-right to space mood sets of images */
div.image-menu  div.mood {  
    display: block;
	position:relative;   
	float:left;
	text-align: left; 
	margin-right:3px; 
	}

div.image-menu  div.mood div.description {
	clear:left;
	top:0px;
	margin-right:0px; 
	visibility:hidden;
	 
} 
 
/* ADJUST margin-right to space image links */
div.image-menu  div.mood div.image-link a { 
    text-decoration:none;
	clear:left;
	top:0px;
	margin-right:10px; 
}


/* ADJUST margin-right to space image links */
div.image-menu  div.mood  div.image-link    { 
    text-decoration:none;
    clear:left;  
	top:0px;
	margin-right:8px;
}

  


/********************************************
Image  
*********************************************/ 

/* ADJUST left to be -layout left */
/* ADJUST height to leave some vertical padding around the image */
div.imagearea { 
	position:relative;
 	clear:left;  
	left:  0px; 
	height:430px; 
	border-top-color:#D1D1D1;
	border-top-width:1px;
	border-top-style:solid; 
	border-bottom-color:#D1D1D1;
	border-bottom-width:1px;
	border-bottom-style:solid;  
}
 
/* ADJUST height to define image height */
/* ADJUST left to be -left of imagearea */
 .image {  
	padding-top:15px;
	height:400px;
	width:534px;
	left:175px;
	position:relative;
	overflow:hidden; 
 /*filter: alpha( opacity = 100 );
 opacity:1;*/ 
}
 
  
.image-description,  .image-description-separator{ 
	font :normal 80% Helvetica;
	left:175px;
	position:relative;
    float:left;
}


/********************************************
copyright  
*********************************************/ 
  
.copyright {
    font :normal 80% Helvetica;
	left:175px;
	position:relative; float:left;
}
  

/********************************************
contact details  
*********************************************/ 
div#contact-details  {
		z-index:1;
		visibility:hidden;
}
 

/********************************************
Text content area offset left against 
*********************************************/   

/* ADJUST height to define content area height */
/* ADJUST left to be -left of imagearea */
div.imagearea div#textcontent  {
	padding-top:20px;
	left:175px;
	position:relative;
	overflow:hidden;
	color: #768FA5;
	width: 534px;
}  
 
/********************************************
PageArea (Full Page, infinite length)
*********************************************/ 

div.pagebottomspacer{
 	height:20px;
}

div.pagearea { 
	position:relative; 
	clear:left;
	left:-2px;
	width:620px;  
	color:  #777;
}

div.pagearea .pagecontent  {
	position:relative; 
 	padding-top:6px; 
	width:620px; 
	position:relative;  
}


	 
div#pagelinetop {  
    clear:both;
    display: block;
	position:relative;  
	left:-175px;
	width:100%; 
	border-top-color:#D1D1D1;
	border-top-width:1px;
	border-top-style:solid;  
} 
div#pagelinebottom {  
    clear:both;
    display: block;
	position:relative;  
	left:-175px;
	width:100%; 
	border-top-color:#D1D1D1;
	border-top-width:1px;
	border-top-style:solid;  
}

.image-matrix-table { 
  width:668px;
}

.image-matrix-table tr td img{
  width:167px;
  height:167px;
} 

.text-module { 
    color:#aaa; 
    font-size:90%;
	position:relative;
	width:668px;
	margin-top:12px;
	margin-left:3px;
	margin-bottom:12px;
	padding-right:12px;
}